/* 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;
font-weight:normal;
}

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: Helvetica, sans-serif;
font-size: 60px;
font-weight: bold;
color: #000000;
}

/**************** 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: normal;
}
a:hover {
color: #0F00f0;
font-weight: normal;
}

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

/************* Layout Classes ************/
#column_index {
width:1000px;
height:500px;
float:left;
}
#column_station {
width:1000px;
height:400px;
float:left;
}
#weather_holder_tar {
width:495px;
height:160px;
float:left;background:url(images/weather_back.jpg) 50% 50% no-repeat;
position:relative; 
left:0px; 
top:0px;
}
#weather_holder_los {
width:495px;
height:160px;
float:left;background:url(images/weather_back.jpg) 50% 50% no-repeat;
position:relative; 
left:10px; 
top:10px;
}
#weather_holder_val {
width:495px;
height:160px;
float:left;background:url(images/weather_back.jpg) 50% 50% no-repeat;
position:relative; 
left:0px; 
top:10px;
}
#weather_holder_get {
width:495px;
height:160px;
float:left;background:url(images/weather_back.jpg) 50% 50% no-repeat;
position:relative; 
left:0px; 
top:20px;
}
#weather_holder_can {
width:495px;
height:160px;
float:left;
background:url(images/weather_back.jpg) 50% 50% no-repeat;
position:relative; 
left:10px; 
top:20px;
}
#weather_holder_spare_en {
width:495px;
height:160px;
float:left;background:url(images/weather_back.jpg) 50% 50% no-repeat;
position:relative; 
left:10px; 
top:0px;
}
#weather_holder_spare_es {
width:495px;
height:160px;
float:left;background:url(images/weather_back.jpg) 50% 50% no-repeat;
position:relative; 
left:10px; 
top:0px;
}
.wind_holder {
height:90px;
width:150px;
float:left; 
position:relative; 
left:5px; 
top:5px;
}
.arrow_holder {
height:10px;
width:100px;
float:left; 
}
#map_holder {
width:980px;
height:540px;
position:relative;
top:5px;
float:left;background:url(images/map.jpg) 50% 50% no-repeat;
}
.beach_name {
height:20px;
width:150px;
float:left; 
position:relative; 
left:5px; 
top:0px;
}
.compass_holder {
height:150px;
width:150px;
float:left;
position:relative;
left:5px;
top:5px;
font-size: 12px;
font-family: Helvetica, sans-serif;
text-align:center;
}
.compass_holder_get {
height:150px;
width:150px;
float:left;
position:relative;
left:5px;
top:5px;
font-size: 12px;
font-family: Helvetica, sans-serif;
text-align:center;
float:left;background:url(images/get.jpg) 50% 50% no-repeat;
}
.Map_holder {
height:150px;
width:150px;
float:left;
position:relative;
left:5px;
top:5px;
}
#tar {
height:100px;
width:150px;
position:relative; 
left:5px; 
top:0px;
float:left;
background:url(images/wind_back.jpg) 50% 50% no-repeat;
}
#val {
height:100px;
width:150px;
position:relative; 
left:5px; 
top:0px;
float:left;
background:url(images/wind_back.jpg) 50% 50% no-repeat;
}
#val_station {
height:100px;
width:150px;
position:relative; 
left:5px; 
top:0px;
float:left;
background:url(images/wind_back_station.jpg) 50% 50% no-repeat;
}
#los {
height:100px;
width:150px;
position:relative; 
left:5px; 
top:0px;
float:left;
background:url(images/wind_back.jpg) 50% 50% no-repeat;
}
#can {
height:100px;
width:150px;
position:relative; 
left:5px; 
top:0px;
float:left;
background:url(images/wind_back.jpg) 50% 50% no-repeat;
}
#get {
height:100px;
width:150px;
position:relative; 
left:5px; 
top:0px;
float:left;
background:url(images/wind_back.jpg) 50% 50% no-repeat;
}
#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;
}

#photoholder {
width:auto;
height:auto;
background: url(images/ajax-loader.gif) 50% 50% no-repeat;
float:left;
}
#thephoto {
width:auto;
height:auto; 
}