* {
  margin: 0;
  padding: 0
}

html,body {
  height: 100%
}

html {
  min-width: 978px
}

body {
  background: url(images/body-bg.gif) 0 0 repeat-x #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.3125em;
  color: #777
}

img {
  border: 0;
  vertical-align: top;
  text-align: left
}

object {
  vertical-align: top;
  outline: none
}

ul,ol {
  list-style: none
}

.column1 {
  background: #f9fcfe
}

.fleft {
  float: left
}

.fright {
  float: right
}

.clear {
  clear: both
}

.col-1,.col-2,.col-3,.col-5 {
  float: left
}

.col-4 {
  float: center
}

.alignright {
  text-align: right
}

.aligncenter {
  text-align: center
}

.wrapper {
  width: 100%;
  overflow: hidden
}

.container {
  width: 100%
}

.breadcrumbs {
  margin-top: -55px
}

.breadcrumbarrows {
  font-size: .7em;
  padding-left: 5px;
  padding-right: 5px
}

/*==== GLOBAL =====*/
#main {
  width: 978px;
  margin: 0 auto;
  font-size: /*13px*/
.8125em
}

#header {
  height: 202px;
  overflow: hidden
}

#content {
  width: 100%;
  position: relative
}

#footer {
  padding: 50px 0 95px;
  width: 100%
}

/*---- tailings ----*/
/* .tail-top { 
  background:url(images/tail-top.gif) left top repeat-x;
} */
.splash {
  background: url(images/splash.jpg) no-repeat 50% 0
}

/*----- forms parameters -----*/
input,select,textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  vertical-align: middle;
  font-weight: 400
}

/*----- other -----*/
.img-indent {
  margin: 0 20px 0 0;
  float: left
}

.img-box {
  width: 100%;
  overflow: hidden;
  padding-bottom: 25px
}

.img-box img {
  float: left;
  margin: 0 30px 0 0
}

.extra-wrap {
  overflow: hidden
}

p {
  margin-bottom: 21px
}

.p1 {
  margin-bottom: 11px
}

.p2 {
  margin-bottom: 21px
}

.p3 {
  margin-bottom: 32px
}

/*----- txt, links, lines, titles -----*/
a {
  color: #37bff8;
  outline: none
}

a:hover {
  text-decoration: none
}

.sitemap {
  margin-left: 10px
}

.greentech {
  color: #238e00;
  font-size: 12px;
  text-decoration: none
}

.purpletext {
  color: #306
}

.seolinks h1 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2em;
  color: #07d;
  letter-spacing: -1px;
  margin-bottom: 20px
}

.seolinks h2 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2em;
  color: #07d;
  letter-spacing: -1px;
  margin-bottom: 20px
}

.seolinks h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.3125em;
  color: #777
}

.seolinks a{
  text-decoration: none;
}

.seolinks :hover {
  color: #4a647d
}


/*----- Headings -----*/
/*h1 {
  float: left;
  font-size: 36px;
  color: #37bff8;
  line-height: 1.2em;
  float: left;
  padding: 56px 0 0 30px;
  letter-spacing: -1px
}
*/
h1 {
  font-size: 30px;
  line-height: 1.2em;
  color: #306;
  font-weight: 400;
  letter-spacing: -1px;
  margin-bottom: 20px
}

h1 a {
  color: #37bff8;
  text-decoration: none
}

h1 a span {
  color: #6387a8
}

h2 {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2em;
  color: #07d;
  letter-spacing: -1px;
  margin-bottom: 20px
}

h3 {
  font-size: 24px;
  line-height: 1.2em;
  color: #306;
  font-weight: 400;
  letter-spacing: -1px;
  margin-bottom: 20px
}

h4 {
  font-size: 1em;
  color: #07d
}

h5 {
  font-size: 1em;
  color: #306
}

/*--- link styles ---*/
.link1 {
  display: block;
  float: left;
  background: url(images/link1-bg.gif) left top repeat-x;
  color: #07d;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff
}

.link1:hover {
  color: #4a647d
}

.link1 em {
  display: block;
  background: url(images/link1-left.gif) no-repeat left top
}

.link1 b {
  display: block;
  background: url(images/link1-right.gif) no-repeat right top;
  padding: 0 23px;
  font-style: normal;
  line-height: 38px
}

.extra-content .link1 em {
  display: block;
  background: url(images/link1-left-alt.gif) no-repeat left top
}

.extra-content .link1 b {
  background: url(images/link1-right-alt.gif) no-repeat right top
}

.line-hor {
  background: #e0e7ee;
  height: 1px;
  overflow: hidden;
  font-size: 0;
  line-height: 0
}

.line-ver,.line-ver1 {
  background-image: url(images/line-ver.gif);
  background-repeat: repeat-y;
  width: 100%
}

.line-ver,.line-ver2 {
/*  background-image:url(images/line-ver.gif);  */
  background-repeat: repeat-y;
  width: 100%
}

.line-ver,.line-ver3 {
  background-repeat: repeat-y;
  width: 100%
}

/*==================boxes====================*/
.box {
  width: 100%;
  top: -10px;
  position: relative;
  z-index: 11
}

.box.subpage {
  top: 37px;
  margin-bottom: 37px
}

.box .left-top-corner {
  background: url(images/left-top-corner.png) no-repeat 0 0;
  padding-left: 10px
}

.box .right-top-corner {
  background: url(images/right-top-corner.png) no-repeat 100% 0;
  padding-right: 10px
}

.box .border-top {
  height: 10px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  background: url(images/box-bg.png)
}

.box .left-bot-corner {
  background: url(images/left-bot-corner.png) no-repeat 0 0;
  padding-left: 10px
}

.box .right-bot-corner {
  background: url(images/right-bot-corner.png) no-repeat 100% 0;
  padding-right: 10px
}

.box .border-bot {
  height: 10px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  background: url(images/box-bg.png)
}

.box .inside {
  background: url(images/box-bg.png);
  padding: 0 10px 25px
}

.block {
  background: #fff;
  width: 100%
}

.block .left-top-corner1 {
  background: url(images/left-top-corner1.gif) no-repeat 0 0
}

.block .right-top-corner1 {
  background: url(images/right-top-corner1.gif) no-repeat 100% 0
}

.block .right-bot-corner1 {
  background: url(images/right-bot-corner1.gif) no-repeat 100% 100%
}

.block .left-bot-corner1 {
  background: url(images/left-bot-corner1.gif) no-repeat 0 100%;
  width: 100%
}

.block .inner {
  padding: 0 30px
}

.address {
  float: left
}

.address dd {
  clear: both;
  text-align: right
}

.address dd span {
  float: left;
  padding-right: 25px
}

.departments {
  margin-top: -21px
}

.departments dt {
  padding-top: 21px;
  font-weight: 700;
  color: #37bff8
}

.departments dd {
  clear: both;
  text-align: right
}

.departments dd span {
  float: left;
  padding-right: 25px
}

.testimonials li {
  text-align: right;
  font-weight: 700;
  color: #37bff8;
  margin-bottom: 21px
}

.testimonials blockquote {
  text-align: left;
  font-weight: 400;
  color: #6387a8
}

/*===== header =====*/
#header .row-1 {
  height: 128px;
  overflow: hidden
}

#header .top-links {
  float: right;
  padding: 64px 21px 0 0
}

#header .top-links li {
  display: inline;
  padding-left: 11px
}

#header .top-links li a {
  color: #6387a8;
  text-decoration: none;
  font-size: 11px;
  text-transform: uppercase
}

#header .top-links li a:hover {
  text-decoration: underline
}

#header .row-2 {
  height: 74px;
  overflow: hidden;
  background: url(images/nav-bg.gif) no-repeat 0 0
}

#header .row-2 .indent {
  padding: 9px 9px 0
}

#header .nav {
  background: url(images/nav-tail.gif) 0 0 repeat-x;
  height: 57px
}

#header .nav li {
  float: left
}

#header .nav li a {
  float: left;
  width: 160px;
  text-align: center;
  font-size: 18px;
  color: #7598b8;
  height: 57px;
  line-height: 57px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: -1px;
  background: url(images/divider.gif) no-repeat 100% 0;
  text-shadow: 1px 1px 0 #fff
}

#header .nav li a span {
  display: block;
  width: 160px;
  text-align: center;
  cursor: pointer
}

#header .nav li a:hover,#header .nav li a.current {
  color: #fff;
  background: url(images/nav-act.gif) 0 0 repeat-x;
  text-shadow: none
}

#header .nav li.first a {
  background: url(images/nav-left.gif) no-repeat 0 0
}

#header .nav li.first a span {
  background: url(images/divider.gif) no-repeat 100% 0
}

#header .nav li.first a:hover,#header .nav li.first a.current {
  background: url(images/nav-act.gif) 0 0 repeat-x
}

#header .nav li.first a:hover span,#header .nav li.first a.current span {
  background: url(images/nav-left-act.gif) no-repeat 0 0
}

#header .nav li.last a {
  background: url(images/nav-last.gif) no-repeat 100% 0
}

#header .nav li.last a:hover,#header .nav li.last a.current {
  background: url(images/nav-act.gif) 0 0 repeat-x
}

#header .nav li.last a:hover span,#header .nav li.last a.current span {
  background: url(images/nav-right-act.gif) no-repeat 100% 0
}

/*===== content =====*/
#content .indent {
  padding: 36px 0 33px
}

#content .indent1 {
  padding: 36px 0 33px 30px
}

#content .extra-content .indent {
  padding: 30px 30px 0
}

/*--- list styles ---*/
.list1 li {
  background: url(images/arrow1.gif) no-repeat 0 8px;
  padding: 0 0 9px 9px
}

.list1 li a {
  color: #07d;
  text-decoration: none
}

.list1 li a:hover {
  color: #306
}

.listfeatures {
  color: #07d;
  font-weight: 700;
}
.listfeatures li {
  background: url(images/arrow1.gif) no-repeat 0 8px;
  padding: 0 0 9px 9px
}

.listfeatures li a {
  color: #07d;
  text-decoration: none
}

.listfeatures li a:hover {
  color: #306
}


/*--- faded slider styles ---*/
#faded {
  width: 978px;
  height: 457px;
  overflow: hidden;
  position: relative
}

#faded .prev {
  position: absolute;
  left: 5px;
  top: 192px;
  background: url(images/prev.gif) no-repeat 0 0;
  width: 63px;
  height: 62px;
  z-index: 10
}

#faded .next {
  position: absolute;
  right: 10px;
  top: 192px;
  background: url(images/next.gif) no-repeat 0 0;
  width: 63px;
  height: 62px;
  z-index: 10
}

#faded .slogan {
  display: block;
  position: absolute;
  right: 610px;
  top: 184px;
  width: 365px;
  text-align: right;
  font-size: 60px;
  line-height: 1.2em;
  color: #07d;
  font-weight: 700;
  letter-spacing: -3px
}

#faded .slogan span {
  display: block;
  font-size: 36px;
  line-height: 1.2em;
  color: #306;
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: -10px;
  margin-bottom: 16px
}

#faded .slogan .button {
  display: block;
  width: 144px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #07d;
  font-weight: 700;
  background: url(images/button.gif) no-repeat 0 0;
  text-align: center;
  letter-spacing: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  float: right
}

#faded .slogan .button:hover {
  color: #4a647d
}

/*===== footer =====*/
#footer {
  font-size: 11px;
  color: #6387a8;
  text-align: center
}

#footer a {
  color: #6387a8;
  text-decoration: none
}

#footer a:hover {
  text-decoration: underline
}

/*----- forms -----*/
#newsletter-form fieldset {
  border: none;
  background: url(images/input-bg.gif) no-repeat 0 0
}

#newsletter-form label {
  display: block;
  height: 41px;
  overflow: hidden
}

#newsletter-form input.text {
  width: 240px;
  border: none;
  background: none;
  padding: 6px 0 3px 10px;
  color: #4a647d;
  font-size: 15px
}

#contacts-form fieldset {
  border-radius: 4px;
  border: 0 solid #000;
  padding-top: 1.5em;
  margin: .5em 0;
  background-color: #FFF;
  color: #333;
  text-align: left
}

#contacts-form input[type="text"] {
  display: block;
  margin-right: 1.5em;
  padding: .2em .3em;
  width: 90%;
  float: left;
  z-index: 999
}

#contacts-form .field-group {
  margin: 1.3em 5%;
  clear: both;
  overflow: hidden
}

#contacts-form .field-group .label-style {
  display: block;
  margin: .3em 0;
  line-height: 1em;
  font-weight: 700
}

#contacts-form .field-group .input-group {
  display: block;
  padding: .7em .7em .7em 0;
  font-size: .9em;
  margin: 0 0 1em
}

#contacts-form .field-group .input-group input[type="checkbox"] {
  display: block;
  margin-right: 2%;
  padding: .2em .3em;
  width: auto;
  float: left;
  z-index: 999
}

#contacts-form .field-group .input-group label {
  display: block;
  margin: .4em 0 0;
  line-height: 1em;
  font-weight: 700;
  width: auto;
  float: left;
  text-align: left
}

#contacts-form ul {
  margin: 0;
  padding: 0
}

#contacts-form li {
  list-style: none;
  overflow: hidden;
  padding: .2em 0;
  clear: left;
  display: block;
  margin: 0
}


#free-quote-form{
  background-color: #dee8f0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(222, 232, 240)), to(rgb(115, 119, 122)));
  background-image: -webkit-linear-gradient(top, rgb(222, 232, 240), rgb(115, 119, 122));
  background-image: -moz-linear-gradient(top, rgb(222, 232, 240), rgb(115, 119, 122));
  background-image: -o-linear-gradient(top, rgb(222, 232, 240), rgb(115, 119, 122));
  background-image: -ms-linear-gradient(top, rgb(222, 232, 240), rgb(115, 119, 122));
  background-image: linear-gradient(top, rgb(222, 232, 240), rgb(115, 119, 122));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dee8f0', EndColorStr='#73777a');
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#free-quote-form fieldset{
  padding: 10px;
  border: none;
}

#free-quote-form .text{
  font-size:12px;
  color:#fff;
}

#free-quote-form input{
  background: url(images/input-bg.png) no-repeat;
  width:205px;
  padding:6px;
  padding-left:10px;
  padding-right:15px;
  border:none;
  margin-bottom:7px;
  color:#000;
  font-size:12px;
  margin-right:5px;
}

#free-quote-form textarea{
  background: url(images/textarea-bg.png) no-repeat;
  width:180px;
  padding:6px;
  padding-left:10px;
  padding-right:15px;
  height:50px;
  border:none;
  margin-bottom:7px;
  color:#000;
  font-size:12px;
  margin-right:5px;
}

.phone {
  font-size: 20px;
}


th {
  font: bold 11px Arial, Verdana, Helvetica, sans-serif;
  color: #6D929B;
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  border-top: 1px solid #C1DAD7;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px;
  background: #CAE8EA url(images/bg_header.jpg) no-repeat
}

th.nobg {
  border-top: 0;
  border-left: 0;
  border-right: 1px solid #C1DAD7;
  background: none
}

th.spec {
  border-left: 1px solid #C1DAD7;
  border-top: 0;
  background: #fff url(images/bullet1.gif) no-repeat;
  font: bold 10px Arial, Helvetica, sans-serif
}

th.specalt {
  border-left: 1px solid #C1DAD7;
  border-top: 0;
  background: #f5fafa url(images/bullet2.gif) no-repeat;
  font: bold 10px Arial, Helvetica, sans-serif;
  color: #B4AA9D
}

td {
  border-right: 1px solid #C1DAD7;
  border-bottom: 1px solid #C1DAD7;
  background: #fff;
  padding: 6px 6px 6px 12px;
  color: #6D929B
}

td.alt {
  background: #F5FAFA;
  color: #B4AA9D
}

/*==========================================*/