/*
Venture Engineers and Builders
Designer / Developer: Ash Haque
Date: April 2010
*/

/* Main Section
----------------------------------------------------------------------------- */

	/* Sub Section */


/* Reset
----------------------------------------------------------------------------- */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, 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; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }


/* Accessability
----------------------------------------------------------------------------- */

ol#accessibility-nav,
.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* Clearfix
----------------------------------------------------------------------------- */

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


/* Default
----------------------------------------------------------------------------- */

html { }
body { background: #fff url(../images/bg-body.gif) top left repeat-x; color: #333; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; text-align: center; padding: 5px 0 50px 0; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #b4161f; text-decoration: underline; }
a:hover, a:active { color: #069; text-decoration: none; }


/* Structural
----------------------------------------------------------------------------- */
	#wrapper { width: 960px; margin: 0 auto; text-align: left; }
	#header { background: url(../images/bg-header.jpg) top left no-repeat; height: 148px; margin-bottom: 20px; position: relative;}
	#home #header { margin-bottom: 0px; height: 146px; }
	#featured { background: #000 url(../images/bg-featured.gif) top left repeat-y; margin-bottom: 20px; position: relative; padding: 430px 80px 0 30px; }
	#main { padding: 30px; background: #fdfdfd url(../images/bg-content.gif) top left no-repeat; }
	#content { width: 590px; float: left; }
	#content.wide { width: 100%; }
	#sidebar { width: 280px; float: right; }
	#footer { background: #000; padding: 25px 25px 15px; }

/* Header
----------------------------------------------------------------------------- */
	#header h1 { width: 210px; height: 146px; display: block; margin-left: 2px; }
	#header h1 a { display: block; width: 100%; height: 100%; text-indent: -9999em; background: url(../images/venture-engineers-and-builders.jpg) top left no-repeat; }
	
/* Nvaigation
----------------------------------------------------------------------------- */
	#navigation { position: absolute; top: 60px; left: 320px; }
	#navigation li { display: inline; }
	#navigation li a { display: block; float: left; padding: 10px 20px; font: bold 1.4em Arial; text-transform: uppercase; color: #fff; text-decoration: none;}
	#navigation li a span { padding-bottom: 2px; }
	#navigation li.selected a span,
	#navigation li a:hover span { border-bottom: 2px solid #a1d702; }
	
/* Featured
----------------------------------------------------------------------------- */
	#image { width: 956px; height: 400px; position: absolute; top: 0px; left: 2px; background: #333; border-bottom: 1px solid #555; }
	#image img { background: #333; padding: 8px; }
	#image ul,
	#image li { margin: 0; padding: 0; }
	#image ul { position: relative; }
	#image ul li { float: left; position: absolute; }
	#image ul li.show {z-index: 50; }

	#featured h1 { width: 363px; height: 22px; background: url(../images/txt-featured.gif) top left no-repeat; text-indent: -9999em; margin-bottom: 10px; }
	#featured p { width: 500px; font: 1.8em Georgia, Times, 'Times New Roman', serif; font-style: italic; color: #fff; margin-bottom: 25px; }
	#featured ul.featured-links { position: absolute; top: 460px; left: 600px; }
	#featured ul.featured-links li { display: inline; }
	#featured ul.featured-links li a { float: left; display: block; height: 34px; background: url(../images/btn-featured.gif) top left no-repeat; margin-right: 10px; text-indent: -9999em; }
	#featured ul.featured-links li.see-our-work a { width: 125px; margin-right: 10px; }
	#featured ul.featured-links li.see-our-work a:hover { background-position: 0 -34px; }
	#featured ul.featured-links li.view-our-services a { width: 157px; background-position: -125px 0; }
	#featured ul.featured-links li.view-our-services a:hover { background-position: -125px -34px; }
	
/* Content
----------------------------------------------------------------------------- */
	#content h2 { font: 2.4em Arial; margin-bottom: 15px; }
	#content h3 { font: 1.6em Arial; text-transform: uppercase; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 3px; }
	#content p { font-size: 1.2em; line-height: 1.6em; margin-bottom: 20px; text-align: justify; }
	#content img { padding: 4px; border: 1px solid #ddd; margin-bottom: 15px; }
	#content a.read-more { font-size: 1.2em; text-align: right; display: block; margin-bottom: 25px; }
	#content ul { margin-bottom: 10px; }
	#content ul li { font-size: 1.2em; background: url(../images/bullet.gif) 0 0.5em no-repeat; line-height: 1.6; padding: 0 0 8px 20px; }
	#content ul li ul li { font-size: 1em; }
	#content ul li a { text-decoration: none; }
	#content .section { padding-bottom: 30px; }
	#content .section p { margin-left: 40px; border-left: 1px solid #eee; padding-left: 30px; }
	#content p.no-spacing {margin:0;padding:0;}

/* Sidebar
----------------------------------------------------------------------------- */
	#sidebar h3 { background: url(../images/bg-sidebar_header.gif) top left no-repeat; font: bold 1.4em Arial; padding: 7px 0 15px 12px; color: #fff; }
	#sidebar li.sidebar-item { padding-bottom: 15px; }
	#sidebar li.sidebar-projects a img { border: 1px solid #ddd; padding: 4px; margin-bottom: 5px; }
	#sidebar li.sidebar-links ul li { border: 1px solid #fff; }
	#sidebar li.sidebar-links ul li a { display: block; border-bottom: 1px solid #eee; font-size: 1.2em; font-weight: bold; padding: 8px; color: #333; text-decoration: none; }
	#sidebar li.sidebar-links ul li a:hover { color: #b4161f; }
	#sidebar li.sidebar-links ul li ul { padding-left: 15px; border-bottom: 1px solid #eee;}
	#sidebar li.sidebar-links ul li ul li a { border-bottom: 0; }

/* Footer
----------------------------------------------------------------------------- */
	#footer .footer-content { width: 600px; float: left; }
	#footer .footer-credit { width: 300px; float: right; text-align: right; padding-top: 10px; }
	#footer h3 { width: 303px; height: 20px; background: url(../images/txt-footer.gif) top left no-repeat; text-indent: -9999em; margin-bottom: 10px; }
	#footer p { color: #fff; font: 1.2em arial; margin-bottom: 15px; }
	#footer p a { color: #fff; text-decoration: none; border-bottom: 1px solid #666; }
	#footer p a:hover { border-bottom: 1px solid #000; }
	#footer .footer-credit p { color: #222; font: bold 3em Arial; letter-spacing: -2px; line-height: 0.8em; }
	#footer .footer-credit p a { color: #333; border: 0; }
	#footer .footer-credit p a:hover { color: #999; }

/* Page Specific
----------------------------------------------------------------------------- */
	#home #content h2 { font: bold 1.4em Arial;  color: #fff; width: 280px; background: url(../images/bg-content_header.gif) top left no-repeat; padding: 7px 5px 15px 10px; margin-bottom: 0; }

	#content .contact-information { padding: 10px 0; }
	#content .contact-information h3 { border: 0; margin-bottom: 0; }
	#content .contact-austin { width: 48%; float: left; }
	#content .contact-dallas { width: 48%; float: right; text-align: right; }
	#content .contact-dallas p { text-align: right; }
	
	#content .team-member { padding: 10px 0 30px; }
	#content .team-member p,
	#content .team-member ul { padding-left: 30px; }
	
	#content .portfolio-sections { padding-bottom: 20px; }
	#content .portfolio-sections .left { width: 49%; float: left; }
	#content .portfolio-sections .right { width: 49%; float: right; }
	#content .portfolio-sections img { padding: 4px; border: 1px solid #ddd; }
	
	#content .portfolio-item { padding-bottom: 20px; }
	#content .portfolio-item h3 { border: 0; text-transform: none; margin: 0; padding: 0; }
	#content .portfolio-item strong { font-size: 1.3em; text-transform: uppercase; }
	#content .portfolio-item img { width: 885px; height: 343px; margin-top: 10px; }
	
	#content .team-member h3 { background: #444; color: #eee; padding: 5px 0 5px 30px; }