html,body{height:100%;}
body{
background:#fff;
font:12px/18px Arial, Helvetica, sans-serif;
color:#7b8f9e;
position:relative;
min-width:320px;
}
/*********************************header*************************************/
header{width:100%; background:url(../images/header-bg.jpg) center top no-repeat #07113f; padding:30px 0 10px;}
#page1 header{padding:30px 0 0;}
header .indent-bottom{padding-bottom:27px;}
h1{float:left;}
h1 a{
display:block;
width:178px;
height:63px;
overflow:hidden;
text-indent:-999em;
white-space:nowrap;
background:url(../images/logo.png) 0 0 no-repeat;
}
h1 a:hover{text-decoration:none;}
.header-contacts{
float:right;
font:12px/15px Arial, Helvetica, sans-serif;
color:#f6de0f;
text-align:right;
padding-top:18px;
}
.header-contacts strong{
display:block;
font-weight:700;
font-size:25px;
line-height:30px;
color:#fff;
margin-bottom:3px;
margin-right:-3px;
}
/********************************* Content **********************************/
#content{width:100%; background:url(../images/content-tail.gif) center top repeat-x #fff; padding:40px 0 40px;}
#page1 #content{padding:101px 0 39px;}
/*----- Global Structure -----*/
.img-indent{float:left; margin-right:20px;}
.img-indent2{float:left; margin-right:10px;}
.img-indent3-1{float:left; margin-right:17px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}
/* ---------- Tags ---------*/
h3{font-weight:500; font-size:19px; line-height:23px; color:#284ba9; text-transform:uppercase; padding:9px 10px 13px 18px; background:url(../images/title-tail.gif) center top repeat-x #f3f4f5; border-bottom:1px solid #ebeced;}
h3.title1{color:#fff; border:none; background-image:url(../images/title-tail2.gif); background-color:#0d275d; padding:9px 18px 14px;}
h4{font: normal 17px/22px Arial, Helvetica, sans-serif; color:#37a4fb;}
h4 a{color:#37a4fb;}
h4 a:hover{text-decoration:none; color:#eca804;}
h5{font:normal 15px/19px Arial, Helvetica, sans-serif; color:#072f7b; text-transform:uppercase;}
h5 a{color:#072f7b;}
h5 a:hover{text-decoration:none; color:#eca804;}
h6{font:normal 12px/18px Arial, Helvetica, sans-serif; color:#eca804;}
blockquote{
background:url(../images/quote.png) 0 0 no-repeat;
padding-left:9px;
padding-top:3px;
}
.quote-caption{text-align:right;}
/*---------- Columns --------*/
.col-5{float:left; width:190px; margin-right:30px;}
.col-8-1{float:left; width:330px; margin-right:10px;}
/*----------- Boxes ----------*/
.banner{
background:url(../images/banner-tail.gif) center top repeat-x #f3f4f5;
border-right:1px solid #f1f2f3;
border-bottom:1px solid #ebeced;
}
.banner .bg1, .banner .bg2, .banner .bg3{margin-right:-1px; margin-bottom:-1px; background-position:right top; background-repeat:no-repeat; padding:15px 20px 21px; min-height:89px;}
.banner .bg1{background-image:url(../images/banner1-bg.png);}
.banner .bg2{background-image:url(../images/banner2-bg.png);}
.banner .bg3{background-image:url(../images/banner3-bg.png);}
.banner .bg4{background:url(../images/banner4-bg.png) 20px 63px no-repeat; padding:13px 10px 20px 20px; min-height:200px;}
.banner .indent-left{padding-left:113px;}
.banner p{
font-weight:400;
font-size:16px;
line-height:20px;
color:#091647;
text-transform:uppercase;
margin-bottom:5px;
}
.banner .bg4 p{margin-bottom:10px;}
.banner p.block2{
font-weight:500;
line-height:25px;
color:#f1ca0b;
text-transform:uppercase;
padding-left:86px;
margin-bottom:12px;
}
.banner strong{
display:block;
font-weight:bold;
font-size:23px;
line-height:28px;
color:#284ba9;
}
.banner .block3{
font:12px/17px Arial, Helvetica, sans-serif;
color:#7b8f9e;
padding-left:118px;
margin-bottom:10px;
}
.banner .button{
font-size:16px;
line-height:20px;
padding:5px 9px 11px;
background-image:url(../images/banner-button-tail.gif);
}
.arrow1{background:url(../images/arrow1.png) 176px 18px no-repeat;}
.arrow2{background:url(../images/arrow2.png) 405px bottom no-repeat; padding-bottom:12px;}
.title{
font-weight:700;
font-size:42px;
line-height:51px;
text-align:center;
padding-right:30px;
}
.title.color-1{color:#f1ca0b;}
.title.color-2{color:#37a4fb;}
.title.color-3{color:#284ba9;}
/*---------- Fonts ----------*/
.year{font-weight:bold; COLOR:#37a4fb;}
.font-1{line-height:17px;}
/*---------- Links ----------*/
a{color:#eca804; outline:none; cursor:pointer; text-decoration:none;}
a:hover{text-decoration: underline}
a[href^="tel:"]{color:#7b8f9e; text-decoration:none;}
.link{color:#37a4fb;}
.link:hover{color:#eca804; text-decoration:none;}
.button{
display:inline-block;
cursor:pointer;
font-weight:500;
font-size:14px;
line-height:17px;
color:#fff;
text-transform:uppercase;
padding:7px 10px 9px;
background:url(../images/button-tail.gif) center top repeat-x #ebb203;
}
.button:hover{text-decoration:none; background-position:center -61px; background-color:#0d275e;}
/*---------- Lists -----------*/
.list-1 li{
font-weight:500;
font-size:14px;
line-height:17px;
text-transform:uppercase;
margin-bottom:1px;
}
.list-1 li a{
display:block;
color:#fff;
padding:7px 0 9px 11px;
background:url(../images/list1-tail.gif) center -68px repeat-x #0d275e;
}
.list-1 li a:hover{text-decoration:none; background-position: center top; background-color: #ebb203;}
.list-2 li{
font:12px/18px Arial, Helvetica, sans-serif;
color:#7b8f9e;
background:url(../images/marker-2.png) 0 4px no-repeat;
padding-left:27px;
padding-bottom:11px;
margin-bottom:11px;
border-bottom:1px solid #e8e8e8;
}
.list-2 li.last-item{padding-bottom:0; border-bottom:none;}
.list-2 a{color:#7b8f9e;}
.list-2 a:hover{text-decoration:none; color:#eca804;}
.social-icons{margin:0; list-style:none;}
.social-icons li{float:left; margin-right:10px;}
.social-icons a{
display:block;
height:38px;
width:38px;
background-position:0 0;
background-repeat: no-repeat;
cursor:pointer;
}
.social-icons a:hover{background-position:0 -56px;}
.social-icons .icon-1{background-image:url(../images/facebook-icon.jpg);}
.social-icons .icon-2{background-image:url(../images/twitter-icon.jpg);}
/*---------- Borders ---------*/
.border-top{border-top:1px solid #e5e5e5;}
.border-bottom{border-bottom:1px solid #e8e8e8;}
/*---------- Indents ---------*/
p, .p3-1{margin-bottom:18px}
.p0{margin-bottom:0;} .p0-1{margin-bottom:3px;}
.p1{margin-bottom:5px;} .p1-1{margin-bottom:8px;}
.p2{margin-bottom:10px;} .p2-1{margin-bottom:12px;}
.p3{margin-bottom:15px;}
.p4{margin-bottom:20px;} .p4-1{margin-bottom:22px;}
.p5{margin-bottom:25px;} .p5-1{margin-bottom:28px;}
.p6{margin-bottom:30px;} .p6-1{margin-bottom:32px;}
.p7{margin-bottom:35px;} .p7-1{margin-bottom:37px;}
.p8{margin-bottom:40px;} .p8-1{margin-bottom:42px;}
.marg-bot1{margin-bottom:5px;}
.indent-top1{padding-top:5px;}
.indent-top1-1{padding-top:7px;}
.indent-top2{padding-top:10px;}
.indent-left2{padding-left:10px;}
.indent-right5{padding-right:25px;}
.indent-bottom2{padding-bottom:10px;}
.indent-bottom4{padding-bottom:20px;}
.indent-bottom5{padding-bottom:25px;}
.indent-bottom8{padding-bottom:40px;}
.indent-bottom10-1{padding-bottom:52px;}
.indent-bottom11-1{padding-bottom:57px;}
/*----------- Map ------------*/
#map iframe{width:440px; height:297px;}
#map dl{width:100%; position:relative; overflow:hidden; margin-bottom:18px;}
#map dl span {float:left; width:66px;}
/************************************** Footer *************************************/
footer{width:100%; padding-bottom:35px;}
footer .indent-top{padding-top:27px;}
.footer-menu{float:left; overflow:hidden;}
.footer-menu li{float:left; font:12px/15px Arial, Helvetica, sans-serif; margin-right:17px;}
.footer-menu a{color:#5fb6fc;}
.footer-menu a:hover, .footer-menu a.active{text-decoration:none; color:#eca804;}
.footer-text{float:right; font:12px/15px Arial, Helvetica, sans-serif; color:#7b7a7a;}
.footer-text span{display:inline-block; margin-right:18px;}
.footer-text a{color:#eca804;}
/*=================================================================================*/
@media only screen and (max-width: 995px) {
p, .p3, .p3-1{margin-bottom:15px}
.p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1, .p8, .p8-1{margin-bottom:20px;}
h3{margin-bottom:15px !important;}
.indent-right5{padding-right:0;}
.indent-bottom5, .indent-bottom8, .indent-bottom10-1, .indent-bottom11-1{padding-bottom:30px;}
.col-5{width:150px; margin-right:20px;}
.col-8-1{width:262px;}
/*-----------------------------------------*/
.banner{font-size:14px; line-height:17px;}
.banner .bg1, .banner .bg2, .banner .bg3{background-position:155px top; padding:20px 20px 21px; min-height:84px;}
.banner p{margin-bottom:10px;}
.banner strong{font-size:20px; line-height:24px;}
.banner .bg4{background-position:10px 63px;}
.banner .indent-left{padding-left:0px;}
.arrow1{background-position: 125px 18px;}
.arrow2{background-position: 300px bottom;}
#map iframe{width:300px;}
}
@media only screen and (min-width: 768px) and (max-width: 995px){
.hide1{display:none;}
.clear1{clear:both;}
}
@media only screen and (max-width: 767px) {
.indent-top1-1, .indent-top2{padding-top:0;}
.col-5{width:100%; margin-right:0; padding-bottom:40px;}
.col-5.last-item{padding-bottom:0;}
.col-8-1{width:100%; margin-right:0; margin-bottom:30px;}
.arrow1 .arrow2 .col-5{background:url(../images/arrow2-ml.png) right bottom no-repeat;}
.arrow1 .arrow2 .col-5:first-child{background:url(../images/arrow1-ml.png) 20px bottom no-repeat;}
.arrow1 .arrow2 .col-5.last-item{background:none;}
/*-----------------------------------------*/
header{background:url(../images/header-tail.gif) center top repeat-x #1b59a6;}
header .indent-bottom{padding-bottom:0px;}
.header-contacts{display:none;}
.banner{font-size:20px; line-height:24px;}
.banner .bg1, .banner .bg2, .banner .bg3{background-position:right top; padding:15px 20px 21px; min-height:89px;}
.banner p{margin-bottom:5px;}
.banner strong{font-size:30px; line-height:36px;}
.banner .bg4{background-position:20px 75px; padding:20px 10px 20px 20px; min-height:195px;}
.banner .indent-left{padding-left:160px;}
.banner .block2{font-size:23px; line-height:28px;}
.banner .block3{margin-bottom:20px;}
.title{float:left; margin-right:20px; padding-right:0px;}
.arrow1, .arrow2{background: none;}
.footer-menu{float:none; margin-bottom:10px;}
.footer-text{float:none;}
#map iframe{width:100%; height:250px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
#map dl{width:200px; margin-right:20px; float:left; margin-bottom:0;}
}
@media only screen and (max-width: 479px) {
.banner{font-size:16px; line-height:20px;}
.banner strong{font-size:23px; line-height:28px;}
.banner .bg4{background-position:20px 63px; padding:13px 10px 20px 20px; min-height:200px;}
.banner .indent-left{padding-left:133px;}
.banner p.block2{font-size:16px; line-height:25px; padding-left:106px;}
.banner .block3{margin-bottom:10px; padding-left:138px;}
}