/* CSS Document */
* {
	margin: 0;
	padding: 0;
	
}
ul { margin: 10px; padding: 10px; }
body {
	background: #c7d4ce url(i/bg.jpg) repeat-x;
	color: #000;
	font-size: 77%;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
}
p {
	line-height: 1.4em;
	text-align: justify;
		font-size: 1.2em;
		color: #333;
}

p + p { margin-top: 0.5em; } 

h1 {
	font-weight: 100;
	font-size: 2em;
	margin-bottom: 0.5em;
	color: #6FA0FE;
}
h2 {
	font-weight: 100;
	font-size: 1.2em;
	color: #4B514E;
	margin-bottom: 0.8em;
}
h3 {
	font-weight: bold;
	font-size: 1.1em;
}

a { outline: none; }
a:link, a:visited, a h2 {
	color: #0033CC;
	text-decoration: none;
}
strong {
	font-size: 1.2em;
}
a:hover, a:active, a:hover h2, a:active h2 {
	text-decoration: underline;
	
}
#container {
	width: 800px;
	margin: 0 auto;
}

#header {
	background: url(i/spa-repair-header.jpg) no-repeat 0 6px;
	width: 850px;
	height: 228px;
	margin-top: 29px;
	position: relative;
}
#header ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	position: relative;
	top: 164px;
}
#header li {
	float:left;
	background:url("i/left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 13px;
	height: 28px;
	margin-right: 3px;
	
}
#header a {
	float:left;
	display:block;
	background:url("i/right.gif") no-repeat right top;
	padding:6px 13px 5px 0px;
	text-decoration:none;
	color: #666;
	height: 28px;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
	color:#333;
}

.testimonial_btn {
	width: 190px;
	height: 160px;
	background: ("i/spa-repair-testimonials.jpg") no-repeat left top;
	left: 640px;
	top:36px;
	position: absolute;
	border:none;
}

.testimonial_btn a img{border: none;}

#content {
	min-height: 400px;
	background: url(i/midbg_bubbles.jpg) no-repeat;
	padding: 20px 20px 50px 250px;
	position:relative;
}
#content.home {
	background: url(i/midbg_home.jpg) no-repeat;
}

#content.manufacturers {
	background: url(i/midbg_manufacturers.jpg) no-repeat;
}

.testimonials h3 {
	margin-top: 20px;
}
#content.contact {
	background: url(i/midbg_contact.jpg) no-repeat;
}
#content.order {
	background: url(i/midbg_order.jpg) no-repeat;
}
#content.references {
	background: url(i/midbg_references.jpg) no-repeat;
}
#content.blank {
	background: url(i/midbg_blank.jpg) no-repeat;
}
#content.servicereps {
	background: url(i/midbg.jpg) no-repeat;
}

#content ul {
	margin-top: -.4em;
}

/*--------------- MENU STUFF ----------------------*/
#home #home, #manufacturers #manufacturers, #servicearea #servicearea, #order #order, #servicereps #servicereps, #references #references, #contact #contact{
	background-image:url("i/left_on.gif");
}
 #home #home a, #manufacturers #manufacturers a, #servicearea #servicearea a, #order #order a, #servicereps #servicereps a, #references #references a, #contact #contact a{
 	background-image:url("i/right_on.gif");
	color:#333;
	padding-bottom:5px;
}
/*-------------------------------------------------*/

.side-image {
	position:absolute;
	top:10px;
	left: -10px;
}

#sidebar {
	width: 200px;
	float: right;
	padding: 15px 0 0 20px;
	margin-left: 5px;
	background: url(i/sticky.jpg);
	height: 175px;
}

#sidebar h2 {
	color: #000;
	margin-bottom: -.5em;
}
#sidebar ul {
	list-style-type: circle;
}

#footer_wrap {
	width:100%;
	background-color: #FFF;
	border-top: 6px solid #6fa0fe;
	
}

#footer {
	width:800px;
	margin: 0px auto;
	clear: both;
	padding-bottom: 15px;
	padding-top: 15px;
	
}
#footer p {
	font-size: 1em;
}

/*--------------- MISC CLASSES ----------------------*/

.pdf {
	background: url(i/pdf.gif) no-repeat;
	line-height: 31px;
	padding-left: 36px;
	font-size: 1.1em;
}
h4 {
	font-size: 16px;
	color: #000000;
	font-weight: 100;
}