/* Base Styles */
body, input, textarea, select { font-family: Arial, Verdana, Helvetica; font-size: 14px; }
body { margin: 0px; padding: 0px; }

body { background: #e9bb70 url('/images/bgBody.jpg') repeat-x; color: #ffffff; }

a { text-decoration: none; color: #ffffff; }
a:hover { }

form { padding: 0px; margin: 0px; }

.center { text-align: center }
.left { float: left }
.right { float: right }

.clear { clear: both; }
.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }

/* Hides from IE-mac */
* html .clearafter { height: 1%; }
.clearafter { display: block; }

img { border: 0px; padding: 0px; margin: 0px; }

/* Container */
#container { width: 900px; height: auto; margin: 0 auto 0 auto; background: #000000; }

/* Header */
#header { width: 900px; height: 155px; background: url('/images/bgHeader.jpg') no-repeat; color: #206776; }

#header p { margin: 0px; padding: 0px; text-align: right; }
#header .currentlocation { padding: 105px 20px 0 0; font-size: 11px; }
#header .switchlocation { padding: 5px 20px 0 0; }
#header select { width: 200px; height: auto; padding: 0px; margin: 0px; background: #ffffff; border: 1px solid #7f9db9; color: #f05b00; font-size: 12px; font-weight: bold; }

/* Nav */
#nav { width: 860px; height: auto; margin: 0 auto 0 auto; background: #582a25; }

#nav ul { width: 600px; height: auto; padding: 0px; margin: 0 auto 0 auto;  list-style: none; }
#nav ul li { float: left; padding: 7px 10px 3px 20px; margin: 0px; background: url('/images/bgNavLi.jpg') no-repeat center left; }
#nav ul .first { list-style: none; background: none; }

#nav a { font-weight: bold; color: #f05b00; font-size: 17px; }
#nav a:hover { color: #fef08d; }

/* Choose Location */
#chooselocation { width: 620px; height: 180px; margin: 60px auto 0 auto; padding: 20px 0 20px 0; background: url('/images/bgChooselocation.jpg') no-repeat; }

#chooselocation h1, #chooselocation h2 { font-weight: normal; font-family: Lucida Sans, Trebuchet MS, Times New Roman; }

#chooselocation h1 { font-size: 20px; color: #f05b00; height: 30px; width: auto; background: #582a25; padding: 10px 0 0 20px; margin: 0px }
#chooselocation h2 { color: #206776; font-weight: normal; margin: 70px 0 0 150px; padding: 0px; font-size: 18px;  }

#chooselocation .location { float: left; width: 300px; height: 125px; margin: 20px 0 0 10px; padding: 0px; background: url('/images/bgLocation.jpg') no-repeat; cursor: pointer }
#chooselocation .last { margin: 20px 0 0 0; }
#chooselocation .location:hover { background: url('/images/bgLocationHover.jpg') no-repeat; }

#chooselocation a { color: #206776; }
#chooselocation a:hover { }

/* Content */
#content { width: 100%; height: auto; margin: 0px; padding: 0px; }

#content h1 { color: #206776; font-weight: normal; font-family: Lucida Sans, Trebuchet MS, Times New Roman; }
#content h2, #content h3, #content h4 { color: #f05d00; font-family: Lucida Sans, Trebuchet MS, Times New Roman; }

#content h1 { margin: 0px; padding: 0px; font-size: 20px; }
#content h2 { margin: 18px 0 0 0; padding: 0px; font-size: 16px; }
#content h3 { margin: 18px 0 0 0; padding: 0px; font-size: 15px; }
#content h4 { margin: 18px 0 0 0; padding: 0px; font-size: 14px; }

#content p { margin: 15px 0 0 0; padding: 0px; }

#content a { font-weight: bold; }
#content a:hover { color: #f05d00; }

#content .text { width: 250px; }

#content .makeres { width: 185px; height: 27px; margin: 20px 20px 0 auto; padding: 7px 0 0 15px; background: url('/images/bgMakeres.jpg'); }
#content .makeres p { margin: 0px; padding: 0px; }
#content .makeres .orange { font-size: 16px; color: #f05d00; font-weight: bold;   }

#content .indexcairns, #content .indexmelbourne { width: 660px; height: auto; margin: 0 0 20px 0; padding: 20px 200px 0 20px; }

#content .indexcairns { background: url('/images/cairns/bgIndex01.jpg') no-repeat top right; }
#content .indexmelbourne { background: url('/images/melbourne/bgIndex01.jpg') no-repeat top right; }

#content .indexboxes { width: 880px; height: auto; margin: 0px; padding: 0 0 15px 20px; font-size: 11px; }
#content .indexboxes .box { float: left; width: 233px; height: 160px; margin: 0 20px 0 0; padding: 20px; background: url('/images/bgBox.jpg') no-repeat; cursor: pointer; }
#content .indexboxes .last { margin: 0px; }
#content .indexboxes .box p { margin: 10px 0 0 0; }
#content .indexboxes .box a { font-weight: normal; }
#content .indexboxes .box img { border: 1px solid #582a25; }
#content .indexboxes .box .paragraph { width: auto; height: 50px; }
#content .indexboxes .box .bottomtext { font-size: 18px; text-align: right; font-weight: normal;  font-family: Lucida Sans, Trebuchet MS, Times New Roman; }
#content .indexboxes .box .orange { color: #f05d00; }

#content .pageside { float: left; width: 200px; height: auto; margin: 0px; padding: 20px; }
#content .page { float: right; width: 620px; height: auto; margin: 0px; padding: 20px; }

#content .page dl { width: 600px; height: auto; padding: 0px; margin: 0px; }
#content .page dt { clear: both; float: left; width: 150px; height: auto; padding: 15px 0 0 0; margin: 0px; }
#content .page dd { float: left; width: 300px; height: auto; padding: 10px 0 0 0; margin: 0px; }

#googlemap { margin: 10px 0 0 0; padding: 0px; width: 400px; height: 250px; border: 1px solid #555555; color: #555555; font-size: 12px; }

/* Footer */
#footer { width: 900px; height: 50px; background: url('/images/bgFooter.jpg') no-repeat bottom; font-size: 11px; text-align: center; }
#footer p { margin: 0px;  padding: 10px 0 0 0; }

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

/* Author */
.author { text-align: center; font-size: 11px; padding: 5px; margin: 0px; color: #555555 }
.author a, .author a:hover { color: #555555; }