/* INIT
---------------------------------------------- */
body {margin: 0; text-align: center; background: #fdf5e0 url("images/layout/body-bg.gif") top left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #423c2c;}

a:visited,
a:link, a:visited {color: #679700; text-decoration: underline;}
a:hover {color: #679700; text-decoration: none;}

img {border: 0;}

h1, h2, h3 {margin: 0; padding: 0; font-weight: normal;}
h1 {font-size: 24px; padding: 40px 0 20px 0;}
	h1:first-child {padding-top: 0;}
	h1.page-title {font-size: 28px; border-bottom: 1px solid #bfb189; margin-bottom: 20px;}
h2 {font-size: 22px; padding: 30px 0 10px; clear: both;}
	h2.subtitle {padding-bottom: 5px;}
	h3.subtitle {padding-top: 0; font-style: italic; margin-bottom: 20px;}
	
	h4{font-size:22px;}

ul {list-style: square;}
p {padding: 0 0 15px 0;}

.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}
.noclear {clear: none;}
.nomargin {margin-top: 0; padding-top: 0;}
.hr {border-top: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0;}
.topbutton {border-bottom: 1px dotted #3c6dc9; text-transform: uppercase; font-size: 12px; text-align: right; padding-top: 10px;;}

.image-left {float: left; margin: 0px 20px 0px 0; padding: 0;}
.image-right {float: right; margin: 0px 0 10px 10px; padding: 0; text-align: right;}
.image-right.aside {padding: 0 0 0 20px; margin: 0 0 0 20px; border-left: 1px solid #ccc;}
.image-realign {margin-top: -60px;}

.image-right img,
.image-left img {border: 3px solid #fff;}

ul.ticklist {list-style: none; margin: 0; padding: 10px 0;}
ul.ticklist li {padding: 5px 0 5px 25px; background: url("images/icons/tick.png") 0 10px no-repeat;}
ul.colourlist li {color: #ccc;}
ul.colourlist li span {color: #222;}

.body {line-height: 1.5em; word-spacing: 0.03em; letter-spacing: 0.03em;}

.aside {float: left; margin-right: 15px;}
.aside-right {float: right; margin-left: 15px; padding-left: 15px; border-left: 1px solid #bfb189; width: 300px;}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.mceContentBody {background-image: none !important; background-color: #fff !important; color: #000 !important;} /*SnippetMaster editor bg color*/

#imagefader
{-moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5);}

/* LAYOUT
---------------------------------------------- */
#container {margin: 0px auto; width: 960px; text-align: left;}
	#header {background: url("images/layout/logo.gif") top left no-repeat; height: 168px;}
		#navigation {}
	#fader {background: url("images/layout/roundedbox.png") top no-repeat; padding: 22px;}
		#fader * {padding: 0; margin: 0;}
		#imagefader {list-style: none; background: #fff;}
		#imagefader li {list-style: none;}

	#introduction {margin: 0 22px; padding: 22px 0; border-bottom: 1px dotted #bfb189;}
		#introduction h1 {margin: 0; padding: 0; font-style: italic; font-size: 20px; background: url("images/layout/quote.png") top left no-repeat; padding: 16px 0 0 25px;}
		#introduction h2 {margin: 0; padding: 10px 0; text-align: right; font-size: 16px; font-style: italic;}

	#content {padding: 22px;}
	
	#footer {text-align: center; font-size: 12px; padding: 10px;}
		#footer img {margin-bottom: 5px;}
		#footer, #footer a {text-decoration: none; color: #bfb189}


/* SUPERFISH
---------------------------------------------- */
.sf-menu {padding-left: 220px;}	
.sf-menu > li {border: 1px solid transparent; border-width: 0 1px;}
.sf-menu > li > a:visited,
.sf-menu > li > a:link {color: #fff; text-decoration: none; padding: 125px 10px 20px; line-height: 22px;}
.sf-menu > li > a:hover,
.sf-menu > li:hover {background: #679700 url("images/layout/nav-hover.gif") top left repeat-x;}
.sf-menu > li:hover {border: 1px solid #a2ab44; border-width: 0 1px;}

	.sf-menu > li > ul > li > a:visited,
	.sf-menu > li > ul > li > a:link {background: #679700; padding: 10px; color: #fff; text-decoration: none; line-height: 1em;}
	.sf-menu > li > ul > li > a:hover {background: #588000;}
	
/* PAGE SPEC
---------------------------------------------- */
form label {float: left; display: block; width: 160px; line-height: 22px;}
form input[type=text] {border: 1px solid #9f9f9f; background: url("images/layout/input-bg.gif") top left repeat-x; padding: 3px; margin-bottom: 3px; width: 250px;}
	form input[type=text]:focus {border-color: #222;}
form textarea {margin-left: 160px; font: inherit; height: 100px;}
form input[type=submit] {margin-left: 160px; border: none; width: 258px; background: #7d7d7d; color: #fff; padding: 5px 0;}

.phone {padding-left: 20px; background: url("images/icons/phone.gif") top left no-repeat;}
.email {padding-left: 20px; background: url("images/icons/email.gif") top left no-repeat;}
.map {padding-left: 20px; background: url("images/icons/map.gif") top left no-repeat;}
.pdf {padding-left: 20px; background: url("images/icons/pdf.png") left no-repeat;}

.gallery {text-align: center; padding: 20px 0; word-spacing:0; letter-spacing:0;}
.gallery img {border: 3px solid #fff;}
.gallery a:hover img {border-color: #736748;}

.home-contact-details {line-height: 18px; font-size: 14px;}
img.bordered {border: 3px solid #fff;}

table {margin: 15px 0;}
table th, table td {padding: 5px; vertical-align: top;}
table th {background: #91532b; color: #fff; text-align: center;}
table td {text-align: left; border-bottom: 1px dotted #bfb189;}
table tr:hover td {background: #fff;}

blockquote {margin: 0; padding: 16px 40px; background: url("images/layout/quote.png") top left no-repeat;}

.backtotop {padding: 20px;}
.backtotop a {background: url("images/icons/bullet_arrow_up.png") left no-repeat; padding-left: 20px; font-size: 14px;}

.extendedbody {margin-top: 25px; background: #fdf5e0 url("images/layout/extendedbody.gif") top left repeat-x;}