body{margin:0 0 0px 0; padding:0; background:url(../images/background.jpg) no-repeat top; font-family: 'UbuntuRegular', Arial;  font-weight: normal; font-size:14px; color:#333333;}

@font-face {
    font-family: 'UbuntuRegular';
    src: url('../font/Ubuntu-R-webfont.eot');
    src: url('../font/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Ubuntu-R-webfont.woff') format('woff'),
         url('../font/Ubuntu-R-webfont.ttf') format('truetype'),
         url('../font/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'UbuntuBold';
    src: url('../font/Ubuntu-B-webfont.eot');
    src: url('../font/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Ubuntu-B-webfont.woff') format('woff'),
         url('../font/Ubuntu-B-webfont.ttf') format('truetype'),
         url('../font/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuMedium';
    src: url('../font/Ubuntu-M-webfont.eot');
    src: url('../font/Ubuntu-M-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Ubuntu-M-webfont.woff') format('woff'),
         url('../font/Ubuntu-M-webfont.ttf') format('truetype'),
         url('../font/Ubuntu-M-webfont.svg#UbuntuMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


/************************************************
* General *
************************************************/
h1, h2, h3, h4, h5, h6, ul, li, p{ margin:0; padding:0;}
img{border:0; padding:0px; margin:0px;}
.clear{clear:both;height:0;font-size:1px; line-height: 0px;}
.clr{ clear:both;}
a{outline:none; color:#c4c4c4; text-decoration:none;}

input[type=text], input[type=password] {background:#FFF; border:#d9d9d9 1px solid; padding:4px; font-size:12px; color:#515151; font-family:Arial, Helvetica, sans-serif;}
textarea { background:#FFF; border:#d9d9d9 1px solid; padding:4px; font-size:12px; color:#515151; font-family:Arial, Helvetica, sans-serif; }
select { background:#FFF; border:#d9d9d9 1px solid; padding:3px; font-size:12px; color:#515151; font-family:Arial, Helvetica, sans-serif; }
.inputbtn { background:#012b5b ; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; border:none; height:28px; line-height:28px; cursor:pointer; padding:0 12px 2px 12px; overflow:visible; }
/************************************************
* Wrapper *
************************************************/
#wrapper{ width:100%; background:url(../images/header-bg.png) repeat-x top; }

/************************************************
*Container*
************************************************/
#container{ width:980px; margin:0 auto; overflow:hidden; position:relative;}
#header{ height:83px; margin:0; padding:0; }
.logo{ position:absolute; left:0; top:0; margin:0; padding:0px; }

.nav{ float:right; margin:24px 0px 0px 0px; padding:0px;}
.nav ul{ margin:0px; padding:0px;} 
.nav ul li{ list-style:none; margin:0; padding:0px; float:left; display:block;}
.nav ul li a{ height:39px; line-height:39px; display:block; float:left; text-decoration:none;  font-family: 'UbuntuMedium', Arial; font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; padding:0px 0px 0px 5px; margin:0px 8px 0px 0px; }
.nav ul li a.last{ margin-right:0px;}
.nav ul li a span{ cursor:pointer;  display:block; float:left; padding:0px 22px 0px 16px;  }
.nav ul li a:hover{ background:url(../images/nav_a.png) top left no-repeat; color:#333 }
.nav ul li a:hover span { background:url(../images/nav_span.png) top right no-repeat; }
.nav ul li.active a { background:url(../images/nav_a.png) top left no-repeat; color:#333}
.nav ul li.active a span{background:url(../images/nav_span.png) top right no-repeat;}

/************************************************
*Slider*
************************************************/
#slider{ height:390px; float:left; width:980px; position:relative;}
#slider-holder { height: 390px; }
#slider ul { width: 980px; position: relative; overflow: hidden; padding:32px 0px 0px 0px; }
#slider ul li { list-style-type: none; float: left; display: inline; width:980px; }
#slider .slide-info { float: right; display: inline; width: 500px; padding-top:60px; }
#slider .slide-image { float: left; display: inline; margin-left:40px; }
#slider .slide-info h1 {font-family: 'UbuntuBold', Arial; font-size: 46px; line-height: 1; color: #339933; font-weight: normal; margin-bottom: 8px; }
#slider .slide-info p{    font-family: 'UbuntuRegular'; font-weight: normal; color:#666666; font-size:16px; line-height:22px; width:352px;}

.slider-controls { position: absolute; bottom:10px; right: 12px; z-index: 100; }
.slider-controls a { float: left; display: inline; font-size: 0; line-height: 0; text-indent: -4000px; width: 17px; height: 17px; margin-left:12px; }
.slider-controls a { background: url(../images/slider-nav.png) no-repeat right 0; }
.slider-controls a.active { background-position: 0 0; }

/************************************************
*Content*
************************************************/
.content{ width:980px; overflow:hidden; margin:0px 0px 0px 0px; padding:0px;}
.boxgroup{ padding:50px 0px 0px 0px; overflow:hidden; }
.boxgroup h2{font-family: 'UbuntuBold', Arial; font-size: 36px; line-height: 1; color: #fff; font-weight: normal; margin-bottom: 8px; }
.boxgroup p{ color:#fff; }
.blue-box{ float:left; width:310px;}
.blue-box .mid{background:url(../images/blue-mid.png) repeat-y; padding:10px 20px 10px 20px;}

.green-box{ float:left; width:310px; margin:0px 25px 0px 25px;}
.green-box .mid{background:url(../images/green-mid.png) repeat-y;  padding:10px 20px 10px 20px;}
.green-box ul{ margin:0; padding:0; list-style:none;}
.green-box ul li{ margin:0; padding:0; background:url(../images/seprator.png) repeat-x bottom; padding:10px 0px 12px 0px; color:#fff; font-size:16px; } 
.green-box ul li.last{ background:none;}

.red-box{ float:left; width:310px;}
.red-box .mid{background:url(../images/red-mid.png) repeat-y;  padding:10px 20px 10px 20px;}

.box-top{ height:10px; margin:0; padding:0px;}
.box-bot{ height:10px; margin:0; padding:0px;}
.length{ min-height:340px; line-height:120%;}

.newsletter{background:url(../images/seprator.png) repeat-x bottom; padding:15px 0px 20px 0px;}
.newsletter .txtbox{ background:url(../images/textbox.png) no-repeat ; width:262px; height:37px;}
.newsletter .txtbox input{background:none; border:none; padding:4px 8px 4px 8px; color:#999999; font-size:14px; font-family: font-family: 'UbuntuRegular', Arial; width:246px; margin-top:5px;}
.newsletter .signup{ background:url(../images/sign-up.png) no-repeat left; border:none; height:17px; width:101px; cursor:pointer; padding:0; margin:18px 0px 0px 2px; overflow:visible;}

.download-pdf{ padding:28px 0px 10px 0px; color:#fff; }
.download-pdf h3 { font-size: 26px; line-height: 1; color: #ffcc33; font-weight: normal; margin-bottom: 8px; }
.download-pdf h3 a{ text-decoration:none; color: #ffcc33;}
.download-pdf h3 a:hover{ text-decoration:none; color: #fff;}
.whbg{ background:#FFF;}
.wh_middle{ background:#FFF; padding:8px 12px; color:#333;}
.wh_middle p{ color:#333; padding-bottom:6px;}
h1.title{ background:url(../images/dash.png) bottom repeat-x; font-family: 'UbuntuBold', Arial; font-size: 36px; color:#d34f52; font-weight:normal; line-height: 1; padding:0 0 7px 0; margin:0 0 18px 0;}
h2.subtitle{ font-family: 'UbuntuMedium', Arial; font-size: 22px; color:#219cd7; font-weight:normal; line-height: 1; padding:0 0 12px 0; margin:0; }

ul.list{ list-style:none; padding-bottom:5px;}
ul.list li{ list-style-type:none; font-family: 'UbuntuBold', Arial; font-weight:normal; font-size: 15px; background:url(../images/bullet.png) 0px 3px no-repeat; padding:0 0 0 13px; line-height:110%; margin-bottom:13px;}
ul.list li span{ font-family: 'UbuntuRegular', Arial!important;  font-size: 14px; display:block; margin-top:3px;}

h4.title{ font-family: 'UbuntuMedium', Arial; font-size: 16px; color:#333; font-weight:normal; line-height: 1; padding:0 0 8px 0; margin:0; }
.call_link{ color:#0b83bd;}
.user_img{ width:170px; padding:5px; border:1px solid #ddd;}

.lable{font-family: 'UbuntuMedium', Arial; font-weight:normal;}
a.maillink{ color:#333;}
a.maillink:hover{ color:#333; text-decoration:underline;}




/************************************************
*Footer*
************************************************/
#footer{ width:980px; background:url(../images/footer.png) no-repeat; margin:34px 0px 34px 0px; padding:0px; overflow:hidden; height:89px; }
.footer-links{ float:left; }
.footer-links a{ margin:0px 0px 0px 0px; padding:0px; text-decoration:none; color:#c8d2de;} 
.footer-links span{ padding:0px 8px; color:#c8d2de; }
.footer-links a:hover{ color:#ece52b;}
.copyright{ display:block; font-size:12px; color:#c8d2de;}
.copyright a{ text-decoration:underline; color:#c8d2de;}
.copyright a:hover{ text-decoration:none; color:#ece52b;}

.call{ background:url(../images/ic_phone.png) no-repeat left; height:42px; line-height:42px; font-size:28px; color:#fff; padding:5px 0px 0px 48px;}
.call .maple{ vertical-align:-6px; margin:0px 0px 0px 8px;}

.social{ width:120px; padding-top:5px;}
.social a{ margin:0px 10px 0px 0px;}


/************************************************
*December 10 2012*
************************************************/
.contact-info{ background-color:#fff; padding:10px; }
.quote{background-color:#f0faff; padding:0px; border:1px solid #d1e5e9;}
h4{ color: #219CD7;
    font-family: 'UbuntuMedium',Arial;
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0 0 13px 0;}
.quote p{ margin:0px 0px 3px 0px; font-size:13px; line-height:18px; }
.quote td{ padding-bottom:16px;}
.quote td td{ padding-bottom:5px;}
.quote-cont{ padding:10px;}
.quote b{font-family: 'UbuntuBold',Arial; font-weight: normal; font-size:13px;}
.quote-hd{ margin:0px 0px 10px 0px; padding:5px 8px 5px 8px; color:#fff; background-color:#3ba0d5;  font-family: 'UbuntuMedium',Arial; font-size: 15px; font-weight: normal;}

.sucess {
    color: green;
    padding: 0 0 10px 10px;
}
.errormsg {
    color: red;
    padding: 0 0 10px 10px;
}
.error {
    color: red;
    padding: 2px 0 0;
}