/* design and programming by brian wilson - brianwilson89@gmail.com */

* {margin:0;padding:0;}
* :focus { outline: 0; }
body { font:11pt "Trebuchet MS",Helvetica,sans-serif; background-color:#000; line-height:1.3em; color:#444444;}
a { outline: 0; }
a:active, a:focus { outline: 0 }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
a img { border: 0 none; }
img { border: 0 none; }
a:link {color: #fff;text-decoration:underline;}
a:hover {color:#f90;text-decoration:underline;}
a:visited {color: #fff;text-decoration:underline;}
p {margin:10px 0 5px 0;}
span.strike {text-decoration: line-through;}
.white { color:#fff; }

.back { color:#f90; }
.back a { text-decoration:none; font-weight:bold; }
.back a:hover { color:#fff; }

/* IE8 hack to get it to apply margin auto centering to element inside this one */
#wrapper {width:100%; }

/* Header */
#header { padding:0; height:60px; width:100%; }
#header #nav { margin:0 auto; padding:0;}

#header #nav .nav-logo { float: left; padding: 0 20px 0 0; margin:0; width: 280px; }
#header #nav .nav-content { padding: 20px; margin:0 200px 0 280px; background: url('../images/nav-bg.png') repeat-x; }
#header #nav .nav-slogan { float: right; padding: 0; margin:0;  width: 200px; }
#header #nav a { font-size: 15px; font-weight:bold; color:#373737; text-decoration:none;}
#header #nav a:hover { color:#000; text-decoration:none;}
#header #nav ul { list-style:none; }
#header #nav li { display:inline; padding: 0 10px 0 10px; }

/* Content Area */

#main { margin:0 auto; clear:both; padding:0 10px 80px 10px; min-height:500px;}

#content { float:left; padding:40px 0 25px 30px; }
#content h1 { font-size:1.65em;	margin:0;padding:0; color:#7A0A17; line-height:1.1em; }
#content h2 { font-size:1.2em; margin:15px 0 10px 0; color:#7A0A17; }
#content h3 { font-size:1.1em;font-weight:normal; margin:15px 0 10px 0; color:#7A0A17; }

#content ul { list-style:square; margin:0; list-style-position:inside; }
#content li { line-height:2em; font-size: 13px;}
#content li a { color:#fff; text-decoration:none; font-weight:bold; }
#content li a:hover { color:#f90; }


/* layouts */
#onecol { position:absolute; background: url('../images/bg-alpha-90.png'); width:740px; margin:0; padding:30px; text-align:left; }
#onecol h1 { color:#fff; font-size:18px; margin:0; padding:0 0 20px 0; }
#onecol p { color:#fff; font-size:13px; line-height:1.6em; margin:0; padding:0 0 30px 0; }
#onecol a { color:#f90; text-decoration:none; font-weight:bold; }
#onecol a:hover { color:#fff; }

.work-desc { float:left; margin:0 20px 0 0; }
.work-thumbs { float:right; width:390px; border-left: 1px solid #444; padding:0 10px 0 20px; }
.work-thumbs a { cursor: url(../images/zoomin.cur), pointer; }

#twocol_lt { position:absolute; background: url('../images/bg-alpha-90.png'); width:200px; min-height:350px; margin:0; padding:30px 20px 20px 20px; text-align:right; }
#twocol_lt h1 { color:#fff; font-size:18px; margin:0; padding:0 0 20px 0; }
#twocol_lt p { color:#fff; font-size:13px; line-height:1.6em; margin:0; padding:0 0 30px 0; }
#twocol_lt a { line-height:24px; color:#f90; font-size:16px; text-decoration:none; font-weight:bold; }
#twocol_lt a:hover { color:#fff; }
#twocol_lt ul { list-style:none;}
#twocol_lt li a { color:#fff; font-size:13px; text-decoration:none; font-weight:bold; }
#twocol_lt li a:hover { color:#f90; }
#twocol_lt h2  { font-size:1.2em; margin:25px 0 12px 0; color:#7A0A17;}


#twocol_rt { position:absolute; background: url('../images/bg-sidebar-content.png'); width:260px; min-height:340px; margin:0 0 0 240px; padding:30px; }
#twocol_rt p { color:#fff; font-size:13px; line-height:1.6em; margin:0; padding:0 0 30px 0; }
#twocol_rt a { color:#f90; text-decoration:none; font-weight:bold; }
#twocol_rt a:hover { color:#fff; }
#twocol_rt ul { list-style:none;}
li { color:#fff; font-size:13px; font-weight:bold; }
/* #twocol_rt li a { color:#fff; font-size:13px; text-decoration:none; font-weight:bold; } */
/* #twocol_rt li a:hover { color:#f90; } */

#content_lt { position:absolute; background: url('../images/bg-alpha-90.png'); width:200px; min-height:380px; margin:0; padding:30px 20px 20px 20px; text-align:right; }
#content_lt img { padding:0; }
#content_lt h1 { color:#fff; font-size:18px; margin:0; padding:0 0 20px 0; }
#content_lt p { color:#fff; font-size:13px; line-height:1.6em; margin:0; padding:0 0 30px 0; }
#content_lt a { color:#f90; font-size:16px; text-decoration:none; font-weight:bold; }
#content_lt a:hover { color:#fff; }

#content_rt { position:absolute; background: url('../images/bg-sidebar-content.png'); width:640px; min-height:370px; margin:0 0 0 240px; padding:30px; text-align:left; }


/* Footer */
#footer {background: #000; color:#666; font-size:13px; }
#footer a {color:#fff; text-decoration:none; font-weight:bold;}
#footer a:hover {color:#f90; text-decoration:none;}
#footer a:visited {color:#fff; text-decoration:none;}
#footer p {margin:0 0 15px 0;}
#foot #left {float:left;padding:12px 0 0 20px;}
#foot #right {float:right;text-align:right;padding:12px 20px 0 0;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* slideshow */
#slider {position:relative;background:#000 url(../images/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
.nivo-controlNav {position:absolute;bottom:-25px;}
.nivo-controlNav a {display:block;width:10px;height:10px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin:0 5px 0 5px;float:left;}
.nivo-controlNav a.active {background-position:-10px 0;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows-circular.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}

.button {color:#fff; font-weight:bold;}
.clear {clear: both;}

#archDesign {display: block}
#archDesign-button {opacity: 1.0;}
#intDesign {display: none}
#intDesign-button {opacity: 0.5;}
#residential {display: none}
#residential-button {opacity: 0.5;}
#spacePlanning {display: none}
#spacePlanning-button {opacity: 0.5;}
#masterPlanning {display: none}
#masterPlanning-button {opacity: 0.5;}
#greenDesign {display: none}
#greenDesign-button {opacity: 0.5;}

#clientsHospitalityMulti {display: block}
#clientsHospitalityMulti-button {opacity: 0.5;}
#clientsResidential {display: none}
#clientsResidential-button {opacity: 0.5;}
#clientsCommercialOffice {display: none}
#clientsCommercialOffice-button {opacity: 0.5;}
#clientsIndustrial {display: none}
#clientsIndustrial-button {opacity: 0.5;}
#clientsRetail {display: none}
#clientsRetail-button {opacity: 0.5;}

#workCommercial {display: block}
#workCommercial-button {opacity: 0.5;}
#workRetail {display: none}
#workRetail-button {opacity: 0.5;}
#workMultiFamily {display: none}
#workMultiFamily-button {opacity: 0.5;}
#workHospitality {display: none}
#workHospitality-button {opacity: 0.5;}
#workResidential {display: none}
#workResidential-button {opacity: 0.5;}

#s3slider { width: 400px; height: 150px; position: relative; overflow: hidden; }
#s3slider ul { list-style:none; margin:0; padding:0; }
#s3sliderContent { width: 400px; position: absolute; top: 0; margin-left: 0; }
.s3sliderImage { float: left; position: relative; display: none; }
.clear { clear: both; }

/* FORMS */
input.text_field, textarea {border:solid 1px #272727;padding:10px;font:normal 13px Helvetica, Arial, sans-serif;color:#222;background:#272727;outline:0;margin:0 20px 10px 0;}