/*
-----------------------------------------------
Doctor & Doctor Insurance Agency, Inc.
Version: 01/5/2008
-----------------------------------------------
*/

* { margin: 20; padding: 0; }

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
}

p { margin: 0 0 15px; }

img { border: 0; }

a { color: #324079; 
	 }
a:hover { color: #3d5da4; text-decoration: none; }

h1, h2, h3, h4, h5 {
    font-family: Arial, Helvetica, sans-serif; }
    font-weight: bold;
    }

/*
h1, h2, h3, h4, h5 {
    font-family: "Times New Roman", Times, Georgia, serif;
    text-transform: uppercase;
    font-weight: bold;
    }

*/

h1 { font-size: 18px; line-height: 24px; margin-bottom: 10px; } /* 1.4em/1.5em */
h2 { font-size: 16px; line-height: 18px; margin-bottom: 5px; } /* 1.2em/1.3em */
h3 { font-size: 14px; line-height: 16px; margin-bottom: 5px; } /* 1.1em/1.1em */


/* =STRUCTURE
---------------------------------------------------------------------------------------------- */
#page {
    background: #fff url(../img/fadedcorners_top.gif) no-repeat top center;
    width: 770px;
    border: 1px solid #999;
    border-top: 0;
    margin: 0 auto;
    padding: 10px;
    /* correct value below - ie5 will use height from above */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 748px;
	}
    /* be nice to Opera 5 */
    body>#page { width: 748px; }

#header {
    background: url(../img/divider_page.gif) no-repeat bottom center;
    padding-bottom: 10px;
    }

#main {
    background: url(../img/fadedcorners_bottom.gif) no-repeat bottom center;
    padding: 10px 30px 50px;
    min-height: 200px;
    clear: both;
    }

#main-text {
    background: url(../img/fadedcorners_bottom.gif) no-repeat bottom center;
    padding: 25px 30px 50px;
    min-height: 410px;
    clear: both;
    text-align: left;
    }


/* =PAGE LAYOUTS
---------------------------------------------------------------------------------------------- */
.threecol-container {
    margin: 0 -20px 10px 0;
    }

.threecol-single {
    float: left;
    width: 236px;
    padding-right: 20px;
    text-align: justify;
    /* correct value below - ie5 will use height from above */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 216px;
	}
    /* be nice to Opera 5 */
    body>.threecol-single { width: 216px; }

.threecol-double {
    float: left;
    width: 450px;
    padding-right: 20px;
    text-align: justify;
    /* correct value below - ie5 will use height from above */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 450px;
	}
    /* be nice to Opera 5 */
    body>.threecol-single { width: 542px; }

/* =NAVIGATION
---------------------------------------------------------------------------------------------- */
#nav {
    background: url(../img/divider_page.gif) no-repeat bottom center;
    height: 1.8125em;
    }

#nav ul {
    width: 600px;
    margin: 0 auto;
    padding:  0;
    list-style: none;
	}

#nav li {
    float: left;
    width: 150px;
    text-transform: uppercase;
    line-height: 0.8125em;
    }

#nav a {
    float: left;
    display: block;
    width: 150px;
    padding: .5em 0;
    text-decoration: none;
    color: #444;
    }
#nav a:hover  {
    float: left;
    color: #324079;
    }

.home #nav #home a,
.about #nav #about a,
.quotes #nav #quotes a,
.staff #nav #staff a,
.contact #nav #contact a {
    font-weight: bold;
    color: #000;
    }


/* =MAIN PAGE
---------------------------------------------------------------------------------------------- */
#feature {
    background: url(../img/divider_grad.gif) no-repeat bottom center;
    padding-bottom: 10px;
    height: 210px;
    /* correct value below - ie5 will use height from above */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 200px;
	}
    /* be nice to Opera 5 */
    body>#feature { height: 200px; }

#whoweare, #whatwedo {
    margin-top: 5px;
    }

#whatwedo ul {
    float: left;
    width: 108px;
    margin-bottom: 10px;
    }
#whatwedo li {
    list-style: none;
    }

#quote-container {
    border: 1px solid #999;
    width: 216px;
    padding: 1px;
    font-size: 13px;
    text-align: center;
    /* correct value below - ie5 will use height from above */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 212px;
	}
    /* be nice to Opera 5 */
    body>#quote-container { width: 212px; }

.main-quote {
    padding-top: -8px;
    }

#quote {
    background: #fff;
    border: 1px solid #ccc;
    padding:  10px 10px 5px;
    }
    
#quote h2 {
    margin-bottom: 5px;
    color: #333;
    }

#quote p {
    font-size: 12px;
    line-height: 16px;
    }

#quote ul {
    width: 140px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 18px;
    list-style: none;
    }

#quote li {
    float: left;
    width: 70px;
    }

#quote li img {
    margin-bottom: 3px;
    }

#quote li a {
    display: block;
    border: 1px solid #fff;
    padding: 5px 0;
    }

#quote li a:hover {
    background: #eee;
    border-color: #ddd;
    text-decoration: none;
    }

#special-logos {
    margin-top: 20px;
    text-align: center;
    }

#special-logos img {
    margin-top: 4px;
    }


/* =SERVICES
---------------------------------------------------------------------------------------------- */
#service-list ul {
    float: left;
    width: 144px;
    margin-bottom: 10px;
    }
#service-list li {
    list-style: none;
    margin-bottom: 0.6em;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    }

#service-list .category-header {
    font-weight: bold;
    }


/* =CONTACT
---------------------------------------------------------------------------------------------- */
#map {
    border: 3px solid #ddd;
     width: 450px;
    height: 425px
    /* correct value below - ie5 will use height from above */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 450px;
	height: 419px;
	}
    /* be nice to Opera 5 */
    body>#map { width: 450px; height: 419px; }

.map-note {
    margin-top: 5px;
    color:#CC0000;
    }

#staff-list {
    margin-left: 70px;
    width: 196px;
    }

.staff-list {
    margin: 0;
    list-style: none;
    }

.staff-list li {
    padding: 10px 0;
    line-height: 1.3em;
    }

.staff-list .odd {
    }

.staff-list .title {
    margin: 0;
    font-size: 90%;
    font-style: italic;
    line-height: 1.1em;
    color: #555;
    }


/* =FORMS
---------------------------------------------------------------------------------------------- */
/* uncomment these out for form structuring */
fieldset {
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 10px;
	display: block;
	padding-left: 15px;
}

legend {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	padding: 1px 15px;
	color:#000;
	margin-bottom: 10px;
	margin-left: auto;
	margin-top: auto;
	display: inline-block;
}	
	
/*input {
	width: 180px;
}*/
	
/* reset width for non-text inputs */
/*input.radio, input.checkbox, input.submit {
	width: auto;
}
	
/* display labels next to form elements, add a class for when you want them to stack */
label {
	float: left;
	margin-right: 2em;
	margin-left: auto;
}

label.top {
	display: block;
	float: none
}

#policy {
	margin: 20px 0;
}

/* display labels inline with checkboxes */
#policy {
	float: none;
	display: inline;
	padding-left: 5px;
}

/* align columns of checkboxes or radio buttons */
div.group1, div.group2, dive.group3 {
	float: left;
	width: 15em;
	padding-left: 10px;
}

/* style feedback message on required fields*/
label .feedback {
	position:absolute;
	margin-left: 6em;
	left: 220px;
	font-weight:bold;
	color:#CC0000;
	padding: 0 0 5px 20px;
	
	/* width for IE */
	width: 200px;
}

/* these styles attribute selectors and the focus pseduo-class selector to style form elements in DOM complaint browsers. Other browsers, such as IE6, will ignore these styles and render the default */

fieldset[id=coverages]{
	background: #D2DCF2;
	border: 3px ridge #0033CC;
}

fieldset[id=vehicleInfo]{
	background: #D2DCF2;
	border: 3px ridge #0033CC;
}

fieldset[id=discounts]{
	background: #D2DCF2;
	border: 3px ridge #0033CC;
}

fieldset[id=generalinfo]{
	background: #D2DCF2;
	border: 3px ridge #0033CC;
}

fieldset[id=currentInsurance]{
	background: #D2DCF2;
	border: 3px ridge #0033CC;
}

fieldset[id=driverInfo]{
	background: #D2DCF2;
	border: 3px ridge #0033CC;
}

legend[class=viaLegend]{
	background: #D2DCF2;
	border-top: 3px ridge #0033CC;
	border-left: 3px ridge #0033CC;
	border-right: 3px ridge #0033CC;
}

input:focus, textarea:focus {
	border: 2px solid #03C;
}




/* =FOOTER
---------------------------------------------------------------------------------------------- */
#footer {
    margin: 10px 0 50px;
    font-size: 12px;
    color: #555;
    }


/* =TABLES
---------------------------------------------------------------------------------------------- */
.staff { width: 100% }

.staff td {
    padding: 4px 5px;
    }


/* =MISCELLANEOUS
---------------------------------------------------------------------------------------------- */
.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    visibility: hidden;
    }

.inline-img-right {
    float: right;
    margin-left: 10px;
    }

.primary {
    font-size: 14px;
    line-height: 20px;
    }

.headers {
    font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#306;
    }


/* =sIFR
---------------------------------------------------------------------------------------------- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash h1.headline {
	visibility: hidden;
}

.sIFR-hasFlash h2.headline {
	visibility: hidden;
}

.sIFR-hasFlash h3.headline {
	visibility: hidden;
}


.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/