@charset "UTF-8";
/* CSS Document */

body {
	background: url(images/blueBG.gif);
	font-family: "Gill Sans", Helvetica, Arial, Verdana, sans-serif;
	}
	
a:active {
	outline: none;
	}

a {
	outline: none;
	}

:focus {
	-moz-outline-style: none;
	}



#wrapper {
	width: 935px;
	margin: 30px auto;
	}
	
#container {
	width: 935px;
	height: 100%;
	background: white;
	padding-bottom: 14px;
	}
	
#header {
	width: 935px;
	height: 18px;
	background: url(images/header.gif) top left no-repeat;
	}
	
#logospace {
	width: 880px;
	height: 60px;
	}

	#logo {
		float: left;
		width: 50%;
		height: 60px;
		/*background: url(images/logo.gif) 30% 50% no-repeat;*/
	}
	
		#logo p {
			margin: 20px 0 0 45px;
			}

	#slogan {
		float: left;
		width: 50%;
		height: 60px;
		background: url(images/slogan.gif) 90% 50% no-repeat;
	}

#nav {
	width: 880px;
	height: 36px;
	border-top: solid 2px rgb(138,31,3);
	border-bottom: solid 2px rgb(138,31,3);
	margin: 10px auto 0 auto;
}

div.ahover {
    position: absolute;
}

ul.navBtns {
	width: 480px;
	height: 20px;
	margin: 5px auto;
	padding: 0;
	text-align: center;
	position: relative;
	font-size: 16px;
	}
	
	ul.navBtns li {
		list-style: none;
		position: relative;
		z-index: 200;
		float: left;
		margin: 0;
		padding: 3px 20px;
		height: 20px;
		color: rgb(138,31,3);
		}
	
	ul.navBtns li:hover {
		color: white;
		}

	ul.navBtns div.ahover {
		background: rgb(138,31,3);
		}
		
	ul.navBtns a:link, ul.navBtns a:visited {
		color: rgb(138,31,3);
		text-decoration: none;
		display: block;
		}
		
	ul.navBtns a:hover {
		color: white;
		text-decoration: none;
		display: block;
		}
		
		
#caseNav {
	margin: 0 auto 35px auto;
	padding: 0;
	width: 500px;
	height: 27px;
	text-align: center;
	position: relative;
	font-size: 10px;
	font-weight: normal;
	list-style: none !important;
	}
	
	#caseNav li {
		float: left;
		margin: 4px 8px;
		padding: 0;
		list-style: none !important;
		}
		
	#caseNav li.liveEarth a:link, #caseNav li.liveEarth a:visited {
		display: block;
		width: 215px;
		height: 27px;
		background: url(images/leBtn.gif) top left no-repeat;
		list-style: none !important;
		}
		
	#caseNav li.liveEarth a:hover {
		display: block;
		width: 215px;
		height: 27px;
		background: url(images/leBtn.gif) bottom left no-repeat;
		list-style: none !important;
		}
		
	#caseNav li.wConf a:link, #caseNav li.wConf a:visited {
		display: block;
		width: 215px;
		height: 27px;
		background: url(images/wcBtn.gif) top left no-repeat;
		list-style: none !important;
		}
		
	#caseNav li.wConf a:hover {
		display: block;
		width: 215px;
		height: 27px;
		background: url(images/wcBtn.gif) bottom left no-repeat;
		list-style: none !important;
		}
		
#content {
	width: 880px;
	height: 100%;
	position: relative;
	margin: 15px auto 0 auto;
	padding-bottom: 10px;
	border-bottom: solid 2px rgb(138,31,3);
}

#newsFeed {
	width: 880px;
	height: 46px;
	margin: 15px auto;
}

#contactFooter {
	width: 880px;
	height: 100%;
	margin: 5px auto;
	text-align: center;
}

	#contactFooter p {
		white-space: pre;
		text-align: center;
		font-size: 12px;
		color: rgb(0,39,77);
		margin: 4px 0 0 0;
		}
		
	#contactFooter p a:link, #contactFooter p a:visited {
		color: rgb(0,39,77);
		text-decoration: none;
		}
	
	#contactFooter p a:hover {
		color: rgb(138,31,3);
		text-decoration: none;
		}

#footer {
	width: 935px;
	height: 18px;
	background: url(images/footer.gif) top left no-repeat;
	position: relative;
	}
	
	#facebook {
		width: 185px;
		height: 27px;
		position: absolute;
		top: -50px;
		right: 30px;
		}
	
#aboutContent {
	width: 880px;
	/*height: 420px;*/
	margin: 15px auto 0 auto;
	padding-bottom: 10px;
	border-bottom: solid 2px rgb(138,31,3);
	}

#aboutWrapper {
	width: 585px;
	/*height: 390px;*/
	padding: 15px;
	/*overflow: auto;*/
	float: left;
	border-right: solid 2px rgb(138,31,3);
	}
	
.kicker {
	clear: both;
	height: 1px;
	width: 580px;
	}
	
#services {
	float: left;
	width: 235px;
	height: 420px;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	overflow: hidden;
	}
	
	#services p {
		margin: 15px 0;
		}
		
	#services .copy a:link, #services .copy a:visited {
		color: rgb(138,31,3);
		text-decoration: none;
		}
		
	#services .copy a:hover {
		color: rgb(0,39,77);
		text-decoration: underline;
		}
		
#servDes {
	margin: 0;
	border-top: solid 2px rgb(138,31,3);
	position: relative;
	}
	
	#servDes ul {
		margin: 20px 0 0 20px;
		list-style: none;
		padding: 0;
		font-size: 14px;
		}
		
	#servDes li {
		margin: 5px 0;
		}

#aboutTxt {
	width: 100%;
	padding: 0 0 20px 0;
	}
	
	#aboutTxt ul{
		font-size: 12px;
		text-align: left;
		}
		
	#aboutTxt li {
		list-style: square;
		margin-top: 5px;
		margin-bottom: 5px;
		}
	
	#aboutTxt a:link, #aboutTxt a:visited {
		color: rgb(138,31,3);
		font-weight: bold;
		text-decoration: none;
		}
		
	#aboutTxt a:hover {
		color: rgb(0,39,77);
		font-weight: bold;
		text-decoration: none;
		}
		
.AccordionPanelContent ul {
	font-size: 12px;
	list-style: none;
	}
	
	.AccordionPanelContent ul li {
		margin: 8px 0;
		}
		
#casePic {
	float: left;
	width: 240px;
	height: 420px;
	margin: 0 0 0 15px;
	}

#contactContent {
	width: 880px;
	height: 480px;
	margin: 15px auto 0 auto;
	padding-bottom: 10px;
	border-bottom: solid 2px rgb(138,31,3);
	}
	
#commRoll a:link, #commRoll a:visited {
	display: block;
	width: 220px;
	height: 41px;
	border: none;
	text-decoration: none;
	background: url(images/commRollBtn2.gif) top left no-repeat;
	}
	
#commRoll a:hover {
	display: block;
	width: 220px;
	height: 41px;
	border: none;
	text-decoration: none;
	background: url(images/commRollBtn2.gif) bottom left no-repeat;
	}
	
#creatRoll a:link, #creatRoll a:visited {
	display: block;
	width: 220px;
	height: 41px;
	border: none;
	text-decoration: none;
	background: url(images/creaRollBtn2.gif) top left no-repeat;
	}
	
#creatRoll a:hover {
	display: block;
	width: 220px;
	height: 41px;
	border: none;
	text-decoration: none;
	background: url(images/creaRollBtn2.gif) bottom left no-repeat;
	}
	
#campRoll a:link, #campRoll a:visited {
	display: block;
	width: 220px;
	height: 41px;
	border: none;
	text-decoration: none;
	background: url(images/campRollBtn2.gif) top left no-repeat;
	}
	
#campRoll a:hover {
	display: block;
	width: 220px;
	height: 41px;
	border: none;
	text-decoration: none;
	background: url(images/campRollBtn2.gif) bottom left no-repeat;
	}
	
	
	
	
	
	
	
	

	
.contactCard {
	width: 408px;
	background: rgb(0,39,77);
	margin: 6px;
	float: left;
	padding: 10px;
	}
	
.cardBorder {
	border: solid 1px white;
	position: relative;
	width: 100%;
	height: 100%;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	}
	
.person {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 10px 0 10px;
	}
	
.personE {
	margin: 4px 10px 20px 10px;
	}

.personE a:link, .personE a:visited {
	color: white;
	font-size: 12px;
	text-decoration: none;
	}
		
.personE a:hover {
	color: rgb(0,39,77);
	font-size: 12px;
	text-decoration: none;
	background: white;
	}
	
.contactSub {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 10px 5px 20px;
	}
	
.contactInfo {
	font-size: 13px;
	margin: 5px 10px 5px 20px;
	line-height: 18px;
	}
	
	.contactInfo a:link, .contactInfo a:visited {
		font-weight: bold;
		text-decoration: none;
		color: white;
		}

	.contactInfo a:hover {
		font-weight: bold;
		text-decoration: none;
		color: rgb(0,39,77);
		background: white;
		}
		
.bioLink {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size:9px;
	margin: 0;
	padding: 0;
	}
	
	.bioLink a:link, .bioLink a:visited {
		background: url(images/bioBtn.gif) top left no-repeat;
		text-decoration: none;
		display: block;
		width: 111px;
		height: 21px;
		}
		
	.bioLink a:hover {
		background: url(images/bioBtn.gif) top left no-repeat;
		text-decoration: none;
		display: block;
		width: 111px;
		height: 21px;
		}
		

#bioPic {
	float: left;
	width: 240px;
	height: 420px;
	margin: 0 0 0 15px;
	}
	
	#bioPic p {
		margin: 0 0 0 5px;
		}
		

	
.copy {
	font-size: 12px;
	text-align: left;
	}
	
.date {
	font-size: 11px;
	font-style: italic;
	margin: 0;
	}
	
.hide {
	visibility: hidden;
	}
	
	
.redTxt {
	color: rgb(138,31,3);
	font-weight: bold;
	}
	
.subhead {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: rgb(0,39,77);
	}
	
.clearer {
	width: 100%;
	height: 3px;
	margin: 30px 0;
	border-bottom: solid 1px rgb(0,39,77);
	}
	
.commTab {
	width: 220px;
	height: 41px;
	margin: 0;
	padding: 0;
	background: url(images/commBtn.gif) top left no-repeat; 
	}
	
.createTab {
	width: 220px;
	height: 41px;
	margin: 0;
	padding: 0;
	background: url(images/creativeBtn.gif) top left no-repeat; 
	}
	
.campTab {
	width: 220px;
	height: 41px;
	margin: 0;
	padding: 0;
	background: url(images/campaignsBtn.gif) top left no-repeat; 
	}	
	
#caseContent {
	width: 880px;
	margin: 15px auto 0 auto;
	padding-bottom: 10px;
	border-bottom: solid 2px rgb(138,31,3);
	}