@charset "utf-8";

* {behavior: url("/css/iepngfix.htc")}

/* mac hide\*/
html, body{height:100%}
/* end hide */

html, body {margin: 0;padding: 0;height: 100%; font-size:62.5%;}
body {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.5em;color: #454545;}

#canvas {width:100%;height:100%;min-height:100%;position:relative; }
html>body #canvas {height:auto;}

#container {width:100%;float:left;padding:0px 0px 370px 0px;clear:both;}
#content {width:941px;margin:0 auto; clear:both; padding:25px 0px 0px 0px; }

/* General Styles */

a, a:link, a:visited, a:active {text-decoration:none;color:#1885ff;}
a:hover {text-decoration:none;color:#d46b00;}

input, textarea, select, option {color:#454545; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:1em; line-height:1.4em;}

small {font-size:0.9em; color:#7f7f7f; display:block;}
abbr { background:url(../img/bg-dot-gray.gif) left bottom repeat-x; padding-bottom:1px; cursor:help;}
p {margin-bottom:10px;}
h2 { font-size:2em; display:block; font-weight:normal; margin-bottom:7px; font-family: Georgia, "Times New Roman", Times, serif;}
h4 { font-size:1em; display:block; font-weight:normal; margin-bottom:10px; /* font-family: "Times New Roman", Times, serif; */ color:#7e7e7e; border-bottom:1px solid #d0d0d0; padding-bottom:10px;}
ol {margin:0px;}
ol li {margin:0px 0px 10px 30px; }

.deflist li {list-style:none; margin-bottom:10px;}

.itemlist {margin-bottom:10px;}
.itemlist li {list-style:none; background:url(../img/bg-list-blue.gif) 0px 7px no-repeat; padding:0px 0px 3px 16px;}
.itemlist li ul { padding-top:3px;}

.blockBig { width:550px; margin-bottom:20px;}
.blockSmall { width:355px; margin-bottom:20px;}
.blockHuge { width:100%; margin-bottom:20px;}
.floatLeft { float:left; }
.floatRight { float:right; }

a.gray:link, a.gray:visited, a.gray:active {color:#a6a6a6; border-bottom:1px dotted #a6a6a6;}
a.gray:hover {text-decoration:none;color:#a6a6a6;border-bottom:1px solid #a6a6a6;}

a.dots:link { color:#7e7e7e; background:url(../img/bg-dot-gray.gif) left bottom repeat-x; padding-bottom:2px;}
a.dots:visited { color:#7e7e7e; background:url(../img/bg-dot-gray.gif) left bottom repeat-x; padding-bottom:2px;}
a.dots:hover { color:#d46b00; background:url(../img/bg-dot-orange.gif) left bottom repeat-x; padding-bottom:2px;}
a.dots:active { color:#d46b00; background:url(../img/bg-dot-orange.gif) left bottom repeat-x; padding-bottom:2px;}

.bg {background:#fafafa; padding:8px 10px; border:1px solid #e6e6e6;}
.bg td {padding:5px;}
.bg td strong {padding-right:10px;}
.bg td em {padding:0px 0px 0px 10px; line-height:47px; display:block; border-left:1px solid #ccc; font-style:normal;}
.bg2 {padding:10px 20px 0px 20px; border:1px solid #e6e6e6;}
.package { margin-bottom:15px; float:left; width:510px;}
.package p { padding-top:28px; width:340px; margin-bottom:0px;}
.package img {float:right;}
.news small {margin-bottom:10px;}
.pf {border:1px solid #ccc; padding:4px; background:#eee; display:block;}
.pf:hover {background:#d9e5ec;}
.pf img {display:block;clear:none;}

#header {width: 100%; height:308px; background:#12171d;}
#header p {display:block; font-size:1.8em; line-height:1.3em; color:#fff; position:absolute; z-index:2; bottom:80px; left:315px; width:360px;}
#header .blogo { height:94px; width:303px; display:block; position:absolute; top:-120px; left:0px; color:#fff;}
#header .blogo img {color:#fff; font-weight:bold; width:303px; height:94px;}
#header .wide {background:#1073ce; width:100%; position:relative; top:150px;}
#header .himg { display:block; position:absolute; top:-150px; right:11px; height:308px; overflow:hidden;}
#header .blue {background: #1073ce; }
#header .skip { display:block; position:absolute; bottom:0px; right:0px;}

#header .menu {position:relative; height:158px; width:941px; margin:0 auto; background: url(../img/bg-hmapblue.jpg) top center no-repeat;}
ul#navigation {float:left; display:block; overflow: hidden; position:relative; z-index:10; height:158px;}
ul#navigation li.page {display:inline; float:left; list-style:none;}
ul#navigation li.page i {position:absolute; display:block; width:136px; height:25px; z-index:11; float:left; left:0px; font-style:normal; white-space:normal; behavior:url(/css/csshover2.htc);}
ul#navigation li.page a {width:158px;height:25px;}
ul#navigation li.page a i { padding-left:16px; width:136px; line-height:25px; background:#d46b00 url(../img/bg-whitedot.gif) bottom repeat-x; color:#fff;}
ul#navigation li.page a i:hover {background:#d87817 url(../img/bg-whitedot.gif) bottom repeat-x; cursor:pointer;}

ul#navigation li.p1 i {top:0px;}
ul#navigation li.p2 i {top:25px;}
ul#navigation li.p3 i {top:50px;}
ul#navigation li.p4 i {top:75px;}
ul#navigation li.p5 i {top:100px;}
ul#navigation li.p6 i {top:125px;}
ul#navigation li.p7 i {top:150px;}
ul#navigation li.p8 i {top:175px;}

ul#navigation li.page ul {width:154px; height:180px; left:0px; position:relative; top:280px; background:url(../img/bg-tblue.png);}
ul#navigation li.page ul li { display:block; float:left; list-style:none;}
ul#navigation li.page ul li a { display:block; white-space:normal; width:138px; line-height:25px; padding-left:16px; color:#fff; background: url(../img/bg-whitedot.gif) bottom repeat-x; }
ul#navigation li.page ul li a:hover { background:#003e7a url(../img/bg-whitedot.gif) bottom repeat-x;}
ul#navigation li.page ul .sub-click {background:#003e7a;}
ul#navigation li.click ul {position:absolute; left:152px; top:0px;}
ul#navigation li.click a i {font-weight:bold; background:#d87817 url(../img/bg-whitedot.gif) bottom repeat-x;}
ul#navigation li.last a i {padding-bottom:12px; line-height:22px; background-image:none;}

a.oorder {display:block; line-height:1.9em; font-size:2em; text-align:center;}
a.oorder:link {background: #1073ce; border:6px solid #1f82dd; color:#fff;}
a.oorder:visited {background: #1073ce; border:6px solid #1f82dd; color:#fff;}
a.oorder:hover {background: #e37709; border:6px solid #d46b00; color:#fff;}
a.oorder:active {background: #1073ce; border:6px solid #1f82dd; color:#fff;}

a.oorder2 {display:block; font-weight:bold; line-height:2em; text-align:center; margin-bottom:10px;}
a.oorder2:link {background: #e37709; border:6px solid #d46b00; color:#fff;}
a.oorder2:visited {background: #e37709; border:6px solid #d46b00; color:#fff;}
a.oorder2:hover {background: #1073ce; border:6px solid #1f82dd; color:#fff;}
a.oorder2:active {background: #e37709; border:6px solid #d46b00; color:#fff;}

a.oorder3 {display:block; line-height:1.9em; text-align:center;}
a.oorder3:link {background: #1073ce; border:6px solid #1f82dd; color:#fff;}
a.oorder3:visited {background: #1073ce; border:6px solid #1f82dd; color:#fff;}
a.oorder3:hover {background: #e37709; border:6px solid #d46b00; color:#fff;}
a.oorder3:active {background: #1073ce; border:6px solid #1f82dd; color:#fff;}

#portfolio {float:left; height:805px; width:100%; overflow: hidden; position:relative;}
#portfolio li {list-style:none; float:left; width:100%; height:805px;}
#portfolio li h4 {width:531px; padding-bottom:5px;}
#portfolio li h2 {padding-top:10px;}
#portfolio li h2 a {color: #454545;}
#portfolio li h2 a:link {color: #454545;}
#portfolio li h2 a:visited {color: #454545;}
#portfolio li h2 a:hover {color: #454545;}
#portfolio li h2 a:active {color: #454545;}
#portfolio li span {position:relative; display:block; color:#fff;}
#portfolio li span span {position:absolute; z-index:2; top:2px; left:1px; background: #5b5b5b; border:6px solid #535353; display:none;}
#portfolio li span:hover span {display:block; width:494px; padding:11px; behavior:url(/css/csshover2.htc);}
#portfolio li h4 a.pop {padding:0px 0px 0px 5px; position:relative; top:5px;}
#portfolio li h4 a.pop:hover {padding:0px 0px 0px 5px; position:relative; top:5px;}
#portfolio li h4 a img {padding:4px 5px; background:#919191;}
#portfolio li h4 a:hover img {padding:4px 5px; background: #d46b00;}
#portfolio .hidden {display:none; z-index:1;}
#portfolio .visible {display:block; z-index:30;}

#workslist {padding-top:10px;}
#workslist li {list-style:none; background:url(../img/bg-dot-gray.gif) left bottom repeat-x; padding:7px 0px;}
#workslist li a:link {color:#1885ff;}
#workslist li a:visited {color:#1885ff;}
#workslist li a:hover {color:#d46b00;}
#workslist li a:active {color:#d46b00;}
#workslist .title {background:none; padding:0px;}

#products a img {float:left; display:block; clear:none;}

.text-vision li {list-style:none; float:left; padding:20px 25px; margin:0px 15px 15px 0px; width:41%; background:#fafafa; border:1px solid #e6e6e6; }
.text-vision li:hover {background:#fffaf3; border:1px solid #ffe9ca;}

.text-advantages li {list-style:none; padding:20px 25px; margin:0px 15px 15px 0px; background:#fafafa; border:1px solid #e6e6e6; }
.text-advantages li:hover {background:#fffaf3; border:1px solid #ffe9ca;}

.anyform {width:100%;}
.anyform .bg {margin:0px 30px 10px 0px;}
.anyform .line {width:100%; margin-bottom:8px;}
.anyform .line small {font-size:0.9em;}
.anyform .line label {width:100%; display:block; padding-bottom:3px;}
.anyform .line input {width:538px; display:block; padding:5px; border:1px solid #d0d0d0;}
.anyform .line textarea {border:1px solid #d0d0d0; padding:5px; width:560px; height:60px;}
.anyform .line-small {width:100%; margin-bottom:8px;}
.anyform .line-small label {display:block; float:left; width:80px;}
.anyform .line-small input {width:200px; padding:5px; border:1px solid #d0d0d0;}
.anyform .button {margin:0px auto; width:250px; text-align:center;}
.anyform .button input {padding:3px 5px;}
.anyform .button small {display:block; width:100%; text-align:center; border-top:1px solid #e6e6e6; margin-top:15px; padding:10px 0px;}

.order-head {margin:0px auto 10px auto; width:350px; background:#fafafa; padding:8px 10px; border:1px solid #e6e6e6;}
.order-main {margin:0px auto 10px auto; width:550px; background:#fafafa; padding:8px 10px; border:1px solid #e6e6e6;}

.accordition-list {margin:0px auto; width:572px; height:320px;}
.accordition-list dt {border-bottom:1px solid #e6e6e6; background:url(../img/bg-arrow-right.gif) 4px 11px no-repeat;}
.accordition-list dt label {padding:5px 18px; display:block; cursor:pointer; color:#1885ff;}
.accordition-list dt:hover label {color:#d46b00; behavior:url(/css/csshover2.htc);}
.accordition-list dd {overflow:hidden;}
.accordition-list dd input, .accordition-list dd textarea {margin-bottom:10px;}
.accordition-list span {display:block;}
.accordition-list .open, .accordition-list .close {background:url(../img/bg-arrow-down.gif) 4px 11px no-repeat;border:none;}

.error {border:0px solid #ffb0b0; background:#fff8f7; margin:0px auto 15px auto; width:572px;}
.error b {color:#ed0000; display:block;}
.error span {padding:10px; display:block; border:1px solid #ed0000;}
.message {border:0px solid #91bcda; background:#fff9e3; margin:0px auto 15px auto; width:572px; }
.message b {display:block;}
.message span {padding:10px; display:block; border:1px solid #f6d6ac;} 

#footer {height:370px;float:left;width:100%;position:absolute;bottom:0px;left:0px;z-index:99;clear:both; background:#12171d;}
#footer .footermenu {margin:0 auto; width:941px;padding:124px 0px 15px 0px; height:230px; color:#838a91; position:relative; }
#footer .footermenu  b {font-size:2em; display:block; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:15px; color:#fff;}
#footer .contactinfo {float:left;}
#footer .contactinfo span { float:left; padding-top:12px; width:265px;}
#footer .contactinfo span b {font-size:2.6em; font-family: "Times New Roman", Times, serif; font-weight:normal; color:#fff;}
#footer .contactinfo span i { display:block; float:right; font-style:normal;}
#footer .feedback { float:right; width:355px; }
#footer .feedback i { display:block; float:left; font-style:normal; padding-top:4px; color:#fff;}
#footer .feedback i img {background:#12171d; padding:3px 0px;}
#footer .feedback input { padding:5px; border:1px solid #7e7e7e; margin-bottom:4px;}
#footer .feedback textarea { padding:5px; border:1px solid #7e7e7e; width:340px; height:90px; margin-bottom:7px;}
#footer .feedback .fb-name { width:340px;}
#footer .feedback .fb-email { width:161px;}
#footer .feedback .fb-phone { width:163px;}
#footer .feedback a { display:block; float:right; background: #000000 url(../img/bg-blackbutton.gif) repeat-x; border:1px solid #404040; padding:0px 8px; line-height:27px; color:#fff; }
#footer .feedback a:hover { border:1px solid #2f2f2f; }
#footer .copyright { position:absolute; left:0px; bottom:21px;}
#footer .copyright p {margin:0px;}
#footer .copyright a {color:#838a91;}
#footer .copyright a:hover {color:#fff;}

#footer .counter {position:relative; bottom:-3px;}
#footer .counter img {width:15px; height:15px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
#footer .counter:hover img {width:31px; height:31px; filter:alpha(opacity=99); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}

#footer .menu {float:left; border-bottom:1px solid #3e4348; padding-bottom:8px; position:absolute; top:10px; left:-6px; width:100%; behavior:url(/css/csshover2.htc);}
#footer .menu li {float:left; list-style:none; position:relative; width:935px;}
#footer .menu a {float:left; display:block; padding:6px; width:80px; font-weight:bold;}
#footer .menu a:link {color:#838a91;}
#footer .menu a:visited {color:#838a91;}
#footer .menu a:hover {color:#fff;}
#footer .menu a:active {color:#838a91;}

#footer .menu li ul {padding:0px; white-space:nowrap; float:left;}
#footer .menu li ul li {position:relative; float:left; width:auto;}
#footer .menu li ul li a {width:auto; font-weight:normal;}