/* 
*	This is an OnWired, LLC. Production (http://onwired.com)
*	Design by Sean Baker (sean@onwired.com)
*	Code by Brett Buddin (brett@onwired.com)
*/

body.home h2 { font-size: 480%; }

.post-meta { display: block; color: #d1d0d0; margin-bottom: 5px; }

div#header { background: #fff url('../images/header-repeat.gif') repeat-x; height: 115px; position: relative; }
	div#header-inner { width: 960px; margin: 0 auto; }
	h1#logo { float: left; }
	h1#logo a { background: transparent url('../images/logo.gif') no-repeat; display: block; height: 110px; margin-right: 20px; text-indent: -9999px; width: 341px; }
	div#header .nav { padding-top: 80px; }
	div#header .nav li { display: inline; }

	div#header .home { background: transparent url('../images/navigation/home.gif') no-repeat; width: 62px; }
	div#header .about { background: transparent url('../images/navigation/about.gif') no-repeat; width: 66px; }
	div#header .services { background: transparent url('../images/navigation/services.gif') no-repeat; width: 79px; }
	div#header .blog { background: transparent url('../images/navigation/blog.gif') no-repeat; width: 56px; }
	div#header .papers { background: transparent url('../images/navigation/papers.gif') no-repeat; width: 70px; }
	div#header .resources { background: transparent url('../images/navigation/resources.gif') no-repeat; width: 90px; }
	div#header .contact-us { background: transparent url('../images/navigation/contact-us.gif') no-repeat; width: 93px; }
	div#header .careers { background: transparent url('../images/navigation/careers.gif') no-repeat; width: 79px; }
	
	div#header .nav a { display: block; float: left; height: 30px; margin-right: 7px; text-indent: -9999px; }
	div#header .nav a:hover { background-position: 0 -30px; }
	div#header .nav li.selected a { background-position: 0 -60px; }
	
div#sub-nav { background-color: #099; }
	ul#sub-nav-inner { height: 25px; margin: 0 auto; width: 960px; }
	div#sub-nav ul { font-size: 100%; }
	div#sub-nav li { float: right; display: inline; }
	div#sub-nav a { border-right: 1px solid #008E90; color: #a3dfdf; display: inline; font-weight: bold; padding: 0 15px; }
	div#sub-nav li.first a { border: none; }
	div#sub-nav li.selected a { color: #fff; }
	
div#sub-nav ul.about li.first { margin-right: 250px; }
div#sub-nav ul.blog li.first { margin-right: 160px; }
div#sub-nav ul.resources li.first { margin-right: 60px; }

div#content-outer { background: #006868 url('../images/content-top-repeat.gif') repeat-x top; }
	div#content { background: transparent url('../images/content-bottom-repeat.gif') repeat-x bottom; min-height: 400px; }
	div#content-inner { margin: 0 auto; width: 920px; padding-top: 40px; position: relative; }
	div#content #main-body { float: left; margin-bottom: 50px; width: 497px; }
		#main-body img { margin-top: 1em; }
		#main-body ul ul { font-size: 100%; margin-left: 2em; list-style-type: circle; margin-bottom: 0; }
		#main-body ol ol { font-size: 100%; margin-left: 2em; margin-bottom: 0;}
		#main-body blockquote { 
			font-family: Georgia, "Times New Roman", serif;
			font-style: italic;
			font-size: 160%;
			border-left: 5px solid #1a7777;
			padding: 0 10px;
			margin-bottom: 1.8em;
		}
		#main-body p a, #main-body ul a, #main-body ol a, #main-body blockquote a { text-decoration: underline; }
		#main-body .bio { margin-bottom: 20px; }
		#main-body .bio p { margin-bottom: 0; }
		#main-body .quote blockquote { margin-bottom: 0.5em; }		
			
		.half { width: 63px; }
		.one { width: 113px; }
		.two { width: 236px; }
		.three { width: 359px; }
		.four { width: 382px; }
		img.half, img.one, img.two, img.three, img.four { margin-right: 10px; }
		img.frame { background-color: #1a7777; padding: 5px; }
		
		.author { font-weight: bold; text-transform: uppercase; }
		.read-more { font-size: 80%; text-transform: uppercase; font-weight: bold; }
		.seperator { background-color: #2f8383; height: 4px; margin: 25px 0; }
		.quote { margin-bottom: 25px; }
		
		label { font-weight: bold; font-size: 130%; text-transform: uppercase; }
		label span.name { float: left; }
		label em { float: right; font-weight: normal; margin-right: 0.5em; }
		input { font-size: 130%; padding: 5px; width: 480px; }
		textarea { padding: 5px; width: 480px; }
		.checkbox { width: auto; }
		
		div.comment { margin-bottom: 1.8em; }
		div.comment p { border-left: 5px solid #1a7777; margin-bottom: 0; padding: 10px; }
		div.comment span.post-meta { margin-left: 15px; }
		.captcha { float: left; }
		
		#main-body, #main-body .others { border-top: 5px solid #099; margin-top: 10px; padding-top: 20px; }
	
		#side-bar { background: transparent url('../images/side-repeat.png') repeat-y; float: right; margin: 10px 0 50px; width: 381px; }
			body.home #side-bar { margin-top: 20px; }
			#side-bar .top { margin-top: -13px; clear: both; } /* 24 */
			#side-bar .bottom { margin-bottom: -13px; clear: both; } /* 15 */
			#side-bar-inner { padding: 15px 30px; }
		
			#side-bar blockquote { font-size: 130%; }
			#side-bar ul, #side-bar ol { margin-left: 0; list-style-type: none; }
			#side-bar div.top { background: transparent url('../images/side-top.png') no-repeat; height: 13px; }
			#side-bar div.bottom { background: transparent url('../images/side-bottom.png') no-repeat; height: 13px; }
			
			#main-body a.read-more { display: block; background: transparent url('../images/more-arrow.gif') no-repeat right 2px; padding-right: 20px; height: 19px; width: 6.2em; }
			
			#side-bar a.read-more { background: transparent url('../images/read-more-side.gif') no-repeat; display: block; height: 27px; margin-top: -10px; text-indent: -9999px; width: 112px; }
		
div#footer .top { background: #91e3e3 url('../images/footer-top-repeat.gif') repeat-x; height: 160px; }
	div#footer .top-inner { margin: 0 auto; width: 750px; }
	div#footer .top-inner { padding-top: 20px; }
	div#footer .top h3 { color: #0e4b4b; font-family: "Lucida Grande", Arial, sans-serif; font-size: 120%; font-weight: bold; margin-bottom: 5px; }
	div#footer .top .left { border-right: 1px solid #6ab2b2; }
	div#footer .top .sub-left { border-right: none; margin-right: 90px; }
	div#footer .top img.right { margin-top: 10px; }
	div#footer .top a { color: #2b7878; }
	div#footer .top ul { font-size: 100%; font-weight: bold; list-style-type: none; margin-left: 0; margin-bottom: 0; }

div#footer .bottom { background-color: #181818; color: #636363; height: 60px; margin: 0 auto; width: 900px; }
	div#footer .bottom .copy { margin-top: 20px; }
	div#footer .bottom .credit { margin-top: 14px; }
	div#footer .bottom .leadin { float: left; margin-top: 6px; }
	div#footer .bottom .onwired { float: right; background: transparent url('../images/onwired.gif') no-repeat; width: 85px; height: 34px; text-indent: -9999px; }

.service { width: 400px; }

.left { float: left; }
.right { float: right; }
img.right { margin-left: 1em; }

.sub-head { display: block; font-weight: bold; text-transform: uppercase; margin-bottom: 1em; }

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}