/* main CSS page for Brevard Insurance */

* {border: 0px; margin: 0px; padding: 0px; outline: none; font-weight: normal; text-shadow: #000 0 0 0; font-family: HelveticaNeue,Helvetica,sans-serif; font-size: 14px; color: #666666;}
.redbox {border: solid 1px red;}
a, a img {text-decoration:none; border: none; }
/* body { opacity: 0.99999 } */ /*bold text fix for firefox in OSx */
div {display: block;}
img { behavior:	url(css/png_behavior.htc);}
table {border-collapse: collapse; width:90%; margin-left: 5%; }
td {padding: 5px;}

.cms{margin: 5px; padding: 2px; border: solid 1px rgb(250,250,250); color: rgb(0,0,0);}

label.back {clear: left; margin-left: 5%; margin-top: 5px; vertical-align: text-bottom; width: 200px; float: left; display: block;}
.view {width: 400px;} 
.view td {width: 100px;}

.hidden {display: none;}
.center {text-align: center;}
.right {text-align: right;}
.blue {color: rgb(8,79,100); cursor: pointer;}
.red {color: rgb(255,0,0);}
.super { vertical-align: super; font-size: 80%;}
.gray {background-color: rgb(250,250,250);}

.titlebar {height: 166px; width: 1000px;}

#container {z-index: 0;}

#leftShadow{width: 87px; height:700px; position: absolute; top: 0px; left: 0px; background: url('../sprites/leftShadow.gif') no-repeat 0px 0px; margin-left: -87px;}
#rightShadow{width: 87px; height:700px; position: absolute; top: 0px; left: 1000px; background: url('../sprites/rightShadow.gif') no-repeat 0px 0px;}

#contentStage {width: 1000px; 
min-height:700px;
height:auto !important;
height:700px;
margin-left: auto; margin-right: auto; position: relative; z-index: 20;}

#menu {width: 1000px; height: 27px; position: absolute; top: 143px; left: 0px; z-index: 0;}
#menu li {display: block; float: left;}

#leftGraphic {position: absolute; top: 166px; left: 0px; z-index: -1000; width: 1000px; height: 534px; background-repeat: no-repeat;}
#formGraphic {position: relative; top: -4px; left: 0px; z-index: -1000; width: 1000px; background-repeat: no-repeat;
min-height:534px; 
height:auto !important; 
height:534px;
}

#introText {position: relative; top: 40px; left: 542px; width: 390px;font-size: 15px; margin-bottom: 0px; }
#introText h1,#listishStage h1 {color: rgb(8,79,100); font-size: 23px; display: inline; }
#introText h2 {color: rgb(8,79,100); font-size: 17px; font-style: italic; display: block; margin-top: 10px; margin-bottom: 10px; line-height: 22px; width: 390px;}
#introText h3 {color: rgb(8,79,100); font-size: 13px; font-weight: bold; line-height: 12px;  margin-top: 20px;}
#introText p, #listishStage p {font-family: Arial, sans-serif; font-size: 13px; margin-top: 5px;}
#introText a {text-decoration: underline;}
#introText p.large {font-family: Arial, sans-serif; font-size: 16px; line-height: 22px;}
#introText a.quoteLink {text-decoration: none; display: block; margin-top: 10px;}

label.front {clear: left; width: 50px; text-align: left; display: block; float: left; font-size: 11px; color: rgb(0,0,0);}
label.quote {width: 150px;}
#quoteStage{}
#formBG {background: url('../sprites/formBG.png') no-repeat; position: absolute; top: 0px; left: 60px; z-index: 0; width: 890px; height: 299px;}
input.quoteSubmit{width: 100%; float:left; clear: both; font-size: 16px; color: rgb(8,79,100); }
.one {width: 200px; border: solid 1px rgb(177,177,177); margin-bottom: 6px;}
.validateNote {color: rgb(255,0,0); font-size: 11px; line-height: 8px; }

.phoneName{font-size: 13px; margin-left: 17px; width: 140px; margin-right: 10px; float: left; vertical-align: text-bottom; padding-top: 5px;}

#moreText {position: relative; z-index: 300; margin-bottom: 100px;}
#cmsStage {position: relative; top: 10px; left: 10px; width: 950px;font-size: 15px; margin-bottom: 50px; }

#listishStage {position: relative; top: 40px; left: 127px; width: 850px;font-size: 15px;}
#listishStage p {display: block; width: 715px; line-height: 17px; margin-top: 0px;}

#listishIntro {position: relative;}

.listish {position: relative; min-height:300px; height:auto !important; height:300px; width: 414px; float: left; padding-top: 20px; overflow-x: hidden;}
.listish h2, .listish h2 a {color: rgb(8,79,100); font-size: 13px; font-weight: bold; line-height: 12px; }
.listish p{font-size: 13px;  margin-bottom: 21px; padding-top: 5px;}
.listish ul {margin-top: 10px; list-style: disc inside;}
.listish li {display: list-item; font-size: 14px; line-height: 17px;}
.listish a {text-decoration: underline;}
.staff {height: auto !important;}
.staffBox {width: 410px; float: left;}

.quoteRadio {width: auto;}
.quoteCheckbox {width: auto;}

img.staffPic {position: absolute; width: 223px; height: 140px; z-index: -100;}
div.staffTitle {position: relative; left: 125px; top: 35px;}
div.staffTitle h2 {font-size: 17px; color: rgb(22,102,161); font-weight: normal; line-height: 10px;}
div.staffTitle p {position: relative; margin: 0px; padding: 0px; color: rgb(19,79,95); font-size: 10px !important; z-index: 300; text-transform: uppercase;}
div.staffTitle a {margin: 0px; padding: 0px; color: rgb(51,51,51); font-size: 13px; text-decoration: none;}
.staffBio {padding-top: 80px; padding-left: 32px; width: 330px; color: #000000; font-size: 12px; line-height: 14px; min-height:200px; height:auto !important; height:200px; line-height: 15px;}
#footer {position: relative; width: 100%; text-align: center; left: auto;line-height: 27px; margin-left: auto; margin-right: auto; margin-top: -22px; padding-bottom: 10px; margin-bottom: -10px; z-index: 200; }
#banner {margin-left: auto; margin-right: auto; width: 1000px; height: 23px; text-align: center; background: url('../sprites/bannerBG.png'); color: #ffffff;  line-height: 22px; z-index: 200; margin-top: 0px;}
#lowerFooter { color: #666666;margin-left: auto; margin-right: auto; width: 1000px; background: #ffffff;}
#footer img {margin-top: 4px;}

.disclaimer {display: block; float: left; width: 100%; padding-top: 20px;}