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

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

Color Scheme:
------------------
TAN = color:#e9e6c9;
BROWN = color:#895d35;
BLUE =  color:#330cfb;
NAVY = color:#1d1b4c;
------------------

Developers:
**********************************
Jessica Dooley
email: jessica.dooley@rezstream.com
website:http://rezstream.com
**********************************
----------------------------------------------------------------*/
/* =layout start / DO NOT EDIT BELOW THIS LINE
----------------------------------------------------------------*/
*{
margin:0;
padding:0;
}

img{
border:none;
}

.clear{
clear:both;
}

body{
text-align:center;
/*min-width:840px;for netscape browsers*/
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#1d1b4c;
background:url(../images/layout/body-bg.jpg) center top no-repeat #023479;
}

#wrapper{
position:relative;
text-align:left;
margin:75px auto 0 auto;
width:894px;
background:#e9e6c9;
border:3px solid #895d35;
}

#masthead{
float:left;
width:100%;
background:url(../images/layout/masthead-bg.jpg) left top no-repeat;
}

#logo{
float:left;
padding:0 0 0 16px;
width:147px;
height:108px;
}

#topLinks{
float:right;
padding:12px;
width:180px;
text-align:right;
font-size:.95em;
}

#topLinks a{
color:#1d1b4c;
text-decoration:none;
}

#mainNav{/*navigatin.css*/}

#overlayPhoto{
position:absolute;
top:246px;
right:14px;
z-index:999;
}

#topphoto{
margin:0 auto;
padding:0 8px;
width:878px;
text-align:center;
}

#topphoto img{
float:left;
}

#spriteLinks{
float:right;
width:243px;
height:276px;
background:url(../images/topphotos/banners-right.jpg) right bottom no-repeat;
}

#spriteLinks a{
display:block;
width:243px;
height:88px;
margin:0 0 6px 0;
}

#spriteLinks a:hover{
background:#e9e6c9;
opacity:.30;
filter:alpha(opacity = 30);
}

#mainContent{
float:left;
padding:24px 22px 22px 22px;
width:590px;
}

#pageTitle{
width:100%;
margin:0 0 16px 0;
}

#rightContent{
float:right;
padding:40px 12px 22px 8px;
width:232px;
}

#rez_calendar{
margin:0 auto;
padding:0 12px 0 0;
width:218px;
height:160px;
}

#signupForm{/*forms.css*/}

#footer{
padding:0 0 16px 0;
}

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

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

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

/*----------------- ACCOMMODATIONS Pages -----------------*/
.borderTitle{
display:block;
margin:18px 0;
font-size:1.2em;
font-weight:bold;
border-bottom:double 4px #895d35;
}

.roomContainer{
float:left;
margin:0 0 12px 0;
padding:0 0 12px 0;
border-bottom:1px solid #1d1b4c;
}

.lastContainer{
border-bottom:none;
}

.roomContainer .roomPhoto{
float:left;
padding:1px;
width:115px;
height:117px;
border:4px solid #1d1b4c;
}

.roomContainer .roomDetails{
float:left;
width:440px;
padding:0 0 0 12px;
}

.roomContainer .roomDetails a img{
float:right;
text-align:right;
padding:6px;
}

.roomLinks{
clear:both;
text-align:center;
}

.backLink{
padding:0 4px 0 12px;
color:#1d1b4c;
background:url(../images/navigation/back-arrow.gif) left 1px no-repeat;
}

.nextLink{
padding:0 12px 0 4px;
color:#1d1b4c;
background:url(../images/navigation/next-arrow.gif) right 1px no-repeat;
}


/*----------------- Mini Pages -----------------*/
body#miniPage{
margin:0 auto;
color:#895d35;
}

#miniPageWrapper{
margin:20px auto;
padding:12px;
width:500px;
text-align:left;
background:#e9e6c9;
border:2px solid #895d35;
}


/*----------------- PhotoGalleries -----------------*/
.photoGallery{
padding:40px 0 0 0;
border-top:1px solid #1d1b4c;
background:url(../images/layout/photo-gallery-headline.gif) left 10px no-repeat;
}

#siteGallery .photoGallery{
padding:20px 0 0 0;
background:none;
}

.photoGallery img{
margin:0 4px;
padding:1px;
border:4px solid #1d1b4c;
}

#siteGallery img{
width:75px;
margin:0 4px 10px 4px;
}

.photoGallery img:hover{
border:4px solid #895d35;
}

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

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

#googleMap a{
color:#67788c;
}

/*----------------- GOOGLE SEARCH -----------------*/
#googleSearch{
padding:18px 0 0 0;
}