/*

	File: screen.css
	Media: screen
	Copyright: (c) 2009 Soil4 Creative LLC  www.soil4.com
	Author: Dave Wright
	Notes: 


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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, 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-family: inherit; vertical-align: baseline;}
html {height: 100%; width: 100%;}
body {line-height: 1;}
:focus { outline: 0;}
a:active {outline: 0;}
ul, ol { list-style: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
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: "" "";}
* {behavior: url(iepngfix.htc);}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {font-size: 100.01%;}
body { background: #fff url(../images/main-bgrd.jpg) 50% 0 no-repeat; font: normal 1em "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #8b8372; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6em; color: #333333;}
h3.small_text { font-size:1.2em; font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: .4em; text-transform: uppercase; color: #9ba6b3; }
p { font-size:1.2em; line-height:1.8em; margin:12px 0; }
small { font-size:1.1em;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }

img.large_image { margin-top: 26px; margin-bottom: 10px}
img.image_frame { padding: 9px; background: #ffffff; border: 1px solid #dddddd;}
img.small_image { margin: 0 0 10px 40px; float: right; display: inline;}


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: normal; text-decoration: none;}
a:link { color: #f78e1e;}
a:visited { color: #f78e1e;}
a:hover { color: #f78e1e; text-decoration: underline;}
a:active { color: #f78e1e;}

.portfolio_item a:link { color: #333333;}
.portfolio_item a:visited { color: #333333;}
.portfolio_item a:hover { color: #169bdc; text-decoration: none;}
.portfolio_item a:active { color: #333333;}

.main_nav a:link { color: #ffffff;}
.main_nav a:visited { color: #ffffff;}
.main_nav a:hover { color: #36bafa; text-decoration: none;}
.main_nav a:active { color: #ffffff;}


/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.container { width:960px; margin: 0 auto; padding: 0; }
.header { width:850px; height: 141px; margin: 0 auto; padding: 0; overflow: hidden; }
#features { width: 850px; height: 250px; position: relative; margin: 0 auto;}
.features-bottom { width: 850px; height: 35px; margin: 0 auto; background: url(../images/features-bottom-green.png) 50% 0 no-repeat}
.footer { width: 850px; margin: 0 auto; padding: 0; color: #aaa08b; overflow: hidden; font-size: .6em;}


body.sign_up_page .content { -moz-border-radius:12px; -webkit-border-radius:12px;}


/* Header Layout
--------------------------------------------------------------------------------------- */

.header h1 { float: left; display: inline; margin: 0; }

ul.top-nav {width: 496px; height: 60px; float: left; display: inline; margin: 81px 0 0 0;}
ul.top-nav li {width: 90px; height: 60px; float: left; display: inline;}
ul.top-nav li.last {width: 136px; height: 60px; float: left; display: inline;}
ul.top-nav li a {width: 90px; height: 60px; display: block; text-indent: -1000px;}
ul.top-nav li.last a {width: 136px; height: 60px; display: block; text-indent: -1000px;}

ul.top-nav li a.work {background: url(../images/top-nav.jpg) 0 0 no-repeat;}
ul.top-nav li a.work:hover {background: url(../images/top-nav.jpg) 0 -60px no-repeat;}

ul.top-nav li a.about {background: url(../images/top-nav.jpg) -90px 0 no-repeat;}
ul.top-nav li a.about:hover {background: url(../images/top-nav.jpg) -90px -60px no-repeat;}

ul.top-nav li a.services {background: url(../images/top-nav.jpg) -180px 0 no-repeat;}
ul.top-nav li a.services:hover {background: url(../images/top-nav.jpg) -180px -60px no-repeat;}

ul.top-nav li a.contact {background: url(../images/top-nav.jpg) -270px 0 no-repeat;}
ul.top-nav li a.contact:hover {background: url(../images/top-nav.jpg) -270px -60px no-repeat;}

ul.top-nav li.last a.request {background: url(../images/top-nav.jpg) -360px 0 no-repeat;}
ul.top-nav li.last a.request:hover {background: url(../images/top-nav.jpg) -360px -60px no-repeat;}



/* Rotator Layout
--------------------------------------------------------------------------------------- */

.rotator { width: 960px; height: 394px; background: #edf7fe url(../images/bg/bg_rotator.jpg) bottom left no-repeat; position: relative;}

#divMainRotator { width: 960px; height: 394px; overflow: hidden;}
.featured_project { width: 880px; padding: 0 40px; height: 394px; overflow: hidden;}
.featured_project img { float: right; display: inline;}
.featured_project_content { float: left; display: inline; width: 390px; margin-top: 50px; overflow: hidden;}
.featured_project_content h4 { font-size: 3.8em; font-weight: 200; margin: 26px 0; line-height: 1.1em;}

#divMainRotatorNav { position:absolute; bottom:24px; left:37px; z-index:99; height: 33px; width:400px; overflow: hidden;}
#divMainRotatorNav a { display: block; float: left; width: 59px; height: 33px; background: transparent url(../images/btn/btn_rotator_active.gif) top right no-repeat; text-align: center; line-height: 33px; font-size: 1.2em; color: #ffffff; margin-right: 12px; }
#divMainRotatorNav a:hover { background: transparent url(../images/btn/btn_rotator_active.gif) top left no-repeat; text-decoration: none; }
#divMainRotatorNav a.activeSlide { background: transparent url(../images/btn/btn_rotator_active.gif) top left no-repeat; text-decoration: none; color: #ffffff; }
#divMainRotatorNav a:focus { outline: none; }


/* Homepage Layout
--------------------------------------------------------------------------------------- */
.left-btn-box {width: 55px; position: absolute; top: 100px; left: 12px; z-index: 2;}
.left-btn-box a.left-btn {float: right;}
.portfolio-box {background: url(../images/features-bgrd.jpg) 0 0 no-repeat; width: 850px; height: 250px; position: absolute; top: 0px; left: 0px; z-index: 0;}
.right-btn-box {width: 55px; position: absolute; top: 100px; right: 12px; z-index: 3}
.right-btn-box a.right-btn {float:left;}

#prevBtn {width: 30px; height: 40px; display: block; position: absolute; top: 100px; left: -20px; z-index: 1000; text-indent: -10001px;}
#prevBtn a {width: 30px; height: 40px; display: block; background: url(../images/features-btn-left.png) 0 0 no-repeat; }
#prevBtn a:hover {width: 30px; height: 40px; display: block; background: url(../images/features-btn-left-over.png) 0 0 no-repeat; }

#nextBtn {width: 30px; height: 40px; display: block; position: absolute; top: 100px; right: -20px; z-index: 1000; text-indent: -10001px;}
#nextBtn a {width: 30px; height: 40px; display: block; background: url(../images/features-btn-right.png) 0 0 no-repeat; }
#nextBtn a:hover {width: 30px; height: 40px; display: block; background: url(../images/features-btn-right-over.png) 0 0 no-repeat; }

.home-content {width: 850px; height: 125px; margin: 0 auto; margin-top: 25px; }
.home-content a, .home-content a:link, .home-content a:visited {font-size: .7em; color: #f78e1e; font-weight: normal; margin: 9px 0 0 0;}

.we-are {width: 207px; float: left; display: block; padding: 0px 25px 0px 50px}
.we-are h3 {color: #f78e1e; font-size: 1.25em; margin: 0 0 5px 0; font-weight: 400}
.we-are p {font-size: .7em; line-height: 1.5em; margin: 0 0 12px 0}

.we-do {width: 209px; float: left; display: block; padding: 0px 25px 0px 50px}
.we-do h3 {color: #f78e1e; font-size: 1.25em; margin: 0 0 5px 0; font-weight: 400}
.we-do p {font-size: .7em; line-height: 1.5em; margin: 0 0 12px 0}

.we-you {width: 209px; float: left; display: block; padding: 0px 25px 0px 50px}
.we-you h3 {color: #f78e1e; font-size: 1.25em; margin: 0 0 5px 0; font-weight: 400}
.we-you p {font-size: .7em; line-height: 1.5em; margin: 0 0 12px 0}


/* Main Layout
--------------------------------------------------------------------------------------- */



/* Sidebar Layou t
--------------------------------------------------------------------------------------- */



/* Footer Layout
--------------------------------------------------------------------------------------- */

.footer-content {padding: 0px 0px 0px 50px;}
.footer-content p {line-height: 1.25em;}