/* Copyright 2008 Artesian Design Inc */
@import url(common.css);
@import url(nav.css);

/* Colors:
#a1c063; - green
#91ba3d; - dark green
#749e1e; - darker green
#009BDF; - blue
#0073bf; - dark blue
#0061ab; - darker blue
#555; - gray text
*/

/**** Typeography ****/
body {
	font-family: Helvetica, Arial, sans-serif;
	background: url(/images/layout/sandtexture.jpg) top center repeat;
	}
h1, h2, h3, h4, h5 {
	font-size:1.8em;
	font-family:Georgia, Times, serif;
	font-weight:normal;
	color:#009BDF;
	text-transform:none;
	margin:15px 14px 0 16px;
	}
h2 { font-size:1.4em; }
h3 { font-size:1.15em; color:#a1c063; margin:15px 0 5px 16px; font-weight: normal; }
h4 { font-size:1em; margin-bottom:4px; }
h4, h5, h6 { font-family: Helvetica Neue, Trebuchet, "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; color:#555; text-transform:uppercase; }
h1 a, h2 a, h3 a { color:#009BDF; text-decoration: none; }
p, table, .infoBox {
	margin: 7px 14px .8em 16px;
	line-height: 1.45em;
	font-size: .84em;
	color: #555;
	}
table { line-height: 1; }

em { font-family: Georgia, "Times New Roman", Times, serif; color: #009BDF; }
	
a:link, a:active, a:visited { color: #009BDF; }
a:hover { color: #83a941; }

hr {
	margin: .5em 0;
	border: none;
	border-bottom: 2px dotted #777;
	}
/**** END main Typography ****/

#wrapper {
	position: relative;
	width: 948px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-top: none;
	clear: both;
	background: #fff url(/images/layout/lsidebar_bg.jpg) top left repeat-y;
	z-index: 3;
	}
	#wrapper:after {
		 visibility: hidden;
		 display: block;
		 content: " ";
		 height: 0;
		 font-size: 0;
		 line-height: 0;
		 clear: both;
		 }

#headerTop {
	display: block; clear: both;
	width: 948px;
	height: 117px;
	border-bottom: 1px solid #fff;
	background: url(/images/layout/header_tagline.jpg) top right;
	}
	#logo {
		float: left;
		width: 180px;
		height: 117px;
		border-right: 1px solid #fff;
		background: url(/images/layout/header_logo.jpg) top right;
		}

#leftColumn {
	width: 180px;
	float: left;
	}

	#nav {
		width: 180px;
		height: 329px;
		overflow: hidden;
		margin: 0; padding: 11px 0 0 0;
		border: 0;
		border-bottom: 1px solid #fff;
		background: url(/images/layout/nav_bg.jpg) top left no-repeat;
		}
		
	#leftSidebar {
		width: 180px;
		height: auto;
		}
		#leftSidebar h2 { color: #a1c063; }
		#leftSidebar p { color: #fff; }
		#leftSidebar ul {
			padding: 0;
			margin:  7px 0 0 0;
			}
			#leftSidebar ul li {
				font-size: .73em;
				color: #fff;
				margin: 0 0 13px 15px;
				padding-left: 11px;
				background: url(/images/icons/arrow_white.png) 0 2px no-repeat;
				}
				#leftSidebar ul li a {
					text-decoration: none;
					border-bottom: none;
					color: #fff;
					}
				#leftSidebar ul li a:hover { color: #a1c063; border-bottom: none; }
		
#contentUpper {
	width: 768px;
	height: 340px;
	margin: 0; padding: 0;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #fff none;
	}
	#photoArea {
		display: block;
		position: relative;
		float: left;
		width: 457px;
		height: 340px;
		overflow:hidden;
		background: url(/images/layout/photo_area.jpg) no-repeat;
		}
		#photoArea ul { margin:0; padding:0; list-style:none; } 
		#photoArea li { margin:0; padding:0; list-style:none; width:457px; height:340px; }
		#photoArea a {	margin:0; padding:0; text-decoration:none; }
		
		
	#upperText {
		height: 325px; /* 340 - 15px padding */
		margin: 0; padding: 0;
		margin-left: 457px;
		border-left: 1px solid #fff;
		background: #fff url(/images/layout/bg_water.jpg) bottom right no-repeat;
		}

#contentWrapper {
	width: 768px;
	margin-left: 180px;
	}
	#contentMain {
		width: 768px;
		float: left;
		padding-bottom: 15px;
		background: url(/images/layout/photo_area_shadow.jpg) top left repeat-x;
		}
		#contentMain div.contentBlockHalf {
			width: 228px;
			float: left;
			}
		#contentMain hr {
			display: block;
			clear: both;
			margin: .5em 15px .1em 15px; padding: 6px 0 0;
			text-align: center;
			border: none;
			border-bottom: 1px solid #aaa;
			}
			#contentMain ul, #contentMain ol {
				margin: 10px 0 0 10px;
				}
				#contentMain ul li {
					font-size: .78em;
					color: #666;
					background: url(/images/icons/arrow_blue.gif) no-repeat 0 2px;
					padding-left: 10px;
					margin-bottom: 10px;
					}
			#contentMain ol {
				list-style: decimal;
				margin-left: 23px;
				}
				#contentMain ol li {
					font-size: .78em;
					color: #666;
					margin-bottom: 10px;
					}
									
	#rightSidebar {
		display: none;
		visibility: hidden;
		width: 310px;
		margin-left: 457px;
		color: #fff;
		border-left: 1px solid #fff;
		}
	#sb { margin:0; padding:0; float:right; }


/**** Footer ****/
#footerWrapper {
	clear: both;
	width: 100%;
	margin-top: -4px;
	background: transparent;
	z-index: 4;
	}
	#footerWrapper P {
		margin: 0 0 .5em 0;
		font-size: 11px;
		color: #533;
		}
	#footerContainer {
		margin: 0 auto;
		width: 948px;
		}
/**** END Footer ****/

#shadow { /* a shadow for and contains the main wrapper */
	position: relative;
	width: 980px;
	margin: 0 auto;
	background: transparent url(/images/layout/shadow_tile.png) top center repeat-y;
	clear: both;
	z-index: 2;
	}
	#request {
		position: absolute;
		width: 100px;
		height: 83px;
		top: 60px;
		left: 878px;
		background:url(/images/layout/quote_bug.png) no-repeat;
		z-index: 999;
		}
#shadowBottom { /* a shadow for and contains the main wrapper */
	position: relative;
	width: 980px;
	margin: 0 auto;
	height: 18px;
	background: transparent url(/images/layout/shadow_bottom.png) bottom center no-repeat;
	clear: both;
	z-index: 2;
	}
	
#bgUpper { /* extra background for the whole window */
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 459px;
	background: url(/images/layout/bg_upper.jpg) top center repeat-x;
	z-index: 1;
	}


/***** MISC *****/
.imgBorderPad, #contentMain .imgBorderPad { margin:5px; border:1px solid #bbb !important; }

.errors {
	margin: 10px; padding: 8px;
	color: #e00;
	font-size: 12px;
	background: #eee;
	border: 1px solid #c00;
	}

td, tbody td {
	margin: 0;
	padding: 0 5px;
	line-height: 150%;
	}
tbody {
	margin: 0;
	padding: 0;
	}

.infoBox {
	padding: 6px;
	font-size: 1em;
	border: 1px solid #bbb;
	background: #eee;
	}

.infoBoxNoPad {
	padding: 0;
	margin: 6px 15px;
	font-size: 1em;
	border: 1px solid #bbb;
	background: #eee;
	}

/*** misc buttons ***/

a.button, #contentMain a.button {
	display: inline-block;
	padding: 4px 7px;
	line-height: 1;
	text-align: right;
	text-decoration: none;
	border: 1px solid #ddd;
	background: #fff url(../images/layout/bg_grad_ltgry_12x20.jpg) bottom left repeat-x;
	}
	a.button:hover, #contentMain a.button:hover {
		color:#e00;
		text-decoration: none;
		border: 1px solid #bbb;
		}
		
a.buttonArrow1, #contentMain a.buttonArrow1 {
	padding: 5px 23px 4px 7px;
	font-size: 12px;
	background: #fff url(../images/buttons/btn_arrow_1.jpg) top right no-repeat;
	} 
	a.buttonArrow1:hover, #contentMain a.buttonArrow1:hover {
		background: #e5e5e5 url(../images/buttons/btn_arrow_1_hover.jpg) top right no-repeat;
		}
a.buttonArrow2, #contentMain a.buttonArrow2 {
	padding: 6px 26px 6px 7px;
	font-size: 13px;
	background: #fff url(../images/buttons/btn_arrow_2.jpg) top right no-repeat;
	} 
	a.buttonArrow2:hover, #contentMain a.buttonArrow2:hover {
		background-position:right -30px;
	 	}
a.buttonArrow3, #contentMain a.buttonArrow3 {
	padding: 9px 32px 7px 9px;
	font-size: 14px;
	text-transform: uppercase;
	background: #fff url(../images/buttons/btn_arrow_3.jpg) bottom right no-repeat;
	} 
	a.buttonArrow3:hover, #contentMain a.buttonArrow3:hover {
		background: #e5e5e5 url(../images/buttons/btn_arrow_3_hover.jpg) bottom right no-repeat;
	 	}
a.buttonArrow4, #contentMain a.buttonArrow4 {
	padding: 9px 35px 6px 9px;
	font-size: 18px;
	text-transform: uppercase;
	background: #fff url(../images/buttons/btn_arrow_4.jpg) bottom right no-repeat;
	} 
	a.buttonArrow4:hover, #contentMain a.buttonArrow4:hover {
		background: #e5e5e5 url(../images/buttons/btn_arrow_4_hover.jpg) bottom right no-repeat;
	 	}

.PR { position:absolute; width:60px; font-size:6px; left:1900px; }

.floatLeft 		{ float: left; margin-right: 10px;}
.floatRight		{ float: right; }
.clear 			{ clear: both; }