/*
---------------- GENERAL--------------- */	

* {margin: 0px; padding:0px;}

body {
	margin: 0px;
	padding: 0px;
	background: #6D543F url('images/tile.gif') center top;
	}
	
body.popup {
	margin: 0px;
	padding: 0px;
	background: #C7E9F2
	}
	
body.makeup {
	margin: 0px;
	padding: 0px;
	background-image: url('none');
	background-color: #F1E2D3;
	text-align: center
	}
	
body.paint {
	margin: 0px;
	padding: 0px;
	background-image: url('none');
	background-color: #000000;
	text-align: center
	}
	
body.juice {
	margin: 0px;
	padding: 0px;
	background-image: url('none');
	background-color: #FFFFFF;
	text-align: center
	}

body.team {
	margin: 0px;
	padding: 0px;
	background-image: url('none');
	background-color: #847855;
	text-align: center
	}
	
	
	
body.garden {
	margin: 0px;
	padding: 0px;
	background-image: url('none');
	background-color: #990000;
	text-align: center
	}

body.hotel {
	margin: 0px;
	padding: 0px;
	background-image: url('none');
	background-color: #283950;
	text-align: center
	}

body.beauty {
	margin: 0px;
	padding: 0px;
	background-image: url('none');
	background-color: #540018;
	text-align: center
	}



.mwp a{

	width: 179px;
	height: 179px;
	background: transparent url('images/mwp.png') no-repeat left top;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
}

.mwp a:hover{
	background: transparent url('images/mwp.png') no-repeat right top;
}
	
#header {
	height: 100px;
	width: 100%;
	background: url('images/logo.jpg') no-repeat center;
	margin-top: 0px
	}

#nav {
	height: 48px;
	width: 900px;
	padding-right: 50px;
	padding-left: 50px;
	}
	
#container {
	background: #C7E9F2 url('images/body.jpg') repeat-x center top;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#container1 {
	background: #C7E9F2 url('images/popup.jpg') repeat-x center top;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
	
#content {
	width: 900px;
	padding-right: 50px;
	padding-left: 50px;

	}

#inside_content {
	width: 900px;
	padding-right: 50px;
	padding-left: 50px;
	margin-top: 35px;
	margin-bottom: 20px;
	}

h1.home {
	font: normal 22px/34px Georgia, "Times New Roman", Times, serif;
	color: #5F532A;
	margin-top: 30px;
	margin-bottom: 28px;
	float: left;
	width: 900px;
	padding-top: 5px;
	}
	
h1.home img {
	float: left;
	margin: -5px 20px 0px 0px;
	}
	
#boxes {
	margin-bottom: 20px;
	width: 900px;
	float: left;
	background: url('images/box.gif') repeat-y center top;
	}

#main_content {
	margin-bottom: 10px;
	margin-left: 15px;
	width:590px;
	float: left;
	}
	
#main_content h1 {
	font: normal 30px/34px "Times New Roman", Times, serif;
	color: #5F532A;
	margin-bottom: 10px;
	border-bottom: 1px solid #BEAD84;
	margin-top: 2px;
	padding-bottom: 8px;
	}

#main_content h3{
	font: normal 20px/30px Georgia, "Times New Roman", Times, serif;
	color: #807150;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 2px;
	}



#main_content p {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	margin-bottom: 10px;
	clear: both;
	}

#main_content ul {
	padding-left: 20px;
	padding-bottom: 10px;
	}

#main_content li {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	margin-bottom: 5px;
	list-style: circle inside;
	list-style-position:inner;
	}
	

	

	
#main_content a {
	color: #307771;
}
#main_content a:hover {
	color: #4B1B1D;
	background: #FFFFFF;
	text-decoration: none;
}

#main_content a.on{
	color: #804000;
	font-weight: bolder;
	text-decoration: underline;
}

#main_content img{
	border: none;
}

table.compare {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	width: 588px;
	vertical-align: top;
	}

table.port {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	}


td.portimg {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	padding-top: 6px;
	padding-bottom: 26px;
	vertical-align: top;
	width: 321px;
	}
	

	
td.porttxt {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	padding-bottom: 26px;
	vertical-align: top;
	width: 260px;
	padding-left: 6px;
	padding-right: 0px;
	}
	
th {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	font-weight: bold;
	text-align: left;
	width: 147px;
	padding-top: 6px;
	padding-bottom: 6px;
	}
	
td {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	width: 147px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 20px;
	vertical-align: top;
	}

td.company {
	width: 270px;
	}
	
td.span {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	width: 294px;
	padding-top: 6px;
	padding-bottom: 6px;
	}

td.seo1 {
	width: 800px;
	padding: 0;
}

td.seo2 {
	padding: 0;
}

/*
---------------- SIDE NAVIGATION--------------------- */	
	
.sidebox ul {
	padding: 0px 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 218px;
	}
	
.sidebox li {
	border-bottom: 1px solid #BEAD84; list-style-image:url('none'); list-style-type:none
	}
	
.sidebox h2 {
	color: #5F532A;
	font: normal 20px/28px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -0.1px;
	margin: 10px 18px 0px 18px;
	padding-bottom: 5px;
	border-bottom: 1px solid #BEAD84;
	}
	
.sidebox p {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	padding-right: 18px;
	padding-left: 18px;
	margin-top: 10px;
	}
	
.sidebox a {
	color: #307771;
	font: bold 13px/18px 'Trebuchet MS', Helvetica, Arial, sans-serif;
	padding: 10px 5px 10px 10px;
	display: block;
	text-decoration: none;
	width: 203px;
	}
	
.sidebox a.on {
	text-decoration: none;
	color: #4B1A18;
	}
	
.sidebox a:hover {
	text-decoration: none;
	background: #E2D4B6 url('images/side_hover.jpg') repeat-y center top;
	color: #4B1A18
	}
	
.sidebox {
	width: 258px;
	float: left;
	margin: 0px 5px;
	background: #E2D4B6 url('images/side_repeat.gif') repeat left top;
	padding-bottom: 10px;
	border: 1px solid #BEAD84
}
	

	

/*
---------------- HOME PAGE BOXES------------------ */	
	
.features {
	width: 290px;
	float: left;
	padding-bottom:35px;
	margin: 0px 4px;
	}

html>body .features {
	margin: 0px 5px;
	}

.features h2 {
	color: #5F532A;
	font: normal 20px/28px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #BEAD84;
	margin-right: 18px;
	margin-left: 15px;
	letter-spacing: -0.1px;
	}
	
.features h2 a{
	color: #5F532A;
	font: normal 20px/28px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	display: block;
	width: 254px;
	padding-left: 4px;
	}

.features h2 a:hover {
	background: #F2EBDC;
	}
	
	
.features p {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	padding-right: 18px;
	padding-left: 18px;
	margin-bottom: 10px;
	}
	
.features a {
	color: #913003;
	}
	
.features a:hover {
	text-decoration: none;
	background: #F6E9C1;
	}

/*
---------------- HOME ROLLOVERS---------------- */	

.pics{
	display: block;
	margin-bottom: 20px;
	margin-top: 17px;
	}

#webpic {
	background: url('images/tulips.jpg') no-repeat center 6px;
	height: 86px;
	width: 246px;
	margin-left:15px; margin-right:0px; margin-top:0px; margin-bottom:0px
	}

#webpic a {
	background: url('images/tulips.jpg') no-repeat center top;
	height: 86px;
	display: block;
	text-indent: -9999px;
	border: 6px solid #F2EBDC;
	width: 246px
	}
	
#webpic a:hover {
	background: url('images/tulips.jpg') no-repeat center -86px;
	height: 86px;
	border: 6px solid #F2EBDC;
	width: 246px
	}

#usabpic {
	background: url('images/sea.jpg') no-repeat 5px 6px;
	height: 86px;
	width: 246px;
	margin-left:15px; margin-right:0px; margin-top:0px; margin-bottom:0px
	}

#usabpic a {
	background: url('images/sea.jpg') no-repeat center top;
	height: 86px;
	display: block;
	text-indent: -9999px;
	border: 6px solid #F2EBDC;
	text-align: center;
	width: 246px
	}
	
#usabpic a:hover {
	background: url('images/sea.jpg') no-repeat center -86px;
	height: 86px;
	border: 6px solid #F2EBDC;
	width: 246px
	}
	
#docpic {
	background: url('images/fence.jpg') no-repeat center 6px;
	height: 86px;
	width: 246px;
	margin-left:15px; margin-right:0px; margin-top:0px; margin-bottom:0px
	}

#docpic a {
	background: url('images/fence.jpg') no-repeat center top;
	height: 86px;
	display: block;
	text-indent: -9999px;
	border: 6px solid #F2EBDC;
	text-align: center;
	width: 246px
	}
	
#docpic a:hover {
	background: url('images/fence.jpg') no-repeat center -86px;
	height: 86px;
	border: 6px solid #F2EBDC;
	width: 246px
	}

/*
---------------- FOOTER--------------- */	

#clear {
	clear: both;
	}


	
#footer {
	height:40px;
	width: 1000px;
	background: url('images/tile.gif') left top;
	text-align: center;
	}


	
#footer ul {
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
#footer li {
	list-style: none;
	display: inline;
	padding-right: 2px;
	padding-left: 2px;
	color: #8A6F4C;
	}
	
#footer a {
	font: 12px 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: #E0D5B0;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #E0D5B0;
	text-decoration: underline;
	}

#footer p {
	font: 12px 'Trebuchet MS', Helvetica, Arial, sans-serif;
	color: #A0815B;
	margin: 0px 0px 10px 0px;
	}

	
#footer a.footemail {
	color: #A0815B;
	}

#areas a,  #areas a:hover{
	color: #A0815B;
	}
	
#areas {
	margin: 0 auto;
}

/*---------------- TOP NAVIGATION------------- */	

#nav {
	height: 48px;
	width: 900px;
	}

#nav ul{
	width: 800px;
	padding: 0px 50px;	
	}
	
#nav li {
	display: inline;
	float: left;
	list-style: none;
	}
	
#nav li a {
	display: block;
	height: 48px;
	text-indent: -9999px;
	}

/*---------------- HOME BUTTON----- */	

#nav li#home {
	background: url('images/btn_home.jpg') no-repeat left top;
	width: 102px
	}
	
#nav li#home a {
	background: url('images/btn_home.jpg') no-repeat left top;
	width: 102px
	}
	
#nav li#home a:hover, #nav li#home a.current {
	background: url('images/btn_home.jpg') no-repeat -102px top;
	width: 102px
	}

#nav li#home a.current {
	background: url('images/btn_home.jpg') no-repeat -102px top;
	}
	
/*---------------- WEB BUTTON------- */	

#nav li#web {
	background: url('images/btn_web.jpg') no-repeat left top;
	width: 176px
	}
	
#nav li#web a {
	background: url('images/btn_web.jpg') no-repeat left top;
	width: 176px
	}
	
#nav li#web a:hover, #nav li#web a.current {
	background: url('images/btn_web.jpg') no-repeat -176px top;
	width: 176px
	}

#nav li#web a.current {
	background: url('images/btn_web.jpg') no-repeat -176px top;
	}


/*---------------- USABILITY BUTTON-------------------- */	

#nav li#usab {
	background: url('images/btn_usab.jpg') no-repeat left top;
	width: 160px
	}
	
#nav li#usab a {
	background: url('images/btn_usab.jpg') no-repeat left top;
	width: 160px
	}
	
#nav li#usab a:hover, #nav li#usab a.current {
	background: url('images/btn_usab.jpg') no-repeat -160px top;
	width: 160px
	}

#nav li#usab a.current {
	background: url('images/btn_usab.jpg') no-repeat -160px top;
	}
	
/*---------------- DOCUMENTATION BUTTON------------- */	

#nav li#doc {
	background: url('images/btn_doc.jpg') no-repeat left top;
	width: 221px
	}
	
#nav li#doc a {
	background: url('images/btn_doc.jpg') no-repeat left top;
	width: 221px
	}
	
#nav li#doc a:hover, #nav li#volunteers a.current {
	background: url('images/btn_doc.jpg') no-repeat -221px top;
	width: 221px
	}

#nav li#doc a.current {
	background: url('images/btn_doc.jpg') no-repeat -221px top;
	}
	
/*---------------- CONTACT BUTTON-------------- */	

#nav li#contact {
	background: url('images/btn_contact.jpg') no-repeat left top;
	width: 134px
	}
	
#nav li#contact a {
	background: url('images/btn_contact.jpg') no-repeat left top;
	width: 134px
	}
	
#nav li#contact a:hover, #nav li#contact a.current {
	background: url('images/btn_contact.jpg') no-repeat -134px top;
	width: 134px
	}

#nav li#contact a.current {
	background: url('images/btn_contact.jpg') no-repeat -134px top;
	}




.css .head {
	font: normal 20px/30px Georgia, "Times New Roman", Times, serif;
	color: #807150;
	margin-bottom: 5px;
	padding-top: 35px;
	padding-bottom: 2px;
	}
.css img {
	border: 0px;
	}

.css a, a.basic {
	color: #307771;
}
.css a:hover, a.basic:hover {
	color: #4B1B1D;
	background: #FFFFFF;
	text-decoration: none;
}

p {
	font: normal 13px/22px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #554E31;
	margin-bottom: 10px;
	clear: both;
	}