body {
	margin-top:0px;
	padding-top:0px;
	background-image:url(graphics/body-bg.png);
}

* {
	margin: 0;
	padding: 0;
}

img { border: none; }

div#bg_image { 	
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-position:top;
	background-repeat:no-repeat 
	
}

div#space {
	width:960px;
	height:20px;
}

div#top_strip { 
	width: 100%; 
	height: 110px;
}

div#top_strip_logo { 
	width: 960px; 
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(graphics/header_logo.png);
	background-repeat:no-repeat;

}

div#top { 
	width: 100%; 
	height: 240px;
	padding-top:0px;
}

div#nav { 
	width:960px; 
	height: 30px;
	padding-top:0px;
	margin-left: auto;
	margin-right: auto;
}

div#header { 
	height: 20px;
	width:960px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #333;	
}

div#top_row { 
	height: 320px;
	width:960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 40px;
	background-image:url(graphics/green.jpg);
}

div#top_row_left { 
	height: 320px;
	width:500px;
	float:left;
}

div#top_row_right { 
	height: 301px;
	margin-top:9px;
	padding-top:1px;
	padding-left:1px;
	width:451px;
	float:left;
	background-color:#333;	
}



div#title { 
	width: 100%; 
	height: 70px;
	margin-left: 30px;
}

div#header_gallery { 
	height: 0px;
	width:960px;
	margin-left: auto;
	margin-right: auto;	 
}


div#middle { 
	width: 100%; 	
	margin-left: auto;
	margin-right: auto;	
}

div#content { 
	width: 100%; 
	width:960px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	padding-top: 0px;
}

div#work_container { 
	width: 960px; 
	min-height: 200px;
}

div#content_col1 { 
	width:340px;
	float:left;
	padding-left: 0px;
	padding-right: 25px;	
	border-right: 1px dashed #333; 
}

div#contact_col1 { 
	width:340px;
	float:left;
	padding-left: 0px;
	padding-right: 45px;	

}

div#content_col_wires { 
	width:290px;
	float:left;
	padding-left: 25px;
	padding-right: 0px;	
	border-left: 1px dashed #333; 
}

div#content_col1_work { 
	width:960px;
	float:left;
	padding-left: 0px;
	padding-right: 0px;	

}

div#content_col2 { 
	width:250px;
	float:left;
	margin-left: 20px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;

}

div#content_col2_home { 
	width:450px;
	float:left;
	padding-left: 0px;

}

div#content_col3_prod { 
	width:210px;
	float:left;
	margin-left: 20px;
	min-height: 400px;
}



div#footer {  }

div#footerContent {

	margin-left: auto;
	margin-right: auto;	
	clear:both;
	width:960px;
	color: #fff;
	font-size: 9px;	
	height:100px;
	background-image:url(graphics/stripes.gif);
}

div#footerContent_left {
	width:580px;
	float:left;
	padding-top:5px;
}

div#footerContent_right {
	width:250px;
	float:left;
	padding-top:5px;
}

div#footerCopyright {
	width: 960px; 	
	margin-left: auto;
	margin-right: auto; 
	line-height: 20px;	
}

div#footerBuildmedia { 
	float: right;
	margin-right: 10px;	
}

div#footerBuildmedia a { float:left; }

#footer a { 
	/*color:#00a2d7;*/ 
	color: #767e91;
	font-size:10px;
	text-decoration:underline;
	margin-left: 5px;
}

div#copyrite { 
	height: 15px;
	width:960px;
	padding-top:5px;
	margin-left: auto;
	margin-right: auto;
}

div#bottom { 
	width: 100%; 
	height: 50px;
	
}

div#bottom_con { 
	height: 50px;
	width:960px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #333;
	background-image:url(graphics/back_green.png); 
}

div#footer_left { 
	height: 50px;
	width:520px;
	float:left;
}

div#footer_right { 
	height: 50px;
	width:420px;
	float:left;
}

div#footer_logo { 
	height: 50px;
	width:38px;
	margin-top:7px;
	float:left;
}


div#list {
	color:#666;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height:20px;
	margin-left: 20px;
}


p {
	color:#999;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height:20px;
	margin-bottom: 12px;
}

p.work {
	color:#666;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height:17px;
	padding-top:10px;
	margin-left:10px;
	font-weight:400;
}

p.web {
	color:#47aa42;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height:15px;
	padding-top:10px;
	margin-left:10px;
	font-weight:600;
}

p.intro {
	color: #ccc;
	font-family: "Geneva", Arial, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight:400;
	margin-top: 30px;
	margin-right: 50px;
	margin-left: 30px;
	line-height:38px;
}


p.copyrite {
	color:#666;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 8px;
	font-style: normal;
	line-height:18px;
}

p.footer {
	color:#ccc;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height:20px;
	margin-top:12px;
	text-align:right;
}

td {
	color:#666;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	padding-bottom: 15px;
}

textarea {
	color:#666;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 13px;
}

.note { font-size: 10px; }

.colours td { padding-bottom: 5px; }


h1 {
	color: #666;
	font-family: "Geneva", Arial, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight:400;
	margin-top: 0px;
}

h2 {
	color: #666;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight:400;
	margin-top: 10px;
	width:960px;
}

h3 {
	color: #666;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight:400;
	margin-top: 15px;
}

#menu{
	margin-top: 70px;
	margin-left: 0px;
		float:left;
		width:100%;	
		display:block;

}

#menu ul{
margin: 0;
font: 13px arial;
list-style-type: none;

}

#menu li{
display: inline;
height:25px;

}

#menu li a{
line-height:20px;
font-family: 'Geneva', Helvetica, sans-serif;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 19px; 
color: #fff;
text-align:right;
border-right: 1px dashed #666;

}


#menu li a:hover, #menu li.selected a{
color: #47aa42;
}




#menu_work{
		float:left;
	
}

#menu_work ul{
margin: 0;
font-family: 'Geneva', Verdana, Lucida, Geneva, Arial, sans-serif;
font-size: 11px;
list-style-type: none;

}

#menu_work li{
display: inline;
height:200px;

}

#menu_work li a{
width:230px;
height:185px;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0px 0px; 
color: #666;
text-align:left;
margin-right:10px;
margin-bottom:30px;
border-bottom: 1px solid #333;

}


#menu_work li a:hover, #menu_work li.selected a{
color: #fff;
background-color:#000;
}





#menu_foot {
	font-family: 'Geneva', Verdana, Lucida, Geneva, Arial, sans-serif;
	padding-top:10px;
	
}
	
#menu_foot ul {
	text-decoration: none;		
}
		
#menu_foot li {
		display: inline;
}

#menu_foot li a {
	line-height:28px;
	text-decoration: none;	
	font-size:10px;	
	color: #ccc;
	padding-left:10px;
	padding-right:10px;
	border-right: 1px dashed #666;
}

#menu_foot li a:hover { 
	color: #666; 
}



.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.clearfix { display: inline-table; }

/* backslash hack hides from IE mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end backslash hack */