a:link, a:visited {
	color: #7486a8;
	text-decoration: none;
}

a:hover {
	color: #363944;
	text-decoration: none;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #e0eaf5;
	color: #363944;
	font-size: 62.5%;
}

h2 {
	font-size: 2em;
	line-height: 1.3;
	padding-bottom: 10px;
}
	h2 em {
		color: #8e98a4;
	}

h3 {
	font-size: 1.8em;
	line-height: 1.3;
	padding-bottom: 10px;
}

h4 {
	font-size: 1.6em;
	line-height: 1.3;
	padding-bottom: 10px;
}

ul {
	margin-left: 40px;
}


strong {
	font-weight: bold;
}

#content p, #content li {
	font-size: 1.4em;
	line-height: 1.3;
	margin-bottom: 13px;
}

body#home {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(bg-home.jpg);
}

body#page {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(bg-normal.jpg);
}

#header {
	background-image: url(header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 128px;
	width: 100%;
}

#logo {
	position: absolute;
	left: 50%;
	margin-left: -150px;
	margin-top: 10px;
}

#content {
	width: 952px;
	margin: 0 auto;
}


#content ul {
	padding-bottom: 10px;
}
	

#textbox li, #spec li {
	background-image: url(bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

h1#wouldyou {
	background-image: url(wouldyou2.png);
	display: block;
	width: 624px;
	height: 120px;
	text-indent: -9999px;
	margin-top: -10px;
	position: relative;
	background-position: center top;
	margin-left: 25px;
	background-repeat: no-repeat;
}

p#wouldyouButton {
	text-align: center;
}

#colleft {
	float: left;
	width: 650px;
}

#colright, #colrightSpec {
	float: right;
	width: 265px;
}

#home #colright {
	position: relative;
	margin-top: -55px;
}

#colright p, #colrightSpec p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.5;
	padding: 10px 0;
	margin-bottom: 10px;	
}

#page #colright {
	margin-top: 40px;
	padding-top: 60px;
	background-image: url(liveit.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #colrightSpec {
	margin-top: 0px;
	padding-top: 0px;

}

#map {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(shadow-map.jpg);
	padding-bottom: 14px;
}

.pic {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(shadow-pic.jpg);
	padding-bottom: 14px;
}

#content .container {
	width: 100%;
	float: left;
	padding-bottom: 15px;
}

.contact {
	clear: both;
	padding: 20px 0 20px 0;
	background-image: url(footer.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	clear: both;
	float: left;
	background-color: #bdcdd8;
}

.contact .container {
	width: 952px;
	margin: 0 auto;
}

.contact .col {
	width: 476px;
	float: left;
}

.contact a:link, .contact a:visited {
	color: #596785;
}

form {
	background-image: url(form-bg.gif);
	width: 476px;
	height: 51px;
	margin-bottom: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-repeat: no-repeat;
}

form span {
	float: left;
	padding: 15px;
}

form label, .contact p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.5;
	padding-bottom: 10px;
}

label {
	padding-right: 10px;
	float: left;
}

input.textfield {
	float: left;
}

input#submit {
	float: left;
	margin-left: 5px;
}

#footer {
	background-color: #454c53;
	width: 100%;
	clear: both;
	padding: 20px 0;
	color: #a0abba;
}

#footer a:link, #footer a:visited {
	color: #d7e2ed;
	text-decoration: none;
}

#footer a:hover {
	color: #ebf1f9;
}

#footer .container {
	width: 952px;
	margin: 0 auto;
}

#footer .nav {
	float: right;
	padding-bottom: 10px;
	display: block;
}

#footer .nav li {
	border-right-color: #8e98a4;
	border-right-width: 1px;
	border-right-style: solid;
	float: left;
	padding: 3px 15px;
}

.project {
	margin: 20px 0 30px 0;
	float: left;
	clear: right;
	display: block;
}

.nav {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
	margin-left: 0px;
}

.nav li {
	border-right-color: #aab6c0;
	border-right-width: 1px;
	border-right-style: solid;
	float: left;
	padding: 3px 15px;
}

.nav li.lastchild, #footer .nav li.lastchild {
	padding-right: 0;
	border: none;
}

.nav li.firstchild {
	padding-left: 0;
}

.nav a.current {
	color: black;
}


#imprint {
	clear: both;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.6;
}

#home #slideshow {
	position: inherit;
	float: left;
	width: 952px;
	height: 384px;
	z-index: -10;
}

#page #slideshow {
	position: inherit;
	float: left;
	width: 257px;
	height: 200px;
	z-index: -10;
}

#content .nav {
	margin-top: 30px;
	width: 100%;
	padding-bottom: 40px;
	border-bottom-color: #aab6c0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size:  1em;
	margin-left: 0px;
}



h2.reason {
	padding-left: 85px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position:  2px top;
}
	.reason a {
		color: #444141;
	}

a.morelink:link, a.morelink:visited {
	background-image: url(morelink.gif);
	display: block;
	text-indent: -99999px;
	width: 107px;
	height: 23px;
	background-position: center top;
	margin: 10px 0 30px 0;
}

a.morelink:hover {
	background-position: center bottom;
}



#callnowright {
	margin-top: 20px;
	display: block;
	width: 220px;
	height: 42px;
	text-indent: -99999px;
	background-image: url(callnow-right.gif);
	padding: 0;
}

#ctaone {
	display: block;
	text-indent: -99999px;
	width: 545px;
	height: 23px;
	background-image: url(cta1.gif);
	margin-bottom: 20px;
	padding: 0;
}

#ctatwo {
	display: block;
	text-indent: -99999px;
	width: 638px;
	height: 23px;
	background-image: url(cta2.gif);
	margin-bottom: 20px;
	padding: 0;
}

#textbox {
	padding: 20px 20px 10px 85px;
}

#content .nextlink {
	background-position: 0 center;
	padding: 20px 0 20px 40px;
	font-size: 1.3em;
	background-image: url(next.gif);
	background-repeat: no-repeat;
	margin-bottom: 40px;
	display: block;
	position: inherit;
}


#content #subNav {
	background-color: white;
	width: 261px;
	padding: 2px 2px 2px 2px;
	margin: 0 0 40px 0;
}
	#subNav li {
		border-top-color: #ccdae7;
		border-top-width: 1px;
		border-top-style: dotted;
		padding: 0;
		margin: 0;
	}
		
		#subNav li a {
			width: 100%;
			display: block;
		}
			#subNav li a.current {
				color: white;
				background-color: #bbc9da;
				background-image: url(arrow-white.gif);
				background-repeat: no-repeat;
				background-position: 5px center;
			}
			#subNav li a:hover {
				background-color: #edf5fd;
			}
				#subNav li a.current:hover {
				background-color: #bbc9da;
				}
			#subNav li a span {
				padding: 10px 10px 10px 30px;
				display: block;
			}



/* Headings -----------------------------------*/

h1#fivereasons {
	display: block;
	text-indent: -99999px;
	width: 290px ;
	height:  75px;
	background-image: url(heading-fivereasons.gif);
	margin: 25px 0 20px 0;
}

h1#fullspec {
	display: block;
	text-indent: -99999px;
	width: 327px ;
	height:  108px;
	background-image: url(heading-fullspec.gif);
	margin: -10px 0 0px 0;
}

h1#contact {
	display: block;
	text-indent: -99999px;
	width: 197px ;
	height: 89px;
	background-image: url(heading-contact.gif);
	margin: 8px 0 20px 0;
}

h1#thankyou {
	display: block;
	text-indent: -99999px;
	width: 182px ;
	height: 27px;
	background-image: url(heading-thankyou.gif);
	margin: 36px 0 20px 0;
}

h1#location {
	display: block;
	text-indent: -99999px;
	width: 182px ;
	height: 89px;
	background-image: url(heading-location.gif);
	margin: 8px 0 0px 0;
}

h1#faqs {
	display: block;
	text-indent: -99999px;
	width: 182px ;
	height: 27px;
	background-image: url(heading-faqs.gif);
	margin: 36px 0 20px 0;
}

h1#newsletters {
	display: block;
	text-indent: -99999px;
	width: 215px ;
	height: 27px;
	background-image: url(heading-newsletters.gif);
	margin: 36px 0 40px 0;
}

/* Reasons -----------------------------------*/

.rone {
	background-image: url(rone.gif);
}

.rtwo {
	background-image: url(rtwo.gif);
}

.rthree {
	background-image: url(rthree.gif);
}

.rfour {
	background-image: url(rfour.gif);
}

.rfive {
	background-image: url(rfive.gif);
}

/* FAQs -----------------------------------*/

ul#faqlist {
	margin-left: 0;
	padding: 20px 0 0 0;
}

ul#faqlist li {
	background-image: none;
	padding-left: 0px;
	font-size: 1.5em;
	border-bottom-color: #ccdae7;
	border-bottom-width: 1px;
	border-bottom-style: solid;	
	padding-bottom: 10px;
}

.faqs h2 {
	padding-top: 20px;
	border-top-color: #ccdae7;
	border-top-width: 1px;
	border-top-style: solid;
}
	.faqs h2#a {
		border-top: none;
	}

.faqs img {
	padding-bottom: 30px;
}

/* Spec -----------------------------------*/

#spec h2 {
	font-size: 3em;
	margin-bottom: 10px;
}

#spec ul {
	margin-left: 0;
}

#spec ul.measurements {
	width: 200px;
	font-size: 0.9em;
}

#spec ul.measurements li {
	padding: 0 0 4px 0;
	margin: 0;
	background-image: none;
}

#spec img.unit {
	border-color: #f4f8fb;
	border-width: 3px;
	border-style: solid;
	float: right;
	margin-bottom: 30px;
	margin-left: 15px;
}

#spec h3 {
	font-size: 2.3em;
	padding-top: 20px;
	border-top-color: #ccdae7;
	border-top-width: 1px;
	border-top-style: solid;
	clear: both;
	width: 100%;
	display: block;
}

#spec ul.specList {
	float: left;
	width: 216px;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-size: 0.9em;
}

#spec ul.specList li {
	padding:  8px 10px 0 0;
	margin: 0 0 0 0;
	background-image: none;
	font-weight: bold;
}

#spec ul.specList li ul {
	padding:  0 0 0 0;
	margin: 0 0 10px 0;
}

#spec ul.specList li ul li {
	font-size: 1em;
	font-weight: normal;
}

#colrightSpec h2 {
	margin-top: 0px
}

table.plan {
	font-size: 1.2em;
	width: 100%;
	margin-bottom: 30px;
	background-color: #eaf1f8;
}

table.plan th {
	background-color: #bbc9da;
	color: #fff;
	padding: 10px;
	text-align: left;
}

table.plan td {
	padding: 10px;
	border-bottom-color: #ccdae7;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	text-align: left;
}

table.plan tr:hover {
	background-color: #f1f6fa;
}

	td.due {
		background-color: #f1f6fa;
		font-style: italic;
		color: black;
	}
	table.plan tr:hover td.due {
		background-color: white;
	}

.backbutton {
	float: right;
	padding-top: 50px;
}

#flashmap {
	margin-bottom: 40px;
}

/* Contact -----------------------------------*/

#contactLeft {
	float: left;
	width: 476px;
	padding-bottom: 30px;
}

#contactRight {
	float: right;
	width: 476px;
}

form#contactForm {
	background-color: #e8f1f9;
	background-image: none;
	height: auto;
	padding: 10px 0;
	width: 100%;
}

form#contactForm label {
	width: 160px;
	font-size: 0.9em;
	padding: 15px 5px 5px 15px;
	text-align: right;
}

form#contactForm .field {
	margin: 15px 5px 5px 5px;
	width: 250px;
	padding: 5px;
}

form#contactForm p {
	clear: both;
	margin-bottom: 0;
}

form#contactForm .submit {
	margin: 10px 0 15px 175px;
}