@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/bgsub.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, h2{
	font-size:110%;
	font-weight:bold; margin:0;
}
h2, h3{
	font-size:100%;
}
#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 {
	width:255px;
	margin:10px 10px 0 0; padding: 10px 0 10px 0;
	text-align:center;
	color:#618A9C;
	float:right;
	background: url(../pics/topDotsSub.gif) 0 0 no-repeat;
}

.bigtel {
	display:block; min-height: 44px; width:256px;
	font-size: 230%;
	margin: 10px 10px 0 0;
	background: #F5EBDD url(../pics/baseDotsSub.gif) 0 bottom no-repeat;
}
/*********** Main Content *************/
#content {
	width: 520px;
	height:auto;
	padding: 10px 0 0 0; margin: 0 0 0 25px; color:#618A9C;
	background: url(../pics/topDotsSub.gif) 5px 10px no-repeat;
	float:left;
}
#content h1, #content h2{
	margin:10px 0 10px 0;
	clear:left;
}
#content h3{
	margin: 0; padding:0;
	float:left; clear:none;
}
#maintext {
	display:block;
	width: 237px; height: auto;
	margin:0 12px 0 0; padding:5px 0 10px 20px;  border:0;
	font-size:100%; line-height:1.2em; 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 15px 0 0; color:#618A9C;
}
#maintext a:link, #maintext a:visited{
	color:#C07E63; font-weight:bold;
}
#maintext ul{
	margin:0 0 10px 0; padding:0;
	color:#618A9C;
	list-style:outside;
	list-style: disc;
}
#maintext li{
	list-style: disc;
	margin:0 15px 15px 15px;  padding:0;
}
#maintext li li{
	list-style: disc;
	margin:10px 15px 0 15px;  padding:0;
}
#maintext .pagelist ul{
	margin:0 0 10px 0; padding:0;
}
#maintext .pagelist li{
	margin:0 0 5px 15px;  padding:0; font-weight:bold;
}
.name, .RQname {
	display:block;
	margin:0 0 20px 0; padding:0 15px 0 0;
	font-style: italic; font-weight:bold; font-size:90%;
}
.RQname {
	margin-left:20px;
}
#detailsList{
	width: 251px;
	margin:0; padding:0 0 0 0;  border:0;
	color:#618A9C;
	float:left; clear:right; line-height:1.2em;
}
#detailsList ul {
	margin:0 0 30px 50px; padding:0; color:#618A9C;
	clear:left;
}

#detailsList h1  {
	margin: 0 0 20px 20px; padding:20px 0 0 0;
}
#detailsList h2 {
	margin: 0 20px 0 20px; padding:20px 0 0 0;
}
#detailsList img{
	margin: 0; padding:0;
	float:left; 
}
#detailsList p{
	width: 215px; margin: 20px 0 0 20px; padding:0;
	float:left;
}
#detailsList a:link, #detailsList a:visited{
	color:#C07E63; font-weight:bold;
}
#eb {
	display:block;
	margin:0 0 0 20px;
}
.eb{
	display:block;
	width:101px;
	margin:20px 0 0 20px; 
}
#baseDots {
	background:url(../pics/BaseDotsSub.gif) 10px 0 no-repeat;
	margin:0;
	width:270px; height: 11px;
	float:left; clear:left;
}
#rightQuote{
	width: 251px; min-height:600px;
	margin:0; padding:80px 0 0 0;  border:0;
	color:#fff; font-weight:bold;
	background: url(../pics/quotePic.jpg) 0 0 no-repeat;
	float:left; clear:right;
}
#rightQuote p {
	margin: 0 20px 10px 20px;
}
.morequotes {
	width: 251px;
	margin:100px 0 0 0; padding:0;  border:0;
	color:#618A9C; font-weight:normal;
	float:left; clear:right;
}
.morequotes p {
	margin:0 20px 0 20px; padding:0;  border:0;
	color:#618A9C;
}

/************* Homepage Image & Products Image  **************/

#homepic {
	width:auto;
	min-height:289px;
	border-right: 3px solid #fff;
	float:left;
}
#topRightPic {
	width:auto;
	min-height:289px;
	float:left; clear:right;
}
/*********** Copyright Sitemap and disclaimer *************/
#copyright{
	width:100%; min-height:30px;
	margin:20px 0 0 0; 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 286px;
	line-height:30px; 
	float:left;
}
/* IE double margin fix */
* html #copyright p{
	margin-left:135px;
}
#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;
}

#offerTop {
	width: 180px;
	background: url(../pics/TopDotsOffer.gif) 0 0 no-repeat;
	margin:30px 0 0 0px; padding: 10px 0 0 0;
	font-size: 120%;  color:#fff;
	float:left;
}
.bigoffer {
	display:block; font-size: 150%;  font-weight: bold; color:#FFC39E; clear:both;
}
.offer {
	width: 177px; min-height:220px; margin:0; padding: 0; text-align:center;
	background: url(../pics/BaseOffer.gif) 0 bottom no-repeat;
}

.offerpic {
	display:block; padding: 20px 0 20px 0;
	clear:both;
}