/* Style Reset Browsers */
body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}
div,span{position: relative;}


/* style */
body{background: #9fccff url(images/bg.gif) repeat-x top;}
h2{
font-size: 28px;
color: #0a58a7;}
h3{
font-size: 12px;
color: gray;}
p{
font-size: 16px;
color: black;}

#header, #contactForm, #footer{margin: 0 auto; width: 960px;}




#header{background: transparent url(images/header.gif) no-repeat top; height: 137px;}
#header a.logo{
background: transparent url(images/quoteslogo-trans.png) no-repeat top; 
width: 380px; 
height: 89px; 
display: block; 
text-indent: -99999px; 
overflow:  hidden; 
position: absolute;
top: 25px;
left: 290px;
}

iframe{
margin-left: 35px;
z-index: 0;}

#footer .content{
width: 850px;
margin-left: 35px;
float: left;
z-index: 999;
}
#footer h2{
margin: 5px 0px;}
#footer h4{
margin: 5px 0px;}

.ifrap{
background: transparent url(images/footer-extend.gif) repeat-y center;
display: block;
width: 960px;
margin: 0	auto;
}
#contactForm{
background: transparent url(images/mainbg.gif) no-repeat top;

display: block;
}
#form1 h3{
position: absolute;
display: inline;
top: 20px;
right: 20px;}
#form1 .forminputs{
position: absolute;
width: 400px;
right: 0px;
top: 44px;
display: block;}
#form2 .forminputs{
position: absolute;
width: 100%;
right: 0px;
top: 44px;
display: block;}

.forminputs .inputs{
background: url(images/inputs_02-trans.png) no-repeat right top;
height: 35px;
display: inline-block;
padding-right:15px;
margin: 0 0 15px 0;
float: left;
}
.forminputs .inputs span{
background: url(images/inputs_01-trans.png) no-repeat left top;
display: block;
height: 35px;
font-size: 16px;
}
.forminputs .inputs span label{
display: inline-block;
padding: 10px 0px 6px 15px;
color: #0a58a7;
}
.forminputs input{
border: 0px;
background: transparent;
border-left: 3px solid #a8becb;
margin: 6px;
padding-left: 5px;
font-size: 16px;
height: 20px;
outline:none;
}
.forminputs select{
font-size: 15px;
margin-left: 5px;
}
.fname, .lname, .phone, .email, .address, .city{
width: 375px}

.fname input, .lname input, .phone input, .email input, .address input, .city input{
width: 250px;
position: absolute;
right: 0px;
}
/*.phone input{
width: 280px;
}
.email input{
width: 284px;
}
.address input{
width: 270px;
}*/

.zipcode{
width: 200px;
margin-right: 10px!important;}
.zipcode input{
width: 75px;
position: absolute;
right: 0px;
}
.state{
width: 150px;
}
.state input{
width: 60px;
position: absolute;
right: 0px;
}
.healthplans select{
width: 300px;
position: absolute;
top: 7px;
right: 0px;
}
.healthplans{
width: 430px;
margin-right: 10px!important;
}
.age{
width: 360px}
.age select{
width: 70px;
position: absolute;
top: 7px;
}
select.month{
right: 160px; width: 80px;}
select.day{
right: 80px;}
select.year{
right: 0px;}
.gender{
width: 280px;}
.gender, .weight{
margin-right: 24px!important;}
.gender input{
border: 0px;
display: inline-block;
}
.weight input{
width: 100px;}

.height{
width: 220px}
.height select{
position: absolute;
top: 7px;
right: 0px;
width: 120px;}

.quest{
width: 810px;}
.quest .answers{
position: absolute;
right: 0px;
top: 0px;}
.quest input{
border: 0px;}
.quest .extra{
color: black;
font-size: 11px;

background: transparent url(images/extras-trans.png) no-repeat bottom;
width: 792px;
position: absolute;
top: 35px;
left: 15px;
text-align: center;
height: 19px;
z-index: 0;
}
h6{margin: 2px 0 0 0;}

#contactForm .form{
position: absolute;
width: 830px;
height: 430px;
top: -20px;
left: 65px;
}

#contactForm .form p{
width: 400px;
display: block;}






/**** Send Button & Swoops *****/
#sendbox{
width: 257px;
height: 38px;
display: block;
position: absolute;
bottom: 100px;
right: 60px;
}

#sendbox a.submit{
position: absolute;
top: 0px;
left: 0px;
background: transparent url(images/sendbutton-trans.png) no-repeat top;
width: 257px;
height: 38px;
display: block;
text-indent: -9999px;
overflow: hidden;
z-index: 9999;
}
#sendbox a.submit:hover{
background: transparent url(images/sendbutton-trans.png) no-repeat 0px -38px;}

#sendbox div.swoop1{
position: absolute;
background: transparent url(images/swoop1-trans.png) no-repeat;
width: 719px;
height: 188px;
display: block;
z-index: 100;
top: -46px;
left: -658px;
}
#sendbox div.swoop2{
position: absolute;
background: transparent url(images/swoop2-trans.png) no-repeat;
width: 261px;
height: 635px;
display: block;
z-index: 100;
top: -72px;
left: 67px;
}
#sendbox div.number1{
position: absolute;
top: 46px;
width: 240px;
height: 200px;
display: block;
font-size: 22px;
color: black;
text-align: right;
}
#sendbox div.number1 span{
letter-spacing: 2px;
display: block;
font-size: 26px;
}
#sendbox div.number1 .toll{
color: #817e80;
letter-spacing: 2px;
display: block;
font-size: 9px;
}

#testbubble{
background: transparent url(images/testbubble-trans.png) no-repeat;
width: 540px;
height: 125px;
display: block;
position: absolute;
bottom: 30px;
left: 60px;
z-index: 150;
}

#testbubble span.quote{
position: absolute;
width: 410px;
display: block;
top: 16px;
left: 83px;
font-size: 12px;
}
#testbubble span.name{
position: absolute;
width: 150px;
display: block;
top: 95px;
left: 20px;
font-size: 12px;
overflow: hidden;
text-align: center;}


#footer{
background: white url(images/footer-extend.gif) repeat-y center;
height: 0px;
z-index: 999;
display: block;
}

.footerbottom{
background: transparent url(images/footerfeet.gif) no-repeat bottom;
width: 960px;
height: 73px;
position: absolute; 
bottom: 0px;
left: 0px;
}