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

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

a { text-decoration: none; color: #0071AA; }
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; }

/* iPad background alignment hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body {
        background-position: 50.001% 0;
    }
}

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

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

/* Container */
#container { margin: 0 auto 0 auto; padding: 0px; width: 990px; height: auto; }

/* Header */
#header { clear: both; margin: 0; padding: 0px; width: 990px; height: 200px; }

#header .logo { float:left; width: 350px; height: 160px; margin: 20px 0 0 0; padding: 10px 0 0 10px; } 

#header .nav { float:right; width: auto; height: 160px; margin: 20px 0 0 0; } 

#header .nav .info { float: right; width: auto; height: 137px; text-align: right; font-size: 16px; }

#header .nav .info p { margin: 0px; padding: 0px; }

#header .nav ul { clear: both; z-index: 200; padding: 0px; margin: 0px; list-style: none; width: 606px; height: 33px; color: #025782; } 
#header .nav ul li { float: left; padding: 10px 0 0 0; margin: 0 0 0 1px; background: url('/images/bgNav.jpg') repeat-x; width: 100px; height: 23px; text-align: center; } 

#header .nav ul ul { display: none; padding: 0px; /*margin: 9px 0 0 0;*/margin:0px; position: absolute; border: 1px solid #025782; height: auto; width: auto; }
#header .nav ul ul li { clear: both; padding: 10px 0 0 0; margin: 0px; background: #9FD7F3; width: 150px; height: 23px; border-bottom: 1px dotted #025782; }

#header .nav ul a { color: #025782; }
#header .nav .item {cursor: pointer; height: 23px;}

/* Index */
#index { clear: both; background: #ffffff; margin: 0px; padding: 0px; width: 990px; min-height: 500px; }

#index .main { float: left; width: 730px; height: 335px; margin: 4px 0 0 3px; }
#index .main { background: #ffffff; color: #ffffff; border: 1px solid #444444; } 
#index .main p { margin: 0px; padding: 150px 0 0 0; text-align: center; font-size: 40px; font-weight: bold; } 

#banner { float: left; width: 730px; height: 340px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#slider { position: absolute; height: 340px; left: 0; top: 0; width: 730px; }

#bannernav { height: 26px; left: 18px; position: absolute; top: 300px; z-index: 90; }
#bannernav a { background: #0071AA; color: #FFFFFF; display: inline; float: left; font-size: 13px; font-weight: bold; height: 20px; width: 20px; padding: 3px 0 0 0; text-align: center; }

#bannernav a.activeSlide, #bannernav a:hover { color: #FFB000; }

#index .side { float: right; width: 250px; height: 343px; } 

#index .side .feature { width: 235px; height: 100px; margin: 4px 0 0 0px; padding: 5px; color: #ffffff; cursor: pointer; }

#index .side .dark { background: url('/images/bgFeatureDark.jpg') repeat-x;  }
#index .side .orange { background: url('/images/bgFeatureOrange.jpg') repeat-x;  }
#index .side .light { background: url('/images/bgFeatureLight.jpg') repeat-x;  }

#index .side img { float: left; margin: 0px; padding: 0 10px 0 0; }

#index .side h2 { margin: 0px; padding: 5px 0 5px 0; font-weight: bold; font-size: 14px; } 
#index .side p { clear: both; margin: 0px; padding: 5px 0 0 0; }

#index .side .dark h2 { color: #5FD0FB; border-bottom: 1px dotted #5FD0FB; }
#index .side .dark a { color: #5FD0FB; }

#index .side .orange h2 { color: #ffffff; border-bottom: 1px dotted #ffffff; }
#index .side .orange a { color: #ffffff; }

#index .side .light h2 { color: #0071AA; border-bottom: 1px dotted #0071AA; }
#index .side .light a { color: #0071AA; }

/* Sub */
#sub { clear: both; background: #ffffff; margin: 0px; padding: 0px; width: 990px; min-height: 500px; } 

#sub .main { float: left; width: 730px; height: 223px; margin: 4px 0 0 3px; }
#sub .main { background: #ffffff; color: #ffffff; border: 1px solid #444444; } 
#sub .main p { margin: 0px; padding: 90px 0 0 0; text-align: center; font-size: 40px; font-weight: bold; }  

#sub .side { float: right; width: 250px; height: 229px; } 

#sub .side .feature { width: 235px; height: 100px; margin: 4px 0 0 0px; padding: 5px; color: #ffffff; cursor: pointer; }

#sub .side .dark { background: url('/images/bgFeatureDark.jpg') repeat-x;  }
#sub .side .orange { background: url('/images/bgFeatureOrange.jpg') repeat-x;  }
#sub .side .light { background: url('/images/bgFeatureLight.jpg') repeat-x;  }

#sub .side img { float: left; margin: 0px; padding: 0 10px 0 0; }

#sub .side h2 { margin: 0px; padding: 5px 0 5px 0; font-weight: bold; font-size: 14px; } 
#sub .side p { clear: both; margin: 0px; padding: 5px 0 0 0; }

#sub .side .dark h2 { color: #5FD0FB; border-bottom: 1px dotted #5FD0FB; }
#sub .side .dark a { color: #5FD0FB; }

#sub .side .orange h2 { color: #ffffff; border-bottom: 1px dotted #ffffff; }
#sub .side .orange a { color: #ffffff; }

#sub .side .light h2 { color: #0071AA; border-bottom: 1px dotted #0071AA; }
#sub .side .light a { color: #0071AA; }

/* Content */
#content { clear: both; float: left; background: #ffffff; margin: 0px; padding: 0 10px 30px 10px; width: 720px; font-size: 13px; }

#content h1 { padding: 15px 0 0 0; margin: 0px; color: #025782; font-size: 24px; font-weight: bold; }
#content h1 { border-bottom: 1px dotted #025782; }
#content h2 { padding: 15px 0 0 0; margin: 0px; font-size: 15px; font-weight: bold; }
#content h3 { padding: 15px 0 0 0; margin: 0px; font-size: 14px; font-weight: bold; }

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

#content ul { padding: 0px; margin: 0px; list-style: none } 
#content ul li { padding: 2px 0 0 30px; margin: 10px 0 0 10px; background: url('/images/bgLi.jpg') no-repeat top left; } 

#googlemap { width: 400px; height: 300px; border: 1px solid #444444; margin: 10px 0 0 0; }

/* Enquiry */
#side { float: right; background: #ffffff; margin: 1px 5px 0 0; padding: 0px; width: 245px; font-size: 13px; }

#side .enquiry h2 { padding: 5px; margin: 0px; color: #ffffff; font-size: 18px; height: 25px; font-weight: bold; background: url('/images/bgHeadingBlue.jpg') repeat-x; }

#side .enquiry dl { padding: 0px; margin: 0px; }
#side .enquiry dt { clear: both; float: left; padding: 10px 0 0 10px; margin: 0px; width: 80px; }
#side .enquiry dd { float: left; padding: 10px 0 0 0; margin: 0px; width: 140px; }

#side .enquiry .text { width: 140px; }
#side .enquiry .red { color: #ff0000; }
#side .enquiry .button { background: url('/images/bgButton.jpg') repeat-x; color: #ffffff; padding: 3px 10px 3px 10px; border: 1px solid #0071AA; font-weight: bold; }

#side .contact h2 { padding: 5px; margin: 15px 0 0 0; color: #ffffff; font-size: 18px; height: 25px; font-weight: bold; background: url('/images/bgHeadingOrange.jpg') repeat-x; }

#side .contact p { font-size: 11px; padding: 10px 0 0 10px; margin: 0px; }

/* Footer */
#footer { margin: 20px 0 0 0; padding: 0px; width: 100%; height: 215px; background: url('/images/bgFooter.jpg') repeat-x; }

#footer .container { margin: 0 auto 0 auto; padding: 0px; width: 990px; height: auto; color: #ffffff; }
#footer .container a {color: #ffffff; }

#footer .col { float: left; width: 160px; height: 185px; }

#footer .col h2 { color: #5FD0FB; } 
#footer .col h2 a {color: #5FD0FB; }

#footer .col ul { margin:0px; padding: 0px; list-style: none; }
#footer .col ul li { margin:0px; padding: 5px 0 0 0; }

#footer .author { clear: both; text-align: center; color: #ffffff; }
#footer .author a { color: #ffffff; border-bottom: 1px dashed #ffffff }