/* CSS Document */

/********** Generic Classes ************/

body 
{
min-width: 1000px;
background-color: #ffffff;
text-align:center;
}   
.wrapper {
width: 1000px;
text-align:left;
margin-left: auto;
margin-right: auto;
}
p {
width: 95%;
color: #000000;
font-size: 12px;
font-family: Helvetica, sans-serif;
text-align:justify;
}
li {
list-style-type: disc;
font-size: 12px;
font-family: Helvetica, sans-serif;
line-height: 100%;
}

h1 {
font-family: Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
}

h2 {
font-family: Times New Roman, serif;
font-size: 16px;
font-weight: bold;
color: #181818;
}

h3 {
font-family: Times New Roman, serif;
font-size: 16px;
font-weight: bold;
color: #181818;
}

/**************** Pseudo classes ****************/
.normal {
font-family: Helvetica, sans-serif;
font-size: 12px;
}
.small {
font-family: Helvetica, sans-serif;
font-size: 10px;
}
a:link {
color: #4c4b4b;
text-decoration: none;
font-weight: normal;
}
li :link {
color: #4c4b4b;
text-decoration: none;
font-weight: normal;
}
a:visited {
color: #4c4b4b;
text-decoration: none;
font-weight: normal;
}
li a:visited {
color: #4c4b4b;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #0F00f0;
font-weight: normal;
}

li a:hover {
display: block;
color: #0F00f0;
font-weight: normal;
}
a:active {
color: #999999;
font-weight: normal;
}

/************* Layout Classes ************/
#column_index {
width:1000px;
height:500px;
float:left;
background:url(images/main.jpg) 50% 50% no-repeat;
}
#column_contact {
width:1000px;
height:480px;
float:left;
background:url(images/contact.jpg) 50% 50% no-repeat;
}
#column_what_is_it {
width:1000px;
height:480px;
float:left;
background:url(images/what_is_it.jpg) 50% 50% no-repeat;
}
#column_centre {
width:560px;
height:480px;
float:left;
}
#columnLeft {
width: 210px;
height:480px;
float:left;
background: url(images/columnLeft.jpg) 50% 50% no-repeat;
}
#column_contact {
width:1000px;
height:480px;
float:left;
}
#navBar {
width:980px;
height:33px;
padding-top:5px;
padding-bottom:5px;
float:left;
}
.navBox {
width: 94px;
height: 33px;
border-right: 1px solid #ffffff;
float:left;
}
#beachBox {
width: 205px;
height: 34px;
border-left: 2px solid #ffffff;
float:left;
}
#weather {
width: 180px;
height:455px;
float:left;
}
#columnRight {
width: 200px;
height:480px;
padding-left:10px;
float:left;
}
#header {
width:1000px;
height:144px;
float:left;
text-align:center;
font-size: 12px;
font-family: Times New Roman, serif;
background: url(images/header.jpg) 50% 50% no-repeat;
}
#header_es {
width:1000px;
height:144px;
float:left;
text-align:center;
font-size: 12px;
font-family: Times New Roman, serif;
background: url(images/header_es.jpg) 50% 50% no-repeat;
}
#footer {
width:1000px;
height:100px;
float:left;
text-align:center;
font-size: 12px;
font-family: Times New Roman, serif;
}
#bottomLeft {
height:30px;
width : 180px;
font-family: Times New Roman, serif;
font-size: 12px;
float:left;
}
#bottomCentre {
height:30px;
width : 400px;
text-align: center;
font-family: Times New Roman, serif;
font-size: 12px;
float:left;
}
#bottomRight {
height:30px;
width : 150px;
font-family: Times New Roman, serif;
font-size: 12px;
float:left;
}
#photoholder {
width:auto;
height:auto;
background: url(images/ajax-loader.gif) 50% 50% no-repeat;
float:left;
}
#thephoto {
width:auto;
height:auto; 
}
#weather_holder {
width:280px;
height:240px;
float:left;
padding-top:5px;
}
#compass_holder {
width:120px;
height:120px;
float:right;
background-image:url(images/compass.jpg);
}
#google_holder {
width:auto;
height:auto;
float:right;
padding-top:5px;
}
#pic_holder {
width:280px;
height:250px;
float:left;
}
#windguru_holder{
width:555px;
height:225px;
float:left;
}
#index_text{
width:740px;
height:390px;
float:left;
}