body {
	margin: 20px 0px 0px 0px;
	font-family: Helvetica, Arial, sans-serif;


	/* the below two styles are to avoid a white border on the right in ipad
	background-image: url(../images/bluebg.gif);
	background-repeat: repeat-x;*/	
}
p{
	font-size: 0.8em;
	line-height: 1.6em;
	margin: 0px 0px 6px 0px;;
	color: #666;
}
h1 {
	color: #333;
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 0.8em;
}

h5 {
	color: #333;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 3.5em;
	font-weight:100;
	font-stretch:expanded;
}

img {
	border:0;
}
a{
	color:#474747;
	text-decoration:none;
}
a:hover, .active, a.active, #mainNav a:hover, #mainNav a.active, #mainNav .active, #topSecondNav a:hover, #topSecondNav a.active, #topSecondNav .active{
	color:#df7000;
	text-decoration:none;
}

#headerLogoHolder{
	background-color:#00589a;
	height: 75px;
	width: 100%;
	}
#storyNav{
	width: 75px;
	height: 75px;
	position: absolute;
	top: 147px;
	left: 0px;
	}
#storyNav a.active, a #storyNav .active {
	opacity:0.5;
	filter:alpha(opacity=40);
	}			
#headerLogo{
	width: 1000px;
	margin: 0 auto;
	position:relative;
}
.contact {
	position: absolute;
	top: 0px;
	right: 0px;
	}
.contact a{
	display: inline-block;
	background-color: #000;
	padding: 5px 15px;
	font-size:80%;
	color:#FFF;
	font-style:normal;
	margin-right:10px;
	}	
.contact a:hover, .contact a.active{
	text-decoration: underline;
	}			
#wrapper {
	margin: auto;
	height: auto;
	width: 1000px;
}
#headerOuterHome {
	height: auto;
	width:960px;
	background-color:#FFF;

}

#mainNav, #topSecondNav  {
	text-align: right;
	line-height: 4.6em;
	font-weight: bold;
	font-size: 0.8em;
	border-bottom: solid 1px #d1d4d3;
	height:60px;
}


.logo{
	width: 50px;
	height: 50px;
	overflow:hidden;
	float:left;
	}	
/*#topSecondNav  {
	text-align: left;
	padding-left: 386px;


}*/
#topSecondNav  {
	text-align: left;
	padding-left: 640px;
	line-height: 2em;
	height:auto;
}

.clientsLine {
		color:#666;
		line-height:3em;
		border-bottom: solid 1px #d1d4d3;
		text-align:center;


}
#mainNav a, #topSecondNav a{
	margin-right:30px;
	color:#000;

	}
#mainNav a:last-child, #topSecondNav a:last-child{
	margin-right:0px;
	}	

#contentHome {
	width: 1000px;
	padding-right:20px;
}
#brandattributes{
	width: 960px;
	clear: both;
	height:auto;
	padding: 20px 0px;
	margin: 10px 20px 0px 20px;
	text-align:center;
	position:relative;
	}
.close {
	cursor:pointer;
	background-color:#555555;
	float: right;
	width: 10px;
	color: #fff;
	text-align:center;
	padding: 0 3px 0 5px;

	
	}					


	
				
a:hover img{
	opacity:0.5;
	filter:alpha(opacity=40);
	}

.container{
	width: 960px;
	float: left;
	margin: 20px 0;

	}

.attributeheading {
	color:#DF7000;
	margin:0;
	font-family: 'Coda', "cursive; Georgia", "Times New Roman", Times, serif;
	font-size:1em;
	margin-top:10px;
	}
			


.bioHolder{
	margin: 0 0 20px 0;
	}					
.attributediscription {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.3em;
	font-style:italic;
	}


.expertisediscription, .biodiscription{
	margin:0;
	padding-top: 5px;
	float: left;
	width: 580px;
	}
/*.expertisediscription{
		width: 600px;
	}
.biodiscription{
	width: 580px;
	padding-right: 19px;
	border-right: #d1d4d3 solid 1px;
	}		
		*/
	
.expertiseVideo {
	float: right;
	width: 340px;
	margin:5px 0px 20px 0px;
	padding-left:19px;
		border-left: #d1d4d3 solid 1px;

		}
.expertiseVideo iframe {

	margin:5px 0px 35px 0px;
		}
		
.expertiseVideo iframe:last-child{
	margin-bottom: 0px;
	}					
.leftNav, .leftNavComm, .leftNavVideo  {
	height: auto;
	width: 137px;
	float: left;
	text-align: right;
	border-right: #d1d4d3 solid 1px;
	padding-right:14px;
	background-color:#FFF;
}
.leftNavComm {
	/*width: 147px;*/
	width:180px;
}
.leftNavVideo {
	width: 200px;
	padding-top:15px;
}

.leftNav p, .leftNavComm p, .leftNavVideo p
 {		margin-bottom: 7px;
}
.leftNav a, .leftNavComm a, .leftNavVideo a {
		font-size: 90%;
}
.leftNav p:first-child, .leftNavComm p:first-child, .leftNavVideo p:first-child{
	margin-top: 15px;
	}
#content {
	float: right;
	height: auto;
	width: 763px;
	padding-right:23px;
	margin-top:15px;
	background-color:#FFF;
}
.contentVideo {
	float: right;
	height: auto;
	width: 720px;
	padding-right:23px;
	margin:30px 0;
	background-color:#FFF;

}
#contentCorpComm {
	float: right;
	height: auto;
	width: 753px;
	padding-right:23px;
	margin-top:15px;
	background-color:#FFF;

}
#content a, #contentCorpComm a{
	color:#df7000;
	text-decoration:underline;
	font-size: 91%;

}
#content a:hover, #contentCorpComm a:hover{
	text-decoration:none;

}

#content p, #contentCorpComm p {
	margin-bottom: 20px;
	color: #777;
}
#clientList1Col{
	padding-top:20px;
	/*	margin-top:159px;
*/	width: 304px;
	padding-left:20px;
	float:left;
	margin-left:300px;
	height: auto;
	border-left: #d1d4d3 solid 1px;
	margin-bottom: 20px;	
	}
#clientList2Col{
	padding-top:20px;
/*	margin-top:159px;
*/	width: 304px;
	padding-left:20px;
	float:left;
	height: auto;
	border-left: #d1d4d3 solid 1px;
	
	}

#clientList1Col p, #clientList2Col p {
	margin-bottom:5px;
}
#contact{
	margin-left:340px;
	padding-top:20px;
/*	margin-top:159px;
*/	width: 454px;
	padding-left:20px;
	float:left;
	height: auto;
	border-left: #d1d4d3 solid 1px;
	
	}
#contact a{
	color:#df7000;
	text-decoration:none;

}
#contact a:hover {
	color:#474747;
	text-decoration:none;
}

.marginBottom	{
	margin:0 0 35px 0;
	
	}
.imgLeft	{
	float: left;
	margin: 0 20px 0px 0;
	padding: 3px 0 51px 0;	
	}	
.floatRight {
	float: right;
	}
.centerAlign {
	text-align: center;

}
.rightAlign {
	text-align: right;
	margin-top: -20px;

}
.center {
	text-align: center;
	padding-top:15px;
	padding-bottom:15px;
}
.black {
	color: #000;
}
.name {
	color: #000;
	margin-top:10px;
}
.grayItal {
	font-style: italic;
	color: #666;
	font-size: 85%;
}
.parapadding {
margin-right:50px;
}
.parapaddingMargin {
margin-right:50px;
margin-bottom:5px;
}
.credit {
	text-align:right;
	font-size:10px;
}
#footer {
	text-align: right;
	border-top: #d1d4d3 solid 1px;
	padding: 20px 0px 0px 0px;
	margin: 0px 10px 0 10px;
	clear: both;
}
.clear {
	clear:both;
}

/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


.strategyPage, .expertisePage{
	width: 960px;
	margin: 40px 0 0 0;
	height:auto;
	padding: 0 20px;

	}
.expertisePage {
	margin: 0px 20px 0px 20px;
	padding: 40px 0px 0px 0px;

	}	
.strategyContent{
	float: left;
	height: auto;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	}
	
.strategyStart{
	font-family: "cursive; Georgia", "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.5em;
	font-style: italic;
	color: #8996a0;
	height: auto;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	}
.work {
	padding-top:10px;
	text-align: center;
	border-top: #d1d4d3 solid 1px;
	}
.work a {
	border: 0px;
	text-decoration:none;
	margin-right: 50px;
	}
.work a:last-child{
	margin-right: 0px;
	}
	
	
.work a:hover img{	
	opacity:0.5;
	filter:alpha(opacity=40); /* For IE8 and earlier */	}

.homeVideo {
	padding: 20px 0;
	border-top: #d1d4d3 solid 1px;
	margin: 0 20px;
	}
.bold {
	font-weight: bold;
	}	
	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
#mainNav {
		padding: 0 10px;
}
#topSecondNav  {
		padding-left: 640px;
}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { 
#mainNav {
		padding: 0 10px;
		font-size: 13px;

}
#topSecondNav  {
		padding-left: 64.0%;
		font-size: 7px;
}

}