@charset "utf-8";
/* CSS Document */

body { 
padding : 10px 0 0 0; 
margin : 0; 
background : #ccc; 
font-family : Arial, Helvetica, sans-serif; 
color: #666666;
background-image:url(../images/body-bg.png);
background-repeat: repeat-x;
font-size: 95%;
} 
.clear { 
clear : both; 
} 
img { 
border : 0; 
} 

h1 {
	font-size: 160%;
	}
.horizontalSpacer30px { 
width : 100%; 
height : 30px; 
} 
.centerWrap { 
width : 900px; 
margin : 0 auto; 
background : #fff; 
overflow: hidden;
line-height: 1.2em;
} 

/* HOMEPAGE SPECIFIC ELEMENTS  */
#banner				{
	position:relative;
	float:left;
	width:852px;
	height:257px;
	margin:0 4px 0 0;
	padding: 0;
}
	#banner h1		{ position:absolute; font-size:2em; width:250px; color:#282828; margin:73px 20px; font-weight:normal }
	#banner p		{ position:absolute; font-size:1em; width:230px; color:#000000; top:150px; left:25px}

	#header				{ position:relative; width:900px; margin:0 auto; height: 135px; }
	#innerHeader	{ position:relative; width:900px; height:190px; margin:0 auto; overflow:visible}
	#logo	{ position:relative; right:0; top:10px; margin:0; border:0; z-index:1; background-color:#006666; height: 125px; width: 345px; background-image:url(../images/wilkinsons-plant-centre-logo.jpg); background-repeat: no-repeat;}
	#rsvents		{ position:absolute; right: 4px; top:0; width:383px; height:134px; margin:0;  
	background-image:url(../images/rsvents-logo.jpg); background-repeat: no-repeat;}
	
#rsvents p {
	padding: 85px 14px 0 6px; 
	margin: 0;
	color: #4b494a;
	text-align: right;
	font-size: 80%;
	}
	
#rsvents a:link {
		color: #679a2e;
		font-weight: bold;
		text-decoration: none;
		}
		
.navigation {
	width: 900px;
	height: 27px;
	border: 1px solid #698a2a;
	background: url(../images/navigation-background.png) repeat-x;
	margin-top: 10px;
	}
	
.navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 27px;
	}
	
.navigation ul li {
	background: url(../images/navigation-section.png) no-repeat right;
	height: 27px;
	line-height: 27px;
	font-size: 75%;
	float: left;
	}
	
.navigation ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 22px 0px 22px;
	}
	
.navigation ul li a:hover {
	color: #000;
	}
	
.navigation ul li.selected a { 
	color: #ccc;
	}

#phone {
	position: relative;
	top: 40px;
	right: 10px;
	width: 160px;
	height: 50px;
	font-family: "Times New Roman", Times, serif;
	font-size: 110%;
	color: #fff;
	}

.subNavigation { 
width : 148px; 
overflow : hidden; 
position : absolute; 
background : #ececea; 
top : -1px; 
z-index : 100; 
visibility : hidden; 
font-size : 75%; 
border-left : 1px solid #698a2a; 
border-right : 1px solid #698a2a; 
border-bottom : 1px solid #698a2a; 
} 
.subNavigation a { 
display : block; 
text-decoration : none; 
color : #698a2a; 
line-height : 27px; 
padding : 0 10px 0 10px; 
margin : 0; 
} 
* html .SubNavigation a { 
width : 100%; 
} 
.subNavigation a:hover { 
background-color : #ffffff; 
color : #333333; 
} 

.leftCol { 
width : 855px; 
overflow : hidden; 
float : left; 
padding : 4px; 
margin : 12px; 
} 

.leftCol img {
	margin: 6px 0 0 0;
	}
	
.leftCol h2 { 
font-size : 150%; 
color : #8077b7; 
font-weight : normal; 
padding : 0; 
margin : 0 0 10px 0; 
} 

.leftCol a:link {
	color: #b20838;
	}
	
	
.boomBox { 
width: 852px;
height : 270px; 
margin: 0 0 10px 0;
padding: 0;
} 

.boomBox img { 
margin: 0;
padding: 0;
border-bottom: 9px solid #ccc;
width: 852px;
height: 270px;
} 



.ourServicesCol { 
width : 250px; 
overflow : hidden; 
float : left; 
margin: 10px;
background-color: #232325;
min-height: 450px;
padding: 2px;
} 
.ourServicesCol h2 { 
color : #000;
text-transform: uppercase;
font-size : 1.1em; 
font-weight: bold;
padding: 6px;
background-color: #ccc;
display: block;
} 
.ourServicesCol p { 
color : #fff; 
font-size : 12px; 
padding : 6px; 
margin : 0 0 9px 0; 
} 
.ourServicesCol a:link { 
color : #27a2db; 
text-decoration : none; 
} 

.ourServicesCol a:visited { 
color : #27a2db; 
text-decoration : none; 
} 

.ourServicesCol a:hover { 
color : #000; 
text-decoration : none; 
} 


.ourServicesCol li {
	font-size: 0.8em;
	color: #fff;
	}

.ourServicesCol img { 
background-color: #d9e4cd;
margin: 0;
} 

.ourServicesSpacer { 
width : 16px; 
height : 50px; 
float : left; 
} 
.copyright { 
font-size : 75%; 
color : #999; 
padding : 18px 0 0 6px; 
margin : 20px 10px; 
} 

#footer {
	background-image:url(../images/footer-bg.jpg);
	background-repeat:no-repeat;
	width: 980px;
	height: 62px;
	margin: 0;
	padding: 0;
	overflow:visible;
	}
	
#footer a:link {
	color: #b20838;
	}
	
#textfield {
	width: 200px;
	}
	
#hometext {
	width: 836px;
	clear: both;
	margin: 0;
	padding: 10px;
	}
	
#hometext h2 {
font-size : 120%; 
font-weight : bold; 
padding : 0; 
margin : 0 0 10px 0; 
color: #27a2db;
line-height: 1.4em;
	}	
	
#hometext p {
font-size : 80%; 
font-weight : normal; 
padding : 0; 
margin : 0 0 10px 0; 
	}	
	

#mainContent {
	clear: both;
	margin: 10px 0;
	padding: 14px;
	}
	
#mainContent h2 {
font-size : 90%; 
font-weight : bold; 
padding : 0; 
margin : 0 0 10px 0; 
color: #5d9732;
	}	
	
#mainContent p {
font-size : 75%; 
font-weight : normal; 
padding : 0; 
margin : 0 0 10px 0; 
	}	
		
#tel {
	position: relative;
	width: 200px;
	top: 8px;
	left:780px;
	z-index: 200;
	}	
	
/* Listing Pages */
#listingItemLeft {
	width: 190px;
	overflow: hidden;
	float: left;
	margin: 0px 25px 15px 0px;
	}
	
#listingItemLeft img {
	padding: 3px;
	background-color: #d9e4cd;
	border: 1px solid #b3cc96;
	}
	
#listingItemRight {
	width: 480px;
	overflow: hidden;
	margin: 0px 0px 15px 0px;
	float: left;
	padding: 12px 0px 0px 0px;
	}
	
#listingItemRight h2 {
	font-size: 78%;
	color: #b20838;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	}	
#listingItemRight p {
	font-size: 75%;
	color: #787878;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	}
	
#listingItemRight a {
	color: #78a22f;
	text-decoration: none;
	}
	
#listingItemRight a:hover {
	color: #333333;
		}	

/*Form Elements*/
		
form p {
	clear: left;
	margin: 0;
	padding: 0;
	}
	
form p label {
	float: left;
	width: 160px;
	font-weight: bold;
	text-align: left;
	padding: 0 10px 0 0;
	color: #000;
	margin: 0;
	}	
	
input, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: left;
	border: 1px solid #64972c;
	margin: 0;
	padding: 0;
	height: 20px;

	}	
	
form.contact-form fieldset {
  margin-bottom: 10px;
}

form.contact-form legend {
  padding: 0 2px;
  font-weight: bold;
  color: #666;
  font-size: 200%;
  margin: 0;
  padding: 0;
}