/* Basic Styles

Description:
This stylesheet outlines basic styles for agents who are not capable of
advanced styling or scripting. This will include colors, fonts, and basic
margin/padding
*/


/* Stucture
------------------------------------ */
body {
	background: #fff;
	color: #768695;
	font: 75%/1.583333 arial, helvetica, sans-serif;
	text-align: center;
}

html>body {
	font-size: 12px;
}




#page {
	margin: 0 auto;
	text-align: left;
	width: 790px;
}

	#billboard, #content,
	#showcase, #intro, #main, #local {
		margin-bottom: 25px;
	}
	
	#content {
		padding-top: 25px;
	}
	


/* Generic Links
------------------------------------ */
a:link, a:visited,
a:hover, a:active {
	color: #3581c4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* Logo
------------------------------------ */
h1 {
	color: #a5be29;
	font: normal 3em/1 "Univers Light", arial, helvetica, sans-serif;
	margin-bottom: 25px;
}

	h1 a:link, h1 a:visited,
	h1 a:hover, h1 a:active { color: #a5be29; }


/* Navigation
------------------------------------- */
#nav {
	background: #b0cb2c url("/i/bg/bg-nav.jpg") repeat-y right top;
	color: #fff;
	font-family: "Univers Light", Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin-top: 0;
	padding: 10px 25px 10px 10px;
	text-align: right;
}

	#nav a {
		color: #fff;
	}
	
	#nav em,
	#nav em a {
		color: #768695;
	}


/* Footer
------------------------------------ */
#footer {
	border-top: 1px solid #d6d6d6;
	color: #999;
	font-size: 0.916667em;
	line-height: 1.363636;
	margin-top: 5px;
	padding-top: 0;
}

	#footer h6 {
		color: #a5be29;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.25;
		margin: 1em 0 0;
	}
		#footer h6 a {
			color: #a5be29;
		}
		
		#footer p {
			margin: 0 0 1em;
		}
		
		#footer .legal,
		#footer .legal a {
			color: #8c98a4;
		}
	
		#footer .org {
			display: none;
			visibility: hidden;
		}


/* Content
------------------------------------ */
#content h3 {
	font-size: 0.916667em;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 17px;
	padding-top: 10px;
	text-transform: uppercase;
}

/* Billboards */
#billboard {}


/* Intro Areas */
#intro h2 {
	color: #b1cc2c;
	font: normal 2.666667em/1 Georgia, "Times New Roman", serif;
	margin: 0 0 18px;
}

	#casestudy #intro h2 {
		font-size: 3em;
		line-height: 1.111111;
		margin-bottom: 0;
	}

#intro p {
	color: #a4acb4;
	font-size: 1.583333em;
	line-height: 1.263158;
	margin-top: 0;
}

/* Main */
#main h3 {
	border-top: 2px solid #b1cc2c;
	color: #a5be29;
}

#main h4 {
	color: #768695;
	font-size: 1.166667em;
	font-weight: bold;
	line-height: 1.285714;
}
	#main h4 a {
		color: #768695;
	}
	
	.onecol #main h4,
	#contact #main h4 {
		font: normal 1.5em/1.5 Georgia, "Times New Roman", serif;
	}

#contact #main h4 {
	margin-bottom: 0;
}

#expertise #main h4 {
	line-height: 1;
	margin-bottom: 0;
}

#expertise #main p {
	margin-top: 6px;
}

#expertise #main li {
	border-top: 1px solid #dfe3e6;
	padding-top: 2px;
}

	#expertise #main li li {
		border-top: none;
		line-height: 1.416666;
		padding-top: 0;
	}

#work {}

	#work .wk-thumb img {
		border: 1px solid #d0d4d7;
	}


/* Local */
#local h3 {
	border-top: 2px solid #adb6bf;
	color: #768695;
}

#local h4 {
	color: #768695;
	font-weight: normal;
	line-height: 1;
}

#home #local h4 {
	color: #768695;
	font-size: 0.833333em;
	text-transform: uppercase;
	margin: 0;
}

#work #local h4,
#contact #local h4 {
	color: #a5be29;
	font-weight: bold;
	line-height: 1.416667;
	margin-bottom: 0;
}

	#local h4 a {
		color: #768695;
	}
	
		#work #local h4 a,
		#contact #local h4 a {
			color: #a5be29;
		}
	
	#local h4 img {
		display: block;
		padding-bottom: 20px;
	}

#local li {
	line-height: 1.545455;
}

#local .expertise {
	margin-bottom: 25px;
}

#casestudy #local ul {
	margin-top: 10px;
}

/* Secondary */
#sec h3 {
	border-top: 2px solid #adb6bf;
	color: #768695;
}

#casestudy #sec ul {
	margin-top: 10px;
}
