@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0}
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	margin: 2px 0 0 0;
}
#wrapper {
	width: 782px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}
h1 {font-size: 0.9em; color: #003366;  font-weight: bold;}
h2 {font-size: 1em; color: #003366; font-weight: normal;}
h3 {font-size: 0.9em; color: #003366; font-weight: normal;}
p {font-size: 0.8em; color: #003366; line-height: 1.3em}
ul {margin: 10px 0 10px 30px; color: #464646; font-weight: normal;}
li {padding: 5px 0;}
a:link, a:visited, a:hover, a:active { color: #003366; font-weight: bold;}
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color: #003366; font-weight: normal;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover {text-decoration: underline;}

/* main box */

.main_box_top { width: 782px; height: 10px; float: left; background: url(images/main_box_top.gif) no-repeat; font-size: 0;}
.main_box_bottom {width: 782px; height: 10px; float: left; background: url(images/main_box_bot.gif) no-repeat;}
.main_box_content {width: 778px; float: left; border-left: 2px solid #a0a0a0; border-right: 2px solid #a0a0a0;}

/* banner */

.banner {
	width: 778px;
	height: 126px;
	float: left;
	background: url(images/banner.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
.contact_details {width: 220px; float: right; margin: 50px 10px 0 0;}
.contact_details a:link, .contact_details a:visited, .contact_details a:active { text-decoration: none; font-weight: normal;}
.contact_details a:hover { text-decoration: underline; font-weight: normal;}


/* feature areas*/

.flasharea {width: 776px; height: 100px; float: left; margin: 0 1px;}
.insp_flash {width: 400px; margin: 20px auto;}

/* content */

.content {width: 648px; float: left; padding: 30px 0 0 0; text-align: justify;}
.text {width: 600px; float: left;}
.cat_box {width: 628px; float: left; padding: 10px 10px 30px 0;}
.left {width: auto; float: left; margin: 0 10px 0 0;}
.right {width: auto; float: right; margin: 0 10px 0 20px;}
.catright {width: auto; float: right; margin: 5px 0 20px 20px;}
.centre_image {width: 570px; margin: 0 auto; text-align: center;}


/* portfolio area */

.portfolio_img {width: 300px; height: 340px; margin: 0; text-align: center; float: left;}
.portfolio_text {width: 300px; margin: 0 10px 0 0; text-align: left; float: right; padding: 0 10px;}
.portfolio_nav {width: 640px; float: left; padding: 10px 0;}
.portfolio_nav_back {width: 100px; float: left; margin: 0 0 0 60px; text-align: center;}
.portfolio_nav_forward {width: 100px; float: right; margin: 0 60px 0 0; text-align: center;}
.centre {margin: auto; width: auto;}

/* address bar */

.sitemap {width: 748px; float: left; padding: 10px 0 5px 25px;}
.sitemap a:link, .sitemap a:visited, .sitemap a:hover, .sitemap a:active {font-size: 0.7em; text-decoration: none;}
.sitemap a:link, .sitemap a:visited, .sitemap a:active {color: #003366;}
.sitemap a:hover {color: #cccccc;}
.address_bar {width: 778px; float: left; background: #dddddd; padding: 10px 0 0 0;}
.address_bar p {text-align: center; color: #003366;}

/* nav */

.nav {width: 110px; float: left; padding: 19px 10px 60px 8px;}
.nav ul {list-style: none; margin: 0;}
.nav ul a {font-size: 0.8em; color: #003366; font-family: Arial, Helvetica, sans-serif;}
.nav ul a:link, .nav ul a:visited, .nav ul a:hover, .nav ul a:active { text-decoration: none;}
.nav ul a:hover {color: #cccccc;}
.nav li {padding: 3px 0 2px 0;}
.paddedli { width: auto; padding: 5px 0 0 1px;}

/* supplier pages */

.supplier_text {width: 445px; float: left;}
.supplier_text_left {width: 230px; float: left;}
.supplier_text_right { width: 200px; float: right;}

/* footer */

.footer {width: 778px; clear: both; height: 10px;}

/* estimates */

.cell_pad {padding: 0 0 0 5px;}

#google {width: 638px; float: left; display: inline;}
.map_text a:link, .map_text a:visited, .map_text a:hover, .map_text a:active {font-size: 0.8em; color: #333333;}

#index-slides {width: 600px; height: 589px; float: left; display: inline; overflow: hidden;}
#index-slides-temp {width: 600px; float: left; display: inline; overflow: hidden;}
.red {color: #ff0000; margin: 0 0 10px 0; font-size: 1em;}