/*-----------------------------------------------
Cooper Design
Author:   Jason Cooper
Version:  August 8 2008
----------------------------------------------- */


/* Global
----------------------------------------------- */

/* Remove border around linked images */
img {
	border: 0;
	padding: 0;
	margin: 0;
	}

a:link, a:visited, a:active {
	color: #004c8c;
    text-decoration: underline;
	}    
	
a:hover {
	color: #004c8c;
    text-decoration: none;
	}  

		
/* Header 
----------------------------------------------- */	
#header {
	margin: 0 auto;
  	padding: 0px;
  	background-image: url("../media/header.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	width:900px;
	}
	
#advatageBar {
	float: right;
	width: 665px;
	height: 15px;
  	background-image: url("../media/advantageBar.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#logoHome {
	float: left;
	width: 157px;
	height: 113px;
	margin: 0px;
	padding: 105px 0px 0px 40px;
	}
	
#logoSub{
	float: left;
	width: 300px;
	height: 197px;
	margin: 0px;
	padding: 0px 0px 0px 40px;
	}	
	
	
/* Navigation
----------------------------------------------- */
#mNav {
	margin: 0px;
	padding: 100px 80px 0px 0px;
	float: right;
	}
#mNav li {
	margin: 0px;
	padding: 0px 12px 0px 0px;
	}	
	

#nav li { display: inline; text-indent: -9999em; float: left; height: 89px; }
#nav a { overflow: hidden;}

#nav a:active {margin-top: 0px;}
#nav .on a,
#nav a:hover {background-position: bottom left !important;}

        .navDetails a  { background: url("../media/navDetails.jpg")   no-repeat; height: 83px; width:  89px; display: block; }
        .navBuy a  { background: url("../media/navWhyBuy.jpg")   no-repeat; height: 83px; width:  89px; display: block; }
        .navContact a  { background: url("../media/navContact.jpg")   no-repeat; height: 83px; width:  89px; display: block; }
       
#sNav {
	margin: 0px;
	padding: 0px;
	width: 70px;	
	float: left;
	text-align: right;
	}
	
#sNav ul{ 
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}		
	
#sNav li{ 
	margin: 0px;
	padding: 0px 0px 25px 0px;
	list-style-type: none;
	}	

#sNav ul li a:link, #sNav ul li a:visited, #sNav ul li a:active {
	color: #949494;
    text-decoration: none;
    font-weight: bold;
	}    
	
#sNav ul li a:hover {
	color: #b15c11;
    text-decoration: underline;
	}  
	
#selected {
	color: #b15c11;
    font-weight: bold;
	}  

/* Body 
----------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
  	background-color: #d7c4b4;
  	background-image: url("../media/bodyBg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	font-family: verdana, helvetica, arial, sans-serif;
  	font-size: 11px;
  	line-height: 15px;
  	color: #2c2c2c;
  	text-align: center;
	}

#container {
	margin: 0 auto;
	width: 900px;
	}
	
	
#main {
	margin: 0 auto;
  	padding: 20px 20px 20px 40px;
  	background-image: url("../media/leaf.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #fff;
  	text-align: left;
  	font-size: 11px;
	}	
	
#homeTxt {
	float: right;
	width: 360px;
	height: 322px;
    color: #2c2c2c;
	}
#subTxt {
	float: right;
	width: 360px;
    color: #2c2c2c;
	}	
	
	
.mHeader {
	margin: 0px  0px  8px  0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	}
	
.sHeader {
	font-size: 12px;
	font-weight: bold;
	color: #b15c11;
	}
	
#contentLeft {
	float: left;
	width: 400px;
	}
	#contentLeft img {
		border: solid 1px #c4a006;
		}
		
	#txtLeft {
		padding: 10px 0 0 0;
		float: left;
		width: 245px;
		}
	#txtRight {
		padding: 10px 0 0 0;
		width: 135px;
		float: right;
		text-align: right;
		}	
		#txtRight img {
			border: none;
			}
	
	
/* Misc.
----------------------------------------------- */	
.imgLeft {
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
.mainList {
	list-style-type: square;
	padding: 0px 0px 0px 17px;
	margin: 0px 0px 0px 0px;
	}


/* Footer 
----------------------------------------------- */
#footer {
	padding: 10px 0px 10px 0px;
	}	

#foot-a {
	color: #505050;
	font-size:11px;
	padding-left:15px;
	text-align:left;
	}	

#foot-b {
	color: #505050;
	font-size:11px;
	padding-right:16px;
	text-align:right;
	}
		
#foot-b a {
	color: #505050;
    text-decoration: none;
	}
		
#foot-b a:hover {
	color: #505050;
    text-decoration: underline;
	}
