/* Global Styles */
/*Created by Dave Evans @ w3-republic.co.uk 2008*/

/* ============
Start with elements
================== */

html
{
     border: 0px none;
}

body 
{
    margin:0 auto;
	background:url(../images/bg.jpg) top left repeat-x;
    padding:0;
	border:0;
    font-size:75%; /*75% = 12px*/
    text-align:center;
    font-family:Century Gothic, Arial,Sans-Serif;
    color: #222;
   
}


p{
	text-align:left;
	padding:10px 0 0 0;
	line-height:130%;
	margin:5px 0 0 0;
}

h1
{
    color:#336633;
	font-size:large;
    line-height:130%;
    margin:10px 0 5px 0;}
	
h2,h3,h4{
color:#336633;
font-size:1em;
line-height:.7em;
margin:0 0 5px 0;}	

.note{
size:5px;
color:#003300;
line-height:100%;
margin:0 0 5px 0}


ul, li, ol{
list-style-image:url(../images/bullet.gif);}

img{
	border:0;
	float: left;
}

/*==================
 Now style structure
 ================= */
	    
#wrapper
{
    text-align: left;
    width:850px;
	border:1px solid #e1e1e1;
    margin:0 auto;
    background-color:#fff;
    }

div#header{
	width:850px;
	height:145px;
	padding:0;
	margin:0;
	background: url(../images/header.jpg) left top repeat-x;
	}
	

#leftcol
{
	float:left;
	width:528px;
	background:url(../images/leftcol-bdr.jpg) right center repeat-y;
	margin: 10px 10px 10px 10px;
	padding-right: 25px;
}

#iconbox
{
	width:42px;
	margin:5px 5px 5px 5px;
	position:relative;
	vertical-align: top;
	float: left;
}
     
#rightcol
{
    float:right;
   width:250px;
   margin:10px 20px 5px 0;
	background:url(../images/rightcol-bg.jpg) top left no-repeat;
   }
  #rightcol_contact{
  float:right;
  width:250px;
  margin:10px 20px 5px 0;
  background:#fff;} 
   
 #fullwidth{
 float:left;
 width:90%;
 margin:10px 5px 10px 20px}  
 
 #phone{
 position:relative;
 width:850px;
 height:48px;
 margin:0;
 background:url(../images/phone.jpg) top left no-repeat;}  
 
 #shop
{
position:relative;
float:left;
/*
position:absolute;
top:200px;
left:720px;
*/
  width:110px;
    height:120px;
	z-index:10;
	margin:-100px 0 0 0;
    }
    
div#flash
{
	width:850px;
	height:300px;
	text-align:center;
	background:#222;
	position:relative;
	margin:0 0 5px 0;
	z-index:0;
}

form#brochure-req{
margin:85px 0 0 10px;}

#gallery{
margin:20px 0;
float:left;
clear:both;
display:inline;
width:450px;
border-bottom:1px dashed #336633}
#galllery img{
margin:10px;
border:1px #222;}

.floatLeft{
	float:left;
	}
.floatRight{
	float:right;
	}
    
    .imgborder
{
    border:3px solid #111;
    margin:7px 0 0 0;}

 .divclear{
 width:100%;
 clear:both;}
 
 .border{
padding:3px;
 border:1px solid #222;
 margin:2px}
 

/***************Link styles*******************/
#footer a:link, #footer a:visited
{
    color:#222;
    text-decoration:none;
}
    
#footer a:hover, #footer a:active
{
    color:#555;
    text-decoration:none;}    
    
p a{
color:#336633;
text-decoration:none;}

p a:hover, p a:active{
color:#336633;
text-decoration:;}

ul#list li{
margin:1px 0;
padding:1px 0;}
ul#list a{
color:#336633;
text-decoration:none;
border-bottom:1px dashed #336633;
margin:1px 0;
padding:1px 0;}
ul#list a:hover{
color:#222;
border-bottom:1px dashed #222;}

 #logo {
	float: right;
	margin-top: 15px;
	clear:both;
	position: relative;
	z-index: 1;
	margin-right: 20px;
	}   
	
#footer
{
	clear:both;
	margin-top: 20px;
	width:700px;
	height:60px;
	text-align:left;
	vertical-align: bottom;
}
*html #footer{
text-align:center;}

#footer li{
display:inline;
list-style:none;
padding:5px;
text-align:center;}   
    
#footer a:link, #footer a:visited
{
    color: #999;
    text-decoration:none;
}
#footer a:hover, #footer a:active{
    color: #336633;
    text-decoration:none;
}

 

     /* form.css */
	 
	 
legend{
color:#8ed1a6;
font-weight:bold;
}

fieldset {
	border: 1px solid #e1e5ef;
	padding: 10px;
	margin: 0 0 10px 0;
background:url(../images/form_bg.jpg) repeat-x bottom left;}
	}
		 
	 
div#form_enquiry{
float:left;
clear:both;
margin:20px 0 50px 5px;
padding:0 0 0 10px;
}
	 
div.row {
  clear: both;
  font-size:x-small;
  padding-top:5px;
  }
  
  div#form_enquiry .send{
   float:left;
    text-align: center;
	margin:20px 0 20px 100px;
    font-size: x-small;
    clear: both;
    color: #fff;
    background: #336633;
    width: 40px;
   border:1px solid #222;
   padding:2px;

       }

div.row span.label {
  float: left;
  font-size:x-small;
  width:100px;
  text-align:right;
  padding-right: 5px;
  font:bold;
  }

div.row span.formw 
{
  font-size:x-small;
  float: left;
  text-align: left;
  }
  textarea, input, select
  {
    font-size:x-small;
    text-align:left;
    width:175px;}
    textarea p
    {
        margin-left:-20px;}
		
		
  input#submit
{
    float:left;
    text-align: center;
    font-size: x-small;
    clear: both;
    color: #fff;
    background: #336633;
    width: 40px;
   border:1px solid #222;
   padding:2px;

       }