
html {
min-height: 101%;
}

body {
	background: url(../images/bg.gif) repeat left;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}

#centrer {
	width: 660px;
	margin: 0 auto;
	background: #1E1E1E;
	padding: 18px;
	}

/* LOGO */

#logo { float: left; padding: 0 0 5px 0; margin: 0; }
#phone { float:right; width: 200px; text-align: right; position:relative; top: 45px; margin: 0; color:#CCCCCC; }
.ph_no { color: #FFFFFF; }
	
/* HERO IMG */
#hero {	margin: 0; width:660px; padding: 0; }
#hero img { display: inline; border: none; }


/* NAV */
#nav {
	padding: 0;
	margin: 0;
	list-style:none;
	}
	
#nav:after {
    content: "."; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #nav {height: 1%;}
/* End hide from IE-mac */

#nav ul {
	padding: 0;
	margin: 0;
	float: left;
	}

#nav li {
	float:left;
	margin:0;
	display:inline;
	padding: 5px 0;
	}
	
/* Main content */
#maincontent { width: 660px; font-size: 85%; margin: 0; padding: 0; }
#maincontent a {color:#000066; }
#maincontent p { padding: 0 0 20px 0!important; }

/* Set Columns */
#largecol {	width:420px; float:left; background: #1E1E1E; display:block; padding: 5px 0 0 0; margin: 0;	}
#smallcol {	width:232px; float:right; display:block; padding:0; margin: 0; background-color:#E3E3E3; }
#products_col { width: 660px; float:left; background: #1E1E1E; display:block; padding: 0 0 5px 0; margin: 0; }
#home_col {	width:420px; float:left; background: #1E1E1E; display:block; padding: 0; margin: 0;	}
/* large col */
#largecol h1, #products_col h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
	background-color: #1E1E1E; 
	font-size:200%; 
	border-top: 1px #333333 solid; 
	border-bottom: 1px #333333 solid;
	color:#D7D7D7; 
	padding: 5px 0; 
	margin: 0; 
	display: block;	}
	
#largecol h2, #products_col h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 140%;
	color: #EEE;
	padding: 10px 0 0 0;
	margin: 0 10px;
	border-bottom: 1px solid #444444;
	}

#largetext { padding: 0; margin: 10px 0 0 0; background: #313131; }
#largecol p, #products_col p { font-size: 110%; color:#B7B7B7; padding: 10px!important; line-height: 20px; margin: 0; padding: 0; display: block; }
#largecol a {color: #7A76A9; }
#largecol a:hover {color:#FFFFFF; }

#largecol ul {	
	display: block;
	list-style: none; 
	padding: 0; 
	margin: 0 0 20px 5px;
	background-image:none;
	}

#largecol li {
	display: block;
	margin: 0 0 5px; 
	padding: 10px;
	background:url(../images/img_bullet.gif) no-repeat left center;
	color:#EEEEEE;
	}
	
.top { text-align: right; }
	
/* small col */
#smallcol h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; display:block; margin: 0 5px; padding: 10px 5px 0 0; color: #444444; font-size:160%; border-bottom: 1px #CCCCCC solid; }
#smallcol h2 {font-weight: 400; font-size: 120%; color: #7A76A9; padding: 10px 0 0 0; border-bottom: 1px #CCCCCC solid; margin: 0 5px; }
#smallcol h3 { font-size: 130%; color: #333333; padding: 0; margin: 0; }
#smallcol img { padding: 5px; }
#smallcol p { padding: 10px!important; margin: 5px; color: #333333;  }

#smallcol a {color: #7A76A9; }
#smallcol a:hover {color: #333333; }

/* Product item listings */

#products_col a { font-size: 90%; }
#products_col img {border: none; }

a.product_col_item1 { width: 205px; display:block; background-color:#222222; float: left; padding: 5px; margin: 10px 7px 0 0; text-align: center; text-decoration: none; }
a.product_col_item2 { width: 205px; background-color:#222222; display:block; float: left; padding: 5px; margin: 10px 0 0 0; text-align: center; text-decoration: none; }
a.product_col_item3 { width: 205px; background-color: #222222; display:block; float: left; padding: 5px; margin: 10px 0 0 7px; text-align: center; text-decoration: none; }

a.product_col_item1:hover { background-color: #2B2B2B; cursor: pointer; display: block; text-decoration: none; }
a.product_col_item2:hover { background-color: #2B2B2B; cursor: pointer; display: block; }
a.product_col_item3:hover { background-color: #2B2B2B; cursor: pointer; display: block; }

/* Ads running on the right on content pages */

.ad {	width:232px; float:right; display:block; padding:0; margin: 0 0 5px 0; background-color:#E3E3E3; }
.ad img { padding: 5px; }
.ad h3 { font-size: 130%; color: #333333; padding: 0 5px 0 5px; margin: 0; }
.ad h4 { font-size: 90%; color:#666666; padding: 0 5px; margin: 0; }
.ad p { font-weight: bold; margin: 0 0 0 5px; padding: 0; }
.ad a {color: #7A76A9!important; }
.ad a:hover {color: #333333!important; }

.features ul {	padding: 0;	margin: 0; }
.features ul li { margin: 0 0 0 10px; padding: 5px 5px 5px 14px; color:#333333; background: url(../images/bullet.gif); background-repeat:no-repeat; background-position: left center; list-style: none!important; }

#map { vertical-align: middle; padding: 10px 55px; }
#map img { border:none; }

/* Footer */

#footer {
	width: 640px;
	display:block;
	background: #2C2C2C;
	clear:both;
	padding: 10px;
	text-align:left;
	color: #999999;
	margin: 5px 0 0 0;
	}
	
#footer p {	padding: 0; margin: 0;	font-size: 75%;	}
#footer a {text-decoration:none; color: #666666; }
#footer a:hover { color:#CCCCCC; }