﻿/*
Theme Name: In Touch Stylesheet
Theme URI: 
Description: A custom theme created for In Touch by Arrowplane, LLC
Version: 1.0
Author: Arrowplane, LLC
Author URI: http://www.arrowplane.net
*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("reset.css"); 
@import url("typography.css"); 


/* framework
-----------------------------------------------------------------------------*/
html
{
}
body
{
	background:#e4e1d0 url(/wp-content/themes/intouch/images/bg-body.jpg) repeat-x 0 0;
	width:100%;
}
#container
{
	width:990px;
	padding:0;
	margin:0 auto;
}

/* header
-----------------------------------------------------------------------------*/
#header
{
	width:960px;
	height:92px;
	position:relative;
	background:transparent url(/wp-content/themes/intouch/images/bg-header.jpg) 0 0 no-repeat;
	padding:0 0 0 30px;	
	z-index:100;
}
#header-home
{
	width:990px;
	position:relative;
	height:102px;
	background:transparent url(/wp-content/themes/intouch/images/bg-header-home.jpg) 0 0 no-repeat;
	z-index:100;	
}
#logo 
{
	float:left;
	width:230px;
	height:70px;
}	
#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active
{
	display:block;
	width:230px;
	height:70px;
	text-indent:-9999em;		
}
* html #head
{
	position:absolute;
	bottom:0;
	right:130px;
	width:116px;
	height:30px;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/intouch/images/head-home.png',sizingMethod='scale');
}
#head
{
	position:absolute;
	bottom:0;
	right:130px;
	background:transparent url(/wp-content/themes/intouch/images/head-home.png) 0 0 no-repeat;
	width:116px;
	height:30px;
}	

/* utility-nav
-----------------------------------------------------------------------------*/
#utility-nav
{
	display:block;
}
#utility-nav ul
{
	float:right;
	padding-right:29px;
}
#utility-nav li
{
	float:left;
}
#utility-nav li.home a, #utility-nav li.home a:link, #utility-nav li.home a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/nav-home.gif) 0 0 no-repeat;
	width:65px;
	height:22px;
	display:block;
	text-indent:-9999em;
}
#utility-nav li.provide-feedback a, #utility-nav li.provide-feedback a:link, #utility-nav li.provide-feedback a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/nav-provide-feedback.gif) 0 0 no-repeat;
	width:241px;
	height:22px;
	display:block;	
	text-indent:-9999em;	
}
#utility-nav li.exit-interview a, #utility-nav li.exit-interview a:link, #utility-nav li.exit-interview a:visited
{
	background:transparent url(images/nav-exit.gif) 0 0 no-repeat;
	width:188px;
	height:22px;
	display:block;	
	text-indent:-9999em;	
}

#utility-nav li.home a:hover, #utility-nav li.home a:active,
#utility-nav li.provide-feedback a:hover, #utility-nav li.provide-feedback a:active,
#utility-nav li.exit-interview a:hover, #utility-nav li.exit-interview a:active,
#utility-nav li.home a.selected, #utility-nav li.home a.selected:link, #utility-nav li.home a.selected:visited,
#utility-nav li.home a.selected:hover, #utility-nav li.home a.selected:active,
#utility-nav li.provide-feedback a.selected, #utility-nav li.provide-feedback a.selected:link, #utility-nav li.provide-feedback a.selected:visited,
#utility-nav li.provide-feedback a.selected:hover, #utility-nav li.provide-feedback a.selected:active
#utility-nav li.exit-interview a.selected, #utility-nav li.exit-interview a.selected:link, #utility-nav li.exit-interview a.selected:visited,
#utility-nav li.exit-interview a.selected:hover, #utility-nav li.exit-interview a.selected:active
{
	background-position:0 -22px;
}

/* main nav
-----------------------------------------------------------------------------*/
#navigation
{
	float:right;
	width:687px;
	padding-right:27px;
}
#navigation ul
{
	float:right;
}
#navigation li
{
	float:left;
	position:relative;
}	

#navigation li.solutions a, #navigation li.solutions a:link, #navigation li.solutions a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/nav-solution.jpg) no-repeat 0 0;
	width:146px;
	height:66px;
	display:block;
	text-indent:-9999em;
	z-index:10;
}
#navigation li.pricing a, #navigation li.pricing a:link, #navigation li.pricing a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/nav-pricing.jpg) no-repeat 0 0;
	width:115px;
	height:66px;
	display:block;
	text-indent:-9999em;
	z-index:10;
}
#navigation li.about-us a, #navigation li.about-us a:link, #navigation li.about-us a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/nav-about-us.jpg) no-repeat 0 0;
	width:131px;
	height:66px;
	display:block;
	text-indent:-9999em;
	z-index:10;	
}
#navigation li.resources a, #navigation li.resources a:link, #navigation li.resources a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/nav-resources.jpg) no-repeat 0 0;
	width:149px;
	height:66px;
	display:block;
	text-indent:-9999em;
	z-index:10;
}
#navigation li.contact-us a, #navigation li.contact-us a:link, #navigation li.contact-us a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/nav-contact-us.jpg) no-repeat 0 0;
	width:146px;
	height:66px;
	display:block;
	text-indent:-9999em;
	z-index:10;	
}

#navigation li.solutions a:hover, #navigation li.solutions a:active,
#navigation li.pricing a:hover, #navigation li.pricing a:active,
#navigation li.about-us a:hover, #navigation li.about-us a:active,
#navigation li.resources a:hover, #navigation li.resources a:active,
#navigation li.contact-us a:hover, #navigation li.contact-us a:active,

#navigation li.solutions a.selected, #navigation li.solutions a.selected:link, #navigation li.solutions a.selected:visited,
#navigation li.solutions a.selected:hover, #navigation li.solutions a.selected:active,
#navigation li.pricing a.selected, #navigation li.pricing a.selected:link, #navigation li.pricing a.selected:visited,
#navigation li.pricing a.selected:hover, #navigation li.pricing a.selected:active,
#navigation li.about-us a.selected, #navigation li.about-us a.selected:link, #navigation li.about-us a.selected:visited,
#navigation li.about-us a.selected:hover, #navigation li.about-us a.selected:active,
#navigation li.resources a.selected, #navigation li.resources a.selected:link, #navigation li.resources a.selected:visited
#navigation li.resources a.selected:hover, #navigation li.resources a.selected:active,
#navigation li.contact-us a.selected, #navigation li.contact-us a.selected:link, #navigation li.contact-us a.selected:visited
#navigation li.contact-us a.selected:hover, #navigation li.contact-us a.selected:active
{
	z-index:10;
	background-position:0 -70px;
}


#navigation li ul
{
	position:absolute;
	left:-5px;
	top:0;
	display:none;
	z-index:10;	
}
* html #navigation li.solutions ul, * html #navigation li.about-us ul
{
	margin-top:66px;
	padding:8px 20px 19px 15px;
	background:transparent url(/wp-content/themes/intouch/images/bg-dropnav.gif) 0 0 no-repeat;
	width:142px;
}
#navigation li.solutions ul
{
	margin-top:66px;
	padding:8px 20px 19px 15px;
	background:transparent url(/wp-content/themes/intouch/images/bg-dropnav.png) 0 0 no-repeat;
	width:142px;
}
* html #navigation li.about-us ul
{
	margin-top:66px;
	padding:8px 20px 19px 15px;
	background:transparent url(/wp-content/themes/intouch/images/bg-dropnav-about.gif) 0 0 no-repeat;
	width:142px;
}
#navigation li.about-us ul
{
	margin-top:66px;
	padding:8px 20px 19px 15px;
	background:transparent url(/wp-content/themes/intouch/images/bg-dropnav-about.png) 0 0 no-repeat;
	width:142px;
}
#navigation li.solutions ul li a, #navigation li.solutions ul li a:link, #navigation li.solutions ul li a:visited,
#navigation li.about-us ul li a, #navigation li.about-us ul li a:link, #navigation li.about-us ul li a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/dropnav-arrow.gif) 0 9px no-repeat;
	color:#000;
	text-indent:0;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	padding:6px 0 6px 12px;
	height:auto;
	text-transform:uppercase;
}
#navigation li.solutions ul li a:hover, #navigation li.solutions ul li a:active,
#navigation li.about-us ul li a:hover, #navigation li.about-us ul li a:active
{
	background:transparent url(/wp-content/themes/intouch/images/dropnav-arrow.gif) 0 9px no-repeat;
	color:#cc2e22;
}

/* Holly Hack. IE Requirement \*/
* html #navigation li.solutions, * html #navigation li.solutions  { float: left; height: 1%; }
* html #navigation li.about-us  a, * html #navigation li.about-us  a { height: 1%; }
/* End */

#navigation li.solutions:hover ul, #navigation li.about-us:hover ul, #navigation li.over ul { display: block; } /* The magic */


/* main
-----------------------------------------------------------------------------*/
#main-frame
{
	padding:20px 0 0 0;
	background-color:#fff;
}
#main
{
	background:#fff url(/wp-content/themes/intouch/images/bg-main.jpg) 0 0 repeat-y;
	width:905px;
	padding:15px 40px 20px 35px;	
}
#left
{
	float:left;
	width:609px;
}

/* intro
-----------------------------------------------------------------------------*/
#home-intro-frame
{
	background:transparent url(/wp-content/themes/intouch/images/bg-home-intro.jpg) 0 0 no-repeat;
	width:990px;
	height:306px;
	padding-left:20px;
}
* html #home-image
{
	width:950px;
	height:286px;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/intouch/images/home-people.png',sizingMethod='scale');
}
#home-image
{
	background:transparent url(/wp-content/themes/intouch/images/home-people.png) top right no-repeat;
	width:950px;
	height:286px;
}	
#home-text
{
	padding:85px 10px 0 45px;
	width:370px;
	color:#000;
}
#home-text p
{
	padding:10px 20px 18px 0;
}

/* teasers
-----------------------------------------------------------------------------*/
#home-teasers
{
	margin:0 30px;
	background-color:#f2f0e9;
	padding:11px 0 26px 0;
}
#teaser-frame
{
	background:#f2f0e9 url(/wp-content/themes/intouch/images/bg-teasers.gif) 0 0 repeat-y;
}
#teaser-frame .left
{
	float:left;
	width:357px;
	padding:8px 30px 0 35px;
}
#teaser-frame .right
{
	float:left;
	width:440px;
	padding:10px 24px 0 37px;
}
.teaser-left-text p, .teaser-right-text p
{
	padding:8px 0 18px 0;
}

#services
{
	background:transparent url(/wp-content/themes/intouch/images/bg-four-services.jpg) 0 0 no-repeat;
	width:341px;
	height:49px;
	margin-top:33px;
	padding:23px 0 0 19px;
}
#services ul li.left-col
{
	float:left;
	width:133px;
	height:20px;	
}
#services ul li.right-col
{
	float:left;
	width:184px;
	height:20px;	
}
#services ul li.hotlines a, #services ul li.hotlines a:link, #services ul li.hotlines a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/service-hotliens.gif) 0 0 no-repeat;
	width:63px;
	height:7px;
	text-indent:-9999em;
	display:block;
	overflow:hidden;	
}
#services ul li.case-mgmt a, #services ul li.case-mgmt a:link, #services ul li.case-mgmt a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/service-case-mgmt.gif) 0 0 no-repeat;
	width:121px;
	height:7px;
	text-indent:-9999em;
	display:block;
	overflow:hidden;	
}
#services ul li.exit-views a, #services ul li.exit-views a:link, #services ul li.exit-views a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/service-exit-interviews.gif) 0 0 no-repeat;
	width:106px;
	height:7px;
	text-indent:-9999em;
	display:block;
	overflow:hidden;	
}
#services ul li.leadership-comm a, #services ul li.leadership-comm a:link, #services ul li.leadership-comm a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/service-leadership-comm.gif) 0 0 no-repeat;
	width:184px;
	height:7px;
	text-indent:-9999em;
	display:block;
	overflow:hidden;	
}
#services ul li.hotlines a:hover, #services ul li.hotlines a:active,
#services ul li.case-mgmt a:hover, #services ul li.case-mgmt a:active,
#services ul li.exit-views a:hover, #services ul li.exit-views a:active,
#services ul li.leadership-comm a:hover, #services ul li.leadership-comm a:active
{
	background-position:0 -7px;
}

#home-teasers .right .first
{
	padding-bottom:22px;
	border-bottom:solid 1px #dfdfdb;
}
#home-teasers .right .second
{
	padding:19px 0 10px 0;

}
#second-row
{
	background:transparent url(/wp-content/themes/intouch/images/bg-second-row.gif) 0 0 repeat-y;
}
#second-row .left
{
	float:left;
	width:189px;
	padding:0 33px 0 0;
}
#second-row .right
{
	float:left;
	width:185px;
	padding:0 0 0 33px;
}
#second-row .left p, #second-row .right p
{
	padding:10px 0 18px 0;
}
/* landing-frame
-----------------------------------------------------------------------------*/
#landing-frame
{
	background:transparent url(/wp-content/themes/intouch/images/bg-landing-header.jpg) 0 0 no-repeat;
	width:990px;
	height:186px;
	padding-left:20px;
	z-index:1;
}

/* main-content
-----------------------------------------------------------------------------*/
#main-content-frame
{
	margin:0 30px;
	padding:0 0 25px 0;
	background-color:#f4f3ec;
}
#main-content
{
	background:transparent url(/wp-content/themes/intouch/images/bg-main-content.gif) 0 0 repeat-y;
}
#right-column
{
	width:701px;
	padding:0 0 0 229px;
}
#breadcrumbs
{
	padding:7px 44px 25px 44px;
	font-size:9px;
	color:#666;
}
#headline, #headline-post
{
	padding:0 44px;
	height:33px;
}
#main-text
{
	padding:0 44px;
}
/* left-column
-----------------------------------------------------------------------------*/
#left-column-frame
{
	position:relative;
}
.landing #left-column
{
	position:absolute;
	top:82px;
	left:39px;
	z-index:1;	
}
.sub #left-column
{
	position:absolute;
	top:17px;
	left:38px;
	z-index:1;	
}
* html #left-header h3.solutions
{
	width:228px;
	height:45px;
	text-indent:-9999em;
	z-index:1;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/intouch/images/leftnav-solutions.png',sizingMethod='scale');
}
#left-header h3.solutions
{
	background:url(/wp-content/themes/intouch/images/leftnav-solutions.png) 0 0 no-repeat;
	width:228px;
	height:45px;
	text-indent:-9999em;
	z-index:1;
}
* html #left-header h3.pricing
{
	width:228px;
	height:59px;
	text-indent:-9999em;
	z-index:1;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/intouch/images/leftnav-pricing.png',sizingMethod='scale');
}
#left-header h3.pricing
{
	background:url(/wp-content/themes/intouch/images/leftnav-pricing.png) 0 0 no-repeat;
	width:228px;
	height:59px;
	text-indent:-9999em;
	z-index:1;
}
* html #left-header h3.about-us
{
	width:228px;
	height:45px;
	text-indent:-9999em;
	z-index:1;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/intouch/images/leftnav-about-us.png',sizingMethod='scale');
}
#left-header h3.about-us
{
	background:url(/wp-content/themes/intouch/images/leftnav-about-us.png) 0 0 no-repeat;
	width:228px;
	height:45px;
	text-indent:-9999em;
	z-index:1;
}
* html #left-header h3.contact-us
{
	width:228px;
	height:45px;
	text-indent:-9999em;
	z-index:1;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/intouch/images/leftnav-contact-us.png',sizingMethod='scale');
}
#left-header h3.contact-us
{
	background:url(/wp-content/themes/intouch/images/leftnav-contact-us.png) 0 0 no-repeat;
	width:228px;
	height:45px;
	text-indent:-9999em;
	z-index:1;
}
#left-spacer
{
	display:block;
	width:1;
	height:55px;	
}
* html #left-header h3.resources
{
	width:228px;
	height:59px;
	text-indent:-9999em;
	z-index:1;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/intouch/images/leftnav-resources.png',sizingMethod='scale');
}
#left-header h3.resources
{
	background:url(/wp-content/themes/intouch/images/leftnav-resources.png) 0 0 no-repeat;
	width:228px;
	height:59px;
	text-indent:-9999em;
	z-index:1;
}
* html #left-header h3.contact-us
{
	width:228px;
	height:59px;
	text-indent:-9999em;
	z-index:1;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/intouch/images/leftnav-contact-us.png',sizingMethod='scale');
}
#left-header h3.contact-us
{
	background:url(/wp-content/themes/intouch/images/leftnav-contact-us.png) 0 0 no-repeat;
	width:228px;
	height:59px;
	text-indent:-9999em;
	z-index:1;
}
* html #left-nav
{
	background:transparent url(/wp-content/themes/intouch/images/leftnav-bg.gif) 0 0 repeat-y;
	width:204px;
	padding:0 13px 0 11px;	
}
#left-nav
{
	background:transparent url(/wp-content/themes/intouch/images/leftnav-bg.png) 0 0 repeat-y;
	width:204px;
	padding:0 13px 0 11px;	
}
#left-nav ul
{
	background:transparent url(/wp-content/themes/intouch/images/leftnav-internal-bg.jpg) 0 0 no-repeat;
	padding:15px;	
}
* html #left-nav ul li
{
	height:1%;
}
* html #left-nav li a, 
* html #left-nav li a:link, 
* html #left-nav li a:visited
{
	background:transparent url(/wp-content/themes/intouch/images/leftnav-arrow.gif) 0 13px no-repeat;
	height:auto;
	text-transform:uppercase;
}
#left-nav li a, #left-nav li a:link, #left-nav li a:visited
{
	font-size:11px;
	line-height:14px;
	display:block;
	color:#000;
	padding:8px 0 8px 11px;
	text-transform:uppercase;	
	background:transparent url(/wp-content/themes/intouch/images/leftnav-arrow.png) 0 13px no-repeat;
}
#left-nav li a:hover, #left-nav li a:active,
#left-nav li.current_page_item a, #left-nav li.current_page_item a:link, #left-nav li.current_page_item a:visited,
#left-nav li.current_page_item a:hover, #left-nav li.current_page_item a:active
{
	color:#cc2e22;
}

* html #left-bottom
{
	background:#f3f2eb transparent url(/wp-content/themes/intouch/images/leftnav-bottom.gif) 0 0 no-repeat;
	width:228px;
	height:29px;
}
#left-bottom
{
	background:#f3f2eb url(/wp-content/themes/intouch/images/leftnav-bottom.png) 0 0 no-repeat;
	width:228px;
	height:29px;
}
#related-content
{
	padding:10px 0 0 26px;
	width:177px;
}

/* sub-frame
-----------------------------------------------------------------------------*/
#sub-frame
{
	background:transparent url(/wp-content/themes/intouch/images/bg-header-sub.jpg) 0 0 no-repeat;
	width:990px;
	height:96px;

}
/* footer
-----------------------------------------------------------------------------*/
#footer
{
	color:#848383;
	font-size:9px;
	text-align:center;
	padding:10px 0 41px 0;
}
#footer a, #footer a:link, #footer a:visited
{
	color:#848383;
	text-decoration:none;
}
#footer a:hover, #footer a:active,
#footer a.selected, #footer a.selected:link, #footer a.selected:visited,
#footer a.selected:hover, #footer a.selected:active
{
	color:#996666;
	text-decoration:none;	
}

/* contact form
-----------------------------------------------------------------------------*/
.interests .wpcf7-list-item
{
	display:block;	
}
#main-text span.wpcf7-not-valid-tip
{
	display:block;
	position:relative;
	background:transparent;
	border:none;
	color:#FF0000;
	left:0;
	top:0;
	width:400px;
}
#main-text .wpcf7-response-output, #main-text .wpcf7-validation-errors, #main-text .wpcf7-mail-sent-ng
{
	border:none;
	color:#FF0000;
	padding:0;
	margin:20px 0 0 0;
}


.ddsg-wrapper h2
{
	display:none;
}

.post
{
	padding:0 0 16px 0;	
}

/* feedback form
-----------------------------------------------------------------------------*/
table.form td.label
{
	vertical-align:top;
	text-align:right;
	padding:0 10px 10px 0;
}
table.form td.value
{
	vertical-align:top;
	padding:0 0 10px 0;
}
.error
{
	color:#C00;
}
p.form-note
{
	padding:20px 0 0 0;	
}

/* team photos
-----------------------------------------------------------------------------*/
* html .photo-frame
{
	width:118px;
	height:138px;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/intouch/images/photo-frame.png',sizingMethod='scale');	
}
.photo-frame
{
	background:transparent url(/wp-content/themes/intouch/images/photo-frame.png) 0 0 no-repeat;
	width:118px;
	height:138px;		
}
.photo-frame img
{
	margin:6px 0 0 7px;	
}

