/****************** Stylesheetfor Clarkes for Pest Control Site *************/
/****************** Designed by art2science.co.uk *************/

html,body{margin:0;padding:0}

body{
	font: 76% Arial, Helvetica, sans-serif;
	text-align:center;
	background: #FFB76F;
}
p{
	margin:0 10px 10px;
	font-size: 0.9em;
}
#container{width:760px; margin:10px auto;text-align:left; background-color:#FFFFFF;}

#header {background-image:url(images/header_back.jpg);}

#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;color: #7E6141}

#content{
	float:left;
	width:558px;
	padding-top:10px;
	border-right: 2px solid #663300;
	border-top: 2px solid #663300;
}

#content a:link {
	color: #663300;
	text-decoration: none;
	font-weight: bold;
}
#content a:visited {text-decoration:underline; color:#000000}
#content a:hover {text-decoration:underline; background-color:#FFCC66;}

#content h1 {
	margin:5px 0px 5px;
	padding:0;
	font-size: 1.5em;
	color: #542A00;
	text-indent: 10px;
	background: #FFCC99;
}
#content h2 {
	margin:5px 0px 5px;
	padding:0;
	font-size: 1.3em;
	color: #542A00;

}
#content h3, #extra h3 {
	margin:5px 0px 5px;
	padding:0;
	font-size: 1.3em;
	color: #542A00;
	text-indent: 10px;
	letter-spacing: .1em;
}
#content h4, #extra h4 {
	margin:5px 0px 0px;
	padding:0;
	font-size: 1.1em;
	font-style:italic;
	color: #663333;
	text-indent: 10px;
}
#content p{
	line-height:1.3em;
	font-size: 1em;
}
#content ol {
	font-size: .9em;
	padding: 0px 0px 0px 60px;
	margin: 0px;
}
#extra{
	background:#FFDCB9;
	float:left;
	width:558px;
	border-right: 2px dotted #663300;
}

#rightcol{background:url(images/nav_back.jpg) no-repeat;float:right;width:200px;margin-top:-100px;}

#rightcol p.image img {
	margin: 0px 0 10px 0;
	text-align:center;
	border: none;
}
#rightcol h4 {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	margin:0px;
	padding: 0px 0px 5px 10px;
	color: #CC6600;
}
#rightcol p { font-size:0.9em}
#rightcol p.phone {
	margin:5px 0px 15px;
	padding:0;
	font-size: 1.4em;
	font-weight:bold;
	color: #542A00;
	text-align:center;
	letter-spacing: .1em;}
	

div.pic {float: left; height: auto; width: 95%; padding: 10px; margin: 0; border-top:2px dotted #660000;}
div.pic p, d {text-align:left; margin:0; padding:0;}
div.pic .floatleft {float:left; border: 1px solid black; margin-right:20px;}

/*div.pic ul {margin: 0.25em 0 0; list-style-type:none; padding: 0; font: bold 1.1em Arial, Helvetica, sans-serif; text-align:left; }*/
div.pic ul {

	margin : 1em;
	list-style-type:circle;
	}

div.pic ul li { margin : 0.5em; }

div.pic p.back {text-align:right; font-size:80%;}

#content div.pic h4 {text-indent:0; }

#footer{
	background: #846546;
	color: #FFF;
/*	height: 30px; */
	clear:both;
	width:720px;
	font-size: .9em;
	text-align: center;
	padding: 10px 20px 20px 20px; 
}

* html #footer {width:760px}

#footer p{margin:0;padding:5px 10px}

#footer a {color:white; text-decoration:none;}
#footer a:link {text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer a:active {text-decoration:underline}

/***********************************************/
/*Styles for the menu*/
#menubar {
	width:100%; margin-bottom:10px;
}
#menubar a.nav, #menubar a.nav:link, #menubar a.nav:visited {
	display:block;
	width:110px;
	height:25px;
	background:#FFDCB9;
	border:1px solid #FFFFFF;
	margin-top:2px;
	text-align:center;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	float:left;
	font: bold 12px/25px Arial, Helvetica, sans-serif;
}
#menubar a.nav:hover {color:#fff; background:#663300;}
#menubar a.nav:active {color:#fff; background:#663300;}

/*End of menu styles	*/

/*Styles for the contact form*/	
fieldset {
	color : black;
	border: 1px solid #000066;
	background-color: white;
	margin: 0 20px;
		}
	
	label {
		line-height: normal;
		text-align: right;
		font-size: 9pt;	
		margin-right: 10px;
		margin-top: 10px;
		width: 100px;
		display : block;		
		float : left;  
		}
		
	input.formInput, textarea.formInput {
		border : 1px solid black;
		background-color : 	#FFDCB9;
		margin-right: 10px;
		margin-top : 10px;
		padding: 2px;
		font-size: 9pt;		
		}	


/*   ***** WEBUSEFUL styles *****   */

span.webu {
font-size: 0.9em;
font-variant:small-caps;
font-weight:bold;
color:#000000;
}

.webu-link {float:right;}
.xhtml-link{float:left;}

#pics
	{
	border : 1px solid black;
	margin : 30px 10px 5px 5px;
	background-color : #ffdcb9;
	text-align:center;
	font-size:10px;
	width: 200px;
	padding : 10px;
	float : right;
	}
#pics h3, #pics p {
	color: #542A00;
	background: #FFCC99;
	}

#pics p { margin : 0;}
		
#pics img
	{
	border : 1px solid black;
	margin-top : 10px;
	}