body { background-color: #8F1622; margin: 15px; width: 760px; margin-left: auto; margin-right: auto; font-family: "Trebuchet MS", Verdana; }
.clear { clear: both; }


/* HEADER */
#logo { width: 200px; float: left; }
#logo h1 { display: none; visibility: hidden; }

#headline { width: 560px; height: 84px; float: left; background: url(../images/headline.gif) top right no-repeat; margin-bottom: 15px; }
#headline span { display: none; visibility: hidden; }


/* CONTENT */
#content-frame { width: 740px; border-top: 9px solid #EBC162; border-bottom: 9px solid #EBC162; background-color: #fff; padding: 10px; }

p { font-size: 80%; }

a:active, a:link, a:visited { text-decoration: none; color: #8F1622; outline: none; }
a:hover { text-decoration: underline; outline: none; }

.float-image-right { float: right; margin-left: 10px; margin-bottom: 10px; border: 1px solid #8F1622; }
.float-image-right-nb { float: right; margin-left: 10px; margin-bottom: 10px;  }
.img { border: 1px solid #8F1622; }
.images-right { width: 200px; float: right; margin-left: 10px; }
.images-right img { border: 1px solid #8F1622; margin-bottom: 10px; }

.anchor-links { background-color: #8E1622; border: 1px solid #EAC062; padding: 5px; text-align: center; font-size: 80%; color: #fff; margin: 10px 0 10px 0; }
.anchor-links a:active, .anchor-links a:link, .anchor-links a:visited { color: #fff; text-decoration: none; }
.anchor-links a:hover { text-decoration: underline; }

h3 { font-size: 100%; font-weight: bold; color: #8E1622; }
h4 { font-size: 90%; font-weight: bold; color: #8E1622; line-height: 1.3em; margin: .8em 0 0 0; }
hr { height: 0; overflow: hidden; border: 0; border-top: 1px solid #8E1622; margin: 0; }
li { font-size: 80%; }

#text-area { width: 580px; float: left; padding: 10px 0 0 10px; }
.column-285 { width: 285px; float: left; }
.margin10-t-l { margin: 10px 0 0 10px; }
.margin10-t-b-l { margin: 10px 0 10px 10px; }
#title { height: 30px; border-bottom: 1px solid #8F1622; }
#title h2 { display: none; visibility: hidden; }
.welcome { background: url(../images/title_welcome.gif) top left no-repeat; }
.facilities { background: url(../images/title_facilities.gif) top left no-repeat; }
.business { background: url(../images/title_business.gif) top left no-repeat; }
.cortijovalverde { background: url(../images/title_cortijovalverde.gif) top left no-repeat; }
.localinterest { background: url(../images/title_localinterest.gif) top left no-repeat; }
.location { background: url(../images/title_location.gif) top left no-repeat; }
.contact { background: url(../images/title_contact.gif) top left no-repeat; }
.pampering { background: url(../images/title_pampering.gif) top left no-repeat; }
.locallinks { background: url(../images/title_locallinks.gif) top left no-repeat; }
.specialoffer { background: url(../images/title_specialoffer.gif) top left no-repeat; }
.savingtheplanet { background: url(../images/title_savingtheplanet.gif) top left no-repeat; }
.history { background: url(../images/title_history.gif) top left no-repeat; }
.ifwearefull { background: url(../images/title_ifwearefull.gif) top left no-repeat; }

/* Special Offer */
#special-offer { width: 568px; border: 1px solid #8f1622; background-color: #f9ecd0; text-align: center; margin-top: 10px; padding: 5px; }
#special-offer h3 { margin: 0; line-height: 1.4em; font-size: 110%; font-weight: normal; }
#special-offer p { margin: .6em 0 0 0; }
#special-offer-table { font-size: 80%; margin: 10px auto 10px auto; }
#special-offer-table th { font-weight: bold; }

#content-table { border: 1px solid #8f1622; }
#content-table td { font-size: 80%; }
#content-table th { font-size: 80%; text-align: center; background-color: #f3daa1; }
#content-table .label { background-color: #f9ecd0; }
#content-table .price { text-align: center; background-color: #fbf3e0; }

/* NAVIGATION */
#nav { width: 150px; float: left; padding: 40px 0 0 0; }

#nav ul { margin: 0; padding: 0; list-style-type: none; }
#nav div { height: 21px; padding-bottom: 1px; margin: 0; font-size: 80%; background: url(../images/nav_background.gif) bottom left repeat-x; }
#nav .top-nav { height: 21px; padding-top: 1px; margin: 0; font-size: 80%; background: url(../images/nav_top_background.gif) top left repeat-x; }

#nav a:active, #nav a:link, #nav a:visited { padding: 0 0 0 10px; width: 140px; height: 21px; display: block; overflow: hidden; text-decoration: none; color: #8F1622; 
outline: none; }
#nav a:hover { width: 140px; height: 21px; display: block; overflow: hidden; text-decoration: none; color: #8F1622; background-color: #F9ECD0; outline: none; }
.selected { color: #8F1622; background-color: #F9ECD0; }


/* Places to Visit */
.places-to-visit { }
.tint { background-color: #f9f3f4; }
.places-to-visit h4 { font-size: 90%; margin: 0 0 0.2em 0; }
.places-to-visit p { margin: 0; }
.places-to-visit .address-information { vertical-align: bottom; text-align: right; }


/* Margin Classes */
.margin10-r { margin-right: 10px; }


/* FOOTER */
#footer { width: 760px;	padding: 0; margin-left: auto; margin-right: auto; margin-top: 10px; }
#footer-copyright {	width: 610px; float: left; font-size: 70%; color: #EBC162; }
#footer-credit { font-size: 70%; width: 150px; height: 22px; float: left; text-align:right; color: #EBC162; }
#footer-credit-logo{ height: 22px; display: block; padding-right: 36px; background: url(../images/credit_2c.gif) top right no-repeat; }
#footer-credit-logo { text-decoration: none; color: #EBC162; }
#footer-credit-logo:hover { background-position: bottom right; }
#footer-credit-logo span { display: none; }
