@charset "UTF-8";

/*   
Theme Name: Relocate Tenerife
Theme URI: http://www.relocatetenerife.com/
Description: Tenerife Relocation Site
Author: RJS
Version: 1.0
*/

/* Reset Styles */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

body {
margin: 0;
padding: 0;
background: #4CB7E5 url(images/bgTemp.jpg) repeat-x top center;
}

#borderBg {
width: 100%;
background: url(images/bg2.png) repeat-y top center !important;
background: url(images/bg2IE.gif) repeat-y top center;
}

#mapBg {
width: 100%;
background: url(images/bg1Temp.jpg) no-repeat top;
}

.layout {
width: 972px;
margin: 0px auto;
}

#header {
width: 972px;
height: 185px;
}

#logo {
width: 972px;
height: 133px;
margin: 0 0 12px 0;
background: url(images/headerBgTemp.jpg) no-repeat top;
}

#logo h1 {
margin: 0;
padding: 25px 0 0;
text-indent:-999em;
}

#logo h1 a {
display: block;
width: 180px;
height: 108px;
}

#nav {
width: 950px;
height: 40px;
padding: 0 11px 0 11px;
}

#nav li {
position: relative;
float: left;
height: 40px;
}

#nav li ul {
position: absolute;
top: 40px;
left: 0;
width: 180px;
background: url(images/nav/dropdownBg.jpg) repeat-y top;
display: none;
}

#nav li ul.contact {
position: absolute;
top: 40px;
display: none;
}

#nav li:hover ul, #nav li.sfhover ul {
display: block;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#navAccommodations {
width: 189px;
background: url(images/nav/accommodations.jpg) no-repeat top;
text-indent: -999em;
}

#navAccommodations a {
display: block;
width: 189px;
height: 40px;
}

#navAccommodations a:hover {
background: url(images/nav/accommodationsOn.jpg) no-repeat top;
}

#navAccommodations ul li {
width: 149px;
height: 40px;
border-left: 1px solid #764408;
border-bottom: 1px solid #764408;
border-right: 1px solid #764408;
text-align: center;
text-indent: 0;

color: #000;
font: normal bold 12px Georgia, "Times New Roman", Times, serif, freeserif;
text-transform: uppercase;
}

#navAccommodations ul li a {
display: block;
width: 149px;
height: 40px;
padding: 8px 0 0 0;

color: #492b06;
text-decoration: none;
}

#navAccommodations ul li a:hover {
background: #fff;
color: #000;
}

#navActivities {
width: 189px;
background: url(images/nav/activities.jpg) no-repeat top;
text-indent: -999em;
}

#navActivities a {
display: block;
width: 189px;
height: 40px;
}

#navActivities a:hover {
background: url(images/nav/activitiesOn.jpg) no-repeat top;
}

#navActivities ul li {
width: 149px;
height: 40px;
border-left: 1px solid #764408;
border-bottom: 1px solid #764408;
border-right: 1px solid #764408;
text-align: center;
text-indent: 0;

color: #000;
font: normal bold 12px Georgia, "Times New Roman", Times, serif, freeserif;
text-transform: uppercase;
}

#navActivities ul li a {
display: block;
width: 149px;
height: 40px;
padding: 8px 0 0 0;

color: #492b06;
text-decoration: none;
}

#navActivities ul li a:hover {
background: #fff;
color: #000;
}

#navAbout {
width: 189px;
background: url(images/nav/about.jpg) no-repeat top;
text-indent: -999em;
}

#navAbout a {
display: block;
width: 189px;
height: 40px;
}

#navAbout a:hover {
background: url(images/nav/aboutOn.jpg) no-repeat top;
}

#navAbout ul li {
width: 149px;
height: 40px;
border-left: 1px solid #764408;
border-bottom: 1px solid #764408;
border-right: 1px solid #764408;
text-align: center;
text-indent: 0;

color: #000;
font: normal bold 12px Georgia, "Times New Roman", Times, serif, freeserif;
text-transform: uppercase;
}

#navAbout ul li a {
display: block;
width: 149px;
height: 40px;
padding: 8px 0 0 0;
color: #492b06;
text-decoration: none;
}

#navAbout ul li a:hover {
background: #fff;
color: #000;
}

#navGuests {
width: 189px;
background: url(images/nav/guests.jpg) no-repeat top;
text-indent: -999em;
}

#navGuests a {
display: block;
width: 189px;
height: 40px;
}

#navGuests a:hover {
background: url(images/nav/guestsOn.jpg) no-repeat top;
}

#navGuests ul li {
width: 149px;
height: 40px;
border-left: 1px solid #764408;
border-bottom: 1px solid #764408;
border-right: 1px solid #764408;
text-align: center;
text-indent: 0;
color: #000;
font: normal bold 12px Georgia, "Times New Roman", Times, serif, freeserif;
text-transform: uppercase;
}

#navGuests ul li a {
display: block;
width: 149px;
height: 40px;
padding: 8px 0 0 0;
color: #492b06;
text-decoration: none;
}

#navGuests ul li a:hover {
background: #fff;
color: #000;
}

#navEstate {
width: 189px;
background: url(images/nav/estate.jpg) no-repeat top;
text-indent: -999em;
}

#navEstate a {
display: block;
width: 189px;
height: 40px;
}

#navEstate a:hover {
background: url(images/nav/estateOn.jpg) no-repeat top;
}

#navEstate ul li {
width: 178px;
height: 30px;
border-left: 1px solid #764408;
border-bottom: 1px solid #764408;
border-right: 1px solid #764408;
text-align: center;
text-indent: 0;
color: #000;
font: normal bold 12px Georgia, "Times New Roman", Times, serif, freeserif;
text-transform: uppercase;
}

#navEstate ul li a {
display: block;
width: 180px;
height: 22px;
padding: 8px 0 0 0;
color: #492b06;
text-decoration: none;
}

#navEstate ul li a:hover {
background: #fff;
color: #000;
}


#homeMain {
width: 950px;
height: 700px;
padding: 0 11px 0 11px;
background: #f2ede1;
}

#resortsSidebar {
float: left;
width: 204px;
height: 640px;
background: url(images/resortsSidebarBg.jpg) no-repeat top;
}


#homeFlash {
float: left;
width: 530px;
height: 550px;
color:#303030; font:76% tahoma, verdana, sans-serif;  
text-align: justify;
}

#homeSidebar {
float: left;
width: 204px;
height: 432px;
}

#availabilitySidebar {
width: 204px;
height: 640px;
padding: 13px 0 0 0;
background: url(images/availabilityBg.jpg) no-repeat top;
}

#homeMainFooter {
width: 950px;
height: 240px;
padding: 0 11px 11px 11px;
background: #f2ede1;
}


#footer {
width: 100%;
height: 70px;
padding: 30px 0 0 0;
background: url(images/footerBg.png) no-repeat top center !important;
background: url(images/footerBgIE.gif) no-repeat top center;
color: #000;
font: normal normal 11px Arial, Helvetica, sans-serif, freesans;
}

#footerInfo {
float: left;
width: 300px;
padding: 0 0 0 11px;
height: 70px;
text-align: left
}

#footerInfo a {
color: #853500;
font-weight: bold;
text-decoration: none;
}

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

#footerInfo p {
margin: 0;
padding: 0;
}

#footerNav {
float: left;
width: 650px;
height: 70px;
padding: 0 11px 0 0;
text-align: right;
}

#footerNav a {
margin: 0 3px 0 3px;
color: #000;
text-decoration: none;
}

#footerNav a:hover {
text-decoration: underline;
}

#footerNav p {
margin: 0;
padding: 0;
}