* {
	margin : 0;
	padding : 0;
}

body {
	background : url(images/background.jpg) top left repeat;
	font-family : Arial, Helvetica, sans-serif;
	color : #333;
}

td { vertical-align:top; }

#wrapper {
	width : 980px;
	background-color:#fff;
	margin : 10px auto;
}

#header-div { background-color:#fff; }

#header-div a, #header-div a:hover, #header-div a:active, #header-div a:focus {
	text-decoration:none;
	border:none;
	outline : none;
}

#leftcol {
	width : 580px;
	background-color : #e5e5e5;
}

#rightcol {
	width : 400px;
	background-color:#fff;
}

#header {
	width : 470px;
	height : 81px;
	margin : 28px auto 28px 28px;
	border : 0;
}

#menuwrapper {
	height : 40px;
	background:url(images/menu-bg.jpg) top left repeat-x;
	text-align : left;
	padding-left : 30px;
}

#menuwrapper img {
	height : 40px;
	border : 0;
}

#menuwrapper a {
	margin : 0;
	display : block;
	float : left;
	margin : 0 3px;
	height : 40px;
	background-position: top left;
	background-repeat:no-repeat;
}

#menuwrapper a, #menuwrapper a:link, #menuwrapper a:visited, #menuwrapper a:focus, #menuwrapper a:hover, #menuwrapper a:active {
	text-decoration:none;
	border:none;
	outline : none;
}

a#menu-home {
	width : 85px;
	background-image : url(images/menu-5.png);
}

a#menu-home:hover { background-image : url(images/menu-5-hover.png); }

a#menu-quote {
	width : 100px;
	background-image : url(images/menu-1.png);
}

a#menu-quote:hover { background-image : url(images/menu-1-hover.png); }

a#menu-about {
	width : 120px;
	background-image : url(images/menu-3.png);
}

a#menu-about:hover { background-image : url(images/menu-3-hover.png); }

a#menu-contact {
	width : 145px;
	background-image : url(images/menu-4.png);
}

a#menu-contact:hover { background-image : url(images/menu-4-hover.png); }

#content {
	padding : 10px 30px;
	background-color: #e5e5e5;
}

#content .quote { background-color:#fff; }

#content h2, #pop h2 {
	color : #ee6928;
	font-size : 30px;
	padding : 10px 0 5px 0;
}

#content p {
	font-size:12px;
	line-height : 150%;
	color : #333;
	padding : 0 0 12px 0;
}

#content ul {
	padding : 0 0 12px 0;
	margin-left : 24px;
}

#content ul li { font-size : 12px; }

#content p.first {
	font-weight:bold;
	color : #000;
	font-size : 24px;
	letter-spacing : 1px;
}

/*Used in place of #content on the quote system pages*/
#quote-wrapper {
	padding : 30px;
	background-color:#fff;
}

#footer {
	height : 30px;
	background : url(images/footer-bg.png) top left repeat-x;
	text-align : center;
	font-size : 12px;
	color : #fff;
	padding-top : 10px;
}

#threeways { position:relative; }

#threeways img { border:0 }

#threeways a, #threeways a:link, #threeways a:visited, #threeways a:focus, #threeways a:hover, #threeways a:active {
	text-decoration:none;
	border:none;
	outline : none;
}

/*Styles for the contact us form*/
#contact label {
	display : block;
	float : left;
	width : 200px;
	font-size:12px;
	line-height : 150%;
	color : #333;
}

#contact input, #contact textarea {
	font-size : 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border : 1px solid #333;
	color : #333;
	width : 200px;
}

#contact input.submit { width : 50px; }

.spacer {
	clear : both;
	height : 12px;
}

/*Styles for the pop-up Call Me Back form */

#pop {
	z-index:20;
	width : 220px;
	position : absolute;
	top : 160px;
	left : 25px;
	background-color:#e5e5e5;
	border : 1px solid #333;
	padding : 20px;
}

#pop form {
	border : 1px solid #333;
	padding : 10px;
	background-color : #fff;
	margin : 20px 0;
}

#pop label {
	display : block;
	float : left;
	width : 80px;
	font-size:12px;
	line-height : 150%;
	color : #333;
}

#pop input {
	width : 100px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border : 1px solid #333;
	color : #333;
	font-size : 12px;
}

#pop input.submit { }

#pop p {
	font-size:12px;
	line-height : 150%;
	color : #333;
	padding : 6px 0;
}

#threeways #pop a.close {
	font-size : 10px;
	color : #000;
	font-style:italic;
	text-decoration:underline;
	text-align:right;
}

#threeways #pop a.close:hover {
	color : #000;
	text-decoration:none;
}

/*Utility Styles*/
.left49 {
	width : 45%;
	float:left;
}

.right49 {
	width : 45%;
	float : right;
	clear : right;
}

.clearer { clear : both; }

.red { color : #f00; }

.hidden {
	display:none;
	font-size:0px;
	width : 0px;
	height : 0px;
	line-height:0;
}

.steps {
	border-style : none;
	color : #fff;
}

.steps tr { }

.steps .next {
	height : 40px;
	width : 21px;
	background : url(images/next.jpg) top left no-repeat;
}

.steps .next-blank { width : 21px; }

.steps .step { width : 95px; }

.steps .step a {
	display:block;
	height : 40px;
	padding : 5px 5px 0 5px;
	font-size : 11px;
	font-weight : bold;
	background : #fff url(images/step-bg.jpg) top left repeat-x;
	color : #fff
}

.steps .step a:hover { background-image : url(images/current-step-bg.jpg); }

.steps .current-step a { background-image : url(images/current-step-bg.jpg); }

.menu-spacer {
	border-bottom : 2px solid #FC7900;
	margin : 20px 0;
}