/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,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-size:100%;font-family:inherit;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;color:black;background:white}
ol,ul{list-style:none}
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:"" ""}
/*
* Copyright (c) 2008,Yahoo! Inc. All rights reserved.
* Code licensed under the BSD License:* http://developer.yahoo.net/yui/license.txt
* version:2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/** general
red:BE1E2D
**/
html{overflow-y:scroll;}
html,body{height:100%;}
body{margin:0;font:normal 11px/15px "Helvetica","Arial",sans-serif;color:#DDD;}
a{color:#BE1E2D;text-decoration:none;}
strong,b,li,dt{font-weight:bold;}
em,i{font-style:italic;}
p{margin-bottom:10px;}
p,li,dt,dd{letter-spacing:.1em;}
li,dt,dd{margin-bottom:5px;}
form{margin:20px 0;}
label,input,textarea,img{display:block;}
button{text-transform:uppercase;font:bold 9px/15px "Helvetica","Arial",sans-serif;letter-spacing:0.25em;}
label{margin:10px 1px 5px;}
input[type=text],textarea,button{background-color:#2a2522;border:1px solid #000;color:#fff;margin:0 0 10px;padding:2px 5px;width:273px;/* 285-5-5-1-1 */
line-height:20px;}
button{cursor:pointer;width:285px;}
/*input[type=text]:focus,textarea:focus,button:hover,button:focus{border-color:#BE1E2D;}
*/
#sub img{margin-bottom:20px;}
h2,label{color:#BE1E2D;font:bold 13px/15px "Helvetica","Arial",sans-serif;margin-bottom:10px;}
/** backgrounds **/
.bg{position:fixed;background:#222 url("../img/background-home.jpg") 50% 50% no-repeat fixed;left:0;width:100%;height:100%;}
.bg.n_services{background-image:url("../img/background-services.jpg");}
.bg.n_gallery{background-image:url("../img/background-gallery.jpg");}
.bg.n_about{background-image:url("../img/background-about.jpg");}
.bg.n_projects{background-image:url("../img/background-projects.jpg");}
.bg.n_process{background-image:url("../img/background-process.jpg");}
.bg.n_contact{background-image:url("../img/background-contact.jpg");}
#bg{z-index:2;}
#bg_alt{z-index:1;}
/** frame **/
#page{z-index:100;position:relative;width:910px;margin:0 auto;min-height:100%;height:auto;background:transparent url("bg_main.png") 5px 85px no-repeat;}
.js #page{display:none;}
#main,#sub{float:left;}
#main{margin-top:60px;margin-right:75px;width:375px;min-height:100%;}
#main .content{clear:left;padding:0 45px 80px;}
#sub{display:none;position:fixed;top:0;left:55%;width:460px;margin-bottom:40px;background:transparent url("bg_sub.png") 0 100% no-repeat;font-size:11px;line-height:166%;}
#sub .content{padding:15px 15px 80px;}
#page:after,#nav:after,.subnav:after,#gallery:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"\0020";}
/** header and nav **/
#logo,#logo a{display:block;width:100%;height:165px;margin-top:15px;}
#logo{margin-bottom:30px;}
#logo a{text-indent:-9999em;background:transparent url("logo.png") 50% 0 no-repeat;}
#nav{height:41px;margin:0 auto 30px;padding:0 13px;font-size:10px;background:#000 none;}
#nav li{float:left;width:auto;margin:0;padding:0 7px;text-transform:uppercase;text-align:center;font:bold 11px/11px "Helvetica","Arial",sans-serif;letter-spacing:0;}
#nav a{display:block;padding:14px 0 12px;line-height:11px;border-bottom:2px solid #000;color:#FFF;}
#nav a:hover{color:#BE1E2D;border-bottom-color:#BE1E2D;}
/** main content **/
.content p.lede{margin-bottom:10px;font:bold 14px/20px "Helvetica","Arial",sans-serif;letter-spacing:0;}
.vcard a{color:#FFF;}
/** subnav **/
.subnav,#gallery{position:relative;zoom:1;margin:20px -45px 20px 0;background:transparent url("subnav_arrow.png") 100% 0 no-repeat;}
.subnav_hittarget{position:absolute;width:20px;height:60px;right:0;cursor:pointer;}
.subnav li,#gallery li{float:left;margin:0 15px 15px 0;}
.js .auto li a{display:none;}
.subnav li,#gallery li{background-color:#222;border:1px solid #000;}
.subnav li,#gallery li,.subnav li img,#gallery li img,.subnav li a,#gallery li a{display:block;width:58px;height:58px;}
div.process ul.subnav{display:none;}
div.process{margin-bottom:20px;}