/*
	Author: Aaron Harper (www.necto.co.uk)
	Date: 180410
*/

/************* Default settings ***********/
html {
	min-height: 101%;
	}
body {
	height:100%;
	font-size: 100%;
	line-height: 1.3em;
	background: #7d99a9;
	}
html, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #3b3d51;
	}	

.alignMiddle { vertical-align: middle;}
.alignCenter { text-align: center;}
.clear { clear: both;}
.fleft { float: left;}
.fright { float: right;}

a img { border: 0;}
img { vertical-align: top;}
a { color: #989898; text-decoration: underline; outline: none;} 
a:hover { text-decoration: none; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
	

.wrapper { margin: 0px auto; padding: 0px; width: 800px; border: 0px; position: relative; overflow: hidden; }

.banner { margin: 0; text-align: left; width: 100%; float: left; position: relative; }

.banner .colour3 { background-color: #7d809d; width:100%; font-size:.92em}
.banner .colour3 .border-top { background: url('../images/2_3_border_top.gif') repeat-x top;}
.banner .colour3 .border-bottom { background: url('../images/3_4_border_top.gif') repeat-x bottom;}
.banner .colour3 .border-bottom2 { background: url('../images/3_2_border_bottom.gif') repeat-x bottom;}
.banner .colour3 .indent-box{ padding: 5px; }

.banner .colour4 { background-color: #a7bdc9; width:100%; font-size:.92em}
.banner .colour4 .border-top { background: url('../images/3_4_border_top.gif') repeat-x top;}
.banner .colour4 .border-bottom { background: url('../images/2_4_border_bottom.gif') repeat-x bottom;}
.banner .colour4 .indent-box{ padding: 12px 12px 12px 12px; }

#header { margin: 20px 0 0px 0;}
#header #title { margin: 0 0 0 5px; width: 700px; height: 79px; }
#header h1 { margin: 0; font-size: 12px; font-weight: bold; color: #3b3d51; font-family: /*'Script MT Bold',*/ Arial, Helvetica, sans-serif; position: relative; left: 310px; bottom: 14px;}
#header a { margin: inherit; font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit; }
#header a:hover { color: #ffffff; }

#navigation { width: 800px; height: 28px; margin: 0px auto; }

#picture { position: relative; width: 800px; height: 280px; margin: 25px auto;}
#picture img { position: absolute; top: 0px; left: 100px; float: left; }

#gallery { position: relative; width: 800px; height: 340px; margin: 15px auto;}
#gallery img { display: block; margin: 2px auto; }

#picture .side { position: relative; float: left; height: 280px; width: 100px;}
#picture .side .arrow { margin-top: 125px; }
#picture .side .left { float: right; margin-right: 45px; }
#picture .side .right { float: left; margin-left: 45px; }

#topcontent { width: 800px; margin: 25px auto; border: 1px solid #ff44ff;}

#map { width: 600px; height: 280px; margin: 0px 100px;}

#content { margin: 20px 0 10px 0px; width: 800px; position: relative; overflow: hidden;}
#content .col-1 { margin: 0 30px 0 0; width: 474px; float: left; overflow: hidden; }
#content .col-2 { margin: 0; width: 296px; float: left; overflow: hidden; }

.mainbox { background-color: #a7bdc9; width:474px; float: left; position: relative; }
.mainbox .border-top { background:url(../images/2_4_border_top.gif) repeat-x top; }
.mainbox .border-bottom { background:url(../images/2_4_border_bottom.gif) repeat-x bottom; }
.mainbox .border-left { background:url(../images/2_4_border_left.gif) repeat-y left; }
.mainbox .border-right { background:url(../images/2_4_border_right.gif) repeat-y right; }
.mainbox .corner-top-left { background:url(../images/2_4_corner_top_left.gif) no-repeat left top; }
.mainbox .corner-top-right { background:url(../images/2_4_corner_top_right.gif) no-repeat right top; }
.mainbox .corner-bottom-left { background:url(../images/2_4_corner_bottom_left.gif) no-repeat left bottom; }
.mainbox .corner-bottom-right { background:url(../images/2_4_corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.mainbox .indent-box{ padding:12px 12px 12px 12px; }
.mainbox .body { padding: 8px 18px 18px 18px; line-height: 1.3em; font-size: 13px; color: #3b3d51;}
.mainbox .body p { padding: 5px 0 15px 0; line-height: inherit; font-size: inherit;}
.mainbox .body h2 { padding: 5px 0 10px 0; font-size: 20px; font-weight: bold; color: #ffffff; font-family: inherit;}

.mainbox .body .row { margin: 10px 10px 5px 10px; width: 400px; }
.mainbox .body .row .label { margin: 5px 10px 5px 10px; width: 80px; float: left; position: relative; }
.mainbox .body .box {	width: 280px; border: 0px; background: #ffffff; height: 20px;}
.mainbox .body textarea{ width: 280px; border: 0px; background: #ffffff; height: 170px;}
.mainbox .body .submit { margin: 5px 0px 0px 280px;}

.standard { width: 296px; }
.gallerythumbs { width: 800px; }

.thumb { margin: 5px; }

.sidebox { margin-bottom: 20px; background-color: #b1b4d1; float: left; position: relative; }
.sidebox .border-top { background:url(../images/2_1_border_top.gif) repeat-x top; }
.sidebox .border-bottom { background:url(../images/2_1_border_bottom.gif) repeat-x bottom; }
.sidebox .border-left { background:url(../images/2_1_border_left.gif) repeat-y left; }
.sidebox .border-right { background:url(../images/2_1_border_right.gif) repeat-y right; }
.sidebox .corner-top-left { background:url(../images/2_1_corner_top_left.gif) no-repeat left top; }
.sidebox .corner-top-right { background:url(../images/2_1_corner_top_right.gif) no-repeat right top; }
.sidebox .corner-bottom-left { background:url(../images/2_1_corner_bottom_left.gif) no-repeat left bottom; }
.sidebox .corner-bottom-right { background:url(../images/2_1_corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.sidebox .indent-box{ padding:12px 12px 12px 12px; }
.sidebox .body { padding: 0; line-height: 1.3em; font-size: 13px; color: #525893; position: relative; }
.sidebox .body p { padding: 0 0 15px 0; line-height: inherit; font-size: inherit;}
.sidebox a { padding: 5px 0 0 0; line-height: inherit; font-size: inherit; color: #ffffff; display: block;}
.sidebox a:hover { text-decoration: underline; }


.infobox { position: relative; overflow: hidden; margin: 3px 0; }
.infobox img { float: left; margin-right: 15px; }
.infobox img.small { float: left; margin: 0 21px 0 6px; }
.infobox div { float: left;  margin-top: 5px; line-height: 1.3em; width: 210px;}

.infobox2{ position: relative; overflow: hidden; margin: 3px 0px 15px 0px; }
.infobox2 img { float: left; margin-right: 15px; margin-top: 3px; border: 0px; }
.infobox2 a { line-height: inherit; font-size: inherit; color: inherit; display: block; }
.infobox2 a:hover { text-decoration: underline; }
.infobox2 div { float: left;  margin-top: 0px; line-height: 1.3em; width: 320px; }

.quote { background: url('../images/icon_quote_open.gif') no-repeat left top; padding: 8px 0 8px 23px; }
.quote .inner { background: transparent url('../images/icon_quote_close.gif') right bottom no-repeat; padding-right: 20px; padding-bottom: 5px; line-height: 1.3em;	}
.quote .source { padding-top: 5px; }
.static { position: absolute; top: 0px; left: 0px; }

.quote2 { background: url('../images/icon_quote_open.gif') no-repeat left top; padding: 6px 0 8px 23px; width: 500px; margin: 10px auto; line-height: 1.3em; font-size: 14px; color: #3b3d51; }
.quote2 .inner { background: transparent url('../images/icon_quote_close.gif') right bottom no-repeat; padding-right: 20px; padding-bottom: 5px; }
.quote2 .source { padding-top: 5px; font-size: 13px; color: #ffffff; }

#footer { width: 800px; margin: 40px auto 0px auto; padding: 20px; font-size: 9px; text-align: center; color: #ffffff; }

#footer a { text-decoration: none; }
#footer a:link { color: #ffffff; }
#footer a:visited { color: #ffffff; }
#footer a:hover { text-decoration: underline; }
#footer a:active { color: #ffffff; }

/************* Navigation Menu Setup ***********/

ul.menu { list-style-type: none; position: relative; display: block; font-size: 12px; font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif; border: 0; margin: 0; padding: 0; }
ul.menu li { float: left; margin: 0; padding: 0; }
ul.menu li a { display: block; text-decoration: none; font-weight: bold; text-align: center; height: 20px; padding: 8px 24px 0px 24px; color:#ffffff; }	
ul.menu li a:hover { background-image : url('../images/button_bg2.gif'); color: #ffffff;}	
ul.menu li a:active { background-image : url('../images/button_bg.gif'); color: #ffffff;}	

ul.menu li a.selected { background-image : url('../images/button_bg.gif'); display: block; text-decoration: none; font-weight: bold; text-align: center; height: 20px; padding: 8px 24px 0px 24px; color: #ffffff; }	
ul.menu li a.selected:hover { color: #ffffff;}