/* CSICreativeSolutions.com Global Styles
-----------------------------------------*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* This version should remove the dotted outline on links in Firefox -- AND IE7! */
a:active, a:focus {
	outline: 0;
}

/* abbr for W3C Markup Validator only */
abbr {
	cursor: help;
}

a {
	border:none;
	color:#ed1c24;
}

a:link, a:visited, a:active {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#logo_home {
	float:left;
	margin-top:26px;
	display:block;
	width:215px;
	height:25px;
	background: url("../img/csi-logo.gif") no-repeat;
}

#logo a {
	float:left;
	margin-top:26px;
	display:block;
	width:215px;
	height:25px;
	background: url("../img/csi-logo.gif") no-repeat;
	overflow:hidden;
}

/* Safari and IE7 can't get along with #toplinks. So we end up giving it both a float and a width,
which means we now need #topLinks_home since width is greater. */

#topLinks_home {
	border-bottom:2px solid #ed1c24;
	float:left;
	width:1100px;
}

#topLinks {
	border-bottom:2px solid #ed1c24;
	float:left;
	width:900px;
}

* html #topLinks {
	height:1%;
}

#topLinks:after {
	content:"."; 
	display:block; 
 	height:0; 
	clear:both; 
	visibility:hidden;
}

#navwrap {
	margin-top:40px; /* use margin here, not padding, so that IE6 plays nice with QuickMenu */
	width:550px;
	float:right;
}

#topLinksR {
	position:relative;
	z-index:10002;
	padding-bottom:6px;
	padding-top:40px;
	font-size:11px;
	float:right;
	color:#ed1c24;
}

/* Footer - Contact Us
-----------------------------------------*/
#footer_home {
	padding-bottom:20px;
	clear:both;
	border-top:1px solid #252525;
	display:block;
	font-size:11px;
	width:1100px;
}

#footer {
	padding-bottom:20px;
	clear:both;
	border-top:1px solid #252525;
	display:block;
	font-size:11px;
	width:900px;
}

#footer_home:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html #footer_home {
	height:1%;
}

#footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html #footer {
	height:1%;
}

#footerL {
  	padding-top:8px;
	color:#999;
	float:left;
}

#footerL a {
	font-size:12px;
	color:#ed1c24;
}

#footerR {
  	padding-top:8px;
	float:right;
	color:#999;
	font-size:10px;
}

.cpyrght {
	color:#999;
	font-size:10px;
}

#contact{
	font-size:12px;
	display:none;
	padding-top:15px;
	float:left;
}

#contactInfo1 {
	padding:3px 0 0;
	line-height:18px;
	color:#333333;
	float:left;
}

#contactInfo1 a {
	line-height:20px;
}

#locationWrap {
	padding:7px 0 0;
	clear:left;
	float:left;
}

#locationInfo1, #locationInfo2 {
	line-height:18px;
	color:#333333;
	float:left;
	width:200px;
}

#contact .contactUs {
	margin-bottom:8px;
	background: url("../img/home-titles.png") no-repeat 0 -90px;
	width:89px;
	height:14px;
}

#contact strong {
	font-weight:bold;
	display:block;
}

#contact strong a {
	font-weight:bold;
	color:#333;
}

/* ---------------------------------------------------------*/
/* Example IE/Win fix for float padding problems (CSSTMM p.)*/
* html .container {
  display: inline;
}

/* Example IE/Mac undo for IE/Win fix */
* html .container {
  height: 1%;
}

/* Standard clearfix (PCSST p.94) */
/* Use in addition to container: <div class="container clearfix">... */
.clearfix:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hide from IE/Mac */
* html .clearfix {
  height: 1%;
}

/* Brute force clearfix for IE */
.clearboth
{ 
  content: ".";
  height:0;
  width:0;
  margin:0;
  padding:0;
  clear: both;
  color: #fff;
}
/* ---------------------------------------------------------*/

/* Homepage Styles
-----------------------------------------*/

#home_container {
	padding:0 30px;
	width:1100px;
	margin:0 auto;
}

#home_wrapper {
	width:1100px; /* required for IE6 */
	position:relative;
	display:block;
}

#homeLeft {
	background: url("../img/csi-splash.jpg") no-repeat;
	height:670px;
	width:743px;
	display:block;
	float:left;
	position:relative;
}

#homeRight {
	/*position:absolute;*/
	float:right;
	/* z-index:10000: kill this so that Quickmenu Sub Container appears on top of #homeRight */
	width:320px;
 	padding-top:50px;
}

#homeRight h1 {
	margin-bottom:0.3em;
}

.title {
display:block;
outline-color:invert;
outline-style:none;
outline-width:medium;
text-indent:-9999px !important;
}

#homeRight .whatCanCSIDoForYou {
	background: url("../img/home-titles.png") no-repeat 0 0;
	width:241px;
	height:14px;
}

#homeRight .consulting {
	background: url("../img/home-titles.png") no-repeat 0 -18px;
	width:93px;
	height:18px;
}

#homeRight .designAndMarketing {
	background: url("../img/home-titles.png") no-repeat 0 -36px;
	width:173px;
	height:18px;
}

#homeRight .publicRelations {
	background: url("../img/home-titles.png") no-repeat 0 -54px;
	width:134px;
	height:14px;
}

#homeRight .trainingAndSeminars {
	background: url("../img/home-titles.png") no-repeat 0 -72px;
	width:223px;
	height:18px;
}

.homeRight_mainPara {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

#homeRight h2 {
	margin:25px 0 0.1em 50px;
}

#homeRight h3 {
	margin:10px 0 0.2em 50px;
}

#homeRight #hThree {
	margin:10px 0 0.4em 50px;
}

.homeRight_subPara {
	margin:0 0 0 50px;
	font-size:11px;
	line-height:13px;
}

.findOutMoreWrap {
	position:relative;
	top:-7px;
}

#findOutMoreWrap2 {
	position:relative;
	top:3px;
}

.homeRight_findOutMore {
	margin-left:16.9em;
}

/* Clients page
-----------------------------------------*/

#casestudies_container {
	padding:0 30px;
	width:900px;
	margin:0 auto;
}

#casestudies_outer_wrapper {
	position:relative;
	display:block;
}

#casestudies_wrapper {
	overflow:hidden;
	position:relative;
	width:900px;
}

#headline_casestudies {
	clear:both;
	margin-top:12px;
	margin:15px 0 35px 0;
	width:900px;
	display:inline-block;
}

#headline_casestudies .headline {
	float:left;
}

#headline_casestudies a {
  margin-top:120px;
  float:right;
}

#headline_casestudies:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

* html #headline_casestudies {
  height:1%;
}

#casestudies_content {
	font:13px arial, helvetica, sans-serif;
	padding:5px 0 15px 0; /* padding-bottom read ONLY by IE -- see next below */
  	width:900px;
}

#csGrid {
	margin:0 0 15px 20px; /* use margin (not padding) for margin-left to satisfy IE; margin-bottom NOT read by IE -- see next above */
	float:left;
}

#csGrid tr.mid td {
  border-top:1px solid #eee;
  height:2px;
}

#csGrid td {
  border-left:1px solid #eee;
  border-top:1px solid #eee;
  width:275px;
  padding:1.5em 1.5em 0 1.5em;
  vertical-align:top;
  position:relative;
}

#csGrid td.left {
  border-left:0;
  width:283px;
  padding-left:0;
}

#csGrid td.top {
  border-top:0;
  padding-top:0;
}

#csGrid td .logo {
  height:60px;/*56px*/
  display:block;
  margin:0;
  padding:0;
  position:relative;
}

#logo5 img {
	padding-top:5px;
}

#logo6 img {
	padding-top:2px;
}

#logo8 img {
	padding-top:5px;
}

#logo9 img {
	padding-top:8px;
}

#logo10 img {
	padding-top:3px;
}

#logo11 img {
	padding-top:3px;
}

#logo12 img {
	padding-top:3px;
}

#csGrid p {
	margin:0 0 7px 0;
}

#csGrid .studyP {
	margin:0 0 3px 0;
}

.tMark2 {
	font-size:11px;
	vertical-align:top;
}

/* Individual Case Study pages
-----------------------------------------*/

#case_container {
	padding:0 30px;
	width:900px;
	margin:0 auto;
}

a img { border: 0; padding: 0; margin: 0; }

#trigger { width: 115px; display: block; margin-bottom:1em; }
.triggerUrlWrapper { width:300px; margin-top:.3em;}
.triggerUrlWrapper #trigger { float:left; }

p { line-height: 16px; margin: 0 0 10px 0; padding: 0; font-size:12px; }
	

#content_cs {
	background:   url("../img/sub-banner-dbl-blk-line.gif") no-repeat top left; padding: 14px 0 7px 0; 
	float:left;
}

#imgWrapTop {float:left; height:39px;}
ul#services_utilized_inner { color:#fff; list-style:none; font-size:12px; line-height:17px; margin:0; padding:5px 10px 12px 17px; }
#services_utilized { float:left; width:350px; background-color:#3B6E8F; padding:0; }
#imgWrapBtm {float:left; height:4px; padding-top:9px;}

#leftCol { width:354px; float:left; }
#rightCol { width:500px; margin-left:46px; float:left; }
		
.tMark {
	font-size:12px;
	vertical-align:top;
}

.smallerPoint {
	font-size:12px;
}

/*
	Case Studies Navigation Top
*/

a.caseLink {
  font-size:10px;
  color:#ed1c24; 
  text-decoration:none;
  margin-left:5px;
  margin-right:5px;
  }

a:hover.caseLink {
  text-decoration:underline; 
  }

a.caseLink span {
  color:#666; 
  }

#caseNaviTop {
	margin-top:5px;
	float:left;
	width: 900px;
	z-index:10;
}

#caseNaviTop ul {
  text-align:right;
  margin:0;
  padding:0;
  font-family:Arial,sans-serif;
  font-size:10px;  
}

#caseNaviTop ul li{
  display:inline;
  white-space:nowrap;
}

#caseNaviTop ul li.next {
	padding-right:10px;
}

/*
	Case Studies Navigation Bottom
*/
#caseNaviBottom {
	margin-top:10px;
	float:left;
	width: 900px;
}

#caseNaviBottom ul {
  text-align:right;
  margin:0;
  padding:0;
  font-family:Arial,sans-serif;
  font-size:11px;
}

#caseNaviBottom ul li{
  display:inline;
  white-space:nowrap;
  background-color:#fff;
}

#caseNaviBottom ul li.next {
	padding-right:10px;
} 

/* What We Do Pages
-----------------------------------------*/

#whatwedo_container {
	padding:0 30px;
	width:900px;
	margin:0 auto;
}

#headline_whatwedo {
	clear:both;
	margin-top:12px;
	margin:15px 0 25px 0;
	width:900px;
	display:inline-block;
}

#whatwedo_content {
	font:14px arial, helvetica, sans-serif;
	padding:5px 0 0 0; /* padding-bottom read ONLY by IE -- see below */
  	width:900px;
}

#whatwedo_content p {
  font:14px arial, helvetica, sans-serif;
}

#whatwedo_content li {
	list-style-position:inside;
	list-style-type:disc;
}

#whatwedo_content ul {
	padding:0 0 15px;
}

/* Results
-----------------------------------------*/

#results_container {
	padding:0 30px;
	width:900px;
	margin:0 auto;
}

#headline_results {
	clear:both;
	margin-top:12px;
	margin:15px 0 25px 0;
	width:900px;
	display:inline-block;
}

#results_wrapper {
	overflow:hidden;
	position:relative;
	width:900px;
}

#results_content {
	font:14px arial, helvetica, sans-serif;
	padding:5px 0 25px 0; /* padding-bottom read ONLY by IE -- see next below */
  	width:900px;
}

#results_content h1 {
	padding:0 0 7px 0;
	font:16px arial, helvetica, sans-serif;
}

#results_content p {
	margin:0;
	font:14px arial, helvetica, sans-serif;
}

.quotee {
	padding:3px 0 15px 10px;
	font-size:12px;
}

/* About Us
-----------------------------------------*/

#about_container {
	padding:0 30px;
	width:900px;
	margin:0 auto;
}

#headline_about {
	clear:both;
	margin-top:12px;
	margin:15px 0 25px 0;
	width:900px;
	display:inline-block;
}

#about_wrapper {
	overflow:hidden;
	position:relative;
	width:900px;
}

#about_content {
	font:14px arial, helvetica, sans-serif;
  	width:900px;
}

.bios p {
	letter-spacing:-0.5px;
	word-spacing:-0.5px;
	margin:0 auto;
	font:12px arial, helvetica, sans-serif;
	text-align:justify;
}

.bios p span {
	word-spacing:-1px;
	font-weight:bold;
}

.bios img {
	float:left;
	margin: 0 10px 0 0;
}

#aboutGrid {
	float:left;
}

#aboutGrid td {
	width:50%;
	padding:0.5em 0.5em 0 0.5em;
	vertical-align:top;
	position:relative;
}

#aboutGrid td.left {
	padding-bottom:20px;
	padding-right:1.0em;
	border-left:0;
	width:50%;
}

#aboutGrid td.right {
	padding-bottom:20px;
	padding-left:1.0em;
	border-right:0;
	width:50%;
}

#aboutGrid td.top {
	border-top:0;
	padding-top:3px;
	padding-bottom:0.6em;
}

/* Training and Seminars
-----------------------------------------*/

#whatwedo_content_training {
	font:14px arial, helvetica, sans-serif;
	padding:5px 0 0 0; /* padding-bottom read ONLY by IE -- see below */
  	width:900px;
}

#whatwedo_content_training p {
  font:14px arial, helvetica, sans-serif;
}

#listWrapper li {
	list-style:none;
}

#seminars_list1 {
	padding:2px 0 15px 30px;
	float:left;
}

#seminars_list1 li {
	list-style-position:inside;
	list-style-type:disc;
}

#seminars_list2 {
	padding:2px 30px 15px 0;
	float:right;
}

#seminars_list2 li {
	list-style-position:inside;
	list-style-type:disc;
}