html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	color: #000;
	font-size: 85%;
}

/* === colors for reference 
Gold: #B99D66
Brown: #54401F
Silver: #BBBBBB
Silver Text: #231F20
===== */

#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	}

#logo {
	position: relative;
	float: right;
	width: 200px;
	height: 75px;
}

#logo img {
	position: absolute;
	top: 0;
	right: 0;
	}

#logo p {
	position: absolute;
	top: 0;
	padding: 58px 0 0 0;
	margin: 0 0 3px 0;
	right: 5px;
	font-weight: bolder;
	}

#menu {
	width: 500px;
	z-index: 50;
	margin: 5px 0 0 0;
	}

#content-wrapper {
	width: 900px;
	margin: 0;
	padding: 0;
	}

#header {
	clear: both;
	width: 900px;
	height: 225px;
	margin: 0;
}

#header-text .banner {
	font-size: 30px;
	font-weight: lighter;
	padding: 5px 0 0 0;
	margin: 0;
	}

#header-left {
	float: left;
	width: 449px;
	background-color: #231F20;
	height: 225px;
	text-align: center;
}

#header-left p {
	margin: 20px 0 0 0;
	padding: 0 20px;
	font-size: 23px;
	color: #818285;
	/*color: #818285;*/
	font-family: Times New Roman;
	text-transform: uppercase;
	}

#header-left img {
	margin: 15px 0 0 0;
	text-align: center;
	}

/*\*/
/**html #header-right img {
	margin-bottom: -3px;
	}
/**/

#header-right {
	float: left;
	width: 449px;
	height: 225px;
}

/* ================== custom styling ========== */
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em;}
h4 { font-size: 1em;}
h5 { font-size: 0.9em; }
p { font-size: 1em; padding: 0.3em 0 0 0; margin: 5px 0 0 0; white-space: normal;}
ul { margin: 0; padding: 0; }
li { font-size: 1em; list-style-type: none; padding: 0 0 0 15px; }

select { border: 1px solid #000; }
select option { padding: 0.1em 0.2em; }

img { border: 0; }

span.red { color: #f00; }
input.required, textarea.required { border: 1px solid #f00; }
select.required { color: #f00; }

.center { text-align: center; }
.bold { font-weight: bold; }

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

/* icon links */
a.pdf { background: #fff url(/images/icons/pdf.gif) no-repeat top left; padding-left: 20px; }
a.doc { background: #fff url(/images/icons/doc.gif) no-repeat top left; padding-left: 20px; }
a.xls { background: #fff url(/images/icons/xls.gif) no-repeat top left; padding-left: 20px; }
a.txt { background: #fff url(/images/icons/txt.gif) no-repeat top left; padding-left: 20px; }

.right { float: right; }
.left { float: left; }

/* ======== column styles =======*/
#content {
	width: 900px;
}

/* === left === */
#col-left {
	width: 449px;
	float: left;
	padding-top: 1px;
}

#thumbnails {
	width: 340px;
	margin-left: 40px;
	}

#thumbnails li {
	float: left;
	margin: 0 auto;
	padding: 0 0 4px 4px;
}

#thumbnails img {
	border: 2px solid #444444;
	}

#thumbnails img:hover {
	border: 2px solid #B99D66;
	}


/* ==== right ==== */
#col-right {
	width: 435px;
	float: right;
	padding: 10px 5px 0 10px;
}

#col-right p {
	line-height: 1.4;
	margin: 10px 0;
	}


/* ===== box links ====== */
#internal-links {
	width: 900px;
	clear: both;
}

.box {
	width: 433px;
	float: left;
	border: 1px solid #FFFFFF;
	padding-left: 15px;
}

.box h2 {
	margin-top: 10px;
	}

.box a {
	margin-top: 5px;
	}

.box img {
	float: right;
	}

.box a { color: #FFFFFF; text-decoration: none; }
.box a:link {color: #FFFFFF; text-decoration: none; }
.box a:visited {color: #FFFFFF; text-decoration: none; }
.box a:hover {color: #FFFFFF; text-decoration: underline; }
.box a:active {color: #FFFFFF; text-decoration: underline; } 

.silver {
	background: #BBB;
	color: #444444;

}

.gold {
	background: #B99D66;
	color: #54401F;
}

/* ======e-mail styling============*/

#text
{
	font-size: 110%;
	color: #bbb; 
}

/* ====== Footer ======= */
#inner-footer {
	width: 900px;
	float: left;
	clear: both;
	height: 35px;
	padding: 0;
	color: #000;
	font-size: 90%;
	background: transparent url('../images/footer-bg.jpg') 0px 5px repeat-x;
}
#inner-footer p {
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	}

#inner-footer img {
	float: left;
	padding: 0 0 0 10px;
	}

#footer {
	clear: both;
	margin: 5px 0 0 0;
	}

/* === Blue square tag styling === */

#b2 {
	text-align: right;
	width: 900px;
	font-size: 90%;
	}

#b2 span {
	float: left;
	text-align: left;
}

#b2 a {
	color: #006;
	text-decoration: none;
	}

#b2 a:hover {
	text-decoration: underline;
	}

/* for enquiry form */
.row { width: 100%; clear: both; font-size: 0.9em; margin-top: 10px; line-height: 20px; float: left; }
label.col1, span.label { width: 30%; float: left; text-align: right; }
span.widget { width: 69%; float: right; text-align: left; }
span.widget .button { margin-top: 10px; border: 1px solid #000; background-color: #B99D66; color: #fff; }
.required .label { color: #f00; }
.required .widget input, .required .widget textarea { border: 1px solid #f00; }
.required .widget select { color: #f00; }
span.col2 { width: 69%; float: right; text-align: left; }
.indent { text-align: center; }

/* ================= These are standard sIFR styles... do not modify ====================== */

.sIFR-flash {
	visibility: visible !important;
	margin: 0 0 0 0;
	z-index: 0;
}

.sIFR-replaced {
	visibility: visible !important;
	z-index: 0;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	z-index: 0;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
	z-index: 0;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash p.banner {
	visibility: hidden;
	letter-spacing: -8px;
	z-index: 0;
}