@charset "utf-8";
/* CSS Document */

body { 
	background: #66cccc url(../images/background_clouds.jpg); ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3em;
	}
	*html body { 
	font-size: 10px; /* for IE5/Win */
	f\ont-size: 12px; /*for other ie versions */
	}
	
img  { border: 0px; }
a img {border: 0px; outline: none; }

/* Style Elements+Classes */

h1 { font-size: 200%; font-style: normal; font-weight: bold; line-height: 1.25em; color: #0054a6;}
h2 { font-size: 180%; font-style: normal; font-weight: bold; line-height: 1.25em; color: #0054a6;}
h3 { font-size: 160%; font-style: normal; font-weight: bold; line-height: 1.25em; color: #0054a6;}
h4 { font-size: 140%; font-style: normal; font-weight: bold; line-height: 1.25em; color: #0054a6;}
h5 { font-size: 120%; font-style: normal; font-weight: bold; line-height: 1.25em; color: #0054a6;}
h6 { font-size: 100%; font-style: normal; font-weight: bold; line-height: 1.25em; color: #009966; margin-top: 10px;}

strong	{font-weight: bold; }
em 		{font-style: italic;}

a 			{ color: #0054a6; font-weight: bold; text-decoration: none; } /*lh:1.05 4 underline if not in body*/
a:visited 	{}
a:hover 	{ text-decoration: underline; }
a:active	{ outline: none; }

p { text-indent: 15px; margin: 10px 0; }

/* Layout Elements */
#container { border: solid #0054a6 1px; width: 778px; margin: 5px auto 5px auto; } /* Change margin-top to change top separation */

	#header { background: #fff url(../images/header.jpg) no-repeat; }
		#header a { width: 778px; height: 115px; display: block; text-indent: -5000px; }
	
	#contentHolder { background: #fff url(../images/nav_background.jpg) repeat-y top left; float: left; display: inline; }
	
		#mainNav { float: left; width: 180px; }
			#mainNav ul { background: #fff url(../images/nav_shadow.jpg) repeat-y; 
							border-bottom: solid white 1px; 
							border-top: solid white 1px; }
				#mainNav ul li { margin-top: 1px; }
				#mainNav ul li.top { margin-top: 0px; }
					#mainNav ul li a { width: 160px; height: 30px; display: block; text-indent: -5000px; }
					#mainNav ul li a.navHome { background: #0054a6 url(../images/nav_home.jpg) no-repeat top left;}
					#mainNav ul li a.navHome:hover { background-position:bottom; }
					#mainNav ul li a.navProducts { background: #0054a6 url(../images/nav_products.jpg) no-repeat top left;}
					#mainNav ul li a.navProducts:hover { background-position:bottom; }
					#mainNav ul li a.navCustom { background: #0054a6 url(../images/nav_custom.jpg) no-repeat top left;}
					#mainNav ul li a.navCustom:hover { background-position:bottom; }
					#mainNav ul li a.navContact { background: #0054a6 url(../images/nav_contact.jpg) no-repeat top left;}
					#mainNav ul li a.navContact:hover { background-position:bottom; }
					#mainNav ul li a.navAbout { background: #0054a6 url(../images/nav_about.jpg) no-repeat top left;}
					#mainNav ul li a.navAbout:hover { background-position:bottom; }
					#mainNav ul li a.navFAQ { background: #0054a6 url(../images/nav_faq.jpg) no-repeat top left;}
					#mainNav ul li a.navFAQ:hover { background-position:bottom; }
					#mainNav ul li a.navGallery { background: #0054a6 url(../images/nav_gallery.jpg) no-repeat top left;}
					#mainNav ul li a.navGallery:hover { background-position:bottom; }
					
					#mainNav ul li a.navProductsSub { background: #0055a6 url(../images/nav_subback.jpg) repeat-y top left; 
						height: 18px; color: #fff; text-transform: uppercase; padding-top: 2px;
						font-family: "Times New Roman", Times, serif; text-indent: 0px; text-align: center; 
						font-weight: bold; font-style: nomal; font-variant: normal; font-size: 13px; }
					#mainNav ul li a.navProductsSub:hover { text-decoration: none; background-position: bottom; }

			#banner { margin: 20px 0 10px 5px; background:}
			#banner img.payment_icons { margin: 20px 0 10px 0;}

		#mainContent { float: right; width: 588px; margin: 20px 10px 0px 0px; display:inline;}
	
	#footer { background: #0054a6 url(../images/footer_background.jpg) no-repeat top center; width: 778px; min-height: 27px; 
				float:none; clear:both; padding: 10px 0 5px 0;
				color: #fff; text-align: center; font-style: italic; font-weight: bold; }
	#footer a {color: #ffcc00; }
	#footer a.linkClarkeDesign {color: #7fc9c6; text-decoration:none; border-bottom: solid #ffcc00 0px; }
	#footer a.linkClarkeDesign:hover {color: #7fc9c6; border-bottom: solid #ffcc00 1px; }	

.product {
	font-weight: bold;
	text-align: left;
	float: left;
	margin: 0 15px 25px 15px;
	display: inline;
	width: 250px;
	border: solid red 0px;
/*	border-bottom: solid #3399cc 1px;*/
/*	padding-bottom: 10px;*/
}
.product150 {
	font-weight: bold;
	text-align: center;
	float: left;
	margin: 0 20px 10px 20px;
	display: inline;
	width: 150px;
	border: solid red 0px;
/*	border-bottom: solid #3399cc 1px;*/
/*	padding-bottom: 10px;*/
}
.product100 {
	font-weight: bold;
	text-align: left;
	float: left;
	margin: 0 5px 10px 5px;
	display: inline;
	width: 100px;
	border: solid red 0px;
/*	border-bottom: solid #3399cc 1px;*/
/*	padding-bottom: 10px;*/
}
.product form {
	text-align:center;
}

.productTitle {
	font-weight: bold;
	text-align: center;
	color: #3399cc;
}
.formReq {text-align: left; vertical-align: middle; font-weight: bold;}
.formNotReq {text-align: left; vertical-align: middle;}
.formInput { margin-left: 5px; width: 220px; }
.formTextArea {margin-left: 5px; width: 320px; height: 50px; }
.formSubmit {margin-left: 5px; background-color:#0054a6; color: white; font-weight: bold; padding: 1px 3px;}