body{padding:0; margin:0; font-family:Arial,sans-serif; font-size:14px; background:url('/files/design/i001.gif') repeat scroll left top #fff;}
.page{width:980px; margin:0 auto;}
a{color:#ea7526;}
a:hover{color:#313131;}
.p020{padding:0 20px;}
.p1020{padding:10px 20px;}
.p20{padding:20px;}
.p40{padding:40px;}

.top{height:70px; background:url('/files/design/b-002.png') repeat-y scroll center top #464646;}

.logo{float:left; width:300px; padding:12px 0 0 0;}
.slogan{padding:3px 0 0 0; font-family:Verdana,Tahoma,Arial,sans-serif; font-size:13px; color:#bbb; text-align:center; text-shadow:1px 1px 0 #000;}

.topmenu{float:right; width:615px; padding:0 0 0 65px;}

.topcontacts{height:20px; padding:3px 0 0 0; font-family:Verdana,Tahoma,Arial; font-size:11px; color:#ccc; text-shadow:1px 1px 0 #000; background:url('/files/design/b-001.png') repeat-y scroll center top #333;}
.topcontacts a{color:#ccc; text-decoration:none;}
.topcontacts a:hover{color:#fff;}

.topmenu-list{height:70px; border-left:1px solid #262626;}
.topmenu-list ul{list-style:none; padding:0; margin:0;}
.topmenu-list ul li{float:left; height:70px; text-align:center; border-right:1px solid #262626; border-left:1px solid #3c3c3c;}
.topmenu-list ul li:nth-child(1){width:104px;}
.topmenu-list ul li:nth-child(2){width:93px;}
.topmenu-list ul li:nth-child(3){width:125px;}
.topmenu-list ul li:nth-child(4){width:80px;}
.topmenu-list ul li:nth-child(5){width:88px;}
.topmenu-list ul li:nth-child(6){width:112px;}
.topmenu-list ul li a{display:block; height:42px; padding:23px 0 0 0; color:#bababa; text-shadow:1px 1px 0 #000; border-bottom:5px solid transparent; text-decoration:none;}
.topmenu-list ul li a:hover, .topmenu-list ul li.active a{color:#fff; border-bottom:5px solid #ea7526; background-color:#616161;}

.topline{padding:3px 0 5px 0; font-family:Verdana,Tahoma,Arial,sans-serif; font-size:11px; text-align:right; background:url('/files/design/b-003.png') repeat-y scroll center top transparent;}

.lsidebar{width:200px;}
.csidebar{padding:0 0 0 40px;}

.lsidebar h2{padding:0; margin:0 0 10px 0; font-family:'Roboto Condensed', sans-serif; font-size:24px; color:#5e5e5e; font-weight:normal; text-transform:uppercase;}

.lsidebar ul{list-style:none; padding:0; margin:0;}
.lsidebar li{padding:7px 0; border-bottom:1px dotted #dfdfdf;}
.lsidebar li:nth-child(1){border-top:1px dotted #dfdfdf;}
.lsidebar ul li a{display:block; padding:0 0 0 15px; color:#5e5e5e; font-weight:bold; text-decoration:none; background:url('/files/design/i002.png') no-repeat scroll left center transparent;}
.lsidebar ul li a:hover{color:#ea7526; text-decoration:underline;}
.lsidebar ul li.active a{color:#ea7526;}

.cases{padding:100px 0 0 0;}
.cases h4{padding:0; margin:0; font-family:'Roboto Condensed', sans-serif; font-size:24px;}
.cases img{border:1px solid #ccc;}
.cases img:hover{border:1px solid #ea7526;}
.cases a{font-size:13px;}

.path{padding:5px; margin:0 0 10px 0; font-family:Tahoma,sans-serif; font-size:11px; background-color:#f5f5f5;}
.path a{color:#777; text-decoration:none;}
.path a:hover{text-decoration:underline;}

h1{padding:0; margin:0; font-family:'Roboto Condensed', sans-serif; font-size:28px; color:#363636; font-weight:normal;}
h1 span{color:#ea7526;}
h3{padding:0 0 0 10px; margin:0; font-family:'Roboto Condensed', sans-serif; font-size:24px; color:#363636; text-transform:uppercase; border-left:10px solid #ea7526;}

.content{background:url('/files/design/b-004.png') repeat-y scroll center top transparent;}
.content p, .content li{line-height:22px;}
.content .portfolio li{line-height:16px;}

.index-1{height:180px; background:url('/files/design/b-005.png') repeat-y scroll center top transparent;}
.index-11{float:left; width:321px; padding:15px 0 0 19px; font-size:28px; color:#fff; font-weight:bold; line-height:48px;}
.index-11 span{font-size:42px;}

.index-12{float:left; width:620px;}
.index-12 ul{list-style:none; padding:0; margin:0;}
.index-12 ul li{float:left; width:140px; height:140px; margin:20px 20px 0 0; text-align:center; background-color:#eb7e34;}
.index-12 ul li:last-child{margin:20px 0 0 0;}
.index-12 ul li a{display:block; padding:6px;}
.index-12 ul li:nth-child(1){background:url('/files/design/index-11.png') no-repeat scroll center 6px #eb7e34;}
.index-12 ul li:nth-child(1) a:hover{background:url('/files/design/index-12.png') no-repeat scroll center 6px #ee9151;}
.index-12 ul li:nth-child(2){background:url('/files/design/index-21.png') no-repeat scroll center 6px #eb7e34;}
.index-12 ul li:nth-child(2) a:hover{background:url('/files/design/index-22.png') no-repeat scroll center 6px #ee9151;}
.index-12 ul li:nth-child(3){background:url('/files/design/index-31.png') no-repeat scroll center 6px #eb7e34;}
.index-12 ul li:nth-child(3) a:hover{background:url('/files/design/index-32.png') no-repeat scroll center 6px #ee9151;}
.index-12 ul li:nth-child(4){background:url('/files/design/index-41.png') no-repeat scroll center 6px #eb7e34;}
.index-12 ul li:nth-child(4) a:hover{background:url('/files/design/index-42.png') no-repeat scroll center 6px #ee9151;}

.index-2{padding:20px;}
.index-21{float:left; width:270px; margin:0 65px 0 0;}
.index-22{margin:0;}
.index-21 h3{padding:0 0 0 10px; margin:0; font-family:'Roboto Condensed', sans-serif; font-size:24px; color:#363636; border-left:10px solid #ea7526;}
.index-21 div{padding:15px 0; font-size:13px; line-height:20px;}
.index-21 a{padding:0 0 0 20px; text-decoration:none; background:url('/files/design/i002.png') no-repeat scroll left center transparent;}
.index-21 a:hover{text-decoration:underline;}

.index-3{padding:20px 20px 40px 20px;}
.index-31{padding:20px 25px; background-color:#ececec; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.index-32{float:left; padding:12px 0 0 0; font-family:Georgia,'Times New Roman',serif; font-size:27px; color:#808080; font-style:italic;}
.index-33{float:right; width:221px; height:57px; background:url('/files/design/i003.png') no-repeat scroll left top transparent;}
.index-33:hover{background:url('/files/design/i003.png') no-repeat scroll left bottom transparent;}
.index-33 a{display:block; height:40px; padding:17px 0 0 15px; color:#fff; font-size:18px; font-weight:bold; text-transform:uppercase; text-decoration:none; background:url('/files/design/i004.png') no-repeat scroll 180px center transparent;}

.portfolio{padding:10px 0 20px 0;}
.portfolio ul{padding:0; margin:0; list-style:none;}
.portfolio ul li{float:left; height:225px; padding:1px; margin:0 14px 14px 0; border:1px solid #ccc;}
.portfolio ul li:nth-child(3n){margin:0 0 14px 0;}
.portfolio-about{position:absolute; z-index:10; width:280px; height:43px; padding:7px 12px 0 12px; margin:177px 0 0 -2px; font-size:13px; color:#fff;  text-shadow:1px 1px 0 #000; background:url('/files/design/i005.png') repeat scroll left top transparent;}
.portfolio-site{padding:6px 0 0 0; text-align:right; font-family:Tahoma; font-size:11px;}
.portfolio-site a{color:#aaa; text-decoration:none;}
.portfolio-site a:hover{color:#ea7526; text-decoration:underline;}

.footer{height:270px; background-color:#363636;}
.footer-holder{height:240px; background:url('/files/design/b-006.png') repeat-y scroll center top transparent;}
.footer-list{list-style:none; padding:0; margin:0;}
.footer-list li{float:left; padding:40px 0 0 0; font-size:13px; color:#ddd; line-height:20px;}
.footer-list li:nth-child(1){width:175px;}
.footer-list li:nth-child(2){width:200px;}
.footer-list li:nth-child(3){width:380px;}
.footer-list li:nth-child(4){width:225px;}
.footer-list h6{padding:0; margin:0; font-size:13px;}
.footer-list a{color:#ddd; text-decoration:none;}
.footer-list a:hover{color:#eee; text-decoration:underline;}