/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #347595;
	text-align				: center;
	margin					: 15px 0px 15px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #377697;
	background-image		: url(../images/bkgrnd.gif);
	background-repeat		: repeat-x;
}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 750px;
	min-height				: 600px;
	margin					: 0px auto 0px auto;
	padding 				: 0px 0px 0px 0px;
	text-align				: left;
	display					: block;
	background				: #3D7A97 url("../images/bkgrndContainer.jpg") top repeat-x;
	
	
}

*html #container{
	height					: 600px;
	
}



/*###############
##### FONTS #####
###############*/ 

 
 
p{
	padding					: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 100%;
	line-height				: 1.4em;
}


h1{  /*  Page Titles */
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 0px 10px 0px;
	line-height				: 1.2em;
	font-size 				: 150%;
	font-weight				: normal;
	border-bottom			: 1px solid #CCCCCC;	

}


h2{  /*  Teaser Titles */
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 130%;
	font-weight				: bold;
}


a{
	color					: #666666;
	text-decoration			: none;
}

a:hover {
	color					: #000000;
	text-decoration			: underline;
}



/*################
##### HEADER #####
################*/ 


#header{
	width					: 750px;
	height 					: 114px;
	display					: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background-image		: url(../images/bkgrndHeader.jpg);

}

.logo{
	margin					: 0px 0px 0px 8px;
	padding					: 0px 0px 0px 0px;
	float					: left;
	border					: none;

}

.phoneNumber{
	margin					: 10px 20px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: right;
	font-size				: 25px;
	font-weight				: bold;
	color					: #000000;		
}


/*###############
#### CONTENT ####
###############*/ 
	
#contentOuter{
	display 				: block;
	margin					: 0px 10px 0px 10px;
	padding					: 5px 5px 5px 5px;
	width					: 716px;
	min-height				: 400px;
	border					: 2px solid #347595;
	background				: #FFFFFF url("../images/bkgrndContent.gif") top repeat-x;
}

*html #contentOuter{
	height					: 400px;

}

#contentInner{
	margin					: 0px 0px 0px 0px;
	padding					: 1px 1px 1px 1px;
	background-color		: #FFFFFF; 
	border					: 1px solid #DBDCDE;
}



#leftCol{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: left;
	width					: 150px;
	height					: auto;
	background-color		: #EEDA53;
}


#content{
	display 				: block;
	float					: left;
	margin					: 0px 0px 0px 10px;
	padding					: 0px 0px 0px 0px;
	width					: 540px;
	height					: auto;
}

#content ul{
	display 				: block;
	margin					: 5px 0px 10px 10px;
	padding					: 0px 0px 0px 0px;
	list-style				: disc;
}

#content ul li{
	display 				: block;
	margin					: 0px 0px 3px 10px;
	padding					: 0px 0px 0px 0px;
}




/*################
### NAVIGATION ###
################*/ 


/* TOP NAV */
#header ul{
	margin 					: 50px 3px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: right;
	list-style 				: none;
	width					: 395px;
	height					: 25px;
}

*html #header ul{
	margin 					: 50px 7px 0px 0px;
}



#header ul li{
	display					: inline
	
}

#header ul li a{
	margin					: 0px 0px 0px 10px;
	padding					: 0px 10px 0px 10px;
	display 				: block;
	float 					: left;
	text-decoration 		: none;
	font-size 				: 18px;
	font-weight				: bold;
	text-align				: center;
	line-height				: 1.4em;
	height 					: 25px;
	color					: #347595;
	border					: 1px solid #CCCCCC;
	background-color		: #FFFFFF;	
	
}

#header ul li a:hover{
	text-decoration 		: none;
	color					: #FFFFFF;
	border					: 1px solid #999999;
	background-color		: #347595;
}

#header ul li a.selected{	
	text-decoration 		: none;
	color					: #EEDA53;
	border					: 1px solid #999999;
	background-color		: #347595;
}




/* LEFT NAV */
#leftNav ul{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	clear					: both;
	list-style 				: none;
	width					: 150px;
	height					: auto;
}


#leftNav ul li a{
	margin					: 0px 0px 0px 0px;
	padding					: 8px 0px 8px 10px;
	clear					: both;
	display 				: block;
	float 					: left;
	color					: #347595;
	text-decoration 		: none;
	font-size 				: 13px;
	line-height				: 1.2em;
	width					: 140px;
	min-height 				: 10px;
	border-top				: 1px solid #FFFFFF;
	border-bottom			: 1px solid #D1BE45;
}

*html #leftNav ul li a{
	padding					: 8px 0px 8px 7px;
	height 					: 10px;
}


#leftNav ul li a:hover, #leftNav ul li a.selected{
	text-decoration 		: none;
	color					: #347595;
	background-color		: #E8CD13;
}




/*##################
##### PRODUCTS #####
##################*/ 

.prod{
	display					: block;
	float					: left;	
	margin					: 0px 10px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	width					: 170px;
	height					: 190px;
	text-align				: center;
	text-decoration			: none;
	color					: #347595;
}

.prod img{
	border					: 1px solid #CCCCCC;
}

.prod a:hover{
	text-decoration			: none;
}


.prod img:hover{
	border					: 1px solid #347595;
}





/*#################
##### TEASERS #####
#################*/ 

#teaser{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: left;
	width					: 150px;
	height					: 200px;
	background				: #EEDA53 url("../images/bkgrndNav.gif") top left repeat-x;
	border-top				: 1px solid #FFFFFF;
}

#teaser ul{
	margin 					: 20px 0px 0px 15px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 117px;
	height					: 117px;
}


#teaser ul li a{
	margin					: 0px 0px 0px 0px;
	padding					: 35px 10px 0px 10px;
	display 				: block;
	color					: #FFFFFF;
	text-decoration 		: none;
	font-weight				: bold;
	text-align				: center;
	font-size 				: 15px;
	line-height				: 1.2em;
	width					: 97px;
	height					: 82px;
	background-image		: url(../images/sale.gif);
	border					: none;
}


#teaser ul li a:hover{
	text-decoration 		: none;
	color					: #FFFFFF;
	background-image		: url(../images/saleOver.gif);

}



/*################
##### FOOTER #####
################*/ 

#footer{
	margin					: 0px auto 0px auto;
	padding					: 0px 15px 0px 15px;
	height					: 38px;
	width					: 720px;
	line-height				: 1.4em;
	font-size				: 11px;
	color					: #FFFFFF;

}

#footer a {
	text-decoration			: none;
	color					: #FFFFFF;
}


#footer a:hover {
	color					: #FFCC33;
	text-decoration			: underline;
}


#copyright{
	margin					: 0px;
	padding		 			: 5px 10px 0px 0px;
	float					: left;
	text-align				: left;
	
}


#footerLinks{
	float					: right;
	margin					: 0px;
	padding		 			: 5px 0px 0px 5px;
	text-align				: right;
}



/*###############
##### MISC. #####
###############*/ 

.clear{
	clear					: both;
	height					: 0px;
}


.btn a{
	margin					: 7px 0px 0px 275px;
	padding		 			: 0px 0px 0px 0px;
	position				: absolute;
	display					: block;
	background-image		: url(../images/bkgrndNav.gif);
	background-position		: bottom;
	height					: 18px;
	width					: 70px;
	text-decoration			: none;
	text-transform			: lowercase;
	text-align				: center;
	font-size				: 11px;
	line-height				: 1.8em;
	color					: #FFCC33;
	border					: 1px solid #333333;
		
}

.btn a:hover{
	background-image		: url(../images/navOver.gif);
	background-position		: bottom;
	color					: #FFFFFF;
	text-decoration			: none;

		
}


/* CONTACT FORM */
.table{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;

}

.table td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 10px 5px 0px;	
	vertical-align			: top;

}


.textField{
	width					: 230px;
	height					: 16px;
	font-size				: 13px;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 230px;
	height					: 80px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

input.submitBtn{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	font-weight				: normal;
	text-align				: center;
	text-decoration 		: none;
	font-size 				: 14px;
	line-height				: 1.0em;
	height					: 28px;
	width					: 100px;
	font-weight				: bold;
	border					: 1px solid #999999;
	background-color		: #FFFFFF;
	color					: #347595;
	cursor					: pointer
}

input.submitBtn:hover{
	color					: #EEDA53;
	background-color		: #347595;
}