* { margin: 0; padding: 0; }

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: #446e8c url(../images/bg.jpg) repeat-x;
	color: #CCCCCC;
}

a { text-decoration: none; color: #339933; font-weight: bold;  }
a:hover { color: #FF6600;  }

a.inquiry { padding: 5px 10px; border: 1px solid #CCCCCC; text-transform: uppercase; background: #339933 url(../images/inquiry.jpg) center repeat-x; color: #ffffff; }
a.inquiry:hover { background: #339933 url(../images/inquiry-over.jpg) center repeat-x; color: #ffffff; }

h1 { font: 50px/100% "Century Gothic", Arial, Helvetica, sans-serif; letter-spacing: -4px; }
h1, h3, h4 { margin: 5px 0; color: #339933; }
h2 { padding: 10px; margin-bottom: 5px; width: 610px; background: #339933; color: #ffffff; font: 20px Arial, Helvetica, sans-serif; text-transform: uppercase; float:left }
h3 { font: bold 16px Arial, Helvetica, sans-serif; color: #006699; }
h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #006699; }

p { margin: 0 0 10px 0; font: 14px/150% Arial, Helvetica, sans-serif; color: #444444; text-align: justify; }

table { border-collapse: collapse; }
th { vertical-align: top; }
th, td { padding: 0 10px 5px 0; }

table.contact th { text-align: right; }

img { margin: 0 0 5px 0; float: left; }

div.map iframe { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}

#maincontainer {
	width: 960px;
	margin: 0 auto;
	background: #f1f1f1;
}

#container { float: left; }

/* top navigation */
#navigation { width: 960px; height: 100px; background:#006699 url(../images/nav-bg.png) no-repeat; float: left; }

#navigation ul { margin: 70px 20px 0 0; float: right; list-style: none; display: inline; text-transform: uppercase; font: bold 15px Arial, Helvetica, sans-serif; }
#navigation ul li { display: inline; }
#navigation ul li a { width: 90px; height: 20px; padding: 5px 10px; display: inline-block; color: #dddddd; text-align: center }
#navigation ul li a:hover { color: #ffffff; }
#navigation ul li a.navselected { background: #f1f1f1 url(../images/nav-top.gif) top center no-repeat; color: #339933 !important}
/* end - top navigation */

/* content area */
#contentarea { width: 960px; background: #f1f1f1; float: left; }

#content { width: 630px; margin: 10px; float: left; display: inline; color: #444444; }

#content ul { margin: 10px 20px; list-style: square; font: 14px/150% Arial, Helvetica, sans-serif; color: #444444;}
#content .logobar { width: 630px; float: left; text-align: center;  }
#content .logobar img { margin: 4px; border: 1px solid #CCCCCC; }
/* end - content area */

/* products */
.product { width: 615px; padding: 5px 10px 5px 5px; float: left; background: #FFFFFF; border-top: 1px solid #CCCCCC; }
.product .productimage { width: 280px; float: left}
.product .productdesc { width: 335px; float: left; }
.product .productdesc p { font-size: 12px; }
.productbottom { height: 18px; width: 630px; margin-bottom: 10px; background:url(../images/sidebar-bottom.jpg) repeat-x; float: left;  }
.product .productdesc ul { margin: 10px 10px 10px 20px; list-style: square; color: #333333; }
.product .productdesc ul li { margin-bottom: 10px; }
/* end - products */

/* items */
.itemcol { width: 305px; }
.item { width: 305px; margin: 0 0 10px 0; background: #ffffff; text-align: center; border-bottom: 1px solid #dddddd; float:left}
.item h3 { margin: 0; padding: 5px; background: #006699 url(../images/product-item-bg.gif) top right no-repeat; color: #ffffff; }
.item img { margin: 5px 60px }
.item a img { border: none; }
.item p { margin: 10px; text-align: left; font-size: 12px }
.fr { float: right }
.fl { float: left }
.nomargin { margin: 0 }
/* end - items */

/* home page slide show */
#slideshow { width: 630px; height: 300px;  overflow: hidden; }
#slideshow img { width: 630px; height: 300px; }

/* sidebar items */
#sidebar { width: 300px; margin: 10px 10px 10px 0; float: right; display: inline; }
#sidebar .sidebaritem { margin-bottom: 10px; background: #ffffff; float: left }
#sidebar .sidebaritem .sidebarheading { padding: 10px 10px; width: 280px; background: #339933 url(../images/sidebar-head-bg.jpg) no-repeat; color: #ffffff; font: bold 16px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; float:left }
#sidebar .sidebaritem .sidebarcontent { padding: 10px 10px 0 10px; color: #666666; float: left }
#sidebar .sidebaritem .sidebarcontent h4 { width: 250px; }
#sidebar .sidebaritem .sidebarcontent p { line-height: 120%; }
#sidebar .sidebaritem .bottom { height: 18px; width: 300px; background:url(../images/sidebar-bottom.jpg) no-repeat; float: left; }

/* sidebar links */
#sidebar .sidebarnav ul { font-size: 14px; text-transform: uppercase; text-align: left; border-bottom: 1px solid #eeeeee;}
#sidebar .sidebarnav ul li { display: block; }
#sidebar .sidebarnav ul li a { width: 250px; padding: 10px 10px 10px 40px; background: url(../images/sidebar-nav.gif) left center no-repeat; display: inline-block; border-top: 1px solid #eeeeee; }
#sidebar .sidebarnav ul li a:hover { background: url(../images/active-sidebar.jpg) left center no-repeat; color: #eeeeee; }
#sidebar .sidebarnav ul li a.selected {  background: url(../images/active-sidebar.jpg) left center no-repeat; color: #eeeeee;}

/* side bar brand slide show */
#brands { width: 280px; height: 150px; overflow: hidden; }
#brands img { width: 280px; height: 150px; }
/* end - sidebar */

/* footer */
#footer { width: 960px; padding: 10px 0; background: #333333; float: left; text-align: center; color: #eeeeee; }
#footer a { text-decoration: none; color: #339933; }
#footer a:hover { color: #ffffff; border: none; }
/* end - footer */

/* Form */
div.form {margin-top: 10px; float: left; }
div.form .required { border: 2px solid red; background-color: #FFFFCC; }
label { width: 160px; margin: 2px 10px; display: inline-block; vertical-align: top; font-weight: bold; text-align: right; }
input { width: 400px; margin: 2px 10px; padding: 5px; border: 1px solid #CCCCCC; font-size: 16px; }
input.button { width: 150px; font-weight: bold; }
textarea { width: 400px; margin: 2px 10px; padding: 5px; }