@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0px; margin-top:0px; background-image: url(images/bg.jpg); font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#011e5a; line-height: normal; background-color: #fff; background-position:center top; background-repeat:repeat-x}	
.bodydiv { margin:0; padding:0px; width:100%; float:left;}
.bodydiv { margin:0; padding:0px; width:100%; float:left;}
.container{ margin:0; padding:0px; width:970px;  }
.header_big{ width:100%; float:left; height:337px; background-image:url(images/header.jpg); background-position:center top}
.header{ margin:0; padding:0px; width:970px; height:337px; float:left; position:relative }
.logolink{ width:225px; height:170px; float:left; position:none; top:4px; left:-54px;}
.logolink a{ width:225px; height:170px; display:block; }
.phone{ width:484px; float:right; color:#fff; text-align:left; font-size:40px; position:absolute; letter-spacing:-1px; line-height: normal; top:43px; right:330px;}
.phone strong{ display:block; width:100%; text-align:right; float:left;}
.phone_call{ color:#032a65; font-size:30px; padding-bottom:15px; display:absolute; width:100% ; height:auto;}
.phone_call span{ color:#0084d9}
.live_operator{ font-size:16px; font-weight:normal; letter-spacing:normal}
.live_operator span{ font-size:24px;}
.phone img{ float:right;}
.tools{ position:absolute; top:180px; left:0px}
.specials{ position:absolute; top:10px; right:0px}
.header_text{ color:#002550; font-size:12px; width:459px; position:absolute; top:246px; left:338px;}
.header_text h2{ font-size:30px; color:#003c87}
.share{ position:absolute; top:10px; right:20px; width:70px;}
/*Main*/
#mainNav { float:left;  margin:0; width:960px; height:49px;}
#menuTop { padding:0; width:980px; height:49px; margin:0px; float:left;  }
#menuTop li { float: left; display:inline; height:49px; text-align:center; }
.item a {height:29px; min-width:90px; padding:0; cursor:pointer;  text-decoration:none; font-size:14px; font-family: Arial, Helvetica, sans-serif; display:block; color:#FFF; padding:20px 10px 0px 10px; font-weight:bold}
.item a:hover {height:29px; padding:0; cursor:pointer; text-decoration:none; font-size:14px;  font-family: Arial, Helvetica, sans-serif; display:block;   color:#5bc8ff; padding:20px 10px 0px 10px;}
#activ {height:29px; padding:0; cursor:pointer; text-decoration:none; font-size:14px;  font-family: Arial, Helvetica, sans-serif; display:block;  color:#5bc8ff; padding:20px 10px 0px 10px;}

.des{ float:left; width:3px; height:49px; background-image:url(images/des.jpg)}

a{color:#05a1f1; text-decoration:underline;}
a:hover{color:#05a1f1; text-decoration:none;}

.content{ width:960px; float:left; line-height:1.5em}

.left{ width:305px; float:left; line-height:normal; padding-bottom: 30px;}
.right{ width:634px; float:right}

.services_box{ width:263px; float:left; background-color:#f3f3f3; border:1px solid #d1d1d1; padding:10px 20px 5px 20px;}
.services_box ul{ margin:0px; padding:0px; float:left; width:263px; padding-left:0px; padding-top:0px; padding-bottom:10px;}
.services_box ul li{width:250px; padding:15px 0px 15px 13px; background-image:url(images/list1.png); background-repeat:no-repeat; list-style-type:none; background-position:center left; float:left; color:#005795;}
.services_box ul li a{ color:#005795;}

.ulul{ margin:0px; padding:0px; float:left; width:624px; padding-left:10px; padding-top:0px; padding-bottom:10px;}
.ulul li{ width:612px; padding:0px 0px 5px 12px; background-image:url(images/list1.png); background-repeat:no-repeat; list-style-type:none; background-position:0px 6px; float:left }

.ululsmall{ margin:0px; padding:0px; float:left; width:360px; padding-left:10px; padding-top:0px; padding-bottom:10px;}
.ululsmall li{ width:348px; padding:0px 0px 5px 12px; background-image:url(images/list1.png); background-repeat:no-repeat; list-style-type:none; background-position:0px 6px; float:left }

.ulul2{ margin:0px; padding:0px; float:left; width:300px; padding-left:10px; padding-top:0px; padding-bottom:10px;}
.ulul2 li{ width:288px; padding:0px 0px 5px 12px; background-image:url(images/list1.png); background-repeat:no-repeat; list-style-type:none; background-position:0px 6px; float:left }

h1{ margin:0px; width:100%; padding:0px; color:#005fa0; font-size:27px; float:left; font-weight:normal; line-height:normal; padding-bottom:10px; padding-top:0px; letter-spacing:-1px;}
h2{ margin:0px; width:100%; padding:0px; color:#005fa0; font-size:22px; float:left; font-weight:normal; line-height:normal; padding-bottom:5px; padding-top:10px; letter-spacing:-1px;}
h3{ margin:0px; width:100%; padding:0px; color:#005fa0; font-size:18px; float:left; font-weight:normal; line-height:normal; padding-bottom:0px; padding-top:0px;}

.par{ width:100%; float:left; padding:10px 0px 10px 0px;}
.par1{ width:100%; float:left; padding-top:0px; padding-bottom:10px;}
.par2{ width:100%; float:left; padding-top:0px; padding-bottom:20px;}
.par3{ width:100%; float:left; padding-top:0px; padding-bottom:0px;}

.pic_text{ width:420px; float:right;}
.pic{ width:200px; float:left;}
.pic img{ border:5px solid #f3f3f3}

.pic_text1{ width:420px; float:left;}
.pic1{ width:200px; float:right;}
.pic1 img{ border:5px solid #f3f3f3}

.pic_text2{ width:370px; float:right;}
.pic2{ width:250px; float:left;}
.pic2 img{ border:5px solid #f3f3f3}

.pic_text3{ width:370px; float:left;}
.pic3{ width:250px; float:right;}
.pic3 img{ border:5px solid #f3f3f3}

.pic-left {float:left; margin-left: 40px; border:5px solid #f3f3f3}
.pic-right {float:right; margin-right: 40px; border:5px solid #f3f3f3}

.boxes{ width:100%; float:left; padding-top:20px; }
.box{ width:275px; height:93px; background-image:url(images/box.jpg); text-align:left; padding:15px; color:#FFF; font-size:12px;line-height:normal}
.box h2{ color:#FFF; padding-top:0px; padding-bottom:5px; float:left; font-size:18px;}
.box h2 a{ color:#FFF; padding-top:0px; padding-bottom:5px; float:left; font-size:18px; text-decoration:none; font-weight: normal}
.box h2 a:hover{ color:#FFF; padding-top:0px; padding-bottom:5px; float:left; font-size:18px; text-decoration:none; font-weight: normal}
.box a{ font-weight:bold; text-decoration:none; color:#4ec3ff; font-size:12px;}
.box a:hover{ font-weight:bold; text-decoration: underline; color:#4ec3ff; font-size:12px;}
.box p{ padding-bottom:0px; float:left}

.left_text_box{ width:160px; float:left}
.pic_box{ width:100px; float:right}
.pic_box img{ border:3px solid #fff}

.content_text{ float:left; width:100%; padding-top:20px;position:relative}

.footer {font-size:11px; font-weight:normal; color:#f3f3f3; width:100%; float:left; background-image:url(images/backbot.jpg); background-repeat:repeat-x; background-position:bottom; padding-bottom:20px; height:100px; padding-top:0px;}
.cards{ position:absolute; bottom:10px; left:0px;}

.meniufooter{ width:100%; float:left; color: #f3f3f3; padding:20px 0px 0px 0px; text-align:center; float: left;}
.meniufooter a{ color: #f3f3f3; text-decoration: none; font-size:11px; padding:0px 4px 0px 4px;   }
.meniufooter a:hover{ color: #f3f3f3; text-decoration: underline;  font-size:11px; }

.copy{margin:0; padding:0px; width:100%; float:left; font-size:11px; color:#f3f3f3; padding-top:10px; padding-bottom:5px; text-align:center; }
#web-design{ width:100%; text-align:center; color:#f3f3f3; float:left; }
#web-design a{ font-size:11px;}
#web-design a:hover{font-size:11px;}

a img{border:none;}
p {margin:0px; float:left; width:100%; padding-bottom:10px;}

.field{ width:180px; height:20px; background-color:#fff; border:1px solid #b9b9b9;  }
.field1{ width:280px; height:120px; background-color:#fff; border:1px solid #b9b9b9;  }
.submit{ border:none; color:#fff; cursor:pointer; background-color:#00397f;  width:55px; height:22px;}

.ntext td{ padding:2px;}

.left{ width:305px; float:left;}
.right{ width:634px; float:right; padding-bottom:10px; }
.pic_left{ float:left; margin-right:20px; border:5px solid #f3f3f3; }
.pic_right{ float:right; margin-left:20px; border:5px solid #f3f3f3; }
.for{ float:left;}
.rs{ float:right; margin-right:20px;margin-left:94%; width:300px;}
@media only screen and (max-width: 980px) {

.specials{
display:absolute;
}
.specials img{
	width:15%;
    height:auto;

}
.tools{
display:absolute;
size:5px;
margin-top:60px;

}
.tools img{
	width:25%;
	height:auto;	
}
.header_big {
height: auto;
width: 94%;
background-image: absolute;
}
body
{
background-image : none;
width:100%;
}
.header
{
width:100%;
}
#menuTop
{
display:none;
}
#mainNav
{
display:none;
}
.header_text
{
width:89%;
}
.header_text h2 {
font-size: 24px;
color: #003c87;
width: 100%;
display:absolute;

}
.container
{
width:100%;
}
.phone
{
right: 0px;
width:100%;
display:absolute;
}
.left{
width: auto;
float: none;
border-top: 1px solid #dcdcdc;
border-left: none;
padding-top: 15px;
}
.header_text{
left: 0px;
top: 280px;
padding: 0 16px;
display:absolute;
}
.content{
width: auto;
float: none;
}
.right{
width: auto;
float: none;
border-top: 1px solid #dcdcdc;
border-left: none;
padding: 18px;
width: 84%;
}
.content_text {
width:100%;
}

}