/* CSS Document */

/*Amended 020609 - Nav Bar */

/*Reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;
	}
/*ol,ul {
	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;
	}

/*General Layout*/

body {
	background: #666666 url(../images/index.jpg) top center;
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
 	}
 
#wrap {
	width: 960px;
	margin:0 auto;
	background: url(../images/960x210_header_base.jpg) top center no-repeat;
	background-color: #fff;
	}
	
#brand {
	height: 126px;
	}
	
#nav {
	width: 940px;
	float: left;
	height: 69px;
	padding: 15px 0 0 20px;
	}

#home_mainContent {
	padding: 10px;
	}

#home_Intro {
	width: 380px;
	float: left;
	}

#home_Project {
	background: url(../images/550x251_workPanel_base.jpg) top left no-repeat;
	float: left;
	height: 251px;
	width: 550px;
	margin-left: 10px;
	padding-bottom: 10px;
	}

#homeSubContent {
	padding: 0 0 10px 10px;
	}

#news {
	background: url(../images/380x200_news_grnd.jpg) top left no-repeat;
	width: 360px;
	float: left;
	}

#services {
	background: url(../images/310x310_services_grnd.jpg) top left no-repeat;
	width: 290px;
	float: left;
	margin-left: 10px;
	}
	
#thought {
	background: url(../images/220x310_curve_sn_base.jpg) top left no-repeat;
	width: 200px;
	float: left;
	margin-left: 20px;
	}

/* Multi Col Layout */

#imageBox {
	width: 210px;
	float: left;
	}

#primaryContent {
	width: 460px;
	margin-left: 20px;
	padding-right: 10px;
	padding-bottom: 30px;
	float: left;
	}
	
#secondaryContent {
	width: 210px;
	padding: 0 10px 0 10px;
	float: left;
	
	}

.callOutBox {
	width: 220px;
	padding: 10px 0 0 10px;
	background: url(../images/weDoWeDont/220x150_callOut_base.jpg) top left no-repeat;
	}


/*Multi col layout - Primary Content Style */

#primaryContent h3 {

	}

.callOutBox h3, #primaryContent h3 {
	font-size: 1.6em;
	line-height: 1.5em;
	color: #383838;
	padding-bottom: 10px;
	}	
	
#primaryContent h4, #primaryContent p, #primaryContent li {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 10px;
	}

#primaryContent ul {
	list-style-position: inside;
	list-style-type: disk;
	}

#primaryContent li strong {
	font-weight: 700;
	}

#primaryContent strong {
	font-weight: 700;
	}
	
#primaryContent h4 {
	font-weight: 700;
	color: #383838;
	}

.callOutBox p {
	width: 200px;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-bottom: 10px;
	}

.callOutBox p strong {
	font-weight: 700;
	}

.callOutBox h3 {
	width: 200px;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #000;
	padding-bottom: 10px;
	}	

#contactForm td {
	padding: 0 0 10px 5px;

	}


/* Training Col's */

#divider {
	/*border: 1px solid silver;*/
	float: left;
	width: 700px;
	margin-left: 230px;
	_margin-left: 0;
	_padding-left: 230px;
	}

.download {
	background:url(../images/12x12_yellow_arrow.gif) right top no-repeat;
	font-size: 1.1em;
	font-weight: 700;
	padding:  0 16px 10px 0;
	text-decoration: none;
	color: #000;
	}

.download:hover{
	text-decoration: underline;
	
	}


#divider h3 {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: 700;
	border-bottom: 2px solid #FAA50F;
	}

#lowerCols h4 {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 5px;
	font-weight: 700;
	}

#lowerCols p {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-top: 5px;
	}
	
#lowerCols strong {
	font-weight: 700;
	
	}
	
#lowerCols {
	clear: left;
	margin-left: 230px;
	padding: 5px 0 20px 0;
	}

#trainingColA {
	width: 220px;
	float: left;
	}
	
#trainingColB, #trainingColC {
	margin-left: 20px;
	width: 220px;
	float: left;
	}

/*Sticky Footer*/


#main {
	background-color: #fff;
	}

#footer {
	width: 920px;
	margin: 0 auto;
	position: relative;
	min-height: 180px;
	padding: 0 0 20px 0;
	background: url(../images/920x180_footerBase.png) top left repeat-y;
	} 



/* Brand */

#logo a{
	text-indent: -5000px;
	background:transparent url(../images/240x126_curve_logo.jpg) no-repeat scroll left top;
	float:left;
	height:126px;
	width:240px;
	}
	


#strapline { 
	background:transparent url(../images/260x65_strapline.gif) no-repeat scroll left top;
	float:left;
	height:65px;
	width:260px;
	}
#strapline span{
	display: none;
	text-indent: -5000px;
	}
	
/*Clien Quote*/
#quote { 
	width: 380px;
	float: left;
	padding: 60px 0 0 20px;
	}

#clientQuote {
	font-size: 1.4em;
	}
	
#client {
	font-size: 1.2em;
	font-weight:700;
	text-align: right;
	padding-right: 20px;
	}
	
/* Main Nav */

#subNav, #mainNav {
	width: 800px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	/*border: 1px solid silver;*/
	}
	
#subNav li, #mainNav  li {
	float: left;
	}
	
#mainNav a {
	font-family: Times, Serif;
	font-size: 2em;
	display: block;
	padding: 0 15px 0 0;
	line-height: 2.1em;
	text-decoration: none;
	color: #999999;
	}
	
#mainNav a:hover {
	color: #ccc;
	}

/* Sub Nav */

#subNav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	display: block;
	padding: 0 15px 0 0;
	line-height: 1.1em;
	text-decoration: none;
	color: #999999;
	}

#subNav a:hover {
	color: #ccc;
	text-decoration: underline;
	}

#subNav .dm a {
	padding: 0;
	}
/* Highlight on state in Main Nav*/

body#homePage #wrap #nav #mainNav .home a, body#wedoWedont #wrap #nav #mainNav .weDo a, body#TheClients #wrap #nav #mainNav .clients a, body#weAre #wrap #nav #mainNav .weare a {
	color: #fff;
	}

/* Highlight on state in Sub Nav*/

body#wedoWedont.brand #wrap #nav #subNav .branding a, body#wedoWedont.CreativePlanning #wrap #nav #subNav .planning a, body#wedoWedont.CopywritingTraining #wrap #nav #subNav .training a, body#wedoWedont.webDev #wrap #nav #subNav .web_development a, body#wedoWedont.microSites #wrap #nav #subNav .microsites a, body#wedoWedont.webDev #wrap #nav #subNav .web_development a, body#wedoWedont.webApps #wrap #nav #subNav .applications a, body#wedoWedont.email #wrap #nav #subNav .emails a, body#wedoWedont.sem #wrap #nav #subNav .search a, body#wedoWedont.ads #wrap #nav #subNav .advertising a,  body#wedoWedont.dm #wrap #nav #subNav .dms a     {
	color: #fff;
	}


/*Client Login*/
#clientLogin {
	float: right;
	background:url(../images/12x12_whiteArrow.gif) left top no-repeat;
	margin-top: 14px;
	margin-right: 10px;
	padding: 0 0 0 16px;
	}

#clientLogin a {
	font-family: Arial, Helvetica, sans-serif;   
	font-size: 1.4em;
	text-decoration: none;
	color: #fff;
	}
#clientLogin a:hover {
	text-decoration: underline;
	}

/*Read More*/
#allNews {
	float: right;
	background:url(../images/12x14_red_arrow.gif) left top no-repeat;
	margin-right: 20px;
	margin-top: 3px;
	padding: 0 0 0 14px;
	}

#allNews a {
	font-family: Arial, Helvetica, sans-serif;   
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none;
	color: #FA0003;
	padding-top: 2px;
	}
#allNews a:hover {
	text-decoration: underline;
	}

/* External links */

#thought a[href^="http:"] {
	background: url(../images/external.gif) right top no-repeat;
	padding-right: 12px;
	}

/* Home */
.intro {
	font-size: 1.6em;
	line-height: 1.5em;
	color: #383838;
	padding-bottom: 10px;
	}	
	
.content {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 10px;
	}

.content strong {
	font-weight: 700;
	}


/*News Panel*/

#homeSubContent {
	}
#thought, #services, #news {
	padding: 10px;
	}

#thought h3, #news h3 {
	font-family: Times, Serif;
	font-size: 2em;
	padding: 0 0 0 0;
	line-height: 1.2em;
	color: #333333;
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
	}

#news ul li  {
	list-style:none
	}


#news ul li span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	padding: 10px 0 5px 0;
	line-height: 1.2em;
	color: #333333;
	}

#news ul li h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	padding: 5px 0 0 0;
	line-height: 1.2em;
	color: #000;
	}	

#thought p, #news ul li p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 0 0 5px 0;
	line-height: 1.2em;
	color: #000;
	}	
	
#news ul li a {
	font-family: Arial, Helvetica, sans-serif;
	
	
	text-decoration: none;
	color: #fff;
	font-size: 1.1em;
	padding: 3px;
	line-height: 1.2em;
	background-color: #666;
	float: right;
	}
	
#news ul li a:hover {
	background-color: #000;
	}
		
#news ul {

	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}	

/* Services Panel */

#services h3 {
	font-family: Times, Serif;
	font-size: 2em;
	padding: 0 0 0 0;
	line-height: 1.2em;
	color: #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
	}

/* Accordion */

ul#accordion, ul#accordion ul {
	list-style: none;
	margin: 0;
	}

ul#accordion {
	/*border-bottom: 1px solid silver;*/
	}

ul#accordion a.heading:hover {
	background: url(../images/accordionArrows.png) right top no-repeat;
	}

ul#accordion a.heading {
	font-family:Arial, Helvetica, sans-serif;
	background: url(../images/accordionArrows.png) left top no-repeat;
	color: #000;
	display: block;
	font-size: 1.6em;
	font-weight: 700;
	width: 290px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	text-indent: 16px;
	}

ul#accordion li ul  {
	padding-bottom: 5px;
	border-bottom: 1px solid silver;
	}

ul#accordion li ul a  {
	padding-left: 16px;
	line-height: 1.3em;
	text-decoration: none;
	font-size: 1.2em;
	color: #000;
	}
ul#accordion li ul a:hover  {
	text-decoration: underline;
	}
	
ul#accordion { float: left; width: 310px; }
ul#accordion li { float: left; width: 290px; }
ul#accordion a.heading { width: 290px; }
ul#accordion ul li { float: none; width: auto; }

ul#accordion li.current a.heading { 
	background: url(../images/accordionArrows.png) right top no-repeat;
	}

ul#accordion li ul { 
	display: none; 
	}

ul#accordion li.current ul { 
	display: block; 
	 }
/*Thought panel*/

#thought p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 5px 0 5px 0;
	line-height: 1.6em;
	color: #000;
	}	
/*
#thought h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 5px 0 5px 0;
	line-height: 1.6em;
	color: #000;
	}	
*/
#thought h4 {
	font-family: Times, Serif;
	font-size: 1.4em;
	padding: 5px 0 0 0;
	line-height: 1.2em;
	color: #333333;
	border-top: 1px solid #999;
	margin: 5px 0 5px 0;
	}



/*Footer*/
#footer {
	color: #999;
	}

#footerContent {
	margin: 0 auto;
	width: 850px;
	padding: 20px 0 0 30px;
	}	
	
#footerLogo a{
	text-indent: -5000px;
	background:transparent url(../images/160x66_footer_logo.gif) no-repeat scroll left top;
	float:left;
	height:66px;
	width:160px;
	margin-right: 10px;
	}

#footerLinks {
	color:#999;
	font-size:11px;
	line-height:1.2em;
	text-align:left;	
}

#footerLinks a {
	color:#999;
	text-decoration: none;	
}

#footerLinks a:hover {
	text-decoration: underline;	
}

#footerLinks li {
	display:block;
	float:left;
	padding-right:20px;
	width:150px;
	}
	
#footerLinks dt {
	border-bottom:1px solid #666;
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;
	/*margin-left:15px;*/
	padding-bottom:3px;
	width:150px;
}

#legal {
	clear: left;
	padding: 20px 0 20px 210px;
	}
	
/* OfferUL */

.offerUL {
	list-style-type: disk;
	_display: inline-block;
	margin: 0 0 0 0 ;
	_padding: 0 0 0 0;
	_height: 1em;
	}
	
_offerUL li {height:1em; } /* fix damn whitespace bug */ 

.offerUL li{
	list-style: disk;
	_display: inline-block;
	margin: 0 0 0 10px ;
	_padding: 0 0 0 10px;
	_height: 1em;
	}
	
_offerUL li {height:1em; } /* fix damn whitespace bug */