/*Table of Contents

0. Global
1. Combo
2. Top/Bottom
3. Main
4. Header
5. Navigation
6. Home Page Content
7. Sidebar
	a. Side Bar
	b. Quote Form
	c. Testimonials
	d. Sub Nav
8. Copy
9. Footer
10. Drop Down Menu
11. Addtions for SEO

*/

/*0. Global ---------------------------------------------------------------*/

* { 
	margin: 0px;
	padding: 0px;
	border: none;
	behavior: url(../includes/iepngfix.htc)
	}
	
body {
	background: url(../images/board.jpg) top left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	color: #535353;
	}
	
a {
	color: #FF0000;
	}
	
a:hover {
	color: #0066FF;
	text-decoration: none;
	}
	
li {
	margin: 10px 0px 10px 0px;
	}
	
input.rate, input.rate2 {
	width: 140px;
	padding: 2px;
	}
	
option { 
	width: 140px;
	}
	
select {
	background: #e3e3e3;
	width: 175px;
	}
	
#result input.submit {
	float: right;
	margin: 5px;
	}
	
input.submit {
	width: 175px;
	text-align: center;
	border: 1px #CCCCCC solid;
	margin: 0px 0px 0px 127px;
	background: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	}
	
input.submit:hover {
	background: #63a6ea;
	}
	
/*1. Combo Styles ---------------------------------------------------------------*/

div.top, div.bottom {
	height: 20px;
	margin: 0 auto;
	}

div.header, div.nav, div.main-image, div.content {
	border-bottom: 1px #FFFFFF solid;
	}
	
/*2. Top/Bottom ---------------------------------------------------------------*/
	
div.top {
	background: url(../images/top.png) no-repeat center top;
	}
	
div.bottom {
	background: url(../images/bottom.png) no-repeat center top;
	}


/*3. Main ---------------------------------------------------------------*/

#wrapper {
	width: 800px;
	background: url(../images/sides.png) repeat-y top left;
	margin: 0 auto;
	}
	
div.main {
	width: 758px;
	margin: 0px 20px 0px 20px;
	border-bottom: none;
	border: 1px #FFFFFF solid;
	}
	
div.logo {
	position: relative;
	top: 53px;
	left: 17px;
	height: 50px;
	width: 308px;
	}
	
/*4. Header ---------------------------------------------------------------*/

div.header {
	height: 148px;
	Xbackground: url(../images/header.jpg) no-repeat top left;
	background: url(../images/header-with-number.jpg) no-repeat top left;
	position:relative;
	}
	
	
/*4.5 Rate Calc Button ---------------------------------------------------------------*/

A#RateCalcButton{ 
	/* 	DISPLAY NONE:
		Awaiting client approval 
	display: none; */ 
	position: absolute;  
	top: -15px;
	right: -25px; 
}
A#RateCalcButton IMG{
	xborder: 1px solid #fff;
}
A#RateCalcButton:HOVER IMG{
	xborder: 1px solid yellow;
}
	
/*5. Navigation ---------------------------------------------------------------*/
	
div.nav {
	height: 25px;
	border-top: none;
	background: url(../images/nav-back.jpg) repeat-x top left;
	}
	
div.nav li {
	display: inline;
	}
	
div.nav li a:hover {
	background: url(../images/nav-back-over.jpg) repeat-x top left;
	}
	
/*6. Home Page Content ---------------------------------------------------------------*/
	
div.content {
	background: #FFFFFF url(../images/content-bg.gif) repeat-y 0px 0px; 
	}
	

	
/*7a. Side Bar ---------------------------------------------------------------*/

	div.side-bar {
		width: 230px;
		float: left;
		background: #ed1f24;
		color: #FFFFFF;
		}
		
	div.side-bar h1 {
		font-size: 20px;
		font-weight: normal;
		font-variant: small-caps;
		font-family: Georgia, "Times New Roman", Times, serif;
		display: block;
		border-bottom: 1px #FFFFFF solid;
		height: 30px;
		padding: 5px 0px 0px 0px;
		text-align: center;
		background: #ed1f24 url(../images/sub-nav-back.jpg) repeat-x bottom left;
		}
		
	div.hold {
		border-bottom: 1px #FFFFFF solid;
		padding: 8px 0px 8px 0px;
		}
		
	.bottom {
		border-bottom: none;
		}
		
/*7b. Quote Form ---------------------------------------------------------------*/
		
	input.text {
		border: 1px #FF0000 solid;
		width: 160px;
		height: 18px;
		margin: 0px 0px 5px 30px;
		padding: 4px 0px 0px 4px;
		color: #1f8aed;
		}
		
	div.quote textarea {
		border: 1px #FF0000 solid;
		width: 160px;
		height: 96px;
		color: #1f8aed;
		padding: 4px 0px 0px 4px;
		margin-left: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
		
	div.quote input.submit {
		margin: 5px 0px 0px 30px;
		padding: 0px;
		background: #FF0000;
		color: #FFFFFF;
		width: 165px;
		height: 25px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 16px;
		background: #ed1f24 url(../images/sub-nav-back.jpg) repeat-x bottom left;
		border: none;
		border: 1px #FFFFFF solid;
		}
		
	div.quote input:hover.submit {
		background: #ed1f24 url(../images/sub-nav-back-over.jpg) repeat-x bottom left;
		}
	
	div.quote div.label {
		margin: 0px 5px 5px 30px;
		font-weight: bold;
		}
		
	input.radio {
		border: none;
		width: 10px;
		height: 15px;
		margin: 0px 2px 0px 0px;
		padding: 0px;
		text-align: left;
		}
		
	input.first {
		margin-left: 30px;
		}
		
	input.second {
		margin-left: 20px;
		}
		
#result {
	font-weight: bold;
	font-size: 15px;
	color: #FF0000;
	}
		
/*7c. Testimonials ---------------------------------------------------------------*/
		
	div.testimonials {
		padding-bottom: 5px;
		}
		
	div.testimonials blockquote {
		margin: 8px auto;
 		font: 12px Georgia, "Times New Roman", Times, serif;
 		width: 180px;
  		background: url(../images/close-quote.gif) no-repeat right bottom;
  		text-indent: -18px;
		padding-left: 18px;
		}
		
	div.testimonials blockquote:first-letter {
  		background: url(../images/open-quote.gif) no-repeat left top;
  		padding-left: 18px;
  		font: 1.4em Georgia, "Times New Roman", Times, serif;
		}
		
/*7d. Sub Nav ---------------------------------------------------------------*/
		
	div.sub-nav {
		width: 230px;
		float: left;
		}
	
	div.sub-nav a {
		display: block;
		height: 79px;
		width: 230px;
		background: #ed1f24 url(../images/sub-nav-back.jpg) repeat-x bottom left;
		border-bottom: 1px #FFFFFF solid;
		color: #FFFFFF;
		text-decoration: none;
		}
	
	div.sub-nav p, h1 {
		padding-left: 15px;
		}
	
	div.sub-nav h1 {
		font-size: 40px;
		font-weight: normal;
		font-variant: small-caps;
		font-family: Georgia, "Times New Roman", Times, serif;
		}
	
	div.sub-nav p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 12px;
		margin-right: 10px;
		}
	
	div.sub-nav a.end {
		border-bottom: none;
		}
	
	div.sub-nav a:hover {
		background: #63a5e9 url(../images/sub-nav-back-over.jpg) repeat-x bottom left;
		}
		
/*8. Copy ---------------------------------------------------------------*/
	
	div.copy {
		float: right;
		width: 505px;
		margin: 10px;
		}
		
	div.copy li {
		color: #FF0000;
		margin-left: 20px;
		list-style-image: url(../images/bullet.gif);
		}
		
	span.bold, span.do {
		font-weight: bold;
		color: #535353;
		font-size: 12px;
		}
		
	span.do {
		display: block;
		width: 100%;
		height: 20px;
		border-bottom: 1px #eeeeee solid;
		border-top: 1px #eeeeee solid;
		margin: 5px 0px 8px 0px;
		padding: 5px 0px 5px 0px;
		}
		
	div.copy div.home {
		border-bottom: 1px #e3e3e3 solid;
		height: 69px;
		vertical-align: middle;
		margin-bottom: 10px;
		line-height: 20px;
		}
		
	div.copy div.seal {
		float: right;
		height: 73px;
		width: 115px;
		margin-top: -5px;
		border-bottom: none;
		}
		
	div.seal img.none {
		border: none;
		}
		
	div.copy div.last {
		margin-bottom: 0px;
		border-bottom: none;
		height: 59px;
		}
	
	div.copy b {
		font-size: 20px;
		padding-bottom: 8px;
		margin: 0px 0px 10px 0px;
		display: block;
		width: 100%;
		border-bottom: 1px #e3e3e3 solid;
		}
		
	div.copy div {
		vertical-align: middle;
		line-height: 20px;
		margin-bottom: 10px;
		}
		
	div.copy img {
		border: 2px #FF0000 solid;
		margin-bottom: 5px;
		}
		
	div.copy i {
		color: #0066FF;
		font-size: 15px;
		}
		
	div.copy table {
		width: 454px;
		margin: 0px auto 10px auto;
		background: #eeeeee;
		font-size: 14px;
		}
		
	div.copy td {
		color: #535353;
		vertical-align: middle;
		border-bottom: 1px #FFFFFF solid;
		font-weight: bold;
		text-align: center;
		width: 228px;
		}
		
	div.copy td.top {
		height: 40px;
		vertical-align: middle;
		background: #ed1f24 url(../images/sub-nav-back.jpg) repeat-x bottom left;
		color: #FFFFFF;
		}
		
	div.staff {
		border-bottom: 1px #e3e3e3 solid;
		padding-bottom: 5px;
		}
		
	div.copy div.name {
		font-size: 18px;
		font-weight: bold;
		color: #981417;
		}
		
	div.copy img.photo {
		width: 200px;
		border: none;
		float: left;
		border: 2px #63a5e9 solid;
		}
		
	div.copy div.description {
		width: 290px;
		float: right;
		}
		
	.top2 {
		border-right: 1px #FFFFFF solid;
		}
		
	div.copy td.first {
		border-right: 1px #FFFFFF solid;
		background: #63a6ea;
		text-align: left;
		font-weight: normal;
		color: #FFFFFF;
		font-size: 12px;
		}
		
	div.copy div.under-service {
		width: 400px;
		margin: 0px auto 10px auto;
		color: #FF0000;
		}
		
	div.copy td.first div {
		padding: 10px 10px 0px 10px;
		}
		
	div.copy div.rates {
		background: url(../images/calc.jpg) no-repeat 10px 1px;
		height: 34px;
		width: 445px;
		padding: 15px 0px 0px 60px;
		vertical-align: middle;
		margin: 8px 0px 15px 0px;
		}
		
	div.copy a.rates {
		font-size: 14px;
		font-weight: bold;
		color: #595959;	
		}
		
	div.copy a.rates:hover {
		color: #FF0000;
		}
		
	div.calculator {
		width: 350px;
		margin: 20px auto 0px auto;
		background: #dde8ea;
		border: 1px #474848 solid;
		}
		
	div.calculator div {
		padding: 10px;
		margin: 10px;
		border: 1px #b4b4b4 solid;
		background: #FFFFFF;
		vertical-align: middle;
		}
		
	div.calculator div.clear {
		padding: 0px;
		margin: 0px;
		border: none;
		background: none;
		}
		
	.calculator select, input.rate {
		background: #FFFFFF;
		border: 1px #999999 solid;
		}
		
	input.rate {
		margin-bottom: 6px;
		}
		
	input.rate2 {
		margin: 0px;
		background: #FFFFFF;
		border: 1px #999999 solid;
		}
		
	span.yes {
		padding-right: 5px;
		}
		
	span.extra {
		padding-right: 97px;
		}
		
	span.extra2 {
		padding-right: 101px;
		}
		
	span.extra3 {
		padding-right: 38px;
		}
		
	span.extra4 {
		padding-right: 24px;
		}
		
	span.extra5 {
		padding-right: 130px;
		}
		
	.extra6 {
		padding-right: 94px;
		}
		
	.extra7 {
		padding-right: 74px;
		}
		
	.extra8 {
		padding-right: 72px;
		}
		
	.extra9 {
		padding-right: 83px;
		}
	
/*9. Footer ---------------------------------------------------------------*/
	
div.footer {
	background: #dde8ea;
	text-align: right;
	height: 28px;
	color: #474848;
	font-size: 11px;
	}
	
div.footer p {
	padding: 8px 30px 8px 0px;
	}
	
div.footer a {
	color: #474848;
	font-weight: bold;
	}
	
div.footer a:hover {
	color: #ed1f24;
	text-decoration: none;
	}
 
div.clear {
	clear: both;
	}
	
/*10. Drop Down Menu ---------------------------------------------------------------*/
	
#sddm {	
	margin: 0;
	padding: 0;
	z-index: 100;
	}

#sddm li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	}

#sddm li a {	
	display: block;
	padding-top: 3px;
	text-align: center;
	text-decoration: none;
	height: 22px;
	width: 125px;
	border-right: 1px #FFFFFF solid;
	color: #FFFFFF;
	}
	
#sddm li a.end {
	border-right: none;
	width: 128px;
	}

#sddm li a:hover {	
	background: #fe4d53 url(../images/nav-back-over.jpg) repeat-x bottom left;
	}

#sddm div {	
	position: absolute;
	visibility: hidden;
	margin: 1px 0px 0px -1px;
	padding: 0;
	border: 1px solid #FFFFFF;
	border-top: none;
	width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}
	
#sddm div.resource {
	width: 128px;
	}	

	#sddm div a {	
		position: relative;
		display: block;
		height: 10px;
		margin: 0;
		padding: 7px 0px 8px 0px;
		width: auto;
		white-space: nowrap;
		text-decoration: none;
		background: #2d71d7;
		color: #2875DE;
		border-right: none;
		color: #FFFFFF;
		border-bottom: 1px #FFFFFF solid;
		}
		
	#sddm div a.last {
		border-bottom: none;
		}
		
/* 11. Addtions for SEO
-------------------------------- */
H1.pgSection{
	border-bottom:1px solid #E3E3E3; 
	font-size:20px;
	margin: 5px 0 5px 0;
	padding: 5px 0 8px 0; 
}