@charset "utf-8";
/* CSS Document */

/*=================== .01 DEFAULT ELEMENT =================*/
body{ background:url(../images/body_bg.jpg) repeat-x; width:100%; margin:0; padding:0;}
*{ margin:0; padding:0; outline:0; border:0;}
div, ul, li, p, img, h1, h2, h3, h4, h5, h6, input, form{ margin:0; padding:0; outline:0; border:0;}
p{ font:14px Arial, Helvetica, sans-serif; color:#000; line-height:20px; text-align:justify; text-transform:none;}
p a{ font:14px Arial, Helvetica, sans-serif; color:#0f0ddb; line-height:20px; text-align:justify; text-decoration:underline;}
p span{ font:14px Arial, Helvetica, sans-serif; color:#f80707; line-height:20px; text-align:justify;}
h1{ font:normal 30px 'MyriadProBoldCondensed'; color:#262569; text-transform:uppercase;}
h2{font:normal 30px 'MyriadProBoldCondensed'; color:#fff; text-align:center; line-height:52px;}

/*=================== .02 GENEREL ELEMENT =================*/
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}

.wrapper{ width:895px; margin:0 auto;}
.container{ width:100%; margin:0; padding:0;}


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

}


/*=================== .03 HEADER ELEMENT ===================*/
.header{ width:100%; margin:0 auto;}
.home_bg{ background:url(../images/header_home_bg.jpg) no-repeat top center; margin:0; padding:0;}
.about_bg{ background:url(../images/header_about_bg.jpg) no-repeat top center; margin:0; padding:0;}
.service_bg{ background:url(../images/header_service_bg.jpg) no-repeat top center; margin:0; padding:0;}
.ratequote_bg{ background:url(../images/header_ratequote_bg.jpg) no-repeat top center; margin:0; padding:0;}
.contact_bg{ background:url(../images/header_contact_bg.jpg) no-repeat top center; margin:0; padding:0;}
/*========== start navigation =========*/
.nav{ width:540px; float:right;}
ul.blue{ margin:0; padding:0; list-style:none;}
ul.blue li{ margin:0; padding:0; list-style:none; line-height:35px; float:left;}
ul.blue li a{ width:102px; height:35px; font:18px 'MyriadProBoldCondensed'; color:#FFF; text-align:center; line-height:35px; text-decoration:none; margin:0; padding:0px 2px; float:left;}
ul.blue li a:hover, ul.blue li a.active{ background:url(../images/navi_tab.png) no-repeat; font:18px 'MyriadProBoldCondensed'; color:#FFF; text-align:center; line-height:35px; text-decoration:none; margin:0;padding:0px 2px;}
/*========== end navigation =========*/
.hd_txtarea{ width:360px; margin:16px 0 0 0px; float:left;}
.hd_txtarea h1{ font:40px 'MyriadProBoldCondensed'; color:#FFF;}
.hd_txtarea p{ font:12px Arial, Helvetica, sans-serif; color:#FFF; text-align:justify; line-height:18px; padding:0 16px 0 0;}
.orrange_button a{ width:106px; height:31px; background:url(../images/orrange_button.png) no-repeat; font:18px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; text-decoration:none; line-height:31px; float:left;}

/*=================== .04 CONTENT ELEMENT ===================*/
.content{ width:895px; margin:0 auto;}
.left_pannel{ width:612px; margin:0 0 0 0px; float:left;}
.blue{ font:normal 14px Arial, Helvetica, sans-serif; color:#262569; text-transform:uppercase; line-height:20px;}
.blue a{ font:normal 14px Arial, Helvetica, sans-serif; color:#262569; text-transform:uppercase; text-decoration:underline; line-height:20px;}
.txt_blue{ color:#0000ff; text-decoration:underline;}

.right_pannel{ width:261px; margin:0 0 0 20px; float:left;}
.black_tab{ background:url(../images/black_tab.jpg) no-repeat; width:179px; height:52px;}
.mid_con{ background:url(../images/mid_con_bg.jpg) repeat-y; width:261px; float:left;}
.holder_form{ width:228px; margin:0 auto;}
.txt_input{ font:normal 14px Arial, Helvetica, sans-serif; color:#000; line-height:30px; float:left;} 

.input{ background:url(../images/input_mid.jpg) repeat-x; width:206px; height:23px; font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:23px; float:left;}
.input2{ background:url(../images/input_mid.jpg) repeat-x; width:206px;border:1px solid; height:23px; font:normal 12px Arial, Helvetica, sans-serif; color:#000; line-height:23px; float:left;}
.black_button a{ background:url(../images/black_button.jpg) no-repeat; width:250px; height:30px; font:bold 18px Arial, Helvetica, sans-serif; color:#FFF; text-align:center; text-decoration:none; line-height:30px; float:right;}

/*=================== .05 FOOTER ELEMENT ===================*/
.footer{ background:url(../images/footer_bg.jpg) repeat-x; width:100%; margin:0 auto;}
.left_footer{ width:376px; float:left;}
ul.link{ margin:0; padding:0; list-style:none;}
ul.link li{ font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; line-height:55px; list-style:none; margin:0; padding:0; float:left;}
ul.link li a{ font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; line-height:55px; text-decoration:none; padding:0 5px;}
.right_footer{ width:348px; float:right;}
p.copy{ font:normal 12px Arial, Helvetica, sans-serif; color:#FFF; line-height:55px; text-align:left;}