html { 
	height: 100%; margin-bottom: 1px; 
	}

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: center; 
	font-family: Verdana, Tahoma, "Trebuchet MS", "Century Gothic", sans-serif; 
	font-size: small; 
	line-height: 150%; 
	color: #06c; 
	background: #cdbe80 url(images/container.gif) 50% 0 repeat-y; 
	} 



/* <<< main structural elements >>> */ 


#container  { 
	position: relative; 
	width: 780px; 
	margin: 0 auto; 
	text-align: left; 
	background: #fff; 
	}  

#accessnav  { 
	position: absolute; 
	right: 20px; 
	top: 5px; 
	text-align: right; 
	padding: 0.5em; 
	font-size: 80%; 
	color: #827878; 
	background: transparent; 
	} 

p#name  { 
	margin: 0; /* over-rides default */ 
	width: 780px; 
	height: 170px; 
	text-indent: -5000px; 
	background: url(images/opm_name1.gif) 0 0 no-repeat;  
	border-top: 5px solid #cdbe80; 
	} 

ul#nav  { 
	float: left; 
	width: 760px; 
	padding: 0 0 0 20px; 
	font-family: "Trebuchet MS", Tahoma, Verdana, "Century Gothic", sans-serif; 
	font-size: 90%; 
	list-style: none; 
	background: #f4f0eb url(images/nav2.gif) 0 0 repeat-x; 
	border-top: 1px solid #c9be97; 
	border-bottom: 1px solid #c9be97; 
	} 

#main  { 
	float: left; 
	width: 100%; 
	padding: 0 0 20px 0; 
	background: #fff url(images/mainborder.gif) 0 0 repeat-y; 
	} 


#content1  { 
	float: left; 
	width: 540px; 
	} 

#content2  { 
	float: left; 
	width: 220px; 
	margin: 20px 0; 
	} 

.gutter  { 
	padding: 20px 40px; 
	} 

#siteinfo  { 
	clear: both; 
	float: left; 
	width: 100%; 
	padding: 20px 0; 
	text-align: center; 
	font-size: 80%; 
	background: #dcd4b6 url(images/footback.gif) 0 0 repeat-x; 
	border-top: 1px solid #c9be97; 
	border-bottom: 5px solid #cdbe80; 
	} 

.box  { 
	float: right; 
	width: 220px; 
	margin: 10px 0 10px 30px; 
	padding: 0 0 15px 0; 
	background: #f4f0eb url(images/box1.gif) 50% 100% no-repeat; 
	} 

.featured  { 
	float: right; 
	width: 220px; 
	margin: 10px 0; 
	padding: 0 0 15px 0; 
	background: #f4f0eb url(images/box1.gif) 50% 100% no-repeat; 
	} 

#content2 .box  { 
	float: left; 
	margin: 10px 0; 
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	} 

body#apartments .box, 
body#rentals .box, 
body#sales .box  { 
	float: left; 
	margin: 10px 13px 10px 0; 
	} 

.clients  { 
	float: left; 
	width: 460px; 
	margin: 40px 0 20px 0; 
	padding: 0 0 15px 0; 
	background: #f4f0eb url(images/box460.gif) 50% 100% no-repeat; 
	} 

#propowners  { 
	float: left; 
	width: 230px; 
	} 

#holidaymakers  { 
	float: left; 
	width: 230px; 
	} 




/* <<< links >>> */ 


a:link  { 
	color: #7759a3; 
	} 

a:visited  { 
	color: #8e72b7; 
	} 

a:hover { 
	color: #f61f09; 
	} 

a:active  { 
	color: #000; 
	} 

#nav a  { 
	float: left; 
	display: block; 
	padding: 7px 16px; 
	color: #995a17; 
	text-decoration: none; 
	} 

#nav a:hover  { 
	color: #06c; 
	background: #f1e04a; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

body#index li.index a, 
body#about li.about a, 
body#owners li.owners a, 
body#guests li.guests a, 
body#premium li.premium a, 
body#apartments li.apartments a, 
body#rentals li.rentals a, 
body#sales li.sales a, 
body#carhire li.carhire a, 
body#contact li.contact a  { 
	color: #b71f1f; 
	background: #f1e04a; 
	cursor: default; 
	} 

body#index li.index a:hover, 
body#about li.about a:hover, 
body#owners li.owners a:hover, 
body#guests li.guests a:hover, 
body#premium li.premium a:hover, 
body#apartments li.apartments a:hover, 
body#rentals li.rentals a:hover, 
body#sales li.sales a:hover, 
body#carhire li.carhire a:hover, 
body#contact li.contact a:hover  { 
	color: #b71f1f; 
	text-decoration: none; 
	cursor: default; 
	} 

#accessnav a  { 
	padding: 3px; 
	color: #827878; 
	text-decoration: none; 
	} 

#accessnav a:hover  { 
	color: #fff; 
	background: #30c; 
	} 

#siteinfo a  { 
	color: #593a87; 
	} 

#siteinfo a:visited  { 
	color: #593a87; 
	} 

#siteinfo a:hover { 
	color: #f61f09; 
	} 

ul#thumbs a  { 
	display: block; 
	width: 70px; 
	height: 70px; 
	border: 1px solid #fff; 
	} 

ul#thumbs a:hover  { 
	display: block; 
	border: 1px solid #f61f09; 
	} 

ul#gallery a  { 
	display: block; 
	width: 193px; 
	height: 132px; 
	border: 1px solid #fff; 
	} 

body#lasflores ul#gallery a  { 
	height: 147px; 
		} 

body#torreblanca ul#gallery a  { 
	width: 196px; 
	height: 150px; 
	} 

ul#gallery a:hover  { 
	display: block; 
	border: 1px solid #f61f09; 
	} 

li#previous a  { 
	padding: 2px 2px 2px 10px; 
	background: url(images/previous.gif) 0 50% no-repeat; 
	text-decoration: none; 
	} 

li#next a  { 
	padding: 2px 10px 2px 2px; 
	background: url(images/next.gif) 100% 50% no-repeat; 
	text-decoration: none; 
	} 	

li#previous a:hover { 
	background: url(images/previous_hover.gif) 0 50% no-repeat; 
	} 

li#next a:hover { 
	background: url(images/next_hover.gif) 100% 50% no-repeat; 
	} 

ul#property h3 a:link  { 
	color: #ab7814; 
	text-decoration: none; 
	} 

ul#property h3 a:visited  { 
	color: #8e72b7; 
	text-decoration: none; 
	} 

ul#property h3 a:hover  { 
	color: #f61f09; 
	text-decoration: underline; 
	} 

a.propertylist  { 
	float: left; 
	display: block; 
	width: 178px; /* img width plus L & R padding */ 
	height: 122px; /* img height plus T & B padding */ 
        margin: 10px 20px; 
	border: 1px solid #b9aa70; 
	} 

a.propertylist:hover  { 
	display: block; 
	border: 1px solid #f61f09; 
	} 





/* <<< headers >>> */ 


h1  { 
	width: 440px; 
	margin: 0 0 1em 0; 
	padding: 0.5em 0; 
	font: 160% "Century Gothic", Verdana, Tahoma, "Trebuchet MS", sans-serif; 
	color: #8b4f10; 
	border-bottom: 1px solid #e8d4ad; 
	} 

h2  { 
	margin: 1.2em 0 0.4em 0; 
	font: 130% "Century Gothic", Verdana, Tahoma, "Trebuchet MS", sans-serif; 
	color: #ab7814; 
	} 

#propowners h2  { 
	margin: 0; 
	padding: 15px 20px 5px 20px; 
	background: url(images/boxhead2.gif) 0 0 no-repeat; 
	} 

#holidaymakers h2  { 
	margin: 0; 
	padding: 15px 20px 5px 20px; 
	background: url(images/boxhead2.gif) 100% 0 no-repeat; 
	} 

h3  { 
	padding: 0 1em; 
	font: 120% "Century Gothic", Verdana, Tahoma, "Trebuchet MS", sans-serif; 
	color: #ab7814; 
	} 

.box h3, 
.featured h3  { 
	width: 180px; 
	padding: 15px 20px 10px 20px; 
	background: url(images/boxhead1.gif) 50% 0 no-repeat; 
	} 

ul#property li h3  { 
	width: 660px; 
	padding: 15px 20px 5px 20px; 
	background: url(images/property_top.gif) no-repeat 50% 0; 
	} 

h4  { 
	padding: 1.2em 0 0 0; 
	font-size: 110%; 
	font-weight: bold; 
	} 





/* <<< paragraphs >>> */ 


p  { 
	margin: 0.5em 0 0 0; 
	} 

#siteinfo p  { 
	margin: 0; 
	} 

#accessnav p  { 
	display: inline; 
	padding: 0 0.2em; 
	} 

.box p, 
.featured p  { 
	width: 180px; 
	margin: 0 0 0.5em 0; 
	padding: 0 20px; 
	} 

p.moredetails  { 
	font-size: 90%; 
	font-style: italic; 
	} 

p.gotop  { 
	float: left; 
	width: 100%; 
	margin: 2em 0 1em 0; 
	} 

p.caption  { 
	text-align: center; 
	} 

.clients p  { 
	padding: 0 20px; 
	} 

ul#property li p  { 
	padding: 0 20px 0 0; 
	} 

p#premiumadvice  { 
	float: left; 
	width: 640px; 
	padding: 0 0 50px 60px; 
    background: url(images/premiumboxwhite.gif) no-repeat 0 0; 
	} 

body#index p#premiumadvice  { 
	float: left; 
	width: 400px; 
	padding: 0 0 30px 60px; 
        background: url(images/premiumboxwhite.gif) no-repeat 0 0; 
	} 





/* <<< lists >>> */ 


ul#nav li  { 
	float: left; 
	text-align: center; 
	} 

#main ul  { 
	margin: 0 0 1em 0; 
	} 

#main li  { 
	margin-left: 20px; 
	list-style: url(images/list.gif) circle; 
	} 

body#sitemap #main ul  { 
	margin: 0; 
	} 

body#manage li.manage, 
body#cleaning li.cleaning, 
body#maintenance li.maintenance, 
body#services li.services, 
body#gold li.gold  { 
	list-style: url(images/list_on.gif) disc; 
	} 

#accessnav ul,
#accessnav li { 
	display: inline; 
	padding: 0 0.2em; 
	} 

#siteinfo ul, 
#siteinfo li  { 
	display: inline; 
	padding: 0 0.5em; 
	} 

ul#thumbs  { 
	float: left; 
	width: 660px; 
	margin: 0; 
	padding: 20px 0 20px 20px; 
	} 

ul#thumbs li  { 
	float: left; 
	display: inline; 
	margin: 0 10px 10px 0; 
	padding: 0; 
	} 

ul#thumbs li img  { 
	float: left; 
	display: inline; 
	margin: 0; 
	} 

ul#gallery  { 
	float: left; 
	width: 700px; 
	margin: 0 0 20px 0; 
	padding: 0; 
	} 

ul#gallery li  { 
	float: left; 
	display: inline; 
	margin: 10px 15px; 
	padding: 0; 
	} 

body#pueblolaquinta ul#gallery li, 
body#arenalgolf ul#gallery li, 
body#alicateplaya ul#gallery li, 
body#donjuancarvajal ul#gallery li, 
body#donjuancarvajalfuengirola ul#gallery li, 
body#losboliches ul#gallery li, 
body#emba ul#gallery li, 
body#fuengirolacarvajal ul#gallery li  { 
	margin: 10px; 
	} 

ul#gallery li#fuengirola8, 
ul#gallery li#lasflores7, 
ul#gallery li#benalmadena1, 
ul#gallery li#benalmadena9, 
ul#gallery li#lasyucas7, 
ul#gallery li#losmonterosvelvet7  { 
	margin: 10px 30px 10px 130px; 
	} 

ul#gallery li#fuengirola7, 
ul#gallery li#lasflores8, 
ul#gallery li#benalmadena2, 
ul#gallery li#benalmadena10, 
ul#gallery li#lasyucas8, 
ul#gallery li#losmonterosvelvet8  { 
	margin: 10px 140px 10px 0px; 
	} 

body#donjuancarvajal ul#gallery li#kitchen  { 
	margin: 10px 10px 10px 90px; 
	} 

ul#gallery li img  { 
	float: left; 
	display: inline; 
	margin: 0; 
	} 

.box ul  { 
	padding: 0 20px; 
	} 

ul#property  { 
	float: left; 
	width: 700px; 
	} 

ul#property li  { 
	float: left; 
	width: 700px; 
	margin: 10px 0; 
	padding: 0 0 10px 0; 
	background: #f4f0eb url(images/property_bottom.gif) no-repeat 0 100%; 
	list-style: none; 
	} 

ul#prevnext  { 
	float: left; 
	width: 700px; 
	margin: 0; 
	padding: 0 0 10px 0; 
	list-style: none; 
	} 

li#previous  { 
	float: left; 
	margin: 0; 
	padding: 2px 2px 2px 10px; 
	list-style: none; 
	} 

li#next  { 
	float: right; 
	margin: 0; 
	padding: 2px 10px 2px 2px; 
	list-style: none; 
	} 	

dl  { 
	margin: 1.5em 0; 
	} 

dt  { 
	font-weight: bold; 
	} 

body#contact dl  { 
	margin: 0; 
	} 

dl.linklogo  { 
	padding-left: 90px; 
	} 

dl#diving  { 
	background: url(images/diving_logo2.gif) 0 5px no-repeat; 
	} 

dl#littlebeer  { 
	background: url(images/littlebeer_logo2.gif) 0 5px no-repeat; 
	} 

dl#lab99  { 
	background: url(images/lab99logo_new.gif) 0 5px no-repeat; 
	} 

dl#moveit  { 
	background: url(images/moveit_logo2.gif) 0 5px no-repeat; 
	} 

dl#potpub  { 
	background: url(images/potpub_logo3.gif) 0 5px no-repeat; 
	} 

dl#poolshop  { 
	background: url(images/poolshop_logo2.gif) 0 5px no-repeat; 
	} 

dl#monarch  { 
	background: url(images/monarch_logo2.gif) 0 5px no-repeat; 
	} 

dl#xl  { 
	background: url(images/xl_logo2.gif) 0 5px no-repeat; 
	} 

dl#easyjet  { 
	background: url(images/easyjet_logo2.gif) 0 5px no-repeat; 
	} 

dl#britishairways  { 
	background: url(images/britishairways_logo2.gif) 0 5px no-repeat; 
	} 

dl#tradingpost  { 
	background: url(images/tradingpost_logo2.gif) 0 5px no-repeat; 
	} 

dl#devono  { 
	background: url(images/devono_logo2.gif) 0 5px no-repeat; 
	} 

dl#georgia  { 
	background: url(images/georgia_logo2.gif) 0 5px no-repeat; 
	} 

dl#marbellaguide  { 
	background: url(images/marbella_logo2.gif) 0 5px no-repeat; 
	} 

dl#getlost  { 
	background: url(images/getlost_logo.gif) 0 5px no-repeat; 
	} 

dl#businessmagnet  { 
	background: url(images/businessmagnet_logo.gif) 0 5px no-repeat; 
	} 

dl#angloinfo  { 
	background: url(images/angloinfo_logo.gif) 0 5px no-repeat; 
	} 

dl#spadepot  { 
	background: url(images/spadepot_logo.gif) 0 5px no-repeat; 
	} 

dl#holidaylettings  { 
	background: url(images/holidaylettings_logo2.gif) 0 5px no-repeat; 
	} 

dl#kencampbell  { 
	background: url(images/kencampbell.jpg) 0 5px no-repeat; 
	} 

dl#firstdirect  { 
	background: url(images/1stdirect.png) 0 5px no-repeat; 
	} 

dl#comparegolfprices  { 
	background: url(images/comparegolfprices_logo.jpg) 0 5px no-repeat; 
	} 





/* <<< tables >>> */ 


table  { 
	margin: 10px 0 20px 0; 
	text-align: center; 
	background: #dfdcc7; 
	} 

table th, table td  { 
	margin: 0; 
	padding: 10px 20px; 
	border-left: 1px solid #d5cf9c; 
	} 

table th  { 
	color: #9e882d; 
	background: #e8e3bb; 
	border-bottom: 1px solid #d5cf9c; 
	} 

table th.date, td.date  { 
	text-align: left; 
	border-left: none; 
	} 

table tr.alternative  { 
	background: #e6e4cf; 
	} 

table caption  { 
	margin: 20px 0 0 0; 
	padding: 10px 15px; 
	font-weight: bold; 
	background: #ab7814; 
	} 

table tr:hover  { 
	color: #000; 
	} 




/* <<< minor and decorative elements >>> */ 


img  { 
	float: right; 
	margin: 10px 20px; 
	padding: 4px; 
	background: #dcd4b6; 
	border: 1px solid #b9aa70; 
	} 

/* 
   default main image size: 650px wide (660px with padding and border);
   space available: 700px; 
*/ 

ul#property li img, 
.featured img  { 
	float: left; 
	margin: 0; 
	border: none; 
	} 

img.premiumlogo  { 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 0; 
	border: none; 
	} 

ul#property li img.premiumlogo  { 
	float: right; 
	margin: 10px 20px 10px 10px; 
	} 

img.tall3  { /* main image */ 
	margin: 10px 140px; 
	} 

body#casaartorela2 img, 
body.torreblanca img, 
body.pueblolaquinta img, 
body.losmonterosvelvet img  { 
	margin: 10px 50px; 
	} /* narrower images */ 

body#eltomillar1 img  { 
	margin: 10px 90px; 
	} /* all El Tomillar images are funny widths */ 

body#eltomillar2 img  { 
	margin: 10px 160px; 
	} 

body#eltomillar3 img  { 
	margin: 10px 170px; 
	} 

body#eltomillar4 img  { 
	margin: 10px 170px; 
	} 

body#eltomillar5 img  { 
	margin: 10px 170px; 
	} 

body#eltomillar6 img  { 
	margin: 10px 190px; 
	} 

body#eltomillar7 img  { 
	margin: 10px 200px; 
	} 

body#eltomillar8 img  { 
	margin: 10px 210px; 
	} 

body#eltomillar9 img  { 
	margin: 10px 240px ; 
	} 

body#rocasdelmar4 img, 
body#rocasdelmar6 img, 
body#miraflores6 img, 
body#lasyucas3 img, 
body#lasyucas6 img  { 
	margin: 10px 145px; 
	} 

body#rocasdelmar5 img  { 
	margin: 10px 220px; 
	} 

img.casamar, 
img.casasierra  { 
	margin: 10px 127px; 
	} 

img.elviria  { 
	margin: 10px 120px; 
	} 

body.carfuen img  { 
	margin: 10px 190px 10px 0; 
	} 

#close  { 
	text-align: center; 
	} 

.webref  { 
	display: none; 
	} 

strong, 
.osborne  { 
	font-weight: bold; 
	} 

em, 
cite, 
.lang  { 
	font-style: italic; 
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #06c; 
	cursor: help; 
	} 

.free  {
	font-weight: bold; 
	color: #f61f09; 
	} 




/* << contact forms >> */ 



#contactform form  { 
	float: left; 
	width: 450px; 
	margin: 0; 
	padding: 0 20px 20px 0; 
	} 

#contactform form div  { 
	margin: 1em 0 0 0; 
	} 

#contactform label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

#contactform label.message  { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

#contactform input  { 
	width: 280px; 
	padding: 2px; 
	} 

#contactform input.submitform  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #f00; 
	font-weight: bold; 
	} 

#contactform input.submitform:hover  { 
	color: #711a96; 
	cursor: pointer; 
	} 

textarea  { 
	width: 400px; 
	height: 100px; 
	margin-top: 5px; 
	} 

textarea#property  { 
	height: 20px; 
	} 

input.validation-failed, 
textarea.validation-failed  { 
	border: 1px solid #8b4f10; 
	} 

input.validation-passed, 
textarea.validation-passed  { 
	border: 1px solid #8b4f10; 
	} 

.validation-advice {
	margin: 0 0 5px 0; 
	padding: 5px 10px; 
	background-color: #fff;  
	color: #8b4f10; 
	font-weight: bold; 
	}