@charset "UTF-8";
/* CSS Document */

body {background-image: url(images/bg.jpg); background-repeat: repeat; margin:0; padding:0; background-color: #fff; font-family:Helvetica, Arial, sans-serif; color:#000;}

p {line-height:20px; font-size:0.7em;}

p.intro {font-weight:bold;}

h1,h2, .h1-style {font-size:1.1em; color:#760f07; font-weight:lighter; padding:0; margin:0;}

h3 {font-size:0.9em; color:#760f07; font-weight:lighter;}

.h1-small, .h2-small {font-size:0.75em; color:#999; padding:0; margin:0;}

ul li {font-size:0.7em; line-height:22px;}

a {color:#069; text-decoration:underline;}

a:hover {color:#33C; text-decoration:underline;}

.border {border-bottom:1px dashed #000; border-top:1px dashed #000; padding:5px 0 3px 0; margin:0 0 2px 0; font-size:0.8em; font-weight:bold;}

.bold {font-weight:bold;}


/*Design div id tags */

#header {margin:0 auto; width:1000px; height:162px; background-image:url(images/header-bg.jpg);}

#flash {margin:0 auto; padding-left:10px; width:896px; height:426px; background-image:url(images/main-bg.jpg);}

#flash2 {margin:0 auto; padding-left:10px; width:896px; height:250px; background-image:url(images/main-bg.jpg);}

#main {margin:0 auto 40px auto; width:906px; background-image:url(images/main-bg.jpg); background-repeat:repeat-y; height:auto; overflow:hidden;}

#nav {float:left; width:633px; height:40px; padding:4px 0 0 5px;}

#mainleft {float:left; width:650px; margin:10px 0 10px 0; height:auto;}

#maincontent {float:left; width:278px; height:auto; padding:0 20px 0 20px; border-right:1px #000 dashed;}

#maincontent2 {float:left; width:278px; height:auto; padding:0 20px 0 20px; border-right:1px #000 dashed;}

#maincontentlarge {float:left; width:596px; height:auto; padding:0 20px 0 20px; border-right:1px #000 dashed;}

#mainright {float:right; width:230px; height:auto; padding:6px 20px 0 0; overflow:hidden;}


/*header images*/

.logo { float:left; padding:100px 0 0 50px;}

.number { float:right; padding:99px 50px 0 0;}


/*Nav style*/
#nav ul {margin:0; padding:0; display: block;}
#nav li {display:inline; border-right:1px #333 solid;}
#nav li a {padding:5px 16px 5px 12px; font-size:1.5em; color:#3a3a3a; text-decoration:none; font-weight:lighter;}
#nav li a:hover { color:#858585; text-decoration:underline;}


/*footer*/

#footer { width:100%; height:175px; padding:20px 0 20px 0; background-image:url(images/footer-bg.jpg); background-repeat:repeat-x; overflow:hidden; clear:both; font-size:0.85em;}

.center {text-align:center;}

#footer ul {text-align:center; padding:0; margin:10px 0 10px 0;}

.footer-li { padding-left:3px; padding-right:5px; list-style:none; display:inline; border-right:1px solid #bfb795; }

#footer a {color:#bfb795; text-decoration:underline;}

#footer p {color:#bfb795; text-align:center;}

#enquiry {float:right; width:209px; height:130px; padding:70px 0 0 16px; background-image:url(images/quick-enquiry-bg.gif); background-repeat:no-repeat;}

.linksystem {width:1000px; margin:0 auto; padding:5px 0 5px 0; text-align:center;}

a.linksystem {color:#036;}

.ul-foot {display:block;}
.li-foot {display:inline; color:#bfb795;}

/*php forms*/

.form { margin:0; padding:0; font-size:0.7em;}

.formreduction {padding:0px; margin:0px;}

.formheader {color:#000; font-size:1.1em; line-height:16px; font-weight:bold;}

.formstyle { width:180px; height:15px; background-color: #FFF; margin-bottom:1px; border: 1px dashed #b6b6b6; color: #6b6b6b; font-family: Arial; }

.formbottons { width:73px; height:22px; margin-left:115px; margin-top:6px; background-image:url(images/submit-enquiry.gif);}

.form1 { margin-left:15px; width:167px; margin-bottom:5px; margin-top:7px; }

.form2 { width:167px; height:20px; background-color: #e6e6e6; margin:1px; border: 1px solid #b6b6b6; color: #6b6b6b; font-family: Arial; }

.formstyle2 { width:120px; background-color: #4d5256; padding:1px; margin-bottom:3px; border: 1px solid #333333; color: #FFFFFF; font-family: Arial; font-size:1.3em; }

.formstyle3 { width:220px;}

.contactformbox { width:220px; border:1px solid #000066; font-size:0.6em; font-family:Arial, Helvetica, sans-serif; padding:3px; }

.formstylex { width:168px; background-color: #ffffff; padding:1px; margin-bottom:3px; border: 1px solid #b2afaf; color: #333; font-family: Arial;}

.phpstyle4 {color: #008000;}

.phpstyle3 {color: #c33131;}

.tickyellowbox {background-color: #eff6ef; border: 1px solid #008000;}

.tickredbox {background-color: #f9eaea; border: 1px solid #c33131;}

#error { margin-left: 15px; font-size: 0.9em; line-height: 1.5em; }

.basefooter {width:100%; padding: 10px 0; color: #fff; font-size:0.69em; text-align:center; background-image:url(images/base-bg.jpg); background-repeat:repeat-x;}


/*lightbox*/

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}

#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}	

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
	

/* Min-Width */
.lbWidth { position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px;}

* html .lbContent { /* IE6 */ margin-left: -790px; position:relative;}

* html .lbMinWidth { /* IE6 */ padding-left: 790px;}
	
	
/* Clearfix */	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */