/* Style Information for www..com */

/* -- Fundamental Components -- */
body {
 margin:0;
 padding:0 0 10px 0;
 font-size:75%;
 font-family:Verdana,Arial,Sans-Serif;
 color:#000;
 background:#f3f3f3;
}

h1 {
 margin:0 0 0.5em 0;
 padding:0;
 font-size:26px;
 color:#c93;
 background:#fff;
}
h2 {
 margin:0 0 1em 0;
 padding:0;
 font-size:20px;
 color:#c90;
 background:#fff;
}
h3 {
 margin:0 0 1em 0;
 padding:0;
 font-size:18px;
 color:#666;
 background:none;
}
p {
 margin:0;
 padding:0 0 1em 0;
 font-size:1em;
 line-height:1.5em;
}

ul {
 margin:0;
 padding:0 0 1em 30px;
}

table,table tr,table tr th,table tr td {
 font-size:1em;
}
table tr th,table tr td {
 padding:2px;
 text-align:left;
}
table {
 margin:0 0 1em 0;
}

a {
 height:1%;
 text-decoration:none;
 color:#696;
 background:#fff;
}
a:hover {
 color:#9c9;
 background:#fff;
}

img {
 margin:0;
 border:0;
}

div#holder-home, div#holder-about, div#holder-location, div#holder-prices, div#holder-contact {
 clear:both;
 width:760px;
 margin:0 auto;
 color:#000;
 background:#fff;
}

/* -- Clear Float -- */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/* -- Fundemental CSS -- */
.right {float:right;}
.left {float:left;}
.noshow {display:none;}
.imagecentre {display:block; margin:0 auto;}
.imageright {float:right; margin:0 0 0 1em;}
.imageleft {float:left; margin:0 1em 0 0;}
.spacer {margin-bottom:10px;}
.emphasis {width:90%; font-style:italic;}
.largefont {font-size:18px;}
.smallfont {font-size:11px;}
.banner {margin-bottom:15px; padding:10px 10px 0 10px; border:1px dashed #f63; background:#ffc;}
.banner a {font-weight:bold; color:#f63; background:#ffc;}
.banner a:hover {color:#000;}

/* -- Holding --*/
body.holding {
 margin:0;
 padding:40px 0;
 font-size:80%;
 font-family:Verdana,Arial,Sans-Serif;
 color:#000;
 background:#fff;
}
body.holding div#holder {
 text-align:center;
}

/* -- Header -- */
div#language {
 padding:10px 20px;
 font-size:11px;
 text-align:right;
 color:#666;
 background:#f3f3f3;
}
div#language img {
 vertical-align:middle;
}
div#language a {
 padding:0 0 0 5px;
 text-decoration:none;
 color:#666;
 background:#f3f3f3;
}
div#language a:hover {
 color:#000;
}
div#header {
 padding:30px 0 20px 35px;
 background:url('/_images/back-header.jpg') no-repeat left top;
}
div#holder-about div#header, div#holder-location div#header, div#holder-prices div#header, div#holder-contact div#header {
 background:url('/_images/back-header-inside.jpg') no-repeat left top; 
}
div#header img#logo {
 display:block;
}

/* -- Top Navigation -- */
ul#topnav {
 margin:0;
 padding:29px 0 0 83px;
 list-style-type:none;
}
ul#topnav li {
 float:left;
 border-left:#333; 
}
ul#topnav li a {
 display:block;
 width:110px;
 padding:11px 0;
 font-size:16px;
 text-align:center;
 border-left:1px solid #333;
 color:#fff;
 background:#cec url('/_images/back-topnav.gif') repeat-x left top;
}
ul#topnav li a#last {
 border-right:1px solid #333;
}
ul#topnav li a:hover {
 color:#fff;
 background:#ded url('/_images/back-topnav-hover.gif') repeat-x left top;
}

/* -- Content -- */
div#content {
 color:#666;
 background:#fff url('/_images/back-main.gif') repeat-y left top;
}

/* -- Left Column -- */
div#leftcol {
 float:left;
 width:209px;
 padding:0 10px;
 border-left:1px solid #9c9;
}
div#leftcol img#map {
 margin-bottom:20px;
}
div#leftcol a {
 color:#960;
 background:none;
}
div#leftcol p.contact {
 padding:0 0 0.5em 0;
 font-size:18px;
 text-align:center;
 color:#c93;
}
div#leftcol p.contact span.grey {
 font-size:14px;
 color:#999;
}
div#leftcol p.contact a {
 font-size:14px;
 color:#960;
}
div#images img {
 margin-bottom:10px;
}

/* -- Main -- */
div#main {
 float:left;
 width:468px;
 padding:0 30px;
}
div#main h2 {
 margin:0 0 0.5em 0;
 font-size:18px;
}
div#main h3 {
 margin:0 0 0.5em 0;
 font-size:14px;
}
a.morelink {
 float:left;
 display:block;
 width:148px;
 padding:115px 10px 0 0;
 text-align:center;
 color:#999;
 background:#fff;
}
a.morelink:hover {
 color:#000;
 background:#fff;
}
a#link-reception {background:#fff url('/_images/link-reception.jpg') no-repeat left top;}
a#link-swimming {background:#fff url('/_images/link-pool.jpg') no-repeat left top;}
a#link-lac {background:#fff url('/_images/link-lac.jpg') no-repeat left top; padding-right:0;}

p#phone {
 padding:10px 0 10px 80px;
 background:url('/_images/icon-phone.gif') no-repeat 10px top;
}
p#letter {
 padding:10px 0 20px 80px;
 background:url('/_images/icon-letter.gif') no-repeat 15px 15px;
}

table.prices {
 width:100%;
}
table.prices tr th {
 margin-bottom:5px;
 padding-bottom:5px;
 border-bottom:1px solid #ccc;
}
table.prices tr td {
 padding:5px;
}
table.prices tr td.battery {
 padding-left:35px;
}
table.prices tr.shade {
 background:#f2f2f2;
}

table#enquiry img#captcha {
 float:left;
}
table#enquiry div#securitytools {
 width:22px; 
 float:left; 
 padding-left:7px;
}
table#enquiry div#securitytools a {
 border:0;
}

div#quicklinks {
 float:right;
 width:175px;
 margin:0 0 1em 1em;
 padding:1em;
 border:1px solid #ccc;
}
div#quicklinks ul {
 padding:0 0 0 30px;
}

/* -- Footer -- */
div#footer {
 padding:35px 20px 15px 20px;
 text-align:right;
 font-size:0.9em;
 color:#fff;
 background:#f3f3f3 url('/_images/back-footer.jpg') no-repeat left bottom;
}
div#footer a {
 color:#fff;
 background:none;
}
div#footer a:hover {
 border-bottom:1px dashed #eee;
}
div#footer div#author {
 padding-top:25px;
}
div#footer div#author a {
 color:#666;
 background:none;
}
div#footer div#author a:hover {
 border-bottom:1px dashed #666;
}