/* Structure */
* { margin: 0; padding:0}
html { height: 100%; font-size:62.5%; font-family:Verdana; background-color:#000; }
body { height:100%; background-color:#000 ; background-image:url('images/bg-fp.jpg'); background-repeat:no-repeat; background-position:center top; border-top: 4px #bb1818 outset   }
.wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -150px;  }
.footer, .push {height: 150px; }
.wrapper { width:1011px; border:0px red solid }
#content { padding-bottom:100px; margin-top:20px }
#header {	height:170px; font-family:verdana;   } /* background-image:url('images/header_bg.jpg'); background-repeat:no-repeat;*/
	#logo { float:left;}
	#contact {	float:right; position:relative; top:30px;  }
	#contact p, #contact a, #contact a a:active, #contact a a:hover, #contact a a:visited {  color:#fff; }
	#logo, #contact {	height:134px }
#menu {	float:left; height:36px; text-align:center }	
#banner {	height:281px }
.homepagecol {  height:240px; overflow:visible; }

/* Typography  */
#menu {	 } /* font-family:sansation */
#header {font-size:1.8em}  #contact { font-size:1.0em; text-align:right }  #content {font-size:1.2em; padding-top:1em; line-height:1.4em}  .footer {font-size:1em}
H1 {font-size:2em;}  H2 { font-size:1.5em; }  H3 { font-size:1.25em; }  H4 { font-size:1em}  
#content h2, #content h3, #content h4, #content p { padding:0 0 1.4em 0  }
#content h1 {	margin-bottom:0.8em  }
INPUT, SELECT, TH, TD {font-size:1em }
LI LI { font-size:1em }
LI LI, LI P, TD P, BLOCKQUOTE P {font-size:1em }

#content li {	margin-left:20px; line-height:1.5em;  }
h1, h2, h3, h4, h5, h6, #content ul li div, p, li { color:#dedede }
#content h1, #content h2, #content h3,.red, #conent a {	color:#bb1818 }
.centeredcol{ text-align:center }
.centeredcol:first-line { font-weight:bold }
#homepagecolumns div { border:0px white solid  }
hr { color:black; background-image:url('images/homepage_sep.gif'); width:95%; background-repeat: no-repeat; margin:0; padding:0;text-align:center }
.sep { background-image:url('images/homepage_sep.gif'); background-repeat: no-repeat; margin:0; padding:0;text-align :left  }
.sep, .homepagecol { float:left; width:206px; margin-right:15px; border:1px red solid; }

/* headermenu */
/*
#menu ul {display: block;	text-align:center; list-style: none; }
#menu ul li{display: inline;list-style: none; }
#menu li{ margin:0; list-style: none; padding:0 8px 0 8px; border-right:1px #dedede solid }
#menu li, #menu li a, #menu li a:active, #menu li a:hover, #menu li a:visited { text-transform:lowercase; color:#dedede; }
*/
.topnav {	text-transform:lowercase;  }
ul.topnav {	list-style: none;padding: 0 20px;margin:0 auto;float:left;width:971px;	background: #222;font-size:0.8em;background: url( images/menu/topnav_bg.gif) repeat-x; font-weight:bold}
ul.subnav { font-size:0.9em }
ul.topnav li {	float: left;margin: 0;	padding: 0 10px 0 10px;	position: relative; /*--Declare X and Y axis base for sub navigation--*/}
ul.topnav li a{	padding:10px 5px;color: #fff;display: block;	text-decoration: none;	float: left;}
ul.topnav li a:hover{	background: url(images/menu/topnav_hover.gif) no-repeat center top;}
ul.topnav li span { /*--Drop down trigger styles--*/width: 17px;height: 35px;float: left;background: url(images/menu/subnav_btn.gif) no-repeat center top;}
ul.topnav li span.subhover {background-position:center bottom;cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {	list-style: none;position:absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/	left: 0; top: 35px;
	background: #333;	margin: 0; padding: 0;display:none;float:left;width:170px;border: 1px solid #111;}
ul.topnav li ul.subnav li{	margin: 0; padding: 0;border-top:1px solid #252525;/*--Create bevel effect--*/border-bottom: 1px solid #444; clear: both;width: 170px;}
html ul.topnav li ul.subnav li a {	float: left;width: 145px;background: #333 url(images/menu/dropdown_linkbg.gif) no-repeat 10px center;padding-left: 20px;}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/background: #222 url(images/menu/dropdown_linkbg.gif) no-repeat 10px center;}


/* footer menu */
.footer {	background-color:#000;  text-align:center; }
#ftr_images { width:430px; margin:0 auto;  }

#footermenu ul {display: block;	text-align:center; list-style: none;  }
#footermenu ul li{display: inline;list-style: none; width:76px; height:30px; border:0px white solid }
#footermenu li{ margin:0; list-style: none; padding:0 10px 0 10px }
#footermenu li, #footermenu li a, #footermenu li a:active, #footermenu li a:hover, #footermenu li a:visited { text-transform:capitalize;color:white;}


/* Links  */
a, a:visited, a:active{ text-decoration: none; color:white }
a:hover {text-decoration:underline; color:white }

/* Lists, images, etc.  */
img {  border:0; padding:0;  }
.clear { clear:both; padding:0; margin:0; height:1px }
.subhd { margin-bottom:15px }
#homepagecolumns {	margin-top: 20px }
.staffbox {	float:left; width:168px; margin:0; padding:0 }
.contactus, .warehouse {	float:left; }
.warehouse img {	width:267px; height:200px; margin:30px}
.slImage{	width:105px; height:105px  }

/* technical support lines  */
#technicalsupportlines .staffbox {	margin:20px 0 20px 0 }

/* quality statments */
.comppic {	height:105px }

/* Meet the team */
#meettheteam h2 { margin:40px 0 0 0; padding: 0}
.staffpic {	width:127px; height:95px}


/* Brands and Products */
.position {	height:20px }
.position p { font-weight:bold; margin:0; padding:0 }
#brandsproducts  .staffbox { margin-top:20px }
/* 
.position {	height:20px }
.staffbox { }
*/

/* jCarousel */
#carousel2 {	height:281px }

/* contact */
#contactpage { width:600px; margin:0 auto }
#contactaddress, #contactdetails {	float:left }
#contactaddress {	margin-right:100px }