@import url("nav.css");

/* CSS Document */
html, body {
	width:100%; height: 100%;
	margin:0; padding:0; border:0;
	font: small Arial, Helvetica, sans-serif; text-align:center;
}
body {
	background: url(../pics/bghome.gif) top repeat-y;
}
/* IE fix */
* html body {
	font:90%;
}
.off-left {
	position: absolute;
	left: -999px; width: 990px;
}

a:link, a:visited {
	text-decoration: none; font-weight:bold; color:#DDDEDF;
}
a:hover, a:active {
	text-decoration: underline; font-weight:bold; color:#fff;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clearRight{
	clear:right;
}
.clearLeft{
	clear:left;
}
.clearBoth{
	clear:both;
}
h1{
	font-size:110%;
	font-weight:bold; margin:0;
}
#wrapper {
	width:758px; height:100%; min-height:100%;
	margin:0 auto 0 auto; padding:0;
	text-align:left; overflow:visible;
}
/*fix for IE6 */
* html #wrapper{
	height: 100%;
}

/********* Top Banner **********/
#logo {
	display:block;
	min-height: 100px; width:758px;
	list-style:none; color:#1A1767;
	margin:0; padding:0; border-top: 3px solid #fff; border-bottom: 3px solid #fff;
	background:#F5EBDD url(../pics/logo.gif) 20px 20px no-repeat;
	text-align:left;
}

#strap {
	float:left;
	margin:50px 0 0 95px;
}

#intro {
	display:block;
	width:250px;
	margin:15px 20px 10px 0;
	color:#618A9C;
	float:right;
}
/*********** Main Content *************/
#content {
	width: 748px;
	height:auto;
	padding: 20px 0 0 10px;
	background: url(../pics/topDotsHome.gif) 10px 10px no-repeat;
	float:left;
}
#content h1{
	margin:0 0 20px 0; line-height: normal;
}
#maintext {
	display:block;
	width: 450px; height: auto;
	margin:0 15px 0 0; padding:5px 10px 10px 10px;  border:0;
	font-size:100%; line-height:1.1em; color:#618A9C;
	text-align:left;
	float:left;
}
#maintext img{
	float:left;
	margin: 0 10px 10px 0;
}
#maintext p{
	margin: 0 0 10px 0; padding: 0 20px 0 0; color:#618A9C;
}
#maintext a:link, #maintext a:visited{
	color:#C07E63; font-weight:bold;
}
#detailsList{
	width: 225px;
	margin:0; padding:5px 10px 0 20px;  border:0;
	color:#618A9C; 
	float:left; clear:right;
}
#detailsList ul {
	margin:0 0 0 20px; padding:0; color:#618A9C;
}
#detailsList img{
	margin: 0 0 0 20px; padding:0;
}
img#homeanim {
	margin:40px 0 0 20px;
}
#baseDots {
	background:url(../pics/BaseDotsHome.gif) left 0 no-repeat;
	width:740px; height: 11px;
	float:left; clear:left;
}
/************* Homepage Image & Products Image  **************/

#homepic {
	width:auto;	height:289px;
	border-right: 3px solid #fff;
	float:left;
}
#homeprods {
	width:auto; height:289px;
	float:left; clear:right;
}

/*********** Copyright Sitemap and disclaimer *************/
#copyright{
	width:100%; min-height:30px;
	margin:20px auto 0 auto; padding: 10px 0 20px 0; border-top: 3px solid #fff;
	font-weight:normal; font-size:90%;
	background: #99B8C2;
	color: #fff; text-align:center;
	float:left;
}
#copyright img{
	margin:0 0 0 10px;
	float:left;
}
#copyright p {
	margin:0 0 0 30px;
	line-height:30px; 
	float:left;
}
#copyright ul {
	margin:0;
	float:right; 
	list-style-type:none;
}
#copyright ul li{
	margin:0 10px 0 0; padding: 0 0 0 10px; 
	float:left;
}
#copyright ul li a:link, #copyright ul li a:visited {
	text-decoration:none; line-height:30px; 
	color:#fff;
}
#copyright ul li a:hover, #copyright ul li a:active {
	color:#FFDCC6;
}
.site{
	border-left: 1px dotted #fff;
}
.up a:link, .up a:visited {
	display:block;
	width:45px; height: 30px; margin:0; padding:0;
	background: url(../pics/up_u.gif) right 2px no-repeat;
	text-align:left;
}
.up a:hover, .up a:active{
	background: url(../pics/up_o.gif) right 2px no-repeat;
}