@import url("head.css");
/**BODY { behavior:url("js/csshover.htc");}*/

/* content */
.text P { margin:0px; padding:0px; margin-bottom:12px;}
.abs { position:absolute;}

/* featured */
.featured { min-height2:680px; _height2:680px; background: url(../img/design/featured_bg.jpg) right top no-repeat; border:1px solid #18160F;}
.featured .inner { margin-left:40px; min-height:445px; _height:445px; border-bottom:1px solid #635F53;}
.featured .gallery { font-size:11px; width:430px; padding:20px 0px 0px 40px;  border-top:1px solid #635F53;}
.featured .gallery DIV { float:left; width:130px; padding:3px 3px 15px 3px; text-align:center;}
.featured .gallery DIV IMG { margin-bottom:6px; border:1px solid #635F53;} 

.featured .gallery A { margin:3px 3px 5px 3px; border2:1px solid #F00; display:block; float:left; width:130px; height:122px; overflow:hidden; text-align:center; text-decoration:none;}
.featured .gallery A:Hover { text-decoration:none;}
.featured .gallery A:Hover SPAN { text-decoration:none;}
.featured .gallery A:Hover IMG { border:1px solid #FFFFFF;}
.featured .gallery A SPAN { margin:5px; display:block; width2:108px; cursor:pointer; }
.featured .gallery A IMG { border:1px solid #635F53;}

/* about us */
.about { min-height2:680px; _height2:680px; background: url(../img/design/about_bg.jpg) right top no-repeat; border:1px solid #18160F;}
.about .inner { margin-left:40px; min-height:445px; _height:445px; border-bottom:1px solid #635F53;}
.about .text { font-size:11px; width:430px; padding:20px 0px 0px 3px;}

/* contacts */
/*.contact { min-height:680px; _height:680px; background: url(../img/design/contact_bg.jpg) right top no-repeat; border:1px solid #18160F;}
.contact .inner { margin-left:40px; min-height:445px; _height:445px; border-bottom:1px solid #635F53;}
.contact .text { font-size:11px; width:430px; padding:20px 0px 0px 3px;}
*/
.contact { min-height2:680px; _height2:680px; background: url(../img/design/contact_bg.jpg) right top no-repeat; border:1px solid #18160F;}
.contact .inner { margin-left:40px; min-height:445px; _height:445px; border-bottom:1px solid #635F53;}
.contact .text { font-size:11px; width:350px; padding:20px 0px 0px 3px;}
.contact .text TD { padding-bottom:20px;}


/* careers */
.careers { min-height2:680px; _height2:680px; background: url(../img/design/careers_bg.jpg) right top no-repeat; border:1px solid #18160F;}
.careers .inner { margin-left:40px; min-height:445px; _height:445px; border-bottom:1px solid #635F53;}
.careers .text { font-size:11px; width:350px; padding:20px 0px 0px 3px;}
.careers .text TD { padding-bottom:20px;}

/* portfolio */
.portfolio { min-height2:680px; _height2:680px; background: url(../img/design/portfolio_bg.jpg) right top no-repeat; border:1px solid #18160F;}
.portfolio TD { vertical-align:top;}
.portfolio .text { padding:0px 70px 0px 6px; font-size:11px;}
.portfolio .text .title { padding:6px 10px 0px 40px; margin-bottom:70px; font-size:13px; font-weight:bold; background: url(../img/design/pointw.gif) 30px 12px no-repeat;}
.portfolio .text .video { padding:0px 0px 0px 15px; background: url(../img/design/pointb.gif) 5px 5px no-repeat;}

.portfolio .thumbs { margin-top:50px; background: url(../img/design/preview_bg3.gif) left 1px no-repeat;}
.portfolio .thbg  {}
.portfolio .thumbs .th { font-size:0px; zoom:1; height2:98px;}
.portfolio .thumbs .th A DIV { border1:1px solid #F00}
.portfolio .thumbs .th A { display:block; zoom:1; margin:1px 1px 0px 0px; width:115px; height:98px; float:left; background: url(../img/design/preview_bg.gif) left top no-repeat;}
.portfolio .thumbs .th A:Hover { background: url(../img/design/preview_bg2.gif) left top no-repeat;}
.portfolio .thumbs .th A IMG { margin:17px 0px 0px 7px; border:1px solid #FFFFFF; } 
.portfolio .thumbs .th A:Hover IMG { border2:1px solid #FEDE8D;}
.portfolio .thumbs .th A.act, .portfolio .gallery A:Hover.act { background: url(../img/design/preview_bg2.gif) left top no-repeat;}
.portfolio .thumbs .th A.act IMG, .portfolio .gallery A:Hover.act IMG { margin-top2:20px;}
.portfolio .thumbs .th A.act IMG.abs { opacity:0; filter:alpha(opacity=0);}

.portfolio .thumbs .photo { clear:both; margin:0px 1px 0px 0px; border:1px solid #989793; background-color:#0F0C04;}
.portfolio .thumbs .photo DIV { width:577px; height:396px;}

.portfolio .list { margin:15px 0px 0px 0px; padding:15px 0px 0px 30px;  border-top:1px solid #635F53;}
.portfolio .list TD { vertical-align:top;}
.portfolio .list TH { padding-top:25px; vertical-align:top;}

.portfolio .list .btnl { display:block; margin-left:10px; width:21px; height:21px; background: url(../img/design/btn_l.gif) left top no-repeat;}
.portfolio .list .btnr { display:block; margin-left:10px; width:21px; height:21px; background: url(../img/design/btn_r.gif) left top no-repeat;}
.portfolio .list A:Hover.btnl { display:block; width:21px; height:21px; background: url(../img/design/btn_l2.gif) left top no-repeat;}
.portfolio .list A:Hover.btnr { display:block; width:21px; height:21px; background: url(../img/design/btn_r2.gif) left top no-repeat;}

H1 { margin:60px 0px 0px 5px; color:#FFFFFF; font-size:22px; font-weight:normal;}
.desc { color:#5C574B; font-size:14px; font-weight:bold;}
.desc A { color:#5C574B; text-decoration:none; }
.listall { color:#FFFFFF; font-size:13px; font-weight:bold;}

/* gallery */
.portfolio .list .gallery { font-size:11px; height:160px; position:relative; zoom:1; overflow:hidden;}
.portfolio .list .gallery TABLE {table-layout:fixed;}
.portfolio .list .gallery .pages { margin:0px; position:relative; overflow:hidden;}
.portfolio .list .gallery .page { margin:0px; float:left; border2:1px solid #F00;}
.portfolio .list .gallery A { display:block; float:left; position:relative; width:108px; height2:105px; text-align:center; text-decoration:none;}
.portfolio .list .gallery A:Hover { text-decoration:none;}
.portfolio .list .gallery A:Hover SPAN { text-decoration:none;}
.portfolio .list .gallery A:Hover IMG { border:1px solid #FFFFFF;}
.portfolio .list .gallery A SPAN { margin:5px; display:block; }
.portfolio .list .gallery A IMG { border:1px solid #635F53;}
.portfolio .list .gallery BR { display:block; float:left;}

/*
.gallery { position:relative; overflow:hidden; }
.gallery TABLE {table-layout:fixed;}
.pages { margin:0px; position:relative;}
.pages .page { float:left; margin:0px;}
.pages UL { list-style:none; margin:0; padding:0;}
.pages LI { margin:10px 0% 10px 0%; padding:0; width:16.6%; float:left; text-align:center;}
.pages A { display:block; width:80%; margin-left:10%; overflow:hidden; border:1px solid #1B334E;}
* html .pages A { margin:0;}
.pages A SPAN { display:block; margin:0px -100px 0px -100px; }
.pages A:Hover { border:1px solid #E40000;}
*/