/* CSS for Time Inc. Content Solutions */

/* ===========================================
         GLOBAL DEFINITIONS              
==============================================*/

* { margin: 0; padding: 0; }

.clear { clear: both; height: 0px; font-size: 0px; }

a { color: #b81010; }
a:hover { color: #e86956; }

a img { border: none; }
a.skipToContent { display: none; }

span { display: none; }

p { margin-bottom: 1em; }

body, h3, h5 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 0; margin-bottom: 0; }
h3 { font-size: 1.6em; color: #226f97; _position: relative; /* For Win/IE6 */ }
h5 { font-size: 1.3em; }

*+html h3 { 
	position: relative; /* For Win/IE7 */
}



/* ===========================================
         MAIN LAYOUT
==============================================*/

body { 
	padding: 0 20px 15px;
	background-color: #000;
	font-size: 70%; /* Use percentages and ems for fonts: http://www.alistapart.com/articles/elastic/ */
	line-height: 1.5em;
	color: #000;
	text-align: center;
}

#mainContainer {
	width: 958px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #a9dbf5;
	background-color: #52b7eb;
}

/*	Use to change sidebar bkgd color */
#sidebarColor-withNav2, #sidebarColor-noNav2 { margin-left: 15px; }
#sidebarColor-noNav2 { 
	background-color: #479fcd; 
	_height: 1%; /* For Win/IE6 */
	border-bottom: 1px solid #479fcd; /* For Netscape */
	margin-bottom: -2px; /* For Netscape */
}

*+html #sidebarColor-noNav2 { 
	height: 1%; /* For Win/IE7 */
}

#mainContainer .navlast { border-right: none; } /* This doesn't work without the #mainContainer */


/* ===========================================
         HEADER
==============================================*/

#header {
	background: #479fcd url(../img/header/bg_header.jpg) 0 100% no-repeat;
	border-bottom: 1px solid #a9dbf5;
}

#header h1 {
	float: left;
	width: 227px;
	margin: 11px 0 0 15px;
}

#header h4 {
	float: left;
	width: 550px;
	margin: 38px 0 0 80px;
}

#header_contactTics {
	float: left;
	width: 163px;
	height: 12px;
	margin: 21px 0 0 42px;
	background: url(../img/header/btn_contact_tics.gif) 0 0 no-repeat;
	}

#header_contactTics:hover {
	background-position: 0 100%;
	}

/* ---------- NAV ---------- */

#header ul {
	list-style: none;
	float: left;
	margin-top: 11px;
}

#header ul li {
	float: left;
	border-left: 1px solid #a9dbf5;
}

#header ul li a {
	display: block;
	height: 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#header ul li a:hover { background-position: 0 -30px; }
#header ul li a.on { background-position: 0 -60px; }

#nav-home a { width: 82px; background-image: url(../img/nav/nav_home.gif); }
#nav-about a { width: 106px; background-image: url(../img/nav/nav_about.gif); }
#nav-ticsservices a { width: 135px; background-image: url(../img/nav/nav_ticsServices.gif); }
#nav-clients a { width: 90px; background-image: url(../img/nav/nav_clients.gif); }
#nav-awards a { width: 94px; background-image: url(../img/nav/nav_awards.gif); }
#nav-contact a { width: 140px; background-image: url(../img/nav/nav_contact.gif); }


/* ===========================================
         CONTENT
==============================================*/

/*	Float this container so that clear declarations inside won't clear content 
	below the sidebar. "Preventing External Clearing":
	http://www.positioniseverything.net/easyclearing.html */
#content {
	float: left; 
	width: 702px;
	background-color: #e2f3fc;
}

#contentHdr h2 {
	margin: 31px 14px auto 11px;
}

#contentHdr p {
	margin: 0 30px 1.6em 31px;
}

.contentBox, .contentRow {
	padding: 14px 30px 4px 30px;
}

.contentBox {
	padding-bottom: 40px;
	margin-top: 1em;
	_margin-top: 0; /* For Win/IE6 */
}

*+html .contentBox   { 
	margin-top: 0; /* For Win/IE7 */
}

.contentBox ul {
	margin-bottom: 1.4em;
}

.contentBox li {
	list-style-type: disc;
	margin-bottom: 1em;
	margin-left: 3em;
	color: #d21527;
}

.contentBox li strong {
	color: #000;
}

.contentBox li h5, .contentBox li h6 {
	font-size: 1.0em;
	color: #000;
	font-weight: bold;
}

.contentBox li h6 {
	font-weight: normal;
}

.contentBox li h5 strong {
	color: #d21527;
}

.alt {
	background-color: #fff;
}

.contentRow img {
	float: left;
}

.contentRow p {
	float: left;
	padding-top: 4px;
}

/* ===========================================
         SIDEBAR
==============================================*/

#sidebar {
	float: right;
	width: 241px;
}

#map-powerful {
	background-color: #52b7eb;
}

#map-powerful img {
	margin: 38px 0 34px 23px;
}

/* ---------- NAV 2 ---------- */

#sidebar ul {
	list-style: none;
	padding-top: 69px;
	padding-bottom: 58px;
	background-color: #4ba8d8;
}

#sidebar ul li {
	padding: 9px 0 9px 46px;
	_padding-bottom: 7px; /* For Win/IE6 */
	border-top: 1px solid #baf8ff;
}

*+html #sidebar ul li  { 
	padding-bottom: 7px; /* For Win/IE7 */
}

#sidebar ul li#nav2-pdfDownload, 
#sidebar ul li#nav2-pdfDownload2,
#sidebar ul li#nav2-pdfDownload3,
#sidebar #nav2-building {
	padding-left: 41px;
}

#sidebar ul li.navlast {
	border-bottom: 1px solid #baf8ff;
}

#sidebar ul li.on {
	background-color: #4396c0;
}

#sidebar ul li a {
	display: block;
	width: 200px; /* Win/IE6 needs this base width */
	height: 18px;
	background-position: left top;
}

/* About us */
#sidebar #nav2-schraftBio a { width: 121px; height: 28px; background: url(../img/sidebar/nav2_schraftBio.gif); }
#sidebar #nav2-schraftBio a:hover, #sidebar #nav2-schraftBio a.on  { background-position: left bottom; } 
#sidebar #nav2-qanda a { width: 55px; height: 16px; background: url(../img/sidebar/nav2_qanda.gif); }
#sidebar #nav2-qanda a:hover, #sidebar #nav2-qanda a.on  { background-position: left bottom; } 
#sidebar #nav2-liquid a { width: 98px; height: 16px; background: url(../img/sidebar/nav2_liquiddialog.gif); }
#sidebar #nav2-liquid a:hover, #sidebar #nav2-liquid a.on  { background-position: left bottom; } 
#sidebar #nav2-pdfDownload a { width: 175px; height: 18px; background: url(../img/sidebar/nav2_070129adage.gif); }
#sidebar #nav2-pdfDownload a:hover, #sidebar #nav2-pdfDownload a.on { background-position: left bottom; } 
#sidebar #nav2-pdfDownload2 a { width: 175px; height: 18px; background: url(../img/sidebar/nav2_080128adage.gif); }
#sidebar #nav2-pdfDownload2 a:hover, #sidebar #nav2-pdfDownload2 a.on { background-position: left bottom; } 
#sidebar #nav2-pdfDownload3 a { width: 137px; height: 18px; background: url(../img/sidebar/nav2_080303minsb2b.gif); }
#sidebar #nav2-pdfDownload3 a:hover, #sidebar #nav2-pdfDownload3 a.on { background-position: left bottom; } 
#sidebar #nav2-folio a { width: 103px; height: 18px; background: url(../img/sidebar/nav2_080304folio.gif); }
#sidebar #nav2-folio a:hover, #sidebar #nav2-pdfDownload3 a.on { background-position: left bottom; } 
#sidebar #nav2-building a { width: 176px; height: 28px; background: url(../img/sidebar/nav2_buildingCustomerEquity.gif); }
#sidebar #nav2-building a:hover, #sidebar #nav2-building a.on  { background-position: left bottom; } 
#sidebar #nav2-dmnews a { width: 126px; height: 18px; background: url(../img/sidebar/nav2_080428dmnews.gif); }
#sidebar #nav2-dmnews a:hover, #sidebar #nav2-dmnews a.on  { background-position: left bottom; } 

/* TICS Services */
#sidebar #nav2-methodology a { width: 123px; height: 17px; background: url(../img/sidebar/nav2_ourMethodology.gif); }
#sidebar #nav2-methodology a:hover, #sidebar #nav2-methodology a.on  { background-position: left bottom; } 
#sidebar #nav2-portfolio a { width: 142px; height: 14px; background: url(../img/sidebar/nav2_portfolioOfServices.gif); }
#sidebar #nav2-portfolio a:hover, #sidebar #nav2-portfolio a.on  { background-position: left bottom; } 
#sidebar #nav2-testimonials a { width: 131px; height: 18px; background: url(../img/sidebar/nav2_clientTestimonials.gif); }
#sidebar #nav2-testimonials a:hover, #sidebar #nav2-testimonials a.on  { background-position: left bottom; } 
#sidebar #nav2-casestudies a { width: 142px; height: 14px; background: url(../img/sidebar/nav2_caseStudies.gif); }
#sidebar #nav2-casestudies a:hover, #sidebar #nav2-casestudies a.on  { background-position: left bottom; } 
#sidebar #nav2-requestcasestudy a { width: 139px; height: 18px; background: url(../img/sidebar/nav2_requestCaseStudy.gif); }
#sidebar #nav2-requestcasestudy a:hover, #sidebar #nav2-requestcasestudy a.on  { background-position: left bottom; } 


/* ---------- CONTACT INFO ---------- */

a#sidebar_emailChris {
	float: left;
	display: block;
	width: 17px;
	height: 10px;
	margin: 75px -18px auto 22px;
	_display: inline; /* For Win/IE6 - double float margin bug */
	background: url(../img/sidebar/btn_email.gif) left top;
}

a#sidebar_emailChris:hover { background-position: left bottom; } 

#sidebar_contactInfo {
	float: left;
	margin-top: 38px;
	margin-left: 23px;
}

/* ===========================================
         FOOTER
==============================================*/

#footer {
	clear: both; /* For Netscape */
	padding: 12px 0 11px;
	background-color: #479fcd;
	border-top: 1px solid #a9dbf5;
	text-align: center;
	line-height: 1.6em;
}

#footer a { color: #000; }
#footer a:hover { color: #fff; }



/* ===========================================
         HOME
==============================================*/

.homeContainer {
	position: relative;
	text-align: center;
	}

.homeContainer #skipLink {
	position: absolute;
	top: 10px;
	right: 14px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}

.homeContainer #skipLink:hover {
	color: #b81010;
	}


/* ===========================================
         HOME2 - FLASH RESTING STATE
==============================================*/

#flashRollover {
	margin: auto;
	width: 791px;
	height: 495px;
	background: url(../img/home/ticshome-resting.gif) 0 0 no-repeat;
	}

#flashRollover img {
	border: 0;
	}


/* ===========================================
         CLIENTS
==============================================*/

.clientsContainer #flashcontent {
	padding-top: 4px;
	_padding-bottom: 5px; /* For Win/IE6 */
	border-left: 1px solid #a9dbf5;
	background-color: #52b7eb;
	margin-bottom: -1px; /* Netscape adds 1px space between flashcontent and content */
}

.clientsContainer #sidebar { 
	border-top: 1px solid #a9dbf5;
}

.clientsContainer .contentRow {
	padding-bottom: 15px;
}

.clientsContainer .contentRow img {
	margin-right: 19px;
}

.clientsContainer .contentRow h3 {
	padding-top: 4px;
}

.clientsContainer .contentRow h3 strong {
	font-size: 0.65em;
	color: #000;
}

.clientsContainer .contentRow p {
	padding-top: 0;
	width: 355px;
}

.clientsContainer .noCover p {
	width: 475px;
}


/* ===========================================
         TICS SERVICES - LANDING PAGE
==============================================*/

.servicesContainer .contentBox {
	padding-bottom: 60px;
}

.servicesContainer .contentBox.alt {
	padding-bottom: 1.0em;
}

.servicesContainer .contentBox h3 {
	margin-bottom: 0.5em;
}

.servicesContainer .contentBox p {
	font-weight: bold;
}

.servicesContainer .contentBox li strong {
	font-weight: normal;
}


/* ===========================================
         TICS SERVICES - METHODOLOGY
==============================================*/

.methodologyContainer {
	padding-bottom: 100px;
}

.methodologyContainer .contentBox {
	padding-bottom: 20px;
}

.methodologyContainer .contentBox h3 {
	margin-bottom: 0.5em;
}


/* ===========================================
         CLIENTS - CLIENT TESTIMONIALS
==============================================*/

.testimonialsContainer {
	padding-bottom: 100px;
}

.testimonialsContainer .contentBox {
	padding-bottom: 15px;
}

.testimonialsContainer .contentBox h3 {
	margin-bottom: 0.4em;
	line-height: 1.3em;
}

.testimonialsContainer .contentBox p {
	line-height: 1.3em;
}


/* ===========================================
         AWARDS
==============================================*/

.awardsContainer .contentBox h3 {
	margin-bottom: 0.2em;
}

.awardsContainer .contentBox h4 {
	margin-bottom: 0.6em;
	margin-left: 20px;
	font-size: 1.4em;
	font-weight: normal;
	color: #226F97;
}

.thumbnails {
	margin-left: -1em;
	_margin-left: -40px; /* For Win/IE6 */
	_padding-left: 0; /* For Win/IE6 */
}

.thumbnails li {
	float: left;
	list-style: none;
	width: 210px;
	height: 150px;
	margin-left: 30px;
}

.thumbnails div {
	float: right;
	width: 100px;
}

.thumbnails h5, .thumbnails h6 {
	line-height: 1.2em;
	margin-bottom: 0.2em;
}

/* --- Spread --- */

.thumbnails li.spread {
	width: 420px;
}

.thumbnails li.spread div {
	width: 200px;
}



/* ===========================================
         ABOUT US - LANDING PAGE
==============================================*/

.aboutUsContainer .contentBox h3 {
	float: left;
	margin-right: 0.2em; 
	font-size: 1.4em;
	font-weight: bold;
}


/* ===========================================
         ABOUT US - CHRIS SCHRAFT BIO
==============================================*/

#photo_schraft {
	float: left;
	margin: auto 16px 16px auto;
}

.schraftBioContainer h5 {
	margin-bottom: 1.5em;
	_font-size: 1.2em; /* For Win/IE6 */
}

*+html .schraftBioContainer h5   { 
	font-size: 1.2em; /* For Win/IE7 */
}


/* ===========================================
         ABOUT US - Q & A WITH CHRIS
==============================================*/

.qandaContainer #content h2 {
	float: left;
	_display: inline; /* For Win/IE6 - double float margin bug */
}

.qandaContainer #content h3 {
	float: left;
	margin-top: 39px;
	_margin-top: 41px; /* For Win/IE6 */
}

.qandaContainer .contentHdr_photo {
	float: right;
	margin: 6px;
}

.qandaContainer .contentRow img {
	margin-right: 5px;
}

.qandaContainer .contentRow p {
	width: 452px;
}

.qandaContainer .question {
	font-weight: bold;
	_margin-bottom: 0; /* For Win/IE6 */
}

*+html .qandaContainer .question  { 
	margin-bottom: 0; /* For Win/IE7 */
}


/* ===========================================
         CONTACT US
==============================================*/

.contactusContainer form {
	padding: 32px 17px 98px 30px;
}

.contactusContainer form ul {
	list-style: none;
}

.contactusContainer form li {
	float: left;
	width: 194px;
	margin-right: 40px;
	_margin-right: 34px; /* For Win/IE6 */
	margin-bottom: 8px;
	_margin-bottom: 6px; /* For Win/IE6 */
}

*+html .contactusContainer form li  { 
	margin-bottom: 6px; /* For Win/IE7 */
}

.contactusContainer form li.clear {
	width: 400px;
	clear: both;
}

.contactusContainer form label {
	display: block;
	_margin-bottom: -1px; /* For Win/IE6 */
}

*+html .contactusContainer form label  { 
	margin-bottom: -1px; /* For Win/IE7 */
}

.contactusContainer form input {
	width: 194px;
}

.contactusContainer form #state {
	width: 60px;
	_margin-right: 17px; /* For Win/IE6 */
}

.contactusContainer form #zipCode, 
.contactusContainer form #zipCode input {
	width: 94px;
}

.contactusContainer form #comments, 
.contactusContainer form #comments textarea {
	width: 428px;
}

.contactusContainer #resetButton,
.contactusContainer #submitButton {
	width: 51px;
}

.contactusContainer #resetButton {
	margin-left: 272px;
	_display: inline; /* IE6 */
	}

#resetButton button, #submitButton button {
	display: block;
	margin-top: 4px;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#resetButton button {
	width: 51px;
	height: 16px;
	background: transparent url(../img/contact_us/btn_clear.gif) left top;
}

#submitButton button {
	width: 67px;
	height: 15px;
	background: transparent url(../img/contact_us/btn_submit.gif) left top;
}

#resetButton button:hover, #submitButton button:hover {
	background-position: left bottom;
}

.contactusContainer #sidebar ul {
	margin-bottom: 1em;
	padding-top: 0;
	padding-bottom: 0;
}


/* ===========================================
         CONTACT US - THANKS
==============================================*/

.thanksContainer #content {
	padding: 0 0 200px 0;
}

.thanksContainer .contentBox {
	padding-left: 30px;
}

.thanksContainer h3 {
	font-size: 2.0em;
	margin-bottom: 0.2em;
}

.thanksContainer p {
	font-size: 1.1em;
}

.thanksContainer #sidebar ul {
	padding-top: 0;
	padding-bottom: 0;
}


/* ===========================================
         LEGAL AND PRIVACY
==============================================*/

.legalContainer .contentBox h1 {
	margin-bottom: 1.0em;
}

.legalContainer .contentBox h3 {
	margin-bottom: 0.2em;
}