/* 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: 12px;
font-weight: bold;
color: #000000;
margin-bottom: 0;
margin-left: 0;
margin-top:0;
}

h2 {
font-family: Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #000000;
margin-bottom: 0;
}

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

/**************** Pseudo classes ****************/

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

li a:hover {
color: #0F00f0;
font-weight: normal;
text-decoration: underline;
}
a:active {
color: #999999;
font-weight: normal;
}

/************* Layout Classes ************/
#column_index {
width:1000px;
height:550px;
float:left;
}
#column_contact {
width:1000px;
height:480px;
float:left;

}
#column_sub {
width:1000px;
height:550px;
float:left;
background:url(images/alt_sub_1.jpg) 50% 50% no-repeat;
}
#column_get_tel {
width:1000px;
height:550px;
float:left;
background:url(images/alt_sub.jpg) 50% 50% no-repeat;
}
#column_get_tel_es {
width:1000px;
height:550px;
float:left;
background:url(images/alt_sub_es.jpg) 50% 50% no-repeat;
}
#column_get_tel_log {
width:1000px;
height:550px;
float:left;
background:url(images/alt_sub_log.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;
}
#bottom_page {
width:1000px;
height:333px;
float:left;
}
.box_holder {
width:333px;
height:333px;
background: url(images/box.jpg) 50% 50% no-repeat;
float:left;
}
.inner_box {
position:relative;
top:20px;
left:20px;
width:290px;
height:290px;
float:left;
font-family: Helvetica, sans-serif;
font-size: 12px;
}
#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;
}
#footer {
width:1000px;
height:150px;
float:left;
text-align:center;
font-size: 12px;
font-family: Helvetica, sans-serif;
background: url(images/footer.jpg) 50% 50% no-repeat;
}
#header {
width:1000px;
height:80px;
float:left;
text-align:center;
font-size: 12px;
font-family: Helvetica, sans-serif;
background: url(images/header.jpg) 50% 50% no-repeat;
}
#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:550px;
height:390px;
float:left;
}