/* Struble Eichenbaum Communications Style Sheet */
/* Ted Severson @ Bullseye Interactive Media */

/* Import Eric Meyer's Resets */
@import "reset.css";



html {
	background: url(../interface/bodyBG.png) repeat-x top center transparent;
}

* html {
	height: 100.1%;
}

body {
	font-family:Helvetica, sans-serif;
	font-size:small;
	color:#3a3a3a;
	width:960px;
	margin: 0 auto;
	background:transparent;
}

p {
	line-height:120%;
	padding: 0 0 1em 0;
}

#logo {
	width:960px;
	margin: 0 auto 23px auto;
}

	#logo h1 a {
		display:block;
		width:580px;
		height:87px;
		background:url(../interface/secLogo.png) no-repeat top left;
		text-indent:-1500000px;
		margin: 30px 0 0 70px;
	}
	
#menu { 
	display:inline;
	float:left;
	width:890px; 
	}
	
ul#globalNav {
	display:inline;
	float:left;
	margin: 5px 0 0 60px;
}

ul#globalNav li {
	display:inline;
}

ul#globalNav li a {
	padding: 12px;
	display:block;
	float:left;
	color:#0E69B3;
	text-decoration:none;
	font-weight:bold;
	font-size:120%;
}

	body#home a#navHome, body#whatWeDo a#navWhat, body#whoWeAre a#navWho, body#adSpotlight a#navAds, body#caseStudies a#navCases, body#clientList a#navClients {
		color:#E0A124;
	}

ul#globalNav li a:hover {
	background:#fff;
	color:#1392F8;
}
	
		

.clear {
	clear:both;
}

			
#demo {
	clear:both;
	width:820px;
	height:391px;
	display:block;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: url(../interface/demoVideoBG.png) no-repeat bottom center;
	z-index:0;
}

#demoVideo {
	padding: 12px 0 0 160px;
	z-index:1;
}

#demoVideo embed {
	z-index:2;
}

#content {
	clear:both;
	width:820px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	overflow:hidden;
}

	#left {
		float:left;
		display:inline;
		width: 570px;
	}
	
	#left strong {
		font-weight:bold;
	}
	
	#left a {
		color:#0E6AB4;
		text-decoration:none;
	}
	
	#left a:hover {
		color: #FFAA00;
	}
	
	.bioPic {
		float:right;
		display:inline;
		padding: 5px;
		border:1px solid #D3D3D3;
		margin: 0 0 10px 10px;
		
	}

	#content h2 {
		color: #ffaa00;
		font-weight:bold;
		font-size:1.4em;
		padding: 0 0 .3em 0;
		border-bottom: 1px solid #D3D3D3;
		margin: 0 0 .5em 0;
	}
	
	#content h3 {
		color:#0e69b3;
		font-size:1.2em;
		padding: 1em 0 .2em 0;
		font-weight:bold;
	}

	#right {
		display:inline;
		float:right;
		width:200px;
		border-left:1px solid #DEE6EB;
		padding: 10px 0 0 20px;
	}

	ul#whoList {
		margin: 1.2em 0 0 0;
	}
	
	ul#whoList li {
		padding: 0 0 1em 0;
	}
	
	ul#whoList li a {
		color:#0E6AB4;
		text-decoration:none;
	}
	
	ul#whoList li a:hover {
		color:#FFAA00;
	}
	
	ul.clients {
		margin: .5em 0 0 2em;
		list-style-type: disc;
		color:#FFC552;
	}
	
	ul.clients li {
		padding: 0 0 .6em 0;
		color: #464646;
	}
	
	
#bios, #cases {
	border:1px solid #D8D8D8;
	border-bottom:none;
}	
	
#bios h3, #cases h3 {
	clear:both;
	padding: 20px 0 20px 20px;
}

#bios h3 a, #cases h3 a {
	display:block;
}

#bios h3 a:hover, #cases h3 a:hover {
	color:#0E6AB4;
}

#bios h3:hover, #cases h3:hover {
	background:#E6E6E6;
}

#bios span.sub, #cases span.sub {
	display:block;
	color:#808080;
	font-weight:normal;
	font-size:80%;
	margin: .3em 0 0 0;
	font-style:italic;
}

h3.ui-state-default {
	border-bottom:1px solid #D8D8D8;
}

#bios div, #cases div {
	padding: 0 20px 10px 20px;
}

.ui-accordion-content-active {
	border-bottom:1px solid #D8D8D8;
	overflow:hidden;
}

.individualAd {
	margin: 0 auto;
	width: 350px;
	padding: 0 0 20px 0;
}

.twoAds {
	width: 540px;
	margin: 0 auto;
	padding: 0 0 20px 30px;
}

.caseTwoAds {
	width:480px;
	margin: 0 auto;
	padding: 0;
}



img.rightSpot {
	margin: 0 0 0 -10px;
}

.leftSpot, .rightSpot {
	width:235px;
	height:155px;
}

#footer {
	clear:both;
	width: 100%;
	margin: 20px auto 0 auto;
/* 	background: url(../interface/footer.png) repeat-x top center #2261B6; */
	border-top: 2px solid #EBEBE7;
}

	#footerWrap {
		width: 820px;
		margin: 0 auto;
		color: #808080;
		padding: 30px 0 0 0;
		overflow:hidden;
	}
	
	#footer li {
		padding: 0 0 0.6em 0;
		display:block;
	}
	
	#footer a {
		text-decoration:none;
		font-weight:bold;
		color: #0E69B3;
		font-size:1.1em;
	}
	
		#footer a:hover {
			color: #1392F8;
		}
	
	#footerNav {
		float:left;
		display:block;
		border-left: 1px solid #EBEBE7;
		border-right: 1px solid #EBEBE7;
		padding: 0.5em 60px 0 20px;
		margin: 0 0 3em 0;
	}
	
	#footerAddress {
		float:left;
		display:block;
		padding: 1em 20px 0 20px;
		border-right: 1px solid #EBEBE7;
	}
	
		#footerAddress li p {
			line-height:.2em;
		}
	
	#footerContact {
		float:left;
		display:block;
		padding: 1em 4em 0 20px;
		border-right: 1px solid #EBEBE7;
	}
	
		#footerContact li p {
			line-height: .2em;
		}
	
	#footerLogins {
		float:right;
		display:block;
		border-right: 1px solid #EBEBE7;
		padding: 0 20px 0 0;
	}