/* 
   * Holystone
   * Default template stylesheet
   * Kev Strong, Cheetah Web
*/

/* Global Styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #333333;
	}
	
p {
	margin: 0px;
	padding: 1px;
	}

/* header tags */
h1 {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	font-size: 24px;
	}

h2 {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	font-size: 18px;
	}
h3 {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	font-size: 14px;
	}

/* Default Link Tags */
/* CONTAINED IN THEIR OWN STYLESHEETS (please refer to: red.css/green.css/blue.css) */

/* Clear */
.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	}

/* Class Center */
.center {
	text-align: center;
	padding: 0px;
	margin: 0px;
	}

/* Logo */
/* CONTAINED IN THEIR OWN STYLESHEETS (please refer to: red.css/green.css/blue.css) */

/* Containers */
div#container {
	width: 760px;
	text-align: left;
	padding: 0px;
	margin: auto;
	}
	
div#mainborder {
	border: 1px solid #000000;
	margin:  2px 2px 0px 2px;
	padding: 0px;
	width: 756px;
	z-index: 0;
	}
	
div#header {
	padding: 0px 0px 4px 0px;
	margin: 6px 6px 0px 6px;
	height: 189px;
	}

div#bottom-border {
	border-bottom: 1px solid #000000;
	}

div#main{
	padding: 0px;
	margin: 6px;
	}

/* Header */
div#header-image {
	margin: 0px 6px 0px 0px;
	padding: 0px;
	width: 476px;
	height: 187px;
	/* background: CONTAINED IN THEIR OWN STYLESHEETS (please refer to: red.css/green.css/blue.css) */
	float: left;
	}
	
/* Navigation */
ul#nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 262px;
	float: left;
	}
	
ul#nav li {	
	margin: 0px 0px 2px 0px;
	padding: 0px;
	}

ul#nav li a {
	margin: 0px;
	padding: 0px 0px 0px 6px;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
	display: block;
	}
	
a#holystone 		{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #FFFFFF;}
a#holystone:hover 	{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #333333;}
a#contact			{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #FFFFFF;}
a#contact:hover		{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #333333;}
a#demolition		{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #FFFFFF;}
a#demolition:hover	{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #333333;}
a#waste				{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #FFFFFF;}
a#waste:hover 		{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #333333;}
a#planthire			{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #FFFFFF;}
a#planthire:hover	{ background: url('../../../images/buttons/red.jpg') top right repeat-y #CC0000; color: #333333;}
a#homes 			{ background: url('../../../images/buttons/green.jpg') top right repeat-y #D6E03D; color: #333333;}
a#homes:hover 		{ background: url('../../../images/buttons/green.jpg') top right repeat-y #D6E03D; color: #FFFFFF;}
a#contracts			{ background: url('../../../images/buttons/blue.jpg') top right repeat-y #8DA8E2; color: #333333;}
a#contracts:hover	{ background: url('../../../images/buttons/blue.jpg') top right repeat-y #8DA8E2; color: #FFFFFF;}

/* Main */
div#address {
	width: 214px;
	margin: 0px 6px 0px 0px;
	padding: 9px;
	border: 1px solid #000000;
	/* 	background & color CONTAINED IN THEIR OWN STYLESHEETS (please refer to: red.css/green.css/blue.css) */
	}

div#content {
	width: 484px;
	margin: 0px;
	background-color: #FCFCFC;
	color: #333333;
	padding: 9px;
	border: 1px solid #000000;
	float: left;
	}
	
div#leftside {
	float: left;
	}
div.photos {
	text-align: center;
}

div.photos img {
	height: 71px;
	width: 100px;
	margin: 0px;
	/* 	Border is CONTAINED IN THEIR OWN STYLESHEETS (please refer to: red.css/green.css/blue.css) */
}

div#photosside {
	width: 214px;
	margin: 6px 6px 0px 0px;
	padding: 9px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	}
	
div#rightsidephotos {
	float: right;
	}

div#footer {
	margin: 6px 0px 0px 0px;
	font-size: 10px;
	}
	
div#footerright {
	float: right;
	text-align: right;
	}
	
div#footerleft {
	float: left;
	}
	
	
/* Form */
.error {
	color:#FF0000;
}
.thankyou {
	color: #009900;
}

label {
width: 100px;
float: left;
font-weight: bold;
}

div.formrow {
padding-top: 12px;
padding-left: 12px;
clear: left;
}

div.formrowhome {
clear: left;
}

legend {
font-weight: bold;
color: #9F9F9F;
}

fieldset {
padding: 0px 12px 12px 12px;
margin: 0px 12px 12px 12px;
border: 1px solid #000000;
}