@import url(typography_color.css);
@import url(layoutTwoColumns.css);
@import url(layoutOneColumn.css);
@import url(contact.css);


* {margin:0;
	padding:0;
	}
	
body{
	margin-top:20px;
	text-align:center;
	min-width:850px;
}

a:link {color: #cc0000;text-decoration:none;}
a:visited {color: #cc0000;text-decoration:none;}
a:hover {color: #cc0000;text-decoration:none;}
a:active {color: #cc0000;text-decoration:none;}

.shadowMain, .shadowBLCorner, .shadowTRCorner{position:relative;
margin:0 auto;
	width:850px;
display:block;
}
.shadowMain{
	background:url(../images/template/shadow4.jpg) no-repeat right bottom;
	padding-right:15px}
.shadowBLCorner{
	background:url(../images/template/shadow3.jpg) no-repeat left bottom;}
.shadowTRCorner{
	background:url(../images/template/shadow2.jpg) no-repeat right top;
	padding:0 15px 15px 0;}


#wrapper{
	margin:0 auto;
	width:850px;
	text-align:left;
	}	
#branding{position:relative;
	height:100px;
	width:850px;
	background:url(../images/template/bannerwlogo.jpg) no-repeat left top;
	}
img#logo{position:relative;
	top:10px;
	left:60px;
	
	}

/* Navigation Bar
================================== */
#ul{background:url(../images/design/navbgd1000.gif) no-repeat right bottom;
	}
#nav  {
	width:850px;	
	list-style: none;
	float:left;
		}

#nav, #nav ul{padding:0;
	margin:0;
	list-style:none;}
	
#nav a {
	display:block;
	padding:5px 5px 5px 30px;
	text-decoration:none;
}
#nav li.bo a{width:150px;
	padding:3px 5px 5px 30px;}
#nav li {
	float: left;
	width:137px;
	text-decoration:none;
	
}
#nav li ul {
	position: absolute;
	width:137px;
	left: -999em;
	list-style:none;
	z-index:200;
}
#nav li ul li.seclevel{width:200px;}

#nav li:hover ul {
	left: auto;
}




/*=====================navigation bar2===========*/
#nav2  {position:absolute;
	right:0;
	bottom:0;
	width:330px;
	height:31px;
	background:url(../images/template/nav2bgd.gif) no-repeat right bottom;
	list-style: none;
	text decoration:none;
	z-index:200;		
}
#nav2 ul{padding:0;
	margin:0 ;}
	
#nav2 a {
	display: block;
	text-decoration:none;
	padding-left:40px;
	padding-top:5px;	
}

#nav2 li {
	float:left;
}


/*=====================end navigation bar2===========*/
	

#footer{
	clear:both;
	height:30px;
	overflow:hidden;
	width:850px;
}
#footer .footerimg{
	display:inline;
	float:right;
	}
#footer p.footertxt{
	padding-left:40px;
	
}
#footer p.footertxt_index{
	padding-left:40px;
	font-size:12px;
	
}

h1{
  padding-top:30px;
  margin-bottom:20px;
	}  


h3{
  padding:10px 30px 0px 0px;
}

.quoteright {
	text-align:right;
	}
	
/*========margins===========*/
p.leftcont, p.quoteright, p.quoteleft, address.leftcont {
	margin-right:40px;
  
}

h1, h3, p.leftcont, address.leftcont{
  margin-left:40px;
  margin-top:10px;
  
}

p.quoteleft{
	margin-bottom:20px;
	margin-left:40px;
	margin-top:40px;
	
	}
p.quoteright{
	margin-bottom:50px;
	margin-left:40px;
	margin-top:80px;
	
	}

p.author{font-size:14px;}


/*=============about us===========*/

h1.head2{position:relative;
	left:-12px;
	width:100px;
	padding-left:12px;
	background:  url(../images/template/headerbgd.gif) no-repeat left bottom;}
	
h1.head3{position:relative;
	left:-12px;
	width:100px;
	padding-left:12px;
	padding-top:30px;
	background:  url(../images/template/headerbgd.gif) no-repeat left bottom;}

.story1{margin:20px 10px 5px 40px;}
p.caption3{margin-left:40px;}
	
h1.head4{position:relative;
	left:232px;
	top:-255px;
	width:70px;
	padding-left:12px;
	background:  url(../images/template/headerbgd.gif) no-repeat left bottom;
	}
h1.head10{position:relative;
	left:-12px;
	width:200px;
	padding-left:12px;
	background:  url(../images/template/headerbgd.gif) no-repeat left bottom;}
.newsprev{position:relative;
	left:282px;
	top:-237px;
	width:200px;
	}
/*=============our story===========*/
.leftcontbottom{margin:40px 40px 40px 40px;
	}

/*=============faq=================*/

.faq{margin:20px;}



/* rounded corner box
================================== */

.box { 
  width: 254px;
  background:url(../images/template/tile1.gif) repeat-y; 
  margin-left:30px;
}
.boxtitle1,.boxtitle2{
	width:100px;
	margin-left:34px;
	}
.boxtitle1{position:relative;
	top:0;
	left:15px;
	padding-top:66px;
	}
.boxtitle2{
	padding-top:50px;
	padding-left:15px;
	}

.box .head {
  background: url(../images/template/top1.gif) no-repeat left top;
  padding-top:20px;
  padding-bottom:5px;
  
}

.box .last {
  background: url(../images/template/bottom1.gif) no-repeat left bottom;
  padding-bottom: 20px;
  
}

.box head, .box p{
	padding-left:20px;
	padding-right:15px;
	}
	

/*===========where to buy=============*/

p.locationsmap {margin:40px 0px 20px 40px;
	}