@charset "utf-8";
/* CSS Document */

img{ behavior: url(/assets/css/iepngfix.htc); }
body {
	background: #215056 url(/assets/html/bg-grnblu.jpg) no-repeat center top;
	margin: 0 auto;
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 13px;
}
#pagecontainer {
	clear: both;
	height: auto;
	width: auto;
	margin: 0 auto;
}
#header {
	clear: both;
	display: block;
	height: 318px;
	width: 900px;
	margin: 0 auto;
	z-index: 6;
	position: relative;
	background: #215056 url(/assets/html/home-bg-top.jpg) no-repeat center top;
}
#slides {
	width: 900px;
	height: 318px;
    padding: 0;  
    margin:  0 auto;  
	z-index: 7;
	position: relative;
	top: -250px;
} 
 
#slides img {  
    width: 900px;
    height: auto;
	position: relative;
}
.pics a { 
	width: 900px; 
	height: 259px; 
	z-index: 207;
	}
.menucontainer {
	clear: both;
	height: 318px;
	width: 900px;
	z-index: 10;
	position: relative;
}
#menu {
	width: 650px;
	height: auto;
	float: left;
	display: inline;
}
.topnav {
	width: 650px;
	height: 34px;
	clear: both;
	margin-top: 6px;
	padding-left: 12px;
	color: #FFFFFF;
	font-size: 12px;
}
.mainnav {
	width: 650px;
	height: auto;
	
}
#logo {
	float: left;
	display: inline;
	z-index: 10;
	margin-left: 20px;
}
.topnav a {
	color: #FFFFFF;
}
.clearer {
	clear: both;
	display: block;
	margin: -1px;
}
.mainnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.mainnav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	z-index: 12;
}
#footercontainer {
	clear: both;
	height: auto;
	width: 890px;
	min-height: 200px;
	margin: 0 auto;
	padding: 5px;
	display: block;
	background: #FFFFFF url(/assets/html/bottomedge.png) no-repeat center bottom;
	z-index: 6;
	padding-top: 20px;
}
.innerfooter {
	height: auto;
	min-height: 170px;
	background: url(/assets/html/footerbginner.jpg) no-repeat left top;
	padding: 5px;
}
.wethreeboxes {
	height: auto;
  width: auto;
	min-height: 170px;
	padding: 5px 2px;
	background: #FFFFFF;
  display: block;
  clear: both;
}
.ibox a {
	color: #215056;
}
.iboxlast a {
	color: #215056;
	font-weight: bold;
}
.ibox {
	width: 250px;
	float: left;
	padding: 5px 10px;
	height: auto;
	min-height: 150px;
	background: #FFFFFF;
	margin-right: 5px;
}
.iboxlast {
  width: 575px;
  float: left;
  padding: 5px 10px;
  height: auto;
  min-height: 150px;
  background: #FFFFFF;
  margin-right: 5px;
}
.ibox {
	border-right: 1px solid #BEC7A0;
	font-size: 12px;
}
.ibox .pgtxt{
	padding-top: 5px;
}
.ibox ul {
	margin: 0;
	padding-left: 2px;
	padding-top: 3px;
	list-style: none;
}
.fprodpic {
	float: left;
	margin-right: 5px;
}

#footer a {
	color: #CCD1D4;
	text-decoration: none;
	font-size: 12px;
}
#footer a.createtag {
	font-size: 11px;	
}
#footer a:hover{
text-decoration: underline;
}
#footer {
	height: auto;
	width: 900px;
	clear: both;
	display: block;
	margin: 0 auto;
	padding-top: 25px;
	color: #CCD1D4;
	font-size: 12px;
	text-align: center;
}
h2.ifeat {
	padding: 2px 2px 2px 5px;
	margin: 0px;
	background: #A3B0B6 url(/assets/html/featurebar.jpg);
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: .15em;
	font-weight: normal;
}
.allaboutsoapstones {
	display: none;
}
.fleft { float: left; display: inline; width: 85%; text-align: left; }
.fright { float: right; display: inline; width: 15%; }
.fright a{ font-size: 13px !important; }
.doc-recentposts .blogtitle, .doc-recentposts a.blogtitle{
  color: #215056;
  text-decoration: none;
  font-size: 20px;
  }
.doc-recentposts a:hover { color: #3A8C98;
  }
 .doc-recentposts , .doc-recentposts li {
 	list-style: none;
  margin: 0;
  padding: 0;
 }
 .doc-recentposts li {
 padding-bottom: 5px; margin-bottom: 5px;
 }