@charset "utf-8";
/* CSS Document */
body {
	padding: 0;
	margin: 0;
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
}

 body#degeest, body#home {
		background: #fff url(img/squiggle.jpg) no-repeat center top;
	}

 body#bath  {
	background: #fff url(img/squiggle2.jpg) no-repeat center top;
	
}
 
body#process  {
	background: #fff url(img/squiggle3.jpg) no-repeat center top;
	
}

#header {
	width: 900px;
	margin: 0 auto 0;
	height: 142px;
	padding: 0;
}

#content {
	width: 900px;
	margin: 5px auto 0;
	padding: 0px;
}

#main {
	float: left;
	width: 560px;
	margin: 0 0 0 40px;
	padding: 0 0 20px 0;
	}

.nav {
			color: #ff8a00;
			font-weight: normal;
		}	
.nav a, .nav a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}
	
.nav a:hover {
	text-decoration: underline;
	}
	
	
#footer .nav a {
	color: #285f78;
	} 


ul { 
	list-style-type: square;
	}
	
p { 
	margin: 0 0 10px 0;
	}
			
p a, p a:visited, #dates a, #dates a:visited {
		color: #f35a00;
		text-decoration: none;
		font-weight: bold;
		}
		
p a:hover {
		color: #000;
		text-decoration: underline;
		}

	
h1, h2 {
	margin: 40px 0 0 0;
	padding: 0;
	font-size: 1.4em;
}

body#home #right h2 {
		margin: 0;
	}
	
h1 {
	color: #fff;
	}
	
h2.notwo {
	color: #285f78;
	}
	
h2.bub {
	color: #fff;
	background: url(img/bubleft2.png) no-repeat top left;
    height: 55px;
	padding: 5px 0 5px 10px;
	}
	
h2.bub a {
    color: #fff;
	}
		
#right {
	float: right;
	width: 240px;
	margin: 0 0 0 20px;
	}
img.thumb {
	border: 4px solid #FFFFFF;
	}
	
.feat img {
	float: left;
	width: 49px;
	margin-top: 10px;
	border: 4px solid #FFFFFF;
	}
.feat p {
	float: left;
	margin: 10px 0 0 10px;
	width: 150px
	}

.card {
		margin: 20px 0 0 0;
	}		
	
#contact {
padding: 10px 0 20px 0;
}

#contact p {
	font-family: "Georgia", serif;
	font-style: italic;
	font-size: 1.2em;
	}

p.dates a, p.dates a:visited {
	font-family:Georgia,serif; 
	font-style:italic; 
	font-size:1.5em; 
	font-weight:normal; 
	margin-left:30px;
	}	
#blog {
	margin:  0;
	}

#footer {
    clear: left;
	width: 832px;
	margin: 55px auto 0;	
	background: url(img/footer.gif) no-repeat top left;
	padding: 20px;
	}	

/** scroller **/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 8px solid black;
overflow: scroll; /*leave this value alone*/
width: 537px; /*Width of Carousel Viewer itself*/
height: 90px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel img{
border: 4px solid #fff;
}



/*
-----------------------------------
Browser Upgrade
-----------------------------------
*/

#upgrade {
	display: none;
}