/*
Weber Merritt
Washington, DC

Main Stylesheet

Published:  	September 30, 2007
Updated: 		August 25, 2008
Designer:   	David Russell
Designer URI:	http://davidrussell.org

<style>
*/

/* RESET STYLES */		
						html, body, div, span, applet, object, iframe,
						h1, h2, h3, h4, h5, h6, p, blockquote, pre,
						a, abbr, acronym, address, big, cite, code,
						del, dfn, em, font, img, ins, kbd, q, s, samp,
						small, strike, strong, sub, sup, tt, var,
						dl, dt, dd, ol, ul, li,
						fieldset, form, label, legend,
						table, caption, tbody, tfoot, thead, tr, th, td {
							margin: 0;
							padding: 0;
							border: 0;
							outline: 0;
							font-weight: inherit;
							font-style: inherit;
							font-size: 100%;
							font-family: inherit;
							vertical-align: baseline;
						}
						/* remember to define focus styles! */
						:focus {
							outline: 0;
						}
						body {
							line-height: 1;
							color: black;
							background: white;
						}
						ol, ul {
							list-style: none;
						}
						/* tables still need 'cellspacing="0"' in the markup */
						table {
							border-collapse: separate;
							border-spacing: 0;
						}
						caption, th, td {
							text-align: left;
							font-weight: normal;
						}
						blockquote:before, blockquote:after,
						q:before, q:after {
							content: "";
						}
						blockquote, q {
							quotes: "" "";
						}
						.clearfix:after {
							content: "."; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
						}
						/* Hides from IE-mac \*/
						* html .clearfix {height: 1%;}
						/* End hide from IE-mac */
/* END RESET */
			
html {height: 100%;} /* footerStickAlt */

body {
	font: 12px/1.5em Verdana, Helvetica, sans-serif;
	background: url(../images/site/top.jpg) repeat-x #FFF;
	height: 100%; /* footerStickAlt */
}

	body#home        	#nav-home span,
	body#about       	#nav-about-us span,
	body#team        	#nav-team-profiles span,
	body#capabilities	#nav-capabilities span,
	body#case-studies	#nav-case-studies span,
	body#news        	#nav-news span,
	body#contact     	#nav-contact-us span 
	{
		background-position: 50% 0px;
	}
	
#container { /* footerStickAlt */
	position: relative;
	min-height: 100%;
}

	* html #container {height: 100%;} /* footerStickAlt */
	
.align {
	width: 760px;
	margin: 0 auto;
}

p {margin: 0.2em 0 1em 0;}

a {color: #FE8720;}

	a:hover {color: #E97001;}
	
	a:visited { }
	
img { }

h1 {font-size: 1.8em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}

#content ul, #content ol {
	margin: 1em 0; 
	padding-left: 2.5em;
}

blockquote {
	margin: 1em 0; 
	padding-left: 2.5em;
}

pre, code, tt {
	font: 100% "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; 
	margin: 1em 0;
}

small {font-size: 85%;}

big {font-size: 115%;}

sup {
	font-size: smaller; 
	vertical-align: 0.5em; 
	line-height: 1px;
}

dt {margin: 0.5em 0 0;}

dd {margin: 0.25em 0 0.5em 2.5em;}

.clear {clear: both;}

.block {display: block;}

.hide {visibility: hidden;}

.no-display {display: none;}

.left {float: left;	text-align: left;}

.right {float: right;}

/* ------------ */

#header {height: 132px;}

	h2#logo {
		float: left;
		margin: 1em 0 0 0;
		position: relative;
		overflow: hidden;
		width: 230px; height: 93px;
		text-align: center;
	}	
	
		h2#logo span {
			position:absolute; left:0; top:0; z-index:1;
			width: 230px; height: 93px;
			background:url(../images/site/logo.jpg) top left no-repeat;
		}
		
	h3#slogan {
		position: relative;
		overflow: hidden;
		width: 230px; height: 93px;
		text-align: center;
		color: #B9B9B9;
		float: right;
		font-style: italic;
		margin: 1.25em 0 0 0;
	}
	
		h3#slogan span {
			position:absolute; left:0; top:0; z-index:1;
			width: 230px; height: 93px;
			background:url(../images/site/slogan.jpg) top left no-repeat;
		}
	
	#search-button {
		width: 200px; height: 10px;
		background: #909090;
		position: relative;	top: 0;	right: -212px;
		float: right;
	}
	
		#search-button a {
			width: 200px; height: 10px;
			text-decoration: none; text-transform: uppercase; font-size: 0.8em; letter-spacing: 5px; font-weight: bold;
			color: #CCC;
			position: relative; top: -5px;
		}
		
			#search-button a:hover {color: #FFF;}
		
		#search-button p {margin: 0;}
		
		#search-button span {
			background: url(../images/site/buttons/search.jpg) bottom left no-repeat;
			position:absolute; left:0; bottom:0; z-index:1;
			width: 200px; height: 12px;
			cursor: pointer;
		}			

#nav {
	clear: both;
	background: #001E5B url(../images/site/nav/nav-bg.jpg) repeat-x;
	font-size: 1.2em;
	height: 40px;
	font-weight: bold;
}

	#nav ul {
		padding: 0;
		width: 760px;	
	}
	
	#nav ul li {
		width: 108px;
		margin: 0;
		display: block;
		float: left;
		list-style-type: none;
		position: relative;
		text-align: center;
		line-height: 2.7em;
	}
	
		#nav li ul {
			border: none;
			display: none;
			position: absolute;	top: 37px; left: 0px; z-index: 1;
			font-size: 0.8em;
			text-align: left;
			padding: 0;
		}
		
			#nav li ul li {
				background-color: #444;
				text-align: left;
				padding: 0 10px;
				line-height: 2.6em;
				float: left; clear: both;
				height: 30px;
			}
			
			#nav li:hover ul, #nav li.over ul { 
				display: block;
				padding: 0;
			}
			
			#nav li:hover ul li:hover, #nav li.over ul li.over {background-color: #333;}
			
		#nav a {
			font-weight: 100;
			color: #FFF;
			text-decoration: none;
			display: block;
			/*width: 154px;*/
			height: 36px;
			cursor: pointer;
			padding: 0;
		}
		
			#nav a:hover {color: #CCC;}
			
			/* Fix IE. Hide from IE Mac */
			* html #nav ul li { float: left; }
			* html #nav ul li a { height: 1%; }
			/* End */
		
		#nav ul li span {
			width: 100%; height: 36px;
			position: absolute;	left: 0px; top: 2px; z-index: 0;
			background-position: center;
		}
		
		#nav-home span {background: url(../images/site/nav/nav-home.jpg) no-repeat;}
		
		#nav-about-us span {background: url(../images/site/nav/nav-about-us.jpg) no-repeat;}
		
		#nav-team-profiles span {background: url(../images/site/nav/nav-team-profiles.jpg) no-repeat;}
		
		#nav-capabilities span {background: url(../images/site/nav/nav-capabilities.jpg) no-repeat;}
		
		#nav-case-studies span {background: url(../images/site/nav/nav-case-studies.jpg) no-repeat;}
		
		#nav-news span {background: url(../images/site/nav/nav-news.jpg) no-repeat;}
		
		#nav-contact-us span {background: url(../images/site/nav/nav-contact-us.jpg) no-repeat;}
		
			#nav li a:hover span {background-position: 50% -80px;}
			
			#nav li a.selected:hover span {background-position: 50% -40px;}
			
		/* See NAV styles under <body> section */
		
#midsection {
	background: url(../images/site/midsection-bg.jpg) repeat-x #E66802;
	height: 253px;
	position: relative; top: -3px;
}

	#midsection a {
		display: block;
		height: 253px; width: 760px;
		text-decoration: none;
	}
	
		#midsection a.no-block {
		display: inline; 
		height: 100%; width: 100%;
	}

	#midsection span {
		background: url(../images/site/midsection-2.jpg) no-repeat;
		width: 760px; height: 250px;
		margin: 0 auto;
		position: absolute; z-index:1;
	}
	
	#midsection #our-services {
		position: relative;	overflow: hidden;
		height: 194px;
		color: #FFF;
		font-size: 1.2em;
		padding: 2em;
	}
	
		#midsection img {
			display: block; position: absolute; z-index: 3;
			width: 305px; height: 221px; 
			padding: 1.25em 0 1.25em 1.4em;
		}
	
		#midsection h3 {
			font-size: 1.3em;
			padding-bottom: 0.5em;
			float: right;
			width: 350px;
		}
		
		#midsection ul {
			float: right; clear: right;
			width: 350px;
		}
		
			#midsection ul li {
				margin-left: 1.2em;
				list-style-type: square;
			}

#content {
	background: url(../images/site/content-top-bg.jpg) repeat-x;
	clear: both;
	margin-top: -4px; padding-top: 30px; padding-bottom: 160px; /* footerStickAlt 130px + normal pad 30px*/
}

#home-page {
	float: right;
	width: 400px;
	padding: 12px;
}

#page { }

	#page h2 {color: #12067D; font-weight: 100;}

	#page h3 {color: #999; text-transform: uppercase; font-size: 1.1em;}
	
	#page p { }
	
#text {
	width: 475px;
	float: left;
}

	#text ul li {
		padding: 0.5em 0.5em 0.5em 0em;
		margin: 0;
		list-style-type: square;
	}
	
	#text #search-form {
		width: 400px;
		margin: 1em auto;
		background-color: #F5F5F1;
		padding: 1em;
		text-align: center;
	}
		
		#text #search-form label {display: none;}
	
	.card {
		background-color: #EAEBE0;
		padding: 1em;
		margin: 1em 0;
	}
	
		.card p {
			margin-top: 0;
		}
		
		.card .add {
			text-align: center;
			clear: both;
			margin-bottom: 0;
		} /*additional rules in the footer */
	
.box {
	background-color: #EAEBE0;
}

	.feature {
		width: 310px;
		margin-bottom: 1em; padding: 12px;
		float: left;
		clear: left;
	}
	
		.feature h2 {
			float: left;
			font-size: 1.2em; text-transform: uppercase; letter-spacing: -0.3px;
		}
		
		a.rss-link {
			float: right;
			font-size: 0.8em; text-decoration: none;
		}
		
			a.rss-link span { }
	
		.feature-item {
			clear: both;
			background-color: #F1F2EC;
			margin-top: 0.5em; padding: 0.5em;
		}
		
			.feature-item h3 {
				font-size: 1em;
			}
			
				.feature-item h3 a {
					 text-decoration: none;
				}
				
				.feature-item div {padding-left: 25px;}
				
					.feature-item div.latest-case-study-title {
						background: url(../images/site/icons/case-study.png) no-repeat; background-position: 3px 6px;
					}
				
					.feature-item div.recent-news-title {
						background: url(../images/site/icons/news.png) no-repeat; background-position: 3px 6px;
					}
				
			.feature-item h5 {
				font-size: 0.7em; color: #999; text-transform: uppercase; line-height: 1.4em;
			}
			
			.feature-item p {color: #666; font-size: 0.9em; line-height: 1.2em; margin: 0;}
			
			p.read-the-article {
				text-align: right;
				margin: 0; padding-top: 0.3em;
			}		
			
				p.read-the-article a {text-decoration: none;}

.entry {
	background-color: #F5F5F1;
	padding: 1em;
	margin: 0.5em 0;
}

	.entry h3 {font-size: 1.2em;}
	
	#text h5, .entry h5 {text-transform: uppercase; font-size: 0.8em; color: #999; font-weight: 100;}
				
#sidebar {
	width: 250px;
	padding: 12px;
	float: right;
}	

	#sidebar h3 {font-size: 1.3em;}

	#sidebar ul {
		margin: 0; padding: 0;
	}
	
		#sidebar ul li {
			font-size: 1.2em;
			padding: 0.3em;
		}
		
			#sidebar ul li a {
				text-decoration: none;
				padding: 0.3em;
			}
			
				#sidebar ul li a:hover {
					background-color: #E4E6D9;
				}

#footer { 
	clear: both;
	background: url(../images/site/content-bottom-bg.jpg) repeat-x #666;
	color: #FFF;
	position: relative; /* footerStickAlt */
	height: 155px;
	margin-top: -155px;
}

#footer-content {
	position: relative;
	top: 25px;
	padding: 1.2em 0 0.2em 0;
}
	#footer-content a {color: #FD9846;}

	#company-message {
		background-color: #737373;
		float: left;
		width: 310px;
		padding: 12px;
	}
	
		#company-message p, #contact-info p {margin: 0;}
	
	#contact-info {
		background-color: #737373;
		float: right;
		width: 380px;
		padding: 12px;
		height: 100%; /* IE fix rounded corner bug */
	}
	
		.add {color: #999;} .add a {text-decoration: none;}
	
		.address {float: left;}
		
		.tel-fax-email-web {
			float: right;
			text-align: right;
		}
		
			.tel-fax-email-web>small {color: #999;}
		
	#copyright {
		color: #999;
		text-align: right;
		position: relative;
		top: 24px;
	}