/* #################### GLOBAL TAG STYLES #################### */

/* Defaults */
html, body {
	/* Remove page margins */
	margin: 0;
	padding: 0;
	border-style: none;
	/* Centre site within browser*/
	text-align: center;
	/* Default font styles */
	font: normal 0.83em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #C6C6C6;
}
/* Style some tags globally */
div {
	padding: 0;
	margin: 0;
}
img, a img {
	margin: 0;
	padding: 0;
	border-style: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
p {
	margin: 0;
	padding: 0;
}
a {
	color: #000;
}
a:hover {
	color:#CF0000;
}

/* #################### PAGE LAYOUT #################### */

/* PAGE centres site and provides page shadows */
#pageOuter {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 790px;
	/* Page shadow left */
	background: #FFF url(../img/pageShadowL.gif) repeat-y scroll top left;
}
#pageInner {
	margin: 0;
	padding: 0;
	position: relative;
	width: 790px;
	/* Restore the default left alignment within centred site*/
	text-align: left;
	/* Page shadow right */
	background: transparent url(../img/pageShadowR.gif) repeat-y scroll top right;
}
#header {
	height: 150px;
}
#content {
	padding: 0 22px;
}
#footer {
	margin: 0;
	clear: both;
	padding-top: 10px;
	padding-bottom:22px;
	font-size: 0.9em;
}
#pageShadow {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 790px;
	height:10px;
	/* Page shadow bottom */
	background: #C6C6C6 url(../img/pageShadowB.gif) repeat-x scroll top left;
	/* Restore the default left alignment within centred site*/
	text-align: left;
}
#pageShadowBR {
	margin-left:770px;
}
#credits {
	position: relative;
	margin: 0 auto;
	width: 790px;
	color: #737373;
	font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	/* Restore the default left alignment within centred site*/
	text-align: left;
}

/* #################### COLUMNS #################### */
/* NOTE These classes apply column layout for both subHeader and content */

div#column0 {
	float: left;
	width: 146px;
	margin-right: 4px;
	padding-bottom: 22px;
	background:#D7E8C0 url(../img/footerGreen.png) repeat-x scroll bottom left;
}
div#column0.twoWide {
	width: 296px;
}
div#column1 {
	float: left;
	width: 146px;
	padding-bottom: 22px;
	background:#D7E8C0 url(../img/footerGreen.png) repeat-x scroll bottom left;
}
div#column1.yellowFoot {
	background:#D7E8C0 url(../img/footerYellowOn.png) repeat-x scroll bottom left;
}
div#column1R {
	float: right;
	width: 146px;
	padding-bottom: 22px;
	margin-left: 4px;
	background:#FFF1D6 url(../img/footerYellow.png) repeat-x scroll bottom left;
}
div#column1.turnedOn {
	background:#99CC66 url(../img/footerGreenOn.png) repeat-x scroll bottom left;
}
div#columns23 {
	float: right;
	width: 596px;
}
div#columns23.twoWide {
	width: 296px;
}
div#columns23.threeWide {
	width: 446px;
}
div#column2 {
	float: left;
	width: 296px;
	padding-bottom: 22px;
	background:#F7FFF1 url(../img/footerGreen.png) repeat-x scroll bottom left;
}
div#column2R {
	float: right;
	width: 296px;
	padding-bottom: 22px;
	background:#FFF1D6 url(../img/footerYellow.png) repeat-x scroll bottom left;
}
div#column2.threeWide {
	width: 446px;
}
div#column2.oneWide {
	width: 150px;
}
#column3 {
	float: right;
	width: 296px;
	padding-bottom: 22px;
	background:#FFF1D6 url(../img/footerYellow.png) repeat-x scroll bottom left;
}
div#column3.turnedOn {
	background:#FFA800 url(../img/footerYellowOn.png) repeat-x scroll bottom left;
}
div#column3.oneWide {
	width: 146px;
}
div#column3.twoWide {
	width: 296px;
	background:#F7FFF1 url(../img/footerGreen.png) repeat-x scroll bottom left;
}
#column3N {
	float: right;
	width: 146px;
	padding-bottom: 22px;
	background:#FFF1D6 url(../img/footerYellow.png) repeat-x scroll bottom left;
	font-family: Tahoma, Verdana, sans-serif;
}

/* #################### MISC DETAILS CLASSES #################### */

/* HEADER */
#homeLink {
	padding-top:8px;
	padding-left:22px;
	font-size: 0.9em;
}
#homeLink a {
	text-decoration:none;
}
#logo {
	position: absolute;
	top: 28px;
	left: 22px;
}
#pleaseCall {
	position: absolute;
	top: 76px;
	left: 285px;
}
#telNumber {
	position: absolute;
	top: 12px;
	right: 22px;
}

/* CONTENT */
#content h2 {
	margin: 0 0 0 0;
	padding: 18px 6px 0 6px;
	font: bold 1.5em/1em Arial, Verdana, sans-serif;
	text-transform:uppercase;
	color: #1A3300;
}
#content #column3 h2, #content #column3N h2 {
	color: #8F2727;
	border-bottom-color: #D74615;
}
#content h2.columnHead {
	border-top: 1px solid #77a843;
}
#content #column3 h2.columnHead {
	border-top: 1px solid #fa8530;
}
#content h3 {
	margin: 18px 0 0 0;
	padding: 8px 6px 2px 6px;
	font: bold 1em/1em Verdana, sans-serif;
	color: #40600D;
}

#content p {
	margin: 6px 0;
	padding: 0 6px;
}
#content #column1 p {
	font: normal 1em/1.3em Tahoma, Verdana, sans-serif;
	color: #1A3300;
}
#content #column1 #address {
	margin-top: 14px;
	font: normal 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#content #column1 p.sectionIntro {
	font: bold 1em/1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #1A3300;
}
#content #column3 p.sectionIntro {
	font: bold 1em/1.3em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #531717;
}
.typeImage {
	display: block;
	margin: 18px auto 0 auto;
}
.outdentLink {
	position: relative;
	top: 0;
	left: -12px;
}
.columnBreak {
	margin:0;
	padding:0;
	height: 4px;
	width: 100%;
	background-color: #FFF;
	/* Had to shrink font to stop IE allowing one character height */
	font-size: 1px;
}

/* REVIEWS */
#content .reviewBox {
	padding-right: 6px;
}
#content .reviewer {
	clear: both;
	float: left;
	width: 140px;
	text-align: right;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
#content .review {
	float: right;
	width: 284px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
.reviewerTitle {
	font-weight:bold;
}
#content .reviewSeparator {
	clear:both;
	margin-top:6px;
	padding-top:16px;
	border-top: 1px dotted #89b360;
}

/* PHOTOS GALLERY */
#content a.thumb {
	float: left;
	padding: 0;
	margin: 0;
}
#content a.thumb img {
	padding: 0;
	margin: 0;
	border: 2px solid #FFF;
}
#content a.thumb:hover img {
	border-color: #FF7D0C;
}

/* GAPS */
#content .spaceBelowReviews {
	padding-bottom: 131px;
}
#content .spaceBelowPhotos {
	padding-bottom: 150px;
}
#content .spaceBelow6 {
	padding-bottom: 6px;
}
#content .spaceBelow20 {
	padding-bottom: 20px;
}
#content .spaceAbove49 {
	padding-top: 49px;
}
#content .spaceAbove13 {
	margin-top: 13px;
}
#content .spaceAbove8 {
	padding-top: 8px;
}
#content .spaceAboveApproaches {
	margin-top: 15px;
}

/* LISTS */
ul.listOfLinks {
	margin: 0 0 12px 0;
	padding: 0 6px 6px 6px;
	border-style: none;
}
ul.listOfLinks li {
	margin: 0;
	padding: 0 0 2px 12px;
	list-style: none;
	text-align: left;
	background: url(../img/linkArrow1.gif) left no-repeat;
}
ul.listOfLinks.onYellow li {
	background: url(../img/linkArrow2.gif) left no-repeat;
}

ul.listOfLinks li a:hover{
	color:#CF0000;
}

/* FOOTER */
.footerIcon {
	position: relative;
	bottom: -1px;
}

/* CREDITS */
#credits a {
	color: #000;
}
#credits a:hover {
	color: #c00;
}
#copyright {
	position: absolute;
	top: 0;
	left: 10px;
}
#credit {
	position: absolute;
	top: 0;
	right: 10px;
}

/* #################### MAIN MENU #################### */

#header #menu {
	position: absolute;
	left: 22px;
	top: 122px;
}
#menu ul {
	position: relative;
	margin: 0;
	padding: 0;
	border-style: none;
}
#menu li {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	border-style: none;
	list-style-type: none;
	text-align: center;
}
#menu li a {
	display: block;
	margin: 0;
	padding: 4px 0 0 0;
	border-style: none;
	height: 28px;
	width: 146px;
	font-weight: bold;
	text-decoration: none;
}
#menu li a:hover {
	color: #000;
}

.menuPreload1 {
	background: url(../img/menuRoll1.gif) no-repeat;
}
.menuPreload2 {
	background: url(../img/menuRoll2.gif) no-repeat;
}

a.menuLink1 {
	background: url(../img/menuButton1.gif) no-repeat;
	color: #1A3300;
}
a.menuLink2 {
	background: url(../img/menuButton2.gif) no-repeat;
	color: #8F2727;
}


a.menuLink1:hover {
	background: url(../img/menuRoll1.gif) no-repeat;
}
a.menuLink2:hover {
	background: url(../img/menuRoll2.gif) no-repeat;
}


/* #################### MISC REUSABLE CLASSES #################### */

.hide {
	display: none;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth {
	clear: both;
}
.center {
	text-align:center;
}
a.noUnderline {
	text-decoration: none;
}
.larger {
	font-size:larger;
}
.smaller {
	font-size:smaller;
}
#footer .grey {
	color: #AAAAAA;
}
.highlight3 {
	font-weight:bold;
	color: #9d4100
}
#content blockquote {
	background-color:#ffde8f;
	padding: 10px 10px 10px 20px;
	margin: 0;
}
#content blockquote p {
	font-size:1.5em;
	line-height:1.2em;
	font-weight:bold;
	text-indent:-0.5em;
	letter-spacing:-0.5px;
	color: #9d4100;
	padding: 4px;
	margin: 0;
}
#content blockquote .source {
	font-size:1em;
	text-align:right;
	padding-bottom:5px;
}

/* #################### END #################### */