/*  in this site, it's mainly the id attribute that is used to apply styles to the page */

/* The following rules format the body, containing div, navigation and main content divs */

body {
	margin: 0;
	padding: 0;
	background: #DFE4DF url(images/bg.gif) repeat-y;
	font-family:Georgia, "Times New Roman", serif;
	font-size: 11px;
	font-weight: normal;
	color:#000;
}

#container{
	margin: 0;
	padding:0;
	text-align:left;
	width:760px;
}

#navigation{
	float : left;
	display: inline;
	width: 200px;
	}
	
#main{
 float:left;
 width: 560px;
}

/* the following rules format the contents of the navigation div, including the ul used for the navigation menu */

#navigation ul{
	margin:27px 0 0 0;
	padding:0;
}

#navigation img{
	margin: 10px 15px;
}

/* the following rules format the navigation menu - the class "current " is used to make a higlighted menu item on the relevant page */

#menu li{
	margin: 0 15px 10px 15px;
	padding: 0 0 8px 0px;
	border-bottom:1px solid #FFF;
	list-style:none;
}

#menu a{
	color: #ADB8B1;
	text-decoration:none;
	padding:0 0 0 13px;
	background: url(images/a-bg.gif) no-repeat 0 50%;	
}

#menu a.current{
	color: #FFF;
	text-decoration:none;
	padding:0 0 0 13px;
	background: url(images/a-bg-current.gif) no-repeat 0 50%;	
}

#menu a:hover{
	color: #D1C8A1;
	text-decoration: none;
	padding:0 0 0 13px;
	background: url(images/a-bg-over.gif) no-repeat 0 50%;	
}

/* format the logos div in the navigation column  */

#logos{
	margin:0px;
	padding:0;
	text-align:center;
}

/* the following rules format the header div and its contents - header is nested within the main div */

#header{
	text-align: center;
	margin: 10px 20px;
}

#header h1{
	margin:0 0 10px 0;
	padding:0;
	font-size: 20px;
	font-weight: bold;
	color:#006600;
}

#header p{
	text-transform: uppercase;
	padding:5px;
	margin:0 10px 10px 0;
	font-weight:normal;
	color:#006600;
	border-width: 1px 0 1px 0;
	border-style:solid;
	border-color:#006600;
}

/* the following rules format the contents of the content div*/

#content h1{
	font-size: 14px;
	font-weight:bold;
	color: #336633;
	margin: 5px 30px 10px 20px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #999;
}

#content h2{
	font-size:12px;
	font-weight:bold;
	color:#555;
	margin: 0 30px 10px 30px;
}

#content p{
	margin:0 30px 10px 30px;
	line-height: 16px;
	text-align:justify;
}
#content img{
	padding:0;
	margin: 0 0 10px 10px;
}

/* format links in content div */
#content a:link, #content a:visited{
	color: #157D00;
    text-decoration:none;
}
#content a:hover, #content a:active{
	color: #555;
    text-decoration:underline;
}

/* the following rules format the contents of the footer div, which is nested in the main div */

#footer{
	clear:both;
	width:760px;
	text-align:right;
	}

#footer p{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:10px;
	padding:5px 70px 5px 0;
}
#footer a{
	color:#000;
	text-decoration:none;
}

/* the following rules format specific elements */

table p{
	font-size:11px;
}

form{
	padding:0px;
	margin:0px;
}

/* the following rules format elements on the enquiry form page */

#enqform{
	margin-left:60px;
}

#enqform label{
	font-weight:bold;
}

#enqform fieldset{
	width: 400px;
	padding: 10px;
	border: 1px solid #AAA;
}

#enqform legend{
	font-weight:bold;
	border:1px solid  #555;
	padding:5px;
	margin: 0 0 10px 0;
	color:#006600;
}

.textbox{
	width:250px;
}

.imagebox{
	float:right;
	width:150px;
}

/* the following rules format elements on the testimonials page */

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

#testimonials h4{
	margin:20px 10px 10px 20px;
	font-size:11px;
	padding:0;
	color:#
}

#testimonials h3{
	margin:20px 10px 10px 20px;
	font-size:11px;
	padding:20px 0 0 0;
	border-top: 1px solid #555;
}

#column1{
	float:left;
	display:inline;
	width: 260px;
}

#column2{
	float:left;
	width:260px;
}

#testimonials li{
	list-style: none;
	padding:0;
	margin:0 0 5px 0;
}

#testimonials a:link, #testimonials a:visited{
	color: #555;
	text-decoration: none;
}

#testimonials a:hover, #testimonials a:active{
	color:#555;
	text-decoration: underline;
}

/* the following rules format elements on the gallery  page*/

#slideshow {
	margin: 20px 30px 20px 20px;
}
#caption {
	margin-left: 140px;
}