body { margin: 0px; }
h1,h2,h3,h4,h5,h6 { font-family: "Berlin Sans FB Demi"; margin: 0px; padding: 0px; }

#container { width: 100%; float: left; background: #FFF;}
#container header { width: 100%; float: left; background: #FFF; }
#container header .top { width: 980px; margin: 0 auto;  }
#container header .top .logo { width: 295px; float: left; margin: 10px 0; }
#container header .top  nav { float: right; }
#container header .top  nav ul { margin: 0px; padding: 0px; }
#container header .top  nav ul  li{ margin: 0px; padding: 0px; display: inline; list-style: none;}
#container header .top  nav ul  li a { margin: 0px; padding: 40px 10px 10px; float: left;  font: bold 14px/16px arial;  text-decoration: none; text-transform: uppercase; }
#container header .top  nav ul  li a:hover, .active { background: #b60b0b; color: #FFF; }

#container article { width: 100%; float: left; background: url(../img/slider-btm.png) center bottom no-repeat #b60b0b; }
#container article .slider { width: 938px; margin: 40px auto 120px; border: 4px solid #FFF; position: relative;}#container article .slider img { border: 4px solid #FFF;  }
#container article .slider .tel { font: bold 24px/26px "Berlin Sans FB Demi"; color: #FFF; position: absolute; top: 450px;  left: 100px; z-index: 1000; }
#container article .slider .mob { font: bold 24px/26px "Berlin Sans FB Demi"; color: #FFF; position: absolute; top: 450px;  right: 60px; z-index: 1000; }
#container article .slider-inn{ width: 938px; margin: 20px auto 20px; border: 4px solid #FFF;}#container article .slider img { border: 4px solid #FFF; position: relative; }
#container article .slider-inn .center-logo { width: 176px; height: 70px; position: absolute; top: 300px; left: 585px; background: url(../img/center-logo.png); }

#textarea { width: 100%; float: left;  }
#textarea .text-inner { width: 980px; margin: 0 auto; padding: 30px 0px;  }
#textarea .text-inner h1 { font-size:24px; color: #234461; padding: 0px 10px;}
#textarea .text-inner p { font: normal 14px/16px arial; color: #234461; padding: 0 10px; line-height: 22px; text-align: justify; }
#textarea .text-inner h2 {font-size:24px; color: #234461; padding: 0px 10px;}
#textarea .text-inner .projects { width: 100%; float: left; border-top: 1px solid #dedddd;  margin: 10px 0 40px;}
#textarea .text-inner .projects img { width: 213px; height: 133px; float: left; margin: 10px; border: 4px solid #dedddd; }

#textarea .text-inner .clints-bx { width: 575px; float: left; }
#textarea .text-inner .clints-bx h3 { font-size:24px; color: #234461; padding: 2px 10px; background: #cc0e0e; color: #FFF; }
#textarea .text-inner .clints-bx span { width: 555px; float: left; padding: 10px 10px 0; background: #f1f1f1;   }
#textarea .text-inner .clints-bx span li { list-style: url(../img/list.png); font: normal 14px/16px arial; color: #234461; line-height: 30px; margin: 0 0 0 20px;}
#textarea .text-inner .clints-bx span a { padding: 10px; background: #8a2828; color: #FFF; float: right; font: normal 14px/16px arial; color: #FFFFFF; text-decoration: none; margin: 20px 50px 0 0;}

#textarea .text-inner .likebx { width: 358px; float: right; }

#textarea .text-inner .botom-nbr { width: 980px; float: left; }
#textarea .text-inner .botom-nbr h3 { font-size:48px; color: #cacaca; text-align: center; margin: 40px 0; font-weight: bold; }

footer { width: 100%; float: left; background: url(../img/footer-bg.jpg) repeat-x; height: 231px; }
footer .footer { width: 980px; margin: 0 auto;  }
footer .footer nav { float: left; padding: 35px 0 0 40px; width: 250px; position: relative;}
footer .footer nav b { font: bold 12px/14px arial; color: #FFF }
footer .footer nav ul { margin: 0px; padding: 0px; }
footer .footer nav ul li { margin: 0px; padding: 4px 0 0; list-style: none; }
footer .footer nav ul li a{ font: bold 12px/14px arial; color: #000; text-decoration: none; text-transform: uppercase; line-height: 28px;}
footer .footer nav p { font: bold 12px/14px arial; color: #000; line-height: 30px; }
footer .footer nav .flogo { margin: 15px 0 0; position: absolute; right: -100px; }
footer .footer nav .social-links { width:135px; padding: 20px 0 0; }

footer .footer .copy { width: 980px; float: left; }
footer .footer .copy p { font: normal 12px/14px arial; color: #acacac; }
footer .footer .copy p a { color: #acacac; text-decoration: none; }

/*---Projects---*/

.col {width: 200px; height: 150px; float: left; margin: 20px;}.col img { width: 200px; height: 150px; border: 4px solid #dedddd;  }
.col figcaption { font: bold 14px/16px arial; color: #333; text-align: center; }
.col1 { width: 980px; float: left; } 
.col1 ul { margin: 0px; padding: 10px 0 0 40px; }
.col1 ul li { margin: 0px; padding: 0 0 0 25px; font: bold 14px/16px arial; color: #000; list-style: none; /*list-style: url(../img/list.png);*/ line-height: 30px; border-bottom: 1px dashed #333; background: url(../img/list.png) left center no-repeat;  }
.col1 ul li:hover { background: url(../img/list.png) left center no-repeat #f7f7f7;  }

.col2 { float: left; width: 980px; }
.col2 form { width: 450px; float: left; padding: 50px 0 0; }
.col2 form label { float: left; width: 200px; font: normal 14px/16px arial; color: #333; line-height: 30px; }
.col2 form dt { line-height: 36px; float: left; padding: 0 10px;   }
.col2 form input { float: left; width: 200px; height: 25px; margin: 5px 0;}
.col2 form textarea { width: 200px; float: left; height: 80px; }
.col2 form .send { width: 80px; height: 30px; float: right; background: #900; color: #FFF; border: none; margin: 10px 20px 0 0; }
.col2 dd { height: 300px; border-left: 1px solid #dedddd; float: left; }

.col2 span { float: left; width: 400px; background: url(../img/logo.jpg) center top no-repeat; }
.col2 span p { font: normal 14px/16px arial; color: #333; text-align: center;  float: left; }