@charset "utf-8";
/* CSS Document */

html, body {
	background:#E0FFFF;
}

#wrapper {
	width:900px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#h1header {
	color:white;
	font-weight:bold;
	width:880px;
	padding:10px;
	height:14px;
	background:url(../images/top-curve-ff.jpg);
	border-bottom:1px solid blue;
}

#h1header h1 {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	float:left;
}

img.headerImage {
	border:none;
	border-bottom:1px solid blue;
}


/* ----- Menu Area ----- */
ul#leftNav {
	font-weight:bold;
	margin-top:10px;
	margin-left:-40px;
	margin-right:10px;
	float:left;
	list-style-type:none;
	font-size:12px;
	width:166px;
}

ul#leftNav li a:link, ul#leftNav li a:visited { 
	padding:2px 5px 2px 10px;
	display:block;
	width:150px;
	text-decoration:none;
	color:blue;
}

ul#leftNav li a:hover {
	border:1px solid blue;
	padding:1px 4px 1px 9px;
}

body#inde a#navinde, body#carp a#navcarp, body#comm a#navcomm, body#home a#navhome, body#stat a#navstat, body#moto a#navmoto, body#brea a#navbrea, body#sing a#navsing, body#even a#naveven, body#trai a#navtrai, body#flee a#navflee, body#hair a#navhair, body#inte a#navinte, body#offi a#navoffi, body#publ a#navpubl, body#prof a#navprof, body#prop a#navprop, body#rest a#navrest, body#pubw a#navpubw, body#shop a#navshop, body#surg a#navsurg, body#trad a#navtrad, body#cont a#navcont {
	border:1px solid blue;
	padding:1px 4px 1px 9px;
}


/* ----- Body Area ----- */
#mainContent {
	text-align: justify;
	width:714px;
	float:left;
	margin-bottom:10px;
}

#mainContent a {
	font-weight:bold;
	text-decoration:none;
	color:blue
}

#mainContent a:hover, #mainContent a:active {
	text-decoration:underline;
	color:blue;
}

#mainContent h2 {
	font-size:13px;
}

#mainContent h3 {
	font-size:12px;
	margin-bottom:3px;
}

#mainContent p {
	font-size:12px;
	line-height:17px;
}


/* ----- Right Area ----- */
ul#rightImages {
	float: right;
	margin-top:10px;
	margin-left:0px;
	margin-right: -10px;
	padding-left:10px;
	width:130px;
	list-style-type:none;
}

ul#rightImages li {
	margin-bottom:10px;
}

ul#rightImages li.getQuote a {
	background:blue;
	border:1px solid blue;
	color:white;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:32px;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	width:128px;
}

ul#rightImages li.getQuote a:hover {
	background:none;
	color:blue;
}


/* ----- Footer Area ----- */
#footer {
	clear:both;
	width:880px;
	padding:10px 10px 0px 10px;
	color:blue;
	border-top:1px solid blue;
	border-bottom:1px solid blue;
	height:20px;
}

#footer a {
	font-weight:bold;
	text-decoration:none;
	color:blue
}

#footer a:hover, #footer a:active {
	text-decoration:underline;
	color:blue;
}

#footer .mockles {
	float:left;
	width:175px;
	font-size:12px;
	font-weight:bold;
}

#footer .copyright {
	float:right;
	width:175px;
	font-size:12px;
	text-align:right;
}

#subFooter {
	width:880px;
	padding:10px 10px 0px 10px;
	height:24px;
	background:url(../images/bottom-curve-ff.jpg);
}

#subFooter h3 {
	font-size:12px;
	margin:0px;
	padding:0px;
	color:white;
	font-weight:normal;
}

table.theCost {
	width:550px;
	border-right:1px solid blue;
	border-top:1px solid blue;
	font-size:12px;
	vertical-align:top;
}

table.theCost td {
	border-bottom:1px solid blue;
	border-left:1px solid blue;
	padding:2px 4px;
}

table.theCost td.tdBold {
	font-weight:bold;
}

table.theCost td.tdRight {
	text-align:right;
}

table.theContact {
	width:450px;
	/*border-right:1px solid blue;
	border-top:1px solid blue;
	border-bottom:1px solid blue;
	border-left:1px solid blue;
	font-size:12px;
	vertical-align:top;*/
	padding:5px 0px;
}

table.theContact td {
	width:225px;
	/*padding:1px 4px;*/
}

table.theContact td.tdBold {
	font-weight:bold;
}


/* ----- Contact Us - Form, Map and Twitter areas ----- */
.body_insert_right {
	float: right;
	font-size:12px;
	border: 1px solid blue;
	min-width:20px;
	width:auto !important;
	width:20px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin-right: -10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.body_insert_left {
	float: left;
	font-size:12px;
	border: 1px solid blue;
	min-width:20px;
	width:auto !important;
	width:20px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.pad_top {
	padding-top: 10px;
}

.pad_right {
	padding-right: 10px;
}

.pad_bottom {
	padding-bottom: 10px;
}

.pad_left {
	padding-left: 10px;
}

.mar_top {
	margin-top: 10px;
}

.mar_right {
	margin-right: 10px;
}

.mar_bottom {
	margin-bottom: 10px;
}

.mar_left {
	margin-left: 10px;
}


/* ----- Form behavious ----- */
textarea, input, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 2px 2px 2px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

textarea:focus, input:focus, select:focus {
	color:#000033;
	border:1px solid #0000FF;
	background-color:#EEEEEE;
}

textarea:hover, input:hover, select:hover {
	color:#000033;
	border:1px solid #0000FF;
	background-color:#EEEEEE;
}

input.button {
	font-size:14px;
	font-weight:bold;
	padding:3px 10px 3px 10px;
	background:blue;
	border:1px solid blue;
	color:white;
	float:right;
}

input.button:hover, input.button:focus {
	background:none;
	color:blue;
	cursor:pointer;
}

.form_error {
	font-size:11px;
	color:#FF0000;


/* ----- Clearfix ----- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { /* for IE/Mac */
	display: inline-block;
}

<!--[if IE]>

.clearfix {
	zoom: 1; /* triggers hasLayout and clearing effect */
	display: block; /* resets display for IE/Win */
}
/* Only IE can see inside the conditional comment and read this CSS rule. */
/* Don't ever use a normal HTML comment inside the CC or it will close prematurely. */

<![endif]-->