@import url("navigation.css");
@import url("tags.css");
@import url("forms.css");
/*----------------------------------------------------------------
MASTER STYLESHEET

Browser Compatibility: IE 6,7,8, FIREFOX, SAFARI, CHROME 

Color Scheme:
------------------
green-lt: #c9cf95;
green-drk: #95a359;
green-text: #95A359;
cream: #eadfc2;
yellow: #ffc425;
orange: #f8981d;
blue: #1568b3;
brown: #535353;
------------------

Developers:
**********************************
Jessica Dooley
email: jessica.dooley@rezstream.com
website:http://rezstream.com
**********************************
----------------------------------------------------------------*/
/* =layout start / DO NOT EDIT BELOW THIS LINE
----------------------------------------------------------------*/
*{ /**reset all**/
margin:0;
padding:0;
outline:0;
border:0 none;
vertical-align:baseline;
background:transparent;
}

.clear{
clear:both;
height:0;
}

body{
text-align:center;
/*min-width:840px;for netscape browsers*/
font:normal 62.5%/16px Verdana, Arial, Helvetica, sans-serif;/*62.5% = 10px*/
background:#c9cf95 url(../images/layout/body-bg.gif) top center no-repeat;
}

#mainWrapper{
position:relative;
text-align:left;
margin:0 auto;
width:976px;
}

#phoneNumber{
float:right;
padding:15px 25px 0 0;
text-align:right;
color:#1568b3;
font-size:11px;
}

#topCap{
float:left;
margin:0 0 0 0;
width:976px;
height:18px;
background:transparent url(../images/layout/top-cap.png) top center no-repeat;
}

#subWrapper{
float:left;
width:940px;
min-height:400px;
padding:0 18px 18px 18px;
margin:0 0 0 0;
background:transparent url(../images/layout/content-bg.png) top center repeat-y;
}

/*----------- SIDEBAR CONTENT -----------*/
#leftWrapper{
float:left;
width:180px;
text-align:center;
/*outline:1px solid red;*/
}

#mainNav{/*navigatin.css*/}

#rez_calendar{
margin:0 auto;
width:180px;
height:220px;
}

#signupForm{/*forms.css*/}

#trip_advisor{
width:180px;
padding:20px 0 0 3px;
text-align:center;
}

#faceBook{
width:180px;
padding:20px 0 0 0;
text-align:center;
}

/*----------- MAIN CONTENT -----------*/
#rightWrapper{
float:right;
width:760px;
/*outline:1px solid blue;*/
}

#topphoto{
float:right;
width:760px;
}

#pagetitle{
clear:both;
display:block;
padding:10px 20px 10px 24px;
}

#primaryContent{
padding:0 20px 0 24px;
width:716px;
}


/*----------- FOOTER -----------*/
#footer{
float:left;
margin:0 auto;
padding:40px 0;
width:976px;
height:34px;
text-align:center;
background:transparent url(../images/layout/bottom-cap.png) top center no-repeat;
}

#footer p,
#footer a{
line-height:16px;
color:#fff;
}

#footer #rezLogo{
position:relative;
top:8px;
}

/* =layout end / DO NOT EDIT ABOVE THIS LINE
----------------------------------------------------------------*/

/*------------ IMAGE CONTAINERS ------------*/
#bottomBanners,
.accommBox,
.roomGallery{
float:left;
clear:both;
width:100%;
padding:20px 0;
background:url(../images/layout/hr-divide.gif) left top no-repeat;
}

.bannerBox{
float:left;
margin:0 6px;
width:226px;
}

.accommBox .titles{
width:720px;
float:left;
}

.accommBox p{
float:right;
width:506px;
}

.accommBox span{
clear:both;
}

.spanRight{
width:auto;
float:right;
background:#f3f3f3;
border:1px solid #95a359;
margin:0 0 12px 10px !important;
}

.accommBox span,
.photoGallery span,
.bannerBox span{
float:left;
padding:8px;
background:#f3f3f3;
border:1px solid #95a359;
}

.accommBox span,
.photoGallery span,
.spanRight{
padding:6px;
margin:4px 0;
}

.accommBox span img,
.photoGallery span img,
.bannerBox span img,
.spanRight img{
border:1px solid #95a359;
}

.accommBox span:hover,
.accommBox span img:hover,
.photoGallery span:hover,
.photoGallery span img:hover,
.bannerBox span:hover,
.bannerBox span img:hover{
border:1px solid #f8981d;
}

.bookingButtons{
text-align:right;
}

.bookingButtons img{
margin:0 0 0 6px;
}


/*------------ PHOTO GALLERY ------------*/
.photoGallery{
float:left;
margin:0;
width:730px;
padding:20px 0;
background:url(../images/layout/hr-divide.gif) left top no-repeat;
}

.photoGallery span{
margin:4px 0 4px 18px;
}

.photoGallery span.first-child{
margin:4px 0 4px 0px !important;
}


/*------------ GOOGLE MAP ------------*/
#googleMap{
margin:12px auto;
text-align:center;
}

#googleMap iframe{
width:580px;
height:350px;
border:2px solid #67788c;
}

#googleMap a{
color:#67788c;
}