/* CSS Document */



/*//// ELEMENTS ////*/

* {
	outline:none;
}

a {
	color:#5CB2C7;
	text-decoration:none;
}

a:hover {
	color:#CE7F00;
}


html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}


body {
	background:url(../images/top-banner.jpg) repeat-x #FFFFFF top;
	font-family:"Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
	font-size:11px;
	line-height:18px;
	color:#87888a;
}

h1 {
margin-top:0px;
margin-bottom:4px;
font-size:33px;
line-height:normal;
font-weight:normal;
color:#5CB2C7;
}

h2 {
margin-top:0px;
margin-bottom:4px;
font-size:33px;
line-height:normal;
font-weight:normal;
color:#CE7F00;
}

h3 {
margin-top:0px;
margin-bottom:4px;
font-size:27px;
line-height:normal;
font-weight:normal;
color:#5CB2C7;
}

h4 {
margin-top:0px;
margin-bottom:4px;
font-size:27px;
line-height:normal;
font-weight:normal;
color:#CE7F00;
}

h5 {
margin-top:0px;
margin-bottom:4px;
font-size:22px;
line-height:normal;
font-weight:normal;
color:#5CB2C7;
}

h6 {
margin-top:0px;
margin-bottom:4px;
font-size:22px;
line-height:normal;
font-weight:normal;
color:#CE7F00;
}

img {
	border:none;
}
	
input, textarea.contactText {
	border:1px solid #000000;
	font-family:"Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
	font-size:11px;
}

p {
	margin-top:8px;
	margin-bottom:8px;
}

ul {
	margin-top:0px;
	padding-left:10px;
	margin-left:5px;
}


/*//// STRUCTURE ////*/

.bottomContainer {
	width:951px;
	padding-top:15px;
	padding-bottom:0px;
	float:none;
	margin:0 auto;
	z-index:1;
}

.container {
	width:964px;
	margin:0 auto;
	float:none;
	overflow:auto;
}

.footer {
	width:100%;
	margin:0 auto;
	float:none;
	clear:both;
	padding-bottom:20px;
}

.footerInner {
	width:951px;
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
	color:#9c8257;
	font-weight:normal;
}

.footerLeft {
	width:585px;
	float:left;
	text-align:left;
	padding-left:15px;
}

.footerRight {
	width:345px;
	float:right;
	text-align:right;
}

.footerInner a {
	color:#5CB2C7;
	text-decoration:none;
	font-weight:normal;
}

.footerInner a:hover {
	color:#5CB2C7;
}

.logo {
	float:left;
	padding-left:8px;
	padding-top:0;
	position:absolute;
	top:12px;
}

.menu {
	position:relative;
	float:right;
	width:697px;
	text-align:right;
	z-index:15;
}

.strapline { 
	float:right;
	color:#5CB2C7;
	height:79px;
	line-height:normal;
	font-weight:normal;
	width:624px;
	text-align:right;
	overflow:hidden;
}

.strapline h1 {
	color:#5CB2C7;
	margin-top:22px;
	margin-bottom:0px;
	line-height:normal;
	font-weight:normal;
	font-size:24px;
}

.telephone {
	float:right;
	color:#196bb5;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	width:624px;
	text-align:right;
}

.topBanner {
	width:951px;
	height:129px;
	float:none;
	margin:0 auto;
}

.tabsContainer {
	width:921px;
	float:none;
	display:none;
	background-position:left;
	padding: 15px 15px 0 15px;
	background-color:#FFF;
}

.tabsContent {
	width:921px;
	float:none;
	padding:0px;
	line-height:18px;
	position:relative;
	overflow:hidden;
}

.tabsBottom {
	width:964px;
	float:none;
	/*background:url(../images/bottom-shadow.jpg) center top no-repeat;*/
	height:6px;
	line-height:1px;
}

.tabsBottomContent {
	width:915px;
	height:5px;
	float:left;
	line-height:1px;
}

/*//// TABS MENU ////*/


.noTabsMenu {
	width:964px;
	background:url(../images/top-shadow.jpg) bottom left no-repeat;
	height:0px;
	float:none;
	line-height:4px;
}

.tabsMenu {
	width:964px;
	background:url(../images/top-shadow.jpg) bottom left no-repeat;
	height:39px;
	float:none;
}

.tabsMenu a {
	font-weight:normal;
}

.tabsMenu a:hover {
	font-weight:normal;
}

a.tabsMenuLeft {
	width:93px;
	height:26px;
	padding-left:11px;
	padding-top:13px;
	padding-right:14px;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/left-tab-off.jpg) left no-repeat;
	text-decoration:none;
}

a:hover.tabsMenuLeft {
	background-image:url(../images/tabs/left-tab-on.jpg);
	color:#FFFFFF;
}

a.tabsMenuLeftSelected {
	width:93px;
	height:26px;
	padding-left:11px;
	padding-top:13px;
	padding-right:14px;
	float:left;
	background-image:url(../images/tabs/left-tab-on.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
}

a:hover.tabsMenuLeftSelected {
	color:#FFFFFF;
}

a.tabsMenuMiddle {
	width:95px;
	height:26px;
	padding-left:13px;
	padding-top:13px;
	padding-right:13px;
	line-height:11px;
	font-size:11px; 
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/centre-tab-off.jpg) left no-repeat;
	text-decoration:none;
}

a:hover.tabsMenuMiddle {
	color:#FFFFFF;
	background:url(../images/tabs/centre-tab-on.jpg) left no-repeat;
}

a.tabsMenuMiddleSelected {
	width:95px;
	height:26px;
	padding-left:13px;
	padding-top:13px;
	padding-right:13px;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/centre-tab-on.jpg) left no-repeat;
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	background-position:left;
}

a:hover.tabsMenuMiddleSelected {
	color:#FFFFFF;
}

a.tabsMenuEnd {
	width:96px;
	height:26px;
	padding-left:11px;
	padding-top:13px;
	padding-right:13px;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/right-tab-off.jpg) right no-repeat;
	text-decoration:none;
}

a:hover.tabsMenuEnd {
	color:#FFFFFF;
	background:url(../images/tabs/right-tab-on.jpg) right no-repeat;
}

a.tabsMenuEndSelected {
	width:96px;
	height:26px;
	padding-left:11px;
	padding-top:13px;
	padding-right:13px;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/right-tab-on.jpg) right no-repeat;
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
}

a:hover.tabsMenuEndSelected {
	color:#FFFFFF;
}


/*//// GALLERY ////*/


.galleryContainer {
	height:429px;
	width:921px;
	float:left;
	overflow:hidden;
}

.galleryNav {
	width:920px;
	float:left;
	text-align:right;
	padding:3px 1px 0px 0px;
}

#gallery_preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

.gallerySlot {
	height:429px;
	width:921px;
	float:left;
}

.gallerySlider {
	height:429px;
	top:0px;
	left:0px;
	position:absolute;
	white-space:nowrap;
}

.galleryThumb {
	height:133px;
	width:172px;
	float:left;
	text-align:center;
	padding-bottom:10px;
	padding:0 15px 15px 0;
}

/*////  FONT SIZER CSS  ////*/

.fontResizer { float:right; padding-left:10px; }

.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }

.fontResizer a:hover { color: #000; text-decoration: none; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 11px; }

.largeFont { font-size: 15px; }

.curFont { background: #EEEEF7; }