/* 
 ----------------------------------------------------------------------------
  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body {
	text-align:center; 
	font:12px/18px "Times New Roman", Times, serif; 
	color:#4f3d3f; 
	}

h1	{ font-size:16px; }
h2	{ font-size:14px; }
h3	{ font-size:12px;}

h1 span,h2 span { display:none; }

a:link,a:visited	{ color:#4b85db; text-decoration:underline; }
a:hover,a:active	{ color:#4b85db; text-decoration:none; }

/* ----- classes ----- */
div.clear	{ clear:both; height:.01em; overflow:hidden; }
.bottom-space { padding:0px 0px 300px 0px;}
.left-space { margin-left:17px;}
input.submit-contact-main { 
	background: url("../images/btn-submit.gif"); 
	width:93px; 
	height:38px; 
	border:none; 
	cursor:pointer;
	margin:80px 0 0 236px; }


.red { color:#e1004c;}

ul.checkboxgroup { list-style:none;  padding-top:5px; margin-left:240px; }
ul.checkboxgroup li {  display:block; clear:left; }
ul.checkboxgroup input { float:left; display:inline; margin-right:2px;}
	
/* framework
 * ------------------------------------------------------------------------- */
 
#home {background: #524032 url("../images/bg-body.jpg") top left repeat-x;}
#interior {background: #524032 url("../images/bg-body-int.jpg") top left repeat-x;}

#wrap { 
	background: #FFF; 
	width:774px; 
	margin:0 auto; 
	text-align:left; 
	}
	
#header {
	position:relative;
	background:url("../images/header.jpg") left top no-repeat;
	width:774px;
	height:360px;}
	
#header span {
	display:none;
	}
	
#flash {
	width:280px;
	height:312px;
	padding-top:23px;
	padding-left:426px;
	}
	
/* Nav
* ------------------------------------------------------------------------- */	
	#nav { 
	background:url("../images/nav.jpg") no-repeat; width:774px; height:45px;}

	#nav span { display: none; }
	
	#nav li, #nav a { height: 45px; display: block; }
	
	#nav li { float: left; list-style: none; display: inline; }
	
	#nav-01 { width: 113px; margin-left: 0px;}
	#nav-02 { width: 190px;}
	#nav-03 { width: 113px;}
	#nav-04 { width: 122px;}
	#nav-05 { width: 116px;}
	#nav-06 { width: 120px;}
	
	#nav-01 a:hover {background: transparent url("../images/nav.jpg")    0px -45px no-repeat;}
	#nav-02 a:hover {background: transparent url("../images/nav.jpg") -113px -45px no-repeat;}
	#nav-03 a:hover {background: transparent url("../images/nav.jpg") -303px -45px no-repeat;}
	#nav-04 a:hover {background: transparent url("../images/nav.jpg") -416px -45px no-repeat;}
	#nav-05 a:hover {background: transparent url("../images/nav.jpg") -538px -45px no-repeat;}
	#nav-06 a:hover {background: transparent url("../images/nav.jpg") -654px -45px no-repeat;}
	
/* ------------------------------------------------------------------------- */

#weddings-at-maderas {
    background:url("../images/weddings-at-maderas.gif") no-repeat; 
   
	width:auto; 
	height:79px;
    display:inline; 
	}
	
	
	.left_image{float:left; display:inline;}
	
	.right_image{margin-top:10px; display:inline; float:left;}
		

	
#main-content-left {
	background:url("../images/maderas-fountain.jpg") no-repeat; 
	float:left;
	margin-top:5px;
	width:199px; 
	height:265px;
	;
	
	}

#main-content-right {
	float:left;
	width:545px;
	margin-top:5px;
	margin-left:10px;
	
	
	}
	
	
	#main-content-right_index {
	float:left;
	width:500px;
	margin-top:5px;
	margin-left:10px;
	
	}
	
	
#main-content-right p {
	line-height:18px;
	margin:5px 0px 2px 2px;
	}		
	
	
#divider {
	background:url("../images/divider.gif") no-repeat; 
	width:316px; 
	height:14px;
	overflow:hidden;
	margin:6px 0px 9px 245px;}	
	
#column-left { 
	width:420px; 
	float:left; 
	}
	
	#column-left_02{ 
    margin-top:10px;
	float:left;
	width:420px; 
	height:200px;
	 
	}
	
#tour { float:left; margin-left:80px; margin-top:15px;}
#tour_index{ float:left;  margin-top:15px; display:inline;}

#tour img.tour-left { margin-left:26px;  }

.tour-left_index{float:left; margin-left:20px;}

#gallery { float:left; margin-top:15px;}

#gallery img.gallery-left  { margin-left:6px;}

#resources { float:left; margin-top:15px; display:inline;s}

#resources img.resources-left  { margin-left:19px;}

	/* tour
 * ------------------------------------------------------------------------- */

.tour-button {
	background: url("../images/tour-button.gif") top left no-repeat;					
	width: 144px;	
	height: 58px;
	display:block; 
	margin-bottom:7px;
	}
	
.tour-button:hover { 
	background-position: 0px -58px; 
  	} 
 
      
.tour-button span { 
	display:none; 
	}
	
		/* gallery
 * ------------------------------------------------------------------------- */
 .gallery-button {
	background: url("../images/gallery-button.gif") top left no-repeat;					
	width: 113px;	
	height: 58px;
	display:block; 
	margin-bottom:7px;
	}
	
.gallery-button:hover { 
	background-position: 0px -58px; 
  	} 
 
      
.gallery-button span { 
	display:none; 
	}
	
			/* resources
 * ------------------------------------------------------------------------- */
 .resources-button {
	background: url("../images/resources-button.gif") top left no-repeat;					
	width: 162px;	
	height: 58px;
	display:block; 
	margin-bottom:7px;
	}
	
.resources-button:hover { 
	background-position: 0px -58px; 
  	} 
 
      
.resources-button span { 
	display:none; 
	}

/* return
 * ------------------------------------------------------------------------- */
 .return-button {
	background: url("../images/return-button.gif") top left no-repeat;					
	width: 308px;	
	height: 37px;
	float:right;
	display:block;
	margin:15px 18px 10px 0px;
	}
	
.return-button:hover { 
	background-position: 0px -37px; 
  	} 
 
      
.return-button span { 
	display:none; 
	}

/* ------------------------------------------------------------------------- */  	 	
	
#address {
	line-height:20px;
	margin-top:23px;
	margin-left:39px;
	}
	
#address span { font-size:14px;}

#sm-icons {width:322px; margin-top:40px; margin-left:40px;}

#follow-maderas {  background: url("../images/follow-us.gif") top left no-repeat;					 
	width:322px; height:53px;}

#column-center{
    background: url("../images/divider2.gif") top left no-repeat;					 
	width:13px;
	height:275px; 
	float:left; 
	}
  
#column-right { 
	width:341px;
	margin-top:22px;
	float:right;
	}
	
#sdbest-logo {
 	background: url("../images/SDBEST-logo-maderas-wedding.gif") top left no-repeat;					 
	width:302px;
	height:107px; 
	}	
	
#contact-us {
	background: url("../images/contact-us.jpg") top left no-repeat;	
	display:block;
	height:51px;				 
	 }
	
#contact {width: 300px; margin: 0; padding: 0px 0px 0px 23px;}

#contact-int {width: 300px; margin: 0; padding: 7px 0px 0px 26px;}
	
/* quick contact */
#quickcontact form { width:300px;}
#quickcontact div { margin-top:0px; padding:0px; }
.fields { display: block; 
	width: 300px; 
	height: 29px; 
	background: url(../images/field.gif) no-repeat top left; 
	font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #8d8d8d; 
	border: 0;
	padding: 3px 0px 0px 3px;
	*padding: 0px 0px 0px 0px; /* IE 7 and below */
    _padding: 0px 0px 0px 0px; /* IE 6 and below */
	}
.bigfields { display: block; width: 206px; height: 87px; background: transparent; overflow: auto; font-family: "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #8d8d8d; border: 0; padding-top:0px; padding-left:3px; }
/*.bg-bigfields {background: url(../images/bigfield.gif) no-repeat; width:206px; height:87px;}*/

.submitButton {cursor: pointer; border: none ; padding-top:9px; margin-left:137px; display:inline; }


/* main contact form
 * ------------------------------------------------------------------------- */
 
#contact-main { padding:10px 0 5px 10px;}
	
#contact-main label { width:220px; position:relative; display:block; text-align:right; color:#656d73;}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { width: 225px; height: 22px; position:absolute; left:110%; top:-2px; border-width: 1px; border-style: solid; border-color: #afc8ed; color: #656d73; font-size: 11px}
	
#contact-main label textarea { height:100px; }

/* ------------------------------------------------------------------------- */ 	
 
#bottom-wrap { 
	background:url("../images/bottom-wrap.gif") no-repeat; 
	width:774px; 
	height:32px;
	clear:both; 
	overflow:hidden; 
	}


/* inside framework
 * ------------------------------------------------------------------------- */
 
 #header-wedding {
	position:relative;
	background:url("../images/wedding-experience-header.jpg") left top no-repeat;
	width:774px;
	height:234px;
	}
	
#header-wedding span {
	display:none;
	}	

/* home link within header */		
#header-wedding a {
	position:absolute;
	width:222px;
	height:93px;
	top:0px;
	left:536px;
	}
	
 #champagne-tour {
	background:url("../images/champagne-tour.gif") left top no-repeat;
	width:304px;
	height:75px;
	margin-bottom:5px;
	}
	

 #wedding-experience {
	background:url("../images/wedding-experience.gif") left top no-repeat;
	width:304px;
	height:75px;
	margin-bottom:5px;
	}
	
#location {
	background:url("../images/location.gif") left top no-repeat;
	width:304px;
	height:75px;
	margin-bottom:5px;
	}
	
#resources-int {
	background:url("../images/resources-int.gif") left top no-repeat;
	width:304px;
	height:75px;
	margin-bottom:5px;
	}
	
#resource-logos { margin-top:15px; margin-left:17px; margin-bottom:20px;}	
	
.divider4 { background:url("../images/divider4.gif") left top no-repeat;
	width:358px;
	height:10px;}
	
#sitemap {
	background:url("../images/sitemap.gif") left top no-repeat;
	width:304px;
	height:75px;
	margin-bottom:5px;
	}
	
#thanks {
	background:url("../images/thanks.gif") left top no-repeat;
	width:304px;
	height:75px;
	margin-bottom:5px;
	}		
	
#contact-header-int	{
	background:url("../images/contact-header.gif") left top no-repeat;
	width:304px;
	height:75px;
	margin-bottom:5px;
	}
	
#column-left-int {
 
	float:left;
	width:420px;
	
	}
	
#column-left-int p{
	line-height:18px;
	margin:5px 28px 2px 17px;
	}
	
	
	
	.bg_image_bottom{
	background:url(../images/champagnetour-bckgr.jpg) no-repeat;
	width:auto;
	height:400px;
	margin-top:20px;
	}
	
#form-int {  
	float:left;
	width:743px; 
	}
	
#form-int p{
	line-height:18px;
	margin:5px 28px 2px 17px;
	}		
	
#column-center-int {
 	background: url("../images/divider3.gif") top left no-repeat;					 
	width:9px;
	height:361px; 
	float:left; 
	}
	
#column-right-int {  
	float:left;
	width:344px;
	padding-top:25px;  
	}
	
#address-int {
	line-height:20px;
	margin-top:10px;
	margin-left:26px;
	}
		
#gallery-int {
 	background: url("../images/gallery.gif") top left no-repeat;					 
	width:269px;
	height:63px;}
	
#tour-int {
 	background: url("../images/virtual-tour.gif") top left no-repeat;					 
	width:513px;
	height:71px;
	}
	
#tour-int2 {
 	background: url("../images/virtual-tour.gif") top left no-repeat;					 
	width:513px;
	height:71px;
	margin-bottom:15px;
	}
	
#tour-lft { 
	background: url("../images/maderas-fountain-sm.jpg") top left no-repeat;					 
	width:175px;
	height:166px; 
	float:left;
	}

#tour-rt { width:575px; float:left; margin-top:5px;}

#tour-rt p {
	line-height:18px;
	margin:5px 0px 2px 2px;}
	
#virtual-tour { width: 750px; height:577px; margin: auto; border: 1px solid #6c7e77; background: white;}		
	
#floor-plans-int {
 	background: url("../images/floor-plans.gif") top left no-repeat;					 
	width:489px;
	height:69px;
	margin-top:5px;
	padding-bottom:3px;  
	}
	
#floor-plans-int2 {
 	background: url("../images/floor-plans.gif") top left no-repeat;					 
	width:489px;
	height:69px;
	margin-bottom:15px;  
	}	
	
#fp-lft { float:left;
		   width:355px;
		   }
		   
#fp-lft p { line-height:18px; margin:5px 0px 2px 18px;
		   }		   

#fp-right { 
	padding: 0;
	border: 1px solid #6c7e77;
	width: 400px;
	float: left;
	margin:5px 5px 30px 5px;}

#map { 
	margin:15px 0px 15px 17px;	
	padding-top:25px;} 
	

/* site map */

#bkgr { background: url("../images/sitemap-bckgr.jpg") top left no-repeat;					 
	width:410px;
	height:420px;}

#sitemap-links { margin:20px 0px 2px 200px;}

#sitemap-links ul { font-size:15px;}

#sitemap-links ul li { padding-bottom:25px;}

#sitemap-links ul li ul li { padding-bottom:0px; margin-top:5px; margin-left:10px;}

#sitemap-links a:link, #sitemap-links a:visited	{ color:#4f3d3f; text-decoration:none; }
#sitemap-links a:hover, #sitemap-links a:active	{ color:#4b85db; text-decoration:underline; }

#sitemap-links ul li ul li  a:link, #sitemap-links ul li ul li  a:visited	{ color:#8b8889; text-decoration:none; }
#sitemap-links ul li ul li  a:hover, #sitemap-links ul li ul li  a:active	{ color:#4b85db; text-decoration:underline; }
				

/* footer
 * ------------------------------------------------------------------------- */
 
#footer { 
	width:774px; 
	margin:0 auto; 
	text-align:center;
	font-size:13px;
	margin-bottom:20px;
	}
	
#footer p { color:#e0e0e0; margin-bottom:5px;}	

#footer a:link, #footer a:visited {
	color:#c6ddea;
	}

#footer a:hover, #footer a:active {
	color:#fff;
	}

#footer ul { margin-top:10px; margin-bottom:8px; }

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #c6ddea;
	}

	#footer li.first { border: none; }