/* Base Styles */

body, input, textarea, select { font-family: Arial, Verdana, Helvetica; font-size: 11px; }

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



body { background: #005dc5 url('/images/bgBody.jpg') top center repeat-x; color: #666666; }



a { color: #4980bc; text-decoration: none; }

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



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



/* Form hack */

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



/* Formatting hack */

.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; }



/* Generic Styles */

.center { text-align: center }

.left { float: left }

.right { float: right }

.red { color: #bd0000; }

.big { font-size: 12px }

.small { font-size: 9px }



/* Container */

#container { width: 1000px; height: auto; background: #ffffff url('/images/bgContainer.jpg') top center no-repeat; margin: 20px auto 0 auto; border: 1px solid #444444; }



/* Header */

#header { width: 100%; height: 275px; }



#header .logo { float: left; width: 225px; height: 120px; background: url('images/logo.jpg') center center no-repeat; margin: 0 0 0 25px; cursor: pointer; }

#header .booknow { float: right; width: 160px; height: 80px; background: url('images/booknow.jpg') center center no-repeat;  cursor: pointer; }



/* Content */

#content { float: right; width: 770px; height: auto; border-left: 2px solid #dfe0e1; margin: 5px 0 0 0; padding: 0 0 0 10px; font-size: 10px; }



#content h1 { padding: 0px; margin: 0px; font-size: 18px; font-weight: bold; color: #f58b5c; }

#content h2 { padding: 10px 0 0 0; margin: 0px; font-size: 14px; font-weight: bold; color: #4980bc; }



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



#content ul { padding: 5px 0 0 15px; margin: 0px; list-style: square; }

#content ul li { padding: 2px 0 0 0; margin: 0px;  }



#content dl { padding: 0px; margin: 5px 0 0 0; width: 330px; height: auto; }

#content dt { clear: both; float: left; width: 120px; height: auto; padding: 0px; margin: 5px 0 0 0; }

#content dd { float: left; padding: 0px; width: 200px; height: auto; margin: 5px 0 0 0; }



#content .hr { height: 2px; background: #dfe0e1; font-size: 1px; }



#googlemap { width: 380px; height: 180px; margin: 5px 0 0 0; border: 1px solid #444444; font-size: 5px }



#content .text { width: 200px }

#content .name { width: 100px; }

#content .phone { width: 100px; }

#content .address { width: 150px; }

#content .state { width: 60px; }

#content .date { width: 60px; }

#content .postcode { width: 40px; }

#content .country { width: 100px; }

#content .button { width: auto; }



/* Page specific alignments */

.index .photo { float: left; padding: 0 10px 0 0; }

.index .block { float: left; width: 265px; padding: 0 10px 0 0; }



/* Page specific alignments */

.ferry-timetable .photo { float: left; padding: 0 10px 0 0; }

.ferry-timetable .block { float: left; width: 450px; padding: 0 10px 0 0; }

.ferry-timetable .block2 { float: left; width: 280px; padding: 0 10px 0 0; }

.ferry-timetable .big { font-size: 12px }

.ferry-timetable .pad { padding: 10px 0 0 0; } 



/* Page specific alignments */

.water-taxi .photo { float: left; padding: 0 10px 0 0; }

.water-taxi .block { float: left; width: 255px; padding: 0 10px 0 0; }



.water-taxi .hr { width: 90%; margin: 2px auto 0 auto; }



/* Page specific alignments */

.contact .block { float: left; width: 320px; padding: 0 10px 0 0; }

.contact .block2 { float: left; width: 320px; padding: 0 10px 0 0; }



/* Page specific alignments */

.our-boats .photo { float: left; padding: 0 10px 0 0; }

.our-boats .block { float: left; width: 320px; padding: 0 10px 0 0; }



/* Page specific alignments */

.property-development .photo { float: left; padding: 0 10px 0 0; }

.property-development .block { float: left; width: 310px; padding: 0 10px 0 0; }



.property-development .hr { width: 254px; margin: 20px 0 0 0; }



/* Page specific alignments */

.things-you-should-know .block { float: left; padding: 0 10px 0 0; }



/* Page specific alignments */

.privacy .block { float: left; padding: 0 10px 0 0; }



/* Page specific alignments */

.disclaimer .block { float: left; padding: 0 10px 0 0; }



/* Page specific alignments */

.disclaimer .links { float: left; padding: 0 10px 0 0; }



/* Page specific alignments */

.contact .block { float: left; width: 400px; padding: 0 10px 0 0; }

.contact .block2 { float: left; width: 230px; padding: 0 10px 0 0; }



/* Page specific alignments */

.bookings .block { float: left; width: 340px; padding: 0 10px 0 0; }

.bookings .block2 { float: left; width: 300px; padding: 60px 10px 0 0; }



/* Timetable */

#content .timetable { overflow: scroll; width: 450px; height: 280px; font-size: 9px; margin: 0px; border: 1px solid #444444; }

#content .timetable table { border-collapse: collapse }

#content .timetable table .bottom td { border-bottom: 2px solid #919396; }

#content .timetable table .bottom th { border-bottom: 2px solid #919396; }

#content .timetable table .dark { background: #dadbdd; }

#content .timetable table thead th { background: #000000; color: #ffffff; text-transform: uppercase; }

#content .timetable table tbody th { background: #ebebec; text-transform: uppercase; }

#content .timetable table tbody td { background: #ebebec; border-left: 2px solid #ffffff; }



/* Side */

#menu { float: left; width: 180px; height: auto; padding: 5px 0 0 20px; margin: 0px; font-size: 12px }



/* Side */

#menu ul { width: 180px; height: auto; list-style: none; margin: 0px; padding: 0px; }

#menu ul li { float: left; width: 180px; height: 21px; margin: 5px 0 0 0; padding: 6px 0 0 10px; background: url('/images/bgMenuLi.jpg') top center no-repeat; }



#menu .top { margin: 0px; }



#menu ul a { text-transform: uppercase; font-weight: bold; color: #1362ae; }

#menu ul a:hover { text-decoration: none; }



/* Footer */

#footer { width: 100%; height: 55px; margin: 5px 0 0 0; border-top: 3px solid #2d3590; background: #26aae1  url('/images/bgFooter.jpg') bottom right no-repeat; font-size: 9px; color: #ffffff; }



#footer p { padding: 20px 0 0 0; margin: 0px; }

#footer a { color: #ffffff; }



/* Author */

.author { width: 1000px; height: auto; margin: 5px auto 0 auto; padding: 0px; font-size: 9px; color: #ffffff; }

.author a { color: #ffffff; }