html, body {
	margin:0; 
	padding:0;
	background:#e4e4e4;
	font-family:arial, sans-serif;;
	background: url(../images/back.jpg);
	color:#0e4182;
	font-size:85%;
	}
	
#wrap{
	width:898px;
	margin:0 auto;
	background:#e4e4e4;
}

h1 {
	font-size:180%;
	margin: 0.6em 0 0.5em 0;
}

h2 {
	font-size:150%;
}

a:link,
a:active,
a:visited,
a:hover{
	font-weight:bold;
	text-decoration:none;
	color:#0e4182;
	}
	
a:hover {
	text-decoration:underline;
}

a img{
	border:none;
}

p {
	padding:0;
	margin:1em 0 1.6em 0;
	line-height:1.75em;
}

#logo {
	padding:0;
	margin:0;
	background:url(../images/title.jpg);
	height:232px;
}

#menu {
	background:#083e88;
	font-family:impact, helvetica, arial;
	color:#fff;
	font-size:11pt;
	font-weight:normal;
	padding-left:20px;
	border-bottom:1px solid #083e88;
	position:absolute;
	z-index:12;
	top:180px;
	width:878px;
}

#menu ul {
	padding:0.5em 1.5em;
	margin:0;
	list-style:none;
	letter-spacing:1.5px;
	text-transform:uppercase;
}

#menu ul li {
	padding:0 0.4em;
	margin:0;
	border-right:1px solid #fff;
	display:inline;
}

#menu a:link,
#menu a:active,
#menu a:visited,
#menu a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#fff;
}

#menu a:hover{
	text-decoration:underline;
}

#menu img{
	border:none;
	}
	



 .cssnavhome
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/home_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 35px;
height: 12px;
margin: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
border-right:2px solid #fff;
}

 .cssnavabout
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/about_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 61px;
height: 12px;
margin: 0;
padding: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
border-right:2px solid #fff;
}
 
 .cssnavportfolio
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/portfolio_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 66px;
height: 12px;
margin: 0;
padding: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
border-right:2px solid #fff;
}

 
	
.cssnavindoorsystems
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/indoor_systems_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 90px;
height: 12px;
margin: 0;
padding: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
border-right:2px solid #fff;
}

 .cssnavoutdoorstructures
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/outdoor_structures_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 138px;
height: 12px;
margin: 0;
padding: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
border-right:2px solid #fff;
}

 .cssnavaccessories
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/accessories_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 82px;
height: 12px;
margin: 0;
padding: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
border-right:2px solid #fff;
}

 .cssnavwebshop
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/webshop_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 60px;
height: 12px;
margin: 0;
padding: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
border-right:2px solid #fff;
}

 .cssnavlinks
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/links_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 35px;
height: 12px;
margin: 0;
padding: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
border-right:2px solid #fff;
}

 .cssnavdownloads
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/downloads_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 73px;
height: 12px;
margin: 0;
padding: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
border-right:2px solid #fff;
}

 .cssnavcontactus
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/menu/contact_btn_over.jpg) no-repeat 6px 0;
white-space: nowrap;
display: block;
width: 73px;
height: 12px;
margin: 0;
padding: 0;
float:left;
margin:0.8em 0em;
padding:0 6px;
}

.cssnavhome a
{
display: block;
color: #000000;
font-size: 11px;
width: 35px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnavabout a
{
display: block;
color: #000000;
font-size: 11px;
width: 61px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnavportfolio a
{
display: block;
color: #000000;
font-size: 11px;
width:66px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}


.cssnavindoorsystems a
{
display: block;
color: #000000;
font-size: 11px;
width:142px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnavoutdoorstructures a{
display: block;
color: #000000;
font-size: 11px;
width:138px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnavaccessories a{
display: block;
color: #000000;
font-size: 11px;
width:82px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnavwebshop a
{
display: block;
color: #000000;
font-size: 11px;
width:60px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnavlinks a
{
display: block;
color: #000000;
font-size: 11px;
width:35px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnavdownloads a
{
display: block;
color: #000000;
font-size: 11px;
width:73px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnavcontactus a
{
display: block;
color: #000000;
font-size: 11px;
width:73px;
height: 12px;
display: block;
float: left;
color: black;
text-decoration: none;
}


* html a:hover
{
visibility:visible
}

.cssnavhome a:hover img,
.cssnavabout a:hover img,
.cssnavportfolio a:hover img,
.cssnavindoorsystems a:hover img,
.cssnavoutdoorstructures a:hover img,
.cssnavaccessories a:hover img,
.cssnavwebshop a:hover img,
.cssnavlinks a:hover img,
.cssnavdownloads a:hover img,
.cssnavcontactus a:hover img
{
visibility:hidden
}

.cssnavhome span
{
position: absolute;
left: 38px;
top: 12px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.cssnavabout span
{
position: absolute;
left: 64px;
top: 12px;
margin: 0px;
padding: 0px;
cursor: pointer;
}




#maincontent {
	padding:2px 2.5em;
	width: 840px;
}
#maintop {
	border-top:1px solid #E4E4E4;
}
#mainleft {
	float:left;
	/* width:610px;*/ /* removed 2008-11-05 RJB */
	/* border-bottom:1px dashed #aaa; /* removed 2008-11-05 RJB */
}

#webshop {
	float:right;
	margin:1em 0 0 1em;
}

#webshop img {
	border:none;
}

.clear {
	clear:both;
}
.description{
	border:1px solid #e4e4e4;
	border:none;
	_padding-bottom:1em;
	margin:0;
}

#recentwork h2 {
	font-weight:normal;
}

.portfolio {
	height:150px;
	min-height:150px;
	ma/rgin-bottom:1em;
	border:1px solid red;
	border:none;
	position:relative;
}

*>.portfolio {
	height:auto;
}

#portfolio-images{
	margin-top:1em;
}
.portfolio img {
	float:left;
	border:1px solid #bea998;
	margin-right:1em;
}
#recentwork .portfolio h2{
  font-weight:bold;
}
#portfolio-images .image {
	float:left;
}

#portfolio-images img {
	border:1px solid #bea998;
	margin-right:35px;
	margin-bottom:1em;
}
#portfolio-images img.last {
	border:1px solid #bea998;
	margin-right:0px;
	margin-bottom:1em;
}
.link{
	padding-bottom:1em;
}

.link img {
	float:left;
	border:1px solid #bea998;	

	margin-right:1em;
}


#footer {
	background:#083e88;
	color:#fff;
	border:1px solid #083e88;
}

#footer-left {
	float:left;
	margin:1em;
	margin-top: 1.8em;
}

#footer-right {
	float:right;
	margin:1em;
	margin-top: 1.8em;
}

#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:hover{
	color:#fff;
	}
	
#footer a:hover{
	text-decoration:underline;
}

#enquiry_form {
	padding:0 0 1em 0;
	margin:0px;
}

#enquiry_form label {
	margin-left: 1em; 
	display:block;
}


#enquiry_form input, textarea {
	margin-left: 1em; 
	display:block;
	border:1px solid #ccc;
	background-color:white;
	font-size:8pt;
	padding:4px 0px 4px 0px;
	margin:0px 0px 5px 25px;
}

#enquiry_form select {
	margin-left: 1em; 
	display:block;
	border:1px solid #ccc;
	background-color:white;
	font-size:8pt;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 25px;
}



#enquiry_form .submit {
	background:#DBE2EC;
	font-size:100%;
	border:1px solid #8EA6C6;
	padding:2px;
	color:#083e88;
}

#enquiry_form .hidden {
	display:none;
}

.error {
	border:1px solid #aaa;
  width: 70%;
	background-color: #083e88;
	color: #fff;
	padding: 0 0 1em 0;
	margin: 1em 0;
}

#enquiry_form p {
padding:5px;
margin:0px;
}

.resource_files ul {
	margin:0;
	padding:0;
	list-style:none;
}

.resource_files ul li {
	margin:5px 10px;
	padding:0;
}

.resource_files a {
	padding:2px 0 2px 20px;
}

#flashhide{
	position:absolute;
	height:180px;
}
#flash {
	height:180px;
	width:898px;
}
#enqright{
	float:right;
	padding-left:2em;
}
#enqright p{
	margin:0;
}

/**
* Header
*/
#header{
	background-color:#083e88;
	height:215px; /* +35 for menu */	
}
#headerimage{
	position:absolute !important;
	height:180px;	
	width:898px;
}
#headerimage {
	margin:0;
	padding:0;
}
#headerimage li{
	margin:0;
	padding:0;
	list-style-type:none;	
}
#header .logo{
  position:relative;
  padding:7px 0 0 12px;
  z-index:10;
}
#header .strap{
	position:relative;
	z-index:10;
	top:-40px;
	left:565px;
}