/* GENERIC STYLES */

body {
    background-color: #393732;
    font-size:0.6em;
    font-family:Arial, Helvetica, sans-serif;
    margin:0px;
	text-align: center;
}

h1{
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin:-2px 0 0 0px;
}
A, A:link, A:active, A:visited{
	color: #ffffff;
	text-decoration: none;
}
A:hover{
	color: #ff7800;
	text-decoration: none;
}

/* CONTAINER DIVS */

div#outer {
	text-align: left;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
div#searchContainer{
	 text-align: right;
    width: 740px;
	 position: absolute;
	 top: 9px;
	 height: 20px;
}
html>body div#searchContainer{
	top:10px;
}
/* CONTENT BOXES */

div.content{
	 width: 200px;
	 height: 200px;
	 margin: 0 10px 9px 0;
	 float: left;
	 color: #ffffff;
	 line-height: 1.2em;
}
div.content p{
	 margin: 10px 0 0 0;
}
div.content h1{
	color:#a39a8e;
	font-size: 1.1em;
	line-height: 1.2em;
}
div.content li{
	margin-left:-25px;
}
html>body .content{
	margin-bottom: 9px;
}
div.content.image{
   /* background-color: #4d4842;*/
}

div.content.greyBox h1, div.content.greyBox p, div.content.greyBox h3{
	 padding: 5px;
}
div.content2Col{
	 width: 400px;
	 height: 280px;
	 margin: 0 10px 9px 0;
	 float: left;
	 color: #ffffff;
	 line-height: 1.2em;
}
div.content2Col p{
	margin: 0px 0px 10px 0px;
}
div.content2HCol{
	 width: 440px;
	 margin: 0 10px 0px 0;
	 float: left;
	 color: #ffffff;
	 line-height: 1.2em;
}
div.content2HCol p{
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	line-height: 1.2em;
}
div.content2HCol h1{
	color:#a39a8e;
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0px 0px 10px 0px;
}
div.contactDetails{
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	line-height: 1.2em;
}
.input {background-color:#918e8e}

.greyBox{
    background-color: #4d4842;
}

html>body div.content.greyBox{
    height:198px;
	 margin-top:2px;
}
div.content.greyBox p{
	margin-right:40px;
}
div.content.greyBox h3{
	color:#a39a8e;
	font-size: 1.3em;
	font-weight: 100;
	margin-right:21px;
	margin-top: 0;
	line-height: 1.2em;
}

.rightCol{
	float: right;
	margin-top:74px;
}

/* NAVIGATION BAR */

div#navStrap{
	 text-align: center;
	 position: absolute;
	 top: 40px;
	 left: 0;
    background-color:#000000;
	 height: 80px;
	 width: 100%;
}

div#nav {
	font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
	 text-align: right;
	 margin:0 auto;
    width: 730px;
    padding: 5px;
    margin-top: 1px;
}
div#nav img{
	margin-top:5px;
}
.navCol{
	text-align: left;
	float:left;
	width: 120px;
}

.navCol A, .navCol A:link, .navCol A:visited, .navCol A:active {
	color:#ffffff;
}

.navCol A:hover{
	color: #ff7800;
}

#searchBox A, #searchBox A:link, #searchBox A:visited, #searchBox A:active{
	color: #000000;
}

#searchBox A:hover{
	color: #ff7800;
}

/* HEADER INC BACKGROUND IMAGE, SEARCH AND TITLE GRAPHIC */

div#header {
    margin: 0 0 6px 0;
}

html>body #header{
	margin-bottom: 9px;
}

div#titleBox{
	 position: absolute;
	 top: 130px;
    background-color:#000000;
	 width: 200px;
	 height: 200px;
	 margin-top: 0; 
	 margin-right: 10px; 
	 margin-bottom: 9px;
}
div#titleBox img{
	 margin-top: 131px;
}
	 
.box01{
	 margin-left: 10px;
}
.box02{
	 margin-left: 210px;
}
.box03{
	 margin-left: 420px;
}
.box04{
	 margin-left: 530px;
}
div#searchBox{
	 opacity: .7;
	 filter: alpha(opacity=70);
	 background-color: #ffffff;
	 white-space: nowrap;
	 padding: 5px;
	 margin-left:365px;
	 width: 365px; 
	 height: 20px
}
div#searchBox input{
	margin-left:10px;
	font-size: x-small;
	background-color: #ffffff;
	 opacity: .9;
	 filter: alpha(opacity=90);
}

/* PRODUCT PAGE LISTING */
.products .productImage{
	width: 95px;
	float:left;
}
.products .description{
	width: 95px;
	float:left;
	padding-left:5px;
}
.products .description A, .products .description A:link, .products .description A:visited{
	color:#ffffff;
}
.products .description A:hover{
	color:#ff7800;
}
.products .description input{
	margin:0px;
	_margin-left:-4px;
}
.products .description p{
	margin-top:5px;
}
.products{
	width: 200px;
	margin: 0 10px 9px 0;
	float: left;
	color: #ffffff;
	line-height: 1.2em;
	height:95px;
}

.productsLarge{
	float:left;
}

.productDetails{
	width:295px;
	height:310px;
	float:left;
	color: #ffffff;
	margin-left:10px;
	padding-left:5px;
	_padding-left:5px;
}

.productDetails td{
	font-size:10px;
	color: #ffffff;
	padding: 2px 20px 5px 0;
	vertical-align: top;
	border-bottom: 1px solid #393732;
}

.productDetails h1{
	font-size:1.2em;
	_font-size:1.4em;
	_margin-bottom: 20px;
	padding: 5px 0 20px 0px;
	_margin-left: -5px;
}

.productDetailTitStat h1{
	font-size:1.2em;
	_font-size:1.4em;
	_margin-bottom: 20px;
	padding: 5px 0 5px 0px;
}

.productMain h1{
	font-size:1.2em;
	_font-size:1.4em;
	_margin-bottom: 20px;
	padding: 40px 0 20px 0px;
	text-decoration:underline;
}


/* PRODUCT PAGE LISTING */
div.project01{
	 color: #ffffff;
	 line-height: 1.2em;
}
html>body .project01{
	margin-bottom: 10px;
}
div.project01 img{
    background-color: #4d4842;
}
.project01a{
	 margin: 0 10px 7px 0;
	 width: 410px;
	 float: left;
}
.project01b{
	 margin: 0 0 7px 0;
	 float: right;
}
.project01c, .project01d, .project01e{
	 margin: 0 10px 7px 0;
	 float: left;
}
.project01f{
	 margin: 0 0 7px 0;
	 float: left;
}