html,body{ margin:0;padding:0;height:100%;font-family: Arial, Helvetica, sans-serif;font-size:14px; line-height:21px;color:#797979;background-color:#d5d5d5; }
html{ overflow: scroll;overflow: -moz-scrollbars-vertical;overflow-x: auto; }
@font-face {font-family: DINWeb;src: url(/files/fonts/DINWeb-Bold.eot);font-weight:bold;font-style:normal;}
@font-face {font-family: DINWeb;src: url(/files/fonts/DINWeb-Bold.woff) format('woff');font-weight:bold;font-style:normal;}
a{ color:#8fc964;outline-width:0;text-decoration:none;cursor:pointer; }
a:hover{ outline-width:0; }
img{ border:none; outline-width:0; }
ul{margin:0;}
li{margin-left:-20px; padding-left:15px;}
input{border:none;color:#797979;width:303px;height:27px;font-family:Verdana, Arial, Helvetica, sans-serif;margin:7px 0 0 7px;padding:0 7px 0 7px;font-size:12px;}
textarea{border:none;color:#797979;width:303px;height:120px;font-family:Verdana, Arial, Helvetica, sans-serif;resize:none;margin:7px 0 0 7px;padding:7px;font-size:12px;}

/* main */
.hide{display:none;}
#container{ width:920px;margin:0 auto 0 auto; }
#header{ float:left;width:920px;height:100px; }
#logo{ width:173px;margin:0 auto 0 auto; }
#logo img{ position:relative;margin:22px 0 0 0; }
#menu{ float:left;width:920px;height:48px;padding:2px 0 0 0;border-bottom:1px solid #FFF;border-top:1px solid #FFF; }
#menu a{ float:left;display:block;height:30px; }
#menu a.over{ background-position:0 30px; }
#menu .left{float:left;width:450px;}
#menu .right{float:left;width:470px;}
#menu .right a{float:right;}

#input_text{float:left;width:336px;height:48px;background-image:url(/files/website/input_text.png);background-repeat:no-repeat;}
#input_textarea{float:left;width:336px;height:154px;background-image:url(/files/website/input_textarea.png);background-repeat:no-repeat;}
/* main */

#portfolio{float:left;width:920px;height:336px;margin:16px 0 0 0;}
#portfolio .item{float:left;width:267px;height:203px;margin:-21px -14px -6px -21px;background-image:url(/files/website/portfolio_background.png);}
#portfolio .item:nth-child(4), #portfolio .item:nth-child(8), #portfolio .item:nth-child(12), #portfolio .item:nth-child(16), #portfolio .item:nth-child(20){margin:-21px -23px -6px -21px;}
#portfolio .item > img{margin:21px 0 0 21px;}
#portfolio .item .mouseover{position:relative;z-index:1;width:224px;height:0;top:0;margin:-160px 0 0 21px;overflow:hidden;}
#portfolio .item .over{height:160px;}
#portfolio .item .overlay{position:absolute;z-index:2;margin:5px 0 0 0;}

#navigation{float:left;width:920px;height:45px;margin:16px 0 0 0;padding:5px 0 0 0;border-bottom:1px solid #FFF;border-top:1px solid #FFF;}
#navigation .left{float:left;width:460px;text-align:right;}
#navigation .right{float:right;width:460px;}

#gallery{overflow:hidden;margin:-16px 0 0 -30px;width:751px;min-height:500px;float:left;}
#gallery #gallery_viewport{width:10000px;}
#gallery #gallery_viewport img{float:left;}
#gallery_nav_prev, #gallery_nav_next{cursor:pointer;position:absolute;}

#content_portfolio #details{float:left;margin:3px 0 0 -11px;width:210px;background-color:#d5d5d5;}
#content_portfolio #details h1{color:#FFF;font-size:24px;line-height:26px;margin:10px 0 10px 0;text-transform:uppercase;font-family: DINWeb, Arial, Helvetica, sans-serif;}
#content_portfolio #details #description{padding:8px 0 8px 0;border-top:1px solid #FFF;border-bottom:1px solid #FFF;}
#content_portfolio #details #portfolio_navigation{margin:10px 0 0 0;width:200px;height:330px;background-color:#d5d5d5;}
#content_portfolio #details #portfolio_navigation #counter{position:absolute;width:64px;height:42px;margin:19px 5px 0 5px;padding:22px 0 0 0;background-image:url(/files/website/counter.png);color:#FFF;font-size:18px;font-weight:bold;text-align:center;}

#content_about{float:left;width:920px;margin:10px 0 0 0;padding:0 0 10px 10px;border-bottom:1px solid #FFF;font-family: DINWeb, Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:12px;}
#content_contact{float:left;width:853px;margin:10px 0 0 0;padding:0 0 10px 67px;border-bottom:1px solid #FFF;font-family: DINWeb, Arial, Helvetica, sans-serif;text-transform:uppercase;}
#content_contact table tr td strong{display:block;color:#AAA;margin:0 6px 0 0;}