/*----------------------------------------------------------------
MASTER STYLESHEET

Includes: 
Browser Compatibility: IE 6, IE 7, FIREFOX, SAFARI 
Layout Type:

Color Sceme:
background blue:#53B1CA;


Developers:
**********************************
Joe Jenkin
email: joe.jenkin@rezstream.com
website:http://rezstream.com

Kevin Guill
email: kevin.guill@rezstream.com
website:http://rezstream.com
**********************************
----------------------------------------------------------------*/



/* =layout start / DO NOT EDIT BELOW THIS LINE
----------------------------------------------------------------*/
*{
margin:0;
padding:0;
border:none;
}

textarea {
  border: 3px solid #cccccc;
	padding: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

margin:10;
padding:10;
border:1px;
}

body{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
background:url(/vendors/mauiresortrentals/body_bg.gif) left top repeat-x #53B1CA;
color:#666666;
}

#wrapper{
margin:0 auto;
width:820px;
text-align:left;
}

#header_wrapper{
float:left;
width:820px;
height:129px;
}

#header_left{
float:left;
width:350px;
height:129px;
}

#header_right{
float:right;
width:470px;
height:129px;
}

#content_wrapper{
float:left;
width:820px;
background:url(/vendors/mauiresortrentals/content1.gif) 11px top repeat-y; 
font-size:90%;
}

#xcontent_wrapper{
float:left;
width:820px;
background:url(/vendors/mauiresortrentals/content_bg2.gif) 11px top repeat-y; 
font-size:90%;
}

#sidebar_left{
float:left;
width:190px;
}

#sidebar_left h2.proplist{
background:url(/vendors/mauiresortrentals/heading_bg.gif) left top no-repeat;
height:20px;
width:180px;
padding:3px 0px 0px 10px;
text-align:center;
font-size:100%;
margin:0px 0px 0px 0px;
}

#sidebar_left h2{
font-size:110%;
margin:5px 0px 0px 20px;
}

#sidebar_left ul{
list-style:none;
margin:0px 0px 5px 20px;
}

#sidebar_left ul li{
}

#sidebar_left ul li a{
padding:0px 2px 0px 2px;
text-decoration:none;
color:#666666;
}

#sidebar_left ul li a:hover{
text-decoration:underline;
}

#content_right{
float:right;
width:630px;
background:url(/vendors/mauiresortrentals/sidebarright_bg.gif) top right no-repeat;
}

#maintext{
float:left;
width:415px;
padding:0px 10px 10px 10px;
margin-top:-10px;
}

#memberships{

margin:0px 0px 10px 0px;
width:100%;
}

#memberships img{
margin:0 20px 0px 0px;
}

#bookingengine{
float:left;
width:620px;
padding:10px 0px 10px 0px;
}

#maintext_wide{
float:left;
width:600px;
padding:10px;
}

#xmaintext_wide{
margin:0px 0px 0px 11px;
}

#homecalender{
float:right;
margin-right:0px;
width:175px;
}


.featured_property{
margin:5px 0px 5px 0px;
}

#sidebar_right{
float:right;
width:185px;
}

#footer{
width:820px;
height:60px;
background:url(/vendors/mauiresortrentals/footer_bg1.jpg) 11px top no-repeat;
clear:both;
}

#xfooter{
width:820px;
height:60px;
background:url(/vendors/mauiresortrentals/footer_bg2.jpg) 11px top no-repeat;
clear:both;
}

#footer p,
#xfooter p{
text-align:right;
padding:40px 95px 0px 0px;
font-size:80%;
color:#DEF0F4;
}

#footer p a,
#xfooter p a{
color:#DEF0F4;
}

.BE{
margin:0;
padding:0;
background:url(/vendors/mauiresortrentals/iframe_bg.gif) left top repeat-y;
}

.car_air_frame{
margin:0px 0px 0px 0px;
}

#hp_flashcontent{
width:622px;
height:182px;
}


/* =CSS FOR PHOTOGALLERY
************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
margin-top:10px;
position:relative;
height:auto;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.imageholder{
clear:both;
text-align:center;
top:0;
left:0; /*position where enlarged image should offset horizontally */
margin-top:20px;
margin-bottom:20px;
}

.thumbnail img{
}

.thumbnail:hover{
background-color:#fff;
}

.thumbnail:hover img{
}

.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
left:0px;
top:0px;
text-decoration:none;
z-index:45;
visibility:hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
}

.thumbnail:hover span{ /*CSS for enlarged image*/
top:174px;
left:125px; /*position where enlarged image should offset horizontally */
z-index:50;
visibility:visible;
width:350px;
height:263px;
}



/************************************************/




/* =layout end / DO NOT EDIT ABOVE THIS LINE
----------------------------------------------------------------*/
#maintext img.main{
float:left;
padding:5px;
border:1px solid #666666;
}

#maintext .gallerypics{
width:100%;
text-align:center;
}

#maintext .gallerypics img{
margin:0 auto;
padding:2px;
border:1px solid #CCCCCC;
}