/****** CSS - Clive Ralph ****** /
 
/* RESET */
html, body, div, span, object, h1, h2, h3, p, blockquote, pre, a, em, font, img, strong, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

body {
	border-top: solid 5px #313131;
	font-family: helvetica, arial, sans-serif;
	font-size: 62.5%;
	color: #6b6b6b;
	/* background-image: url('images/grid3.jpg');
	background-position: top center;
	background-repeat: repeat-y;   */
	background-color: #ffffff;
}

#container {
	width: 880px;
	margin: 0 auto;
}

/** HEADER **/
#header img {
	margin: 4em 16.5em 0 0;
	float: left; 
	display: inline;
	}

#header ul li {
	display: inline;
	float: left;
	border-left: 1px solid #DADADA;
	margin: 6.2em 0 1.4em 2.6em;
	padding: 0 0 0.2em 0.3em;
	font-size: 1.4em;
	color: #999999;
}

#header ul li.home {
	border-left: none;
}

#header ul a.active {
	color: #A7B526;
}

#header  li a:hover, #footer  li a:hover, #gallerymain li a:hover, #sitemap li a:hover {
	color: #A7B526;
}

a {
	text-decoration: none;
	color: #313131;
}

.subhead {
	font-size: 0.7em;
	line-height: 0.9em;
}

/** BANNER IMAGE **/
#banner img {
	padding-bottom: 1px; 
	border-bottom: 4px solid #dfdfdf;
}

/* Insert dummy vertical scrollbar to prevent page shift in FF and Safari when viewing short pages - note: these do not validate  */
html { overflow: -moz-scrollbars-vertical; } /* Firefox */
html { overflow-y: scroll; } /* Safari */
html { overflow-x: scroll; } /* scroll horizontal */

/** MAIN CONTENT **/

#main , #sitemap, #maincontact {
	float: left;
	display: inline;
	width: 580px;
	padding-bottom: 1.5em; 
}

#mainservices {
	float: left;
	display: inline;
	width: 880px;
	padding-bottom: 1.5em;
}

#maincontact  {
	width: 480px;
}

#main  a, #contactinfo a, #mainservices  a, #sidebar a, #sidebarContact a {
	color: #A7B526; 
}

#main  a:hover, #contactinfo a:hover, #sidebar a:hover, #mainservices a:hover, #sidebarContact a:hover{
	text-decoration: underline;
}

#contactinfo {
	margin-top: 8.5em;
	/* margin-right: 2.5em; */
	width: 300px; 
	margin-left: 480px;
	
}

h1, h3 {
	font-family: helvetica, arial, sans-serif;
	/* font-style: italic; */
}

h1.underline, h1.underlinecontact {
	background: url('images/main_fade.png') bottom left no-repeat;
	font-size: 2.2em;
	color: #A7B526; 
	margin: 0.4em 0 0 0;
	padding-bottom: 0.1em;
}

h1.underlinecontact {
	background: url('images/main_fade_contact.png') bottom left no-repeat;
}

h2 {
	font-size: 1.6em;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	color: #A7B526;
}

#main p, #maincontact p, #contactinfo p, #gallerymain p, #sitemap p, #sidebar p, #sidebarContact p, #mainservices p { 
	color: #6B6B6B;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0.5em 0 0 0;
}

.portrait {
	float: left;
	margin: 0.9em 0.9em 0.9em 0; 
	border: 1px solid #dfdfdf;
}

/** SIDEBAR **/
#sidebar, #sidebarContact {
	margin: 1.8em 0 0 580px;
	padding: 0 0 0.1em 2em;
	color: #6b6b6b;
}

#sidebarContact {
	margin: 1.8em 0 1.5em 580px;
}

h3.underline {
	font-size: 1.4em;
	background: url('images/side_fade.png') bottom left no-repeat;
	padding-bottom: 0.2em;
}

.emphasis {
	color: #343434;
}

/* h3 {
	font-size: 1.3em;
} */

#sidebar p {
	padding: 0.4em 0 0.3em 0;
}

/** SLIDE MENU **/
.sm {
	width:580px; 
	height:200px; 
	display:block; 
	overflow:hidden;
	padding-top: 1.5em;
}

.sm li {
	float:left; 
	display:inline; 
	overflow:hidden; 
	width: 16.66%;
}

/** FOOTER **/
#footer {
	clear: both;	
	border-top: 4px solid #dfdfdf;
	font-size: 1.1em;
	/* margin-top: 1.7em; */
	/* padding-top: 0.5em; */
	/* display: inline; */
}

#footer p {
	float: left;
	padding-top: 0.5em;
	display: inline; 
} 

#footer ul {
	margin-left: 525px;
	padding-top: 0.5em;
}

#footer ul li {
	display: inline;
	border-left: 1px solid #dadada;
	color: #6b6b6b;
	padding: 0 0.4em;
}

#footer ul li.home {
	border-left: none;
}

#footer ul li a {
	color: #6b6b6b;
}

/** GALLERY **/
#gallerymain ul {
	float: left;
	margin-top: 2.3em;
}

#gallerymain h1{
	background: url('images/main_fade_contact.png') bottom left no-repeat;
	width: 480px;
	padding: 1em 0 0.3em 0;
	clear: both;
}

#gallerymain li{
	padding-top: 0.3em;
	background: url('images/bullet_arrow.gif') no-repeat scroll 0 0.8em;
	padding-left: 1.1em;
	margin-left: 1em;
}

.gallerynav a {
	font-size: 1.3em;
}

#gallery {
	width: 480px;
	margin: 3em 0 0 220px;
}

#gallery img {
	margin: 0em 1.2em 1.2em 0;
	border: 3px solid #dfdfdf;
}

/** CONTACT FORM  **/
#formbox {
	margin: 2em 0 0 1em;
}

label {
	display: block;
	font-size: 1.1em;
	margin-top: 15px;
}

label img {
	padding: 0 0 0.3em 0.1em;
}

.error {
	font-size: 1.1em;
	color: #c00;
}

.errormessage{
	padding-bottom: 1.5em;
	font-size: 1em;
	color: #c00;
}

#formbox input, #formbox textarea {
	padding: 5px;
	width: 330px;
	font-family: Helvetica, sans-serif; 
	font-size: 1.2em;
	border: 1px solid #c5c5c5;
	background-color:#F7F7F7; 
} 

#formbox textarea:focus, #formbox input:focus {
	border: 1px solid #fead04;
}

#formbox input#submitEnquiry {
	width: 100px;
	margin-bottom: 1em;
} 

.button, .button:hover {
	margin-top: 0.4em;
	color:#fff; 
	background-image: url('images/form_button1.jpg');
}

.button:hover {
	background-image:url('images/form_button_over.jpg');
}

#formbox input.button {
	font-size: 1.3em;
}

#contactinfo h3 {
	font-size: 1.8em;
	padding-bottom: 0.2em;
}

/** SITEMAP **/
#sitemap li{
	padding-top: 0.5em;
	background: url(images/bullet_arrow.gif) no-repeat scroll 0 0.9em;
	padding-left: 11px;
	margin-left: 1em;
	font-size: 1.3em;
}

/** ADMIN VIEW CSS **/
#admin {
	clear: both; 
	padding: 1em 1em;
	float: left;
	width: 700px;
}

#admin a {
	color: #0033cc;
	text-decoration: underline;
}

#admin p, #admin a {
	font-size: 1.2em;
	line-height: 140%;
}

#admin .logoutlink {
	color: #c00;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	float: right;
	margin-right: 200px;
}

h4 {
	font-size: 1.4em;
	color: #333;
	font-weight: bold;
	margin-bottom: 0;
}

#admin label {
	color: #625C4D;
	margin-top: 0;
}

.adminerror {
	font-size: 1.2em;
	color: #f00;
	font-weight: bold;
}

#admin li {
	float: left;
}

#admin img {
	margin: 1em 1.2em 0 0;
}

.galleryadmin {
	padding-top: 1em;
	clear: both;
}



.quote {
	padding: 0.2em;
	padding-bottom: 5px;
}