/*
Command Consulting
Paul Farning - ISITE Design, Inc.
*/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, img {
    margin:0; padding:0; border:0;
}
hr	{ display:none; }

body {
	background: #ebebeb url(../images/dev/bg_body.gif) repeat-y;
	color: #333;
    font: 72%/130% Verdana, Arial, Helvetica, sans-serif;
} 

h1, h2, h3, h4, h5, h6, p {
    margin: 0 0 1em 0;
}

/* ------------ LINKS -------------- */
a:link, a:visited 	{ color: #900; text-decoration: none; }
a:hover, a:active	{ color: #600; text-decoration: none; }

h1	{ font-size:110%; }
h2	{ font-size:110%; }
h3	{ font-size:100%; }
h4	{ font-size:100%; }
h5	{ font-size:100%; }
h6	{ font-size:90%; }
h1,h2,h3,h4,h5,h6 { color: #003a63; }
input, textarea { border: 1px solid #cccccc; }
ul, ol { margin: 0 0 1em 2em; }

.clear		{ clear:both; }
.clearleft	{ clear:left; }
.clearright	{ clear:right; }
.left		{ float:left; margin-right:5px; }
.right		{ float:right; margin-left:5px; }
.hide		{ position:absolute; left:-9999em; }

.off		{ display:none; }
.on			{ display:block; }
 
/*these next two are set with more specificity to ensure they'll override other styles.  */
body .noborderplease	{ border:none; } 
body .borderplease		{ border: 1px solid #333; }

/* ----------- LAYOUT ----------- */
#accessibility { position: absolute;  left: -999em; }

#header {
	background: url(../images/dev/bg_hdr_stripes.gif) repeat-x;
	height: 115px;
}
	#header img {
		left: 30px;
		position: absolute;
		top: 42px;
	}
	#header ul {
		background: #003a63 url(../images/dev/bg_hdr_text.jpg) right top no-repeat;
		border-right: 2px solid #fff;
		height: 80px;
		list-style: none;
		margin: 0;
		width: 760px;
	}
		#political #header ul { background-image: url(../images/dev/bg_hdr/map_1.jpg); }
		#gov #header ul { background-image: url(../images/dev/bg_hdr/map_1.jpg); }
		#comm #header ul { background-image: url(../images/dev/bg_hdr/map_1.jpg); }
		#bios #header ul { background-image: url(../images/dev/bg_hdr/map_1.jpg); }
		#curry #header ul { background-image: url(../images/dev/bg_hdr/map_1.jpg); }
		#lyon #header ul { background-image: url(../images/dev/bg_hdr/map_1.jpg); }
		#portfolio #header ul { background-image: url(../images/dev/bg_hdr/map_1.jpg); }
		#contact #header ul { background-image: url(../images/dev/bg_hdr/map_1.jpg); }
		#howwecanhelp #header ul { background-image: url(../images/dev/bg_hdr/map_1.jpg); }
	
	#header ul li { display: inline; }
	#header ul li a {
		background: transparent url(../images/dev/nav_sprite.gif) no-repeat;
		display: block;
		height: 31px;
		overflow: hidden;
		position: absolute;
		text-indent: -9999px;
		top: 82px;
		width: 50px;
	}
	#header ul li a#nav1 {
		background: transparent url(../images/dev/nav_cmdcon.gif) no-repeat;
		border-left: 2px solid #fff;
		left: 173px;
		width: 275px;
	}


	#header ul li a#nav2 { background-position: 0 0; left: 405px; width: 140px; }
	#header ul li a#nav3 { background-position: -140px 0; left: 545px; width: 109px; }
	#header ul li a#nav4 { background-position: -249px 0; border-right: 2px solid #fff; left: 654px; width: 106px; }

	#header ul li a#nav2:hover, #howwecanhelp #header ul li a#nav2 { background-position: 0 -31px; }
	#header ul li a#nav3:hover, #bios #header ul li a#nav3 { background-position: -140px -31px; }
	#header ul li a#nav4:hover, #contact #header ul li a#nav4 { background-position: -249px -31px; }	
	
#subnav {
	background: transparent url(../images/dev/subnav_sprite.gif) no-repeat;
	height: 73px;
	left: 0;
	list-style: none;
	margin: 0;
	position: absolute;
	top: 162px;
	width: 185px;
}
	#subnav li { display: inline; }
	#subnav li a {
		background: transparent url(../images/dev/subnav_sprite.gif) 0 0 no-repeat;
		display: block;
		height: 24px;
		text-indent: -9999px;
		width: 185px;
	}
	#subnav li a#nav1b { background-position: 0 0; }
	#subnav li a#nav2b { background-position: 0 -24px; }
	#subnav li a#nav3b { background-position: 0 -48px; }
	
	#subnav li a#nav1b:hover, #political #subnav li a#nav1b { background-position: -185px 0; }
	#subnav li a#nav2b:hover, #gov #subnav li a#nav2b { background-position: -185px -24px; }
	#subnav li a#nav3b:hover, #comm #subnav li a#nav3b { background-position: -185px -48px; }

#content {
	margin: 0 0 0 210px;
	padding: 0 0 60px 0;
}
.full {
	margin: 26px 0 0 0;
	width: 545px;
}
	.full img {
		border: 6px solid #bbb;
		float: right;
		margin: 0 0 16px 26px;
	}
.double {
	float: left;
	margin: 13px 0 0 0;
	width: 355px;
}
.single {
	margin: 15px 0 0 380px;
	width: 168px;
}

.full h1, .double h1 { text-transform: uppercase; }
.full h3 { color: #666; text-transform: uppercase; }
.single h3 { background: transparent url(../images/dev/testimonials.gif) right top no-repeat; border-bottom: 2px solid #666; color: #666; margin: 0; padding-top: 28px; text-transform: uppercase; }

blockquote {
	color: #ebebeb;
	padding: 1em 0 0 0;
}

/* BIO TEASERS */
#content div.person { float: left; margin: 0 20px 30px 0; width: 250px; }

	#content div.person img {
		border: 6px solid #bbb;
		float: left;
		margin: 0 15px 0 0;
	}
	a.pagenav:link, a.pagenav:visited {
		font-weight: bold;
		text-decoration: none;
	}	
	h3.name {
		clear: both;
		margin: 0 0 15px 0;
		padding: 15px 0 0 0;
	}


/* PORTFOLIO */
#clients {
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	width: 135px;
}
#clients li { display: inline; }
#clients li a {
	background: #ababab url(../images/dev/clients_li_bg.gif) left bottom no-repeat;
	border-top: 3px solid #757575;
	color: #333;
	display: block;
	margin: 0 0 2px 0;
	padding: 6px 4px 14px 12px;
	text-decoration: none;
}
#clients li a.on { 	background: #757575 url(../images/dev/clients_li_bg_on.gif) left bottom no-repeat; color: #fff; }
#clients li a:hover { color: #000; }
#clients li a.on:hover { color: #fff; }
#display {
	background: #fff url(../images/dev/clients_shadow.gif) no-repeat;
	border: 3px solid #ababab;
	clear: right;
	height: 318px;
	margin: 0 0 10px 137px;
	width: 405px;
	text-align: center;
}
#display img	{ border:0; float:none; margin: 5px 0; }
.folio h1 		{ float: left; display: inline; }
.folio p		{ margin-left: 137px; }
#portfolioitem {
	display: inline;
	float: right;
	list-style:none;
}
#portfolioitem li { display: inline; }
#portfolioitem li a {
	color: #666;
	display: inline;
	float: left;
	padding: 3px 5px;
	text-decoration: none;
}
#portfolioitem li a:hover {
	color: #fff;
	background: #666;
}	
/* OTHER STYLES */

div.vcard h3 { margin-bottom: 0; }
div.vcard h3 a {
	color: #333;
	text-decoration: none;
}
address {
	font-style: normal;
	margin-bottom: 15px;
}
#contact div.double p { margin-right: 50px; }