@charset "utf-8";

html, body {
	height: 100.1%;
	}

body {
	color: #323232;
	background-color: #5693b2;
	line-height: 1.3;
	}

table, img {
	display: block;
	}

th {
	text-align: left;
	padding-right: 10px;
	}

#th-children {
	}

/* ------------------ */
/* --- Typography --- */
/* ------------------ */

h1, h2, h3 {
	color: #b58e23;
	}

h1 {
	font-size: 2.2em;
	}

h2 {
	font-size: 1.8em;
	margin-top: 18px;
	}

h3 {
	font-size: 16px;
	margin-top: 18px;
	}

h4, fieldset legend {
	font-size: 15px;
	padding-top: 5px;
	}

h5, fieldset fieldset legend {
	font-size: 14px;
	padding-top: 5px;
	}

h6 {
	font-size: 13px;
	font-weight: normal;
	}

p {
	font-size: 1.3em;
	margin-bottom: 10px;
	}

a, a:link, a:hover, a:visited, a:active {
	color: #1d5f91;
	}

a:hover {
	text-decoration: underline;
	}

em, i {
	font-style: oblique;
	}

blockquote {
	background-color: #eee;
	border: 1px solid #ddd;
	font-style: italic;
	margin: 15px 0;
	font-size: 1.1em;
	padding: 13px 0 3px 20px;
	}

blockquote p {
	font-style: italic;
	}

pre	{
	background-color: #eee;
	border: 1px solid #ddd;
	font-size: 1.2em;
	margin: 10px 0;
	padding: 10px 10px 10px 20px;
	}

#user-content ol, #user-content ul {
	font-size:1.3em;
	list-style-position:outside;
	margin-bottom:5px;
	padding-left:23px;
	}

#user-content ol {
	list-style-type: decimal;
	}

#user-content ul {
	list-style-type: disc;
	}

#user-content ul li ul, #user-content ul li p {
	font-size: 100%;
	}

#user-content ul li ul {
	padding-left: 23px;
	margin-bottom: 0;
	list-style-type: circle;
	}

/* ------------------ */
/* --- Containers --- */
/* ------------------ */

#meta-wrapper {
	width: 980px;
	background-image: url(../css-images/shadow.png);
	margin: 0 auto;
	background-repeat: repeat-y;
	min-height: 100%;
	height: auto;
	}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
	}

#header {
	height: 98px;
	background-image: url(../css-images/header-bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	}

#body {
	}

#nav-container {
	position: absolute;
	top: 84px;
	}

#nav {
	width: 229px;
	background-color: #125080;
	background-image: url(../css-images/nav-middle.png);
	min-height: 369px;
	}

#content {
	overflow: hidden;
	margin-left: 228px;
	min-height: 450px;
	}

#home #content {
	margin-left: 0;
	min-height: 0;
	}

#main-image {
	border-bottom:3px solid #346075;
	padding-left:228px;
	}

#user-content {
	float: left;
	margin: 37px 0 0 41px;
	width: 615px;
	}

#home #user-content {
	margin-top: 67px;
	}

#bottom-images {
	margin-left: 698px;
	margin-top: 12px;
	}

#footer {
	background-color: #2b6983;
	border-top: 3px solid #c7be97;
	color: #fff;
	padding: 7px 11px 5px 0;
	margin-top: 10px;
	font-family: Verdana, sans-serif;
	text-align: right;
	font-size: .8em;
	}

/* ------------------ */
/* --- Navigation --- */
/* ------------------ */

#nav ul {
	text-transform: uppercase;
	}

#nav ul li {
	border-bottom:1px solid #4D7C9D;
	font-weight:bold;
/*	letter-spacing:1px; */
	line-height:1.33;
	margin:0 26px 9px 25px;
	padding-bottom:8px;
	padding-left:1px;
	}

#nav-top {
	background-image: url(../css-images/nav-top.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 229px;
	}

#nav-bottom {
	background-image: url(../css-images/nav-bottom.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 229px;
	}

#nav ul li.first {
	}

#nav ul li.last {
	border-bottom: none;
	margin-bottom: -3px;
	padding-bottom: 0;
	}

#nav ul li.active a {
	color: #CFAF1A;
	}

#nav ul li a {
	color:#FFFFFF;
	font-size:1.2em;
	display: block;
	}

#nav ul li a:hover {
	color:#CFAF1A;
	text-decoration: none;
	}

/* ----------------------- */
/* --- Everything else --- */
/* ----------------------- */

.clear {
	clear: both;
	}

#logo {
	font-size: 2.2em;
	text-indent: -9999px;
	background-image: url(../css-images/gulley-larsen-logo.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 223px;
	height: 36px;
	right: 32px;
	top: 28px;
	}

h2.intro-heading {
	display: inline;
	}

p.intro {
	display: inline;
	font-size:1.3em;
	}

p.after-intro {
	margin-top: 10px;
	}

#footer p {
	margin-bottom: 0;
	}

address {
	color:#1F5F91;
	margin-left:23px;
	text-align:center;
	line-height: 1.4;
	}

#user-content .company {
	font-size: 1.8em;
	margin-top:26px;
	}

#user-content .license {
	font-size: 1.3em;
	}

#user-content .phone {
	font-size: 2.3em;
	font-weight:bold;
	}

#bottom-images img {
	margin-bottom: 7px;
}

td {
	width: 250px;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
	}

td img {
	display: inline;
	}

/* ----------------------- */
/* -------- Form --------- */
/* ----------------------- */

form {
	font-size: 1.3em;
	}

.info-block, .address-block, .quote-block {
	width: 190px;
	float: left;
	}

label{
	width: 160px;
	float: left;
	clear: both;
	margin: 5px 0 1px;
	}

#group-form label {
	width: 120px;
	}

#group-form select {
	float: left;
	width: 115px;
	margin: 5px 5px 5px 0;
	}

#group-form #employee-info select {
	width: 100px;
	}

#group-form #employee-info label {
	width: 32px;
	}

#group-form fieldset#employee-info td {
	padding: 5px;
	padding-right: 10px;
	text-align: left;
	}

#employee-info table {
	margin-top: 15px;
	}

input {
	float: left;
	margin-bottom: 5px;
	}

#general-info input {
	margin-top: 5px;
	}

form img {
	border: 1px solid #ddd;
	margin: 0 0 10px 160px;
	}

#my-info, #applicant, #spouse, #children, #final-items, #general-info, #employee-info  {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 5px 5px 10px 20px;
	margin: 40px 0 0 0;
	}
	
#my-info legend, fieldset fieldset legend, #general-info legend, #employee-info legend {
	background-color: #eee;
	border: 1px solid #ddd;
	margin: -21px 0 0 -21px;
	padding: 3px 8px 0;
	border-bottom: none;
	}
	
#final-items {
	margin-top: 5px;
	}
	
#final-items p {
	font-size: 13px;
	margin: 20px 0 5px 160px;
	}
	
	
#final-items legend {
	text-indent: -9999px;
	border: none;
	margin: none;
	padding: none;
	}
	
#insurance-info {
	margin-top: 15px;
	}

#applicant {
	margin-top: 10px;
	}

#children .quote-block {
	clear: both;
	}
	
.quote-block label {
	margin-left: 1px;
	}
	
.radio, .checkbox {
	margin-bottom: 0;
	}

.strong-label, .strong-legend{
	font-weight: bold;
	}

.strong-legend {
	margin-bottom: 21px;
	}
	
fieldset fieldset fieldset legend {
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 0;
	font-weight: bold;
	border: none;
	padding: 10px 0 5px 0;
	}

.first-label {
	margin-top: 5px;
	}

.vericode, #group-form label.vericode {
	margin-left: 110px;
	width: 50px;
	}

.submit {
	margin-left: 160px;
	clear: both;
	}

.small-br {
	display: block;
	margin: 3px;
	}
	
.num-children {
	width: 135px;
	}
	
.radio input {
	margin-bottom: 0;
	}
	
.validation-message {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #cb0000;
	font-size: 14px;
	margin-top: 10px;
	padding: 7px 10px;
	}
