*, html {

margin: 0;

padding: 0; }



body {

background: #4C0620 url(bgpat.jpg) repeat;

font-family: Lucida Grande, Verdana, sans-serif;

text-align: center; }



.aligncenter, div.aligncenter {

display:block;

margin-left:auto;

margin-right:auto;}



.alignleft {

float:left;

margin:0 15px 15px 0;}



.alignright {

float:right;

margin:0 0 15px 15px;}	



#contentwide a {

color: #5e0032;

font-weight:bold;

text-decoration:underline; }



#contentwide a:hover {

color: #BF004B; }



#wrap {

background: #FFFFFF;

margin: 25px auto 25px auto;

width: 800px;

text-align: left;

position: relevant;

border: 1px solid #3F001C; }



h2#header {

background: #5e0032 url(finca-maridadi-logo.png) 334px 5px no-repeat;

width: 800px;

font-size:1.3em;

border-bottom: 1px solid #3F001C;

text-indent: -9999px;

height: 40px;

text-align: center; }



h2#header a, h2#header a:hover {

position: relative;

background: transparent;

padding: 5px;

color: #ffffff;

text-decoration: none; }



#navcontainer ul {

background: #5F2940 url(nav_dark_rose.png) 0 -36px repeat-x;

border-top: 1px solid #3F001C;

border-bottom: 1px solid #3F001C;

float: left;

width: 800px;

font-size: 12px; }



#navcontainer ul li { display: inline; }



#navcontainer ul li.page_item a {

padding: 5px 14px 6px 14px;

background: #5F2940 url(nav_dark_rose.png) 0 -36px repeat-x;

color: #ffffff;

text-decoration: none;

font-weight: bold;

float: left; }



#navcontainer ul li.page_item a:hover {

color: #dddddd;

background: #5F2940 url(nav_dark_rose.png) 0 0px repeat-x; }



#contentwide, #contentwide h1 {

width: 760px; }



#contentwide {

position: relative;

left: 20px;

margin-right: 20px;

float: left;

color: #3a3a3a;

font-size: 13.5px;

line-height: 1.8; 

text-align: left;}



.imgpage {

text-align: center;}



#contentwide h1 {
	border-bottom: 1px solid #6F6F6F;
	color: #5F707A;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	padding: 0 0 3px 0;
	text-align: left;
}



#contentwide h3, #contentwide h2 {

font-size: 1.0em; }



#contentwide p {

margin: 0 0 20px 0; }



#contentwide p.storycaption-text {

margin: 0 0 0 0;}



table #prices {

width: 85%;

margin: 0 auto; }

#prices .fprint{

font-style: italic;

font-size: 0.9em; }



.testimonial {

margin-bottom:30px; 

border-bottom: 1px solid #6F6F6F; }

.testimonial em {

font-size: smaller; }



.popup {

display: block;

margin: 15px auto;

text-align: center;

width: 75%;}

.popup span {

font-size: smaller;

font-style: italic; }



/* Footer */

div.credit {

color: #FFFFFF;

background: #5F0033;

border-top: 1px solid #DFDFDF;

clear: both;

font-size: 10px;

margin: 0 auto 0 auto;

padding: 10px 0 10px 0;

text-align: center;

width: 800px; }



div.credit ul li { display: inline; 

margin-right: 3px;}



div.credit a {

color: #ffffff }



/* Images */

img, a img {

background: #eeeeee;

border: 1px solid #AF99A2;

margin: 4px; 

text-align: center; } 

img.float-right {

margin: 5px 0px 5px 15px; 

float:right; }

img.float-left {

margin: 0 10px 5px 0px;

float:left; }

.storycaption, #boxright, #boxleft, .popup {

border:1px solid #AF99A2;

color: #4c4c4c;

text-align:center;

background-color:#DFD1D6;

/* optional rounded corners for browsers that support it */

-moz-border-radius:3px;

-khtml-border-radius:3px;

-webkit-border-radius:3px;

border-radius:3px;}

.storycaption p.storycaption-text {

font-size:10px;

color:#555555;

font-style:italic;

line-height:17px;

padding:0 4px 5px;}



	

/****** Page Image Zoomer ******/

#boxright {

	float: right; 

	width: 300px;

	font-size:11px; 

	padding: 7px; }

#boxleft {

	float: left; 

	width: 300px;

	font-size:11px; 

	padding: 7px; }

#boxright p, #boxleft p {

	font-style: italic;	

	text-align:left; }

#boxright div.linktext {

font-style: normal;

color: #5e0032; 

text-align: center!important;

border-bottom: 1px solid #AF99A2;

margin-bottom: 10px; }



.photo {
	width:300px;
	height: 310px;
	text-align:left;
	margin-top: 100px;
}



.photo ul.topic {padding:0; margin:0; list-style:none; width:300px; height:auto; position:relative; z-index:10;}



.photo ul.topic li.active ul

{display:block; position:absolute; left:0; top:0; list-style:none; padding:0; margin:0; height:300px; width:348px; z-index:1;}



.photo ul.topic li a:hover ul, 

.photo ul.topic li:hover ul

{display:block; position:absolute; left:0; top:0; list-style:none; padding:0; margin:0; height:300px; width:348px; z-index:100;}



.photo ul.topic li ul li

{display:inline; width:102px; height:77px; float:left; }



.photo ul.topic li ul li a

{display:block; width:100px; height:75px; cursor:default; float:left; text-decoration:none;margin: 1px;}



.photo ul.topic li ul li a img

{display:block; width:90px; height:65px; border:2px solid #AF99A2;}



.photo ul.topic li a:hover ul li a:hover, 

.photo ul.topic li:hover ul li a:hover 

{white-space:normal; position:relative;}



.photo ul.topic li a:hover ul li a:hover img, 

.photo ul.topic li:hover ul li a:hover img 

{position:absolute; left:-50px; top:-42px; width:200px; height:150px; border: 4px solid #AF99A2; }