@font-face { font-family: Century_Gothic; src: url("/fonts/Century_Gothic.eot") /* EOT file for IE */ }
@font-face { font-family: Century_Gothic; src: url("/fonts/Century_Gothic.ttf") /* TTF file for CSS3 browsers */ }
@font-face { font-family: Century_Gothic_Bold; src: url("/fonts/Century_Gothic_Bold.eot") /* EOT file for IE */ }
@font-face { font-family: Century_Gothic_Bold; src: url("/fonts/Century_Gothic_Bold.ttf") /* TTF file for CSS3 browsers */ }     

html, body { font-family:Century_Gothic; font-size:15px;  margin:0; padding:0; height:100%; width:100%;  }

h1 { font-size:25px;  color:#5BBAD1; font-weight:bold }
h2 { font-size:22px;  color:#5BBAD1; font-weight:bold; padding:15px 0 0 0 !important } 
p { color:#333; font-size:15px; text-align:left; margin:0px!important; line-height:24px }
img { border:none; outline:0 }
a { outline:0;  text-decoration:none; color:#3B526B}
ul, ol, li { padding:0px; margin:0px; font-size:15px; color:#333;}

.top_part { width:1095px; margin:0px auto; padding-bottom:10px }
.top_part > a { display:inline-block; font-size:31px; color:#3C526B; font-weight:bold;  font-family: Century_Gothic_Bold; vertical-align:middle; width:210px; padding-top:12px}
.top_part > a:hover { color:#FF3833}
.top_part span {display:inline-block; color:#666; font-size:17px; vertical-align:middle;  padding-top:22px;  width:210px;  }
.top_part span font { color:#333}
.top_part ul {display:inline-block; vertical-align:top }
.top_part ul li {display:inline-block; background-position: center -30px; }
.top_part ul li a { font-size:14px; color:#444; text-transform:uppercase; display:block; padding:25px 15px 15px 15px;}
.top_part ul li a:hover { color:#fff}
.top_part ul li:hover {  background-image:url(/images/up.png); background-repeat:no-repeat; background-position:top center; background-color:#5CBBD1 }
.top_part ul li.active a{ background-image:url(/images/up.png); background-repeat:no-repeat; background-position:top center; background-color:#5CBBD1; color:#fff}
      
.banner { /*background:url(/images/banner.jpg) no-repeat center;*/ height:160px; width:100%}
.banner a{display:none;margin-left:50% ; position:relative; top:0;}
.wrap { width:1095px; margin:0px auto; }
.wrap .texts { width:520px; display:inline-block; vertical-align:top; padding-right:20px }
.wrap .services {width:235px; vertical-align:top; padding:0 35px 20px 0; display:inline-block;}
.wrap .services > div { background:url(/images/small_line.jpg) repeat; width:235px; padding:28px 0 }
.wrap .services > div img { width:235px; height:150px}
.wrap .services > div:hover {opacity:0.5; }
.wrap .services a { font-size:16px}
.wrap .services a:hover {color:#FF3833; text-decoration:underline}

.wrap .left_part { width:250px; display:inline-block; vertical-align:top; padding-right:40px}
.wrap .left_part p { font-size:25px;  color:#5BBAD1; font-weight:bold; padding:20px 0 }
.wrap .left_part ul { }
.wrap .left_part ul li { list-style-type:none; padding:10px 0; border-bottom:1px solid #eee }
.wrap .left_part ul li a { }
.wrap .left_part ul li a:hover {color:#FF3833; text-decoration:underline}
.wrap .left_part ul li.active a {color:#FF3833; text-decoration:underline}

.wrap .right_part { width:780px; display:inline-block; vertical-align:top }

.wrap .why_us { width:340px; display:inline-block; vertical-align:top; padding:20px 20px 20px 0 }
.wrap .why_us img { display:inline-block; vertical-align:top; width:68px; padding-right:20px }
.wrap .why_us p { display:inline-block; vertical-align:top; width:250px }

.wrap .form {padding:0 0 30px 60px;}
.wrap .form table { width:85%; }
.wrap .form table tr td {font-size:15px; color:#666; padding:3px 10px 0 0 }
.wrap .form table tr td span {width:140px; display:inline-block; padding:12px 0!important;  }
.wrap .form table tr td font { color:#FF3833; font-weight:bold}
.wrap .form table tr td input { height:35px; width:335px; background:#f0f0f0; border:#ccc 1px solid}
.wrap .form table tr td input[type="submit"] {height:35px; width:188px; background:#FF3833; border:none; color:#fff; font-size:15px; margin-top:20px; }

.wrap .form table tr td textarea {height:108px; width:372px; background:#f0f0f0; border:#ccc 1px solid }



.wrap .right_part  .form {padding:0 0 30px 0px;}
.wrap .right_part  .form table { width:100%; }
.wrap .right_part  .form table tr td {font-size:15px; color:#666; padding:3px 10px 0 0 }
.wrap .right_part  .form table tr td span {width:100px; display:inline-block; padding:12px 0!important;  }
.wrap .right_part  .form table tr td font { color:#FF3833; font-weight:bold}
.wrap .right_part  .form table tr td input { height:35px; width:255px; background:#f0f0f0; border:#ccc 1px solid}
.wrap .right_part  .form table tr td input[type="submit"] {height:35px; width:188px; background:#FF3833; border:none; color:#fff; font-size:15px; margin-top:20px; }

.wrap .right_part .form table tr td textarea {height:108px; width:372px; background:#f0f0f0; border:#ccc 1px solid }

.wrap .errors .requiredlist span { padding:0 5px }



.footer { background:url(/images/bg_footer.jpg) repeat-x; height:106px; width:100%}
.footer > div {width:1095px; margin:0px auto; padding-top:20px}
.footer > div > a { display:inline-block; font-size:31px; color:#fff; font-weight:bold;  font-family: Century_Gothic_Bold; vertical-align:middle; width:210px; padding-top:12px}
.footer > div > a:hover { color:#FF3833}
.footer > div span {display:inline-block; color:#fff; font-size:17px; vertical-align:middle;  padding-top:22px;  width:210px;  }
.footer > div span font { color:#fff}
.footer > div ul {display:inline-block; vertical-align:top }
.footer > div ul li {display:inline-block;  }
.footer > div ul li a { font-size:14px; color:#fff; text-transform:uppercase; display:block; padding:25px 15px 15px 15px;}
.footer > div ul li a:hover { text-decoration:underline}