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


/* STYLE RESETS
=====================================================================================
Reset browser defaults to make a more consistent experience across browsers
All rules here will be overwritten in the stylsheets imported below
http://meyerweb.com/eric/tools/css/reset/index.html
===================================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, caption 
										{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body 									{ line-height: 1; }
ul 										{ list-style: none; }
blockquote, q 							{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus 									{ outline: 0; }
/* remember to highlight inserts somehow! */
ins 									{ text-decoration: none; }
del 									{ text-decoration: line-through; }


/* 	===============================================================================
	TYPOGRAPHY
================================================================================  */
body 									{ font-family: Trebuchet MS, Helvetica, Verdana, Arial, sans-serif; word-spacing: 0.1em; text-align: left; letter-spacing: 0; line-height: 1.2em; font-size: 1em; }
h1 										{ font-size: 1em; } /* 16x1.5 = 18px */
h2 										{ font-size: 1em; } /* 16x1.125 = 18px */
h3, h4 									{ font-size: 1em; } /* 16x1 = 16px */
h5, h6, p, li, cite, blockquote 		{ font-size: 0.875em; } /* 16x0.875 = 14px */
p										{ margin-bottom: 1.25em; }
ol										{ padding: 5px 25px; }
ol li									{ margin: .5em 0; }

/* 	===============================================================================
	POSITIONING & LAYOUT STYLES
================================================================================  */
body									{ text-align: center; background: #003663; }
#wrapper								{ width: 950px; margin: 0 auto; overflow: auto; text-align: left; }
#header									{ height: 180px; overflow: auto; background: url("images/bg-header.png"); }
#contentWrapper							{ width: auto; overflow: auto; background: url("images/bg-content.png"); }
#footerWrapper							{ width: auto; overflow: auto; background: url("images/bg-footer.png") bottom right no-repeat; }

/* 	===============================================================================
	HEADER
================================================================================  */
#logo									{ float: left; width: 290px; }
#aboutus								{ float: left; width: 490px; margin: 35px 0 0 30px; }
#aboutus p								{ font-size: .875em; letter-spacing: 1px; font-weight: bold; color: #f2f2f2; }
#aboutus p								{ }
#established							{ float: right; }
#navigation								{ clear: right; height: 40px; overflow: hidden; background: url("images/bg-nav.png") top right no-repeat; }
#navigation ul							{ margin-right: 25px; }
#navigation li							{ float: right; }
#navigation li a						{ display: block; padding: 0 17px; line-height: 40px; vertical-align: middle; color: #f2f2f2; text-decoration: none; text-transform: uppercase; background: url("images/bg-navlink.png") no-repeat; }
#navigation li a:hover					{ background: url("images/bg-navlink.png") -200px 0; }


/* 	===============================================================================
	CONTENT
================================================================================  */
#main									{ padding: 25px 50px; }
#main h2								{ clear: both; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #999; }
#main h3								{ clear: both; margin: 25px 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #999; }

/* PRODUCTS */
#productWrapper							{ width: auto; overflow: auto; margin-bottom: 30px; }
#singleProduct							{ width: auto; overflow: auto; }
#singleProduct img						{ }
#singleProduct h5						{ clear: both; }
#singleProduct #singleDesc p				{ font-size: .875em; }
#singleProduct #singleImage				{ float: left; width: 300px; }
#singleProduct #singleDesc				{ float: right; width: 525px; }
.partsImg								{ float: right; width: 225px; padding: 30px 10px 10px 0px; }
#product1								{ float: left; width: 250px; }
#product2								{ float: left; width: 250px; margin-left: 45px; }
#product3								{ float: right; width: 250px; }

.product								{ background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #999; }
.product h1, .product h4				{ padding: 5px 0; font-weight: normal; text-align: center; font-style: italic; color: #fff; background: url("images/bg-headings.png"); -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; border-bottom: 3px double #003663; }
.product h1 strong, .product h4 strong	{ display: block; font-weight: bold; color: #f2f2f2; font-style: normal; }
.product h4 a							{ color: #f2f2f2; text-decoration: none; }
.product h4 a:hover						{ text-decoration: underline; }
.product img							{ display: block; margin: 10px auto; }
.product p								{ margin: 0; padding: 10px; font-size: .75em; }
.product ul								{ margin-bottom: 10px; }
#main .product h3						{ clear: none; margin: 5px 10px; font-weight: bold; border-bottom: 1px solid #999; }
.product h5								{ padding: 5px 0; text-align: center; color: #ccc; font-style: italic; background: url("images/bg-header.png") bottom left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; border-top: 3px double #003663; }
.product h5 a							{ color: #ccc; font-style: normal; text-decoration: none; }
.product a:hover						{ color: #fff; }
.product ol li							{ margin-left: 30px; }

#whyUs									{ float: left; width: 545px; }
#testamonials							{ float: right; width: 250px; }
#testamonials li						{ margin: 0 0 10px 15px; list-style: disc; }

#contactForm							{ width: inherit; overflow: auto; }
#contactLeft							{ float: left; width: 250px; overflow: auto; }
#contactRight							{ float: right; width: 250px; overflow: auto; text-align: right; }
#contactForm li							{ margin-bottom: 5px; }
#contactForm label						{ float: left; width: 100px; }
#contactForm textarea					{ width: 240px; height: 95px; }
#contactForm #contactSubmit				{ margin-top: 10px; text-align: right; }

/* 	===============================================================================
	FOOTER
================================================================================  */
#footer									{ font-size: .75em; }
#footer p.copyright						{ float: left; padding: 25px 0 25px 50px; font-style: italic; color: #333; }
#footer p.credits						{ display: none; float: right; padding: 25px 50px 25px 0; text-align: center; font-size: .75em; color: #999; }