body {
background: #5C656E url(images/bg.gif) repeat-x;
text-align: center;
vertical-align: middle;
font-family: Helvetica, sans-serif;
font-size: 10px;
}


#mainbox {
MARGIN-TOP: -200px; 
LEFT: 50%; 
MARGIN-LEFT: -375px; 
WIDTH: 750px; 
POSITION: absolute; 
TOP: 50%; 
HEIGHT: 400px;
background: #d3d5d7;
}

#navleft {
margin: 0px;
height:400px;
background: #D3D5D7 url(images/bgnav.png) repeat-x top left;
float: left;
width: 150px;
text-align:left;
}

#logo {
margin-top: 25px;
padding-left:20px;
}

#homemiddle {
width: 300px;
background: #eee url(images/home_main.png) top left no-repeat;
float: left;
margin: 0px;
height:400px;
}

#locationmiddle {
	
width: 300px;
background: #eee url(images/location.jpg) top left no-repeat;
float: left;
margin: 0px;
height:400px;
}

#bookingmiddle {
	
width: 300px;
background: #eee url(images/booking.jpg) top left no-repeat;
float: left;
margin: 0px;
height:400px;
}



#homeright, #mainThemeright {
width: 300px;
background: #640101 url(images/redfadebg.png) repeat-x top right;
float: left;
margin: 0px;
height:400px;
TEXT-ALIGN: left;
}

#maincontent {
width: 600px;
float: left;
}

#mainroomlist {
width: 600px;
float: left;
background: url(images/roomsmain.jpg) no-repeat;
height:400px;
}


#homerightinner, #mainThemeInner {
padding: 32px 25px 25px 25px;
color: #fff;
}
#homerightinner p, #mainThemeInner p  {
line-height: 1.7;
font-size:110%;
}
#homerightinner table td, #mainThemeInner table td {
	font-size:110%;
}



#homerightinner a, #mainThemeInner a {
font-weight: bold;
color: #fff;
text-decoration: none;
}

#homerightinner a:active, #mainThemeInner a:active {
font-weight: bold;
color: #fff;

}

#homerightinner a:hover, #mainThemeInner a:hover {
font-weight: bold;
color: #fff;
text-decoration: underline;
}

a {
color: #fff;
text-decoration: none;
}

a:active {
color: #fff;
text-decoration: underline;
}

h1 {
color: #eee;
font-size: 205%;
font-weight: lighter;

}

h2{
color: #B4232E;
font-size: 150%;
font-weight: normal;
}



.clear {
clear:both;
}

#footer {
CLEAR: both; 
HEIGHT: 30px;
margin-top: 10px;
padding: 2px 0;
color: #878D94; 
TEXT-ALIGN: left;
background: transparent
}

#footer a {
color: #878D94;
text-decoration: none;
}


#footer a:visited {
color: #899199;
}

#footer a:hover {
	COLOR: #363B41;
	text-decoration: underline;
}



#navmenu {
padding-top: 130px;
text-align: left;
padding-left: 20px;
font-weight: bold;
line-height: 1.8;
font-size: 105%;
}

#navmenu a {
color: #899199;
text-decoration: none;
}
#navmenu a:visited {
color: #899199;
}

#navmenu a:active {
color: #899199;
}

#navmenu a:hover {
	color: #363B41;

}
#navmenu a.selected {
	color: #363B41;
}

#navmenu UL, #theme1roomnav ul, #theme2roomnav ul, #theme3roomnav ul, #theme4roomnav ul {
	padding: 0px;
	margin: 0px; 
	LIST-STYLE-TYPE: none;
}
#navmenu UL.list LI, #theme1roomnav UL.list LI, #theme2roomnav UL.list LI, #theme3roomnav UL.list LI, #theme4roomnav UL.list LI {
	PADDING-LEFT: 14px 	
}



/* will we need this for will java cover us?  i am not sure this is good news */
#roomnavtrans {
background: #BCA15A;
float: left;
filter: alpha(opacity=90);
opacity: .90;
width: 130px;
height: 400px;
color: #e5d9c3;
}


.rooms img {
	border: #CBBA9E solid 3px;
	}
	
.rooms a:hover img {
	border: #E9E5D7 solid 3px;
	}

.rooms {
margin:10px;
margin-top: 25px;
}

/* make room nav thumbnails show */
.roomlist a:hover div.nav-thumb { display: block; }
.roomlist div.nav-thumb {
display: none;
position: absolute;
left: 102px;
top: 0px;
width: 200px;
height: 150px;
padding: 10px 10px 0 17px;
overflow: hidden;
background: #FFF;
filter: alpha(opacity=70);
opacity: .70;
color:#3d464f;
text-align:left;
}
.roomlist div.nav-thumb h3{
color: #3d464f;
font-size: 180%;
font-weight: normal;
margin:20px 0 0 0;
}
.roomlist div.nav-thumb p{
font-size: 120%;
line-height:150%;
}
.roomlist {
position:relative;
margin:10px;
margin-left: auto;
margin-right: auto;
width: 74px;
height: 74px;
background: transparent;
padding-top: 3px;
color: #e5d9c3;
}


img{
	 border: 0px;
	}
/* contact form styles */
.inputBox,.inputBoxMulti {
	font-family: Helvetica, Arial, sans-serif;
	color: #470101;
	border: none;
	background-color:#bf9c9c;
}
.inputBoxMulti {
	width:150px;
	height:80px;
}
/* generic style? probably not*/

#roominfo{
	margin-top: 50px;
	float: left;
	width: 300px;
	text-align: left;
	padding-left: 25px;
}
#roominfo.links p{
line-height:16px;
}
#roominfo a:hover{
	text-decoration:underline;
}

#roominfo p, #roominfo ul li {
	font-size:115%;
	line-height:160%;
}
#roominfo ul {
	margin-left:20px;
}

#roomphotos{
	margin-top: 110px;
	float: right;
	width: 130px;
}
.zoom{
	text-decoration:none; background: url('/images/i_zoom.gif') 5px 70% no-repeat; padding-left:22px;
}

.highlghtRed{
	color:#B4232E;
}
#window {
	width:430px;
	margin: 0px;
	padding-right:20px;
	height:220px;
	overflow: auto;
	scrollbar-base-color: #b09b59;
   scrollbar-arrow-color: #e4d6b0;
   scrollbar-darkshadow-color:#b09b59;
   scrollbar-face-color: #b09b59;
   scrollbar-highlight-color: #e4d6b0;
   scrollbar-shadow-color: #e4d6b0;
   scrollbar-3dlight-color: #b09b59;
}
#windowRed {
	width:430px;
	margin: 0px;
	padding-right:20px;
	height:220px;
	overflow: auto;
	scrollbar-base-color: #75352c;
   scrollbar-arrow-color: #c28e8a;
   scrollbar-darkshadow-color:#75352c;
   scrollbar-face-color: #75352c;
   scrollbar-highlight-color: #c28e8a;
   scrollbar-shadow-color: #c28e8a;
   scrollbar-3dlight-color: #75352c;
}
#window ul {
	padding:0;
	margin:0;
	font-size:110%;
}
#window ul li {
		background-color: #A6904E;
	text-align:left;
	margin-bottom:1px;
	padding:4px 10px;
}

/* room styles shoudl this be an include? who knows?*/

/* room style 1 - stratford*/
#theme1 {
width: 600px;
float: left;
background: #B09B59 url(images/relax_1.gif) top right no-repeat;
height:400px;
color: #F3E7C5;

}
#theme1 h1{
	color: #f3e7c5;
}

#theme1browse {
width: 130px;
float: left;
background: #9A8447;
height: 400px;
color: #e5dec1;
}

.theme1roomblock {
margin: auto;
margin-top: 25px;
width: 100px;
background: transparent;
padding: 3px;
height: 96px;
color: #e5dec1;

}

.theme1roomblocklist {
margin-top: 10px;
width: 68px;
background: #C9BD9B;
height: 68px;
color: #fff;
padding:3px;
}


.theme1roomblockdark {
margin-top: 25px;
width: 74px;
background: #C9BD9B;
height: 74px;
color: #fff;
}


#theme1roomnav {
line-height: 1.8;
padding-top: 180px;
font-size: 105%;
text-align: left;
padding-left: 20px;
font-weight: bold;
font-size: 105%;

}

#theme1roomnav a, #theme1roomnav a:link {
color: #d7c89f;
text-decoration: none;
display: block;
width: 110px
}

#theme1roomnav a:visited, #theme1roomnav a:active {
color: #d7c89f;
width: 110px;
text-decoration: none
}

#theme1roomnav a:active, #theme1roomnav a.selected {
	color: #F3E7C5;
	width: 110px;
	background: url(images/hoveract_1.gif) no-repeat right;
	text-decoration: none;
}

/* hmm after a refresh ie7 seems to have a dispute with me */

#theme1roomnav a:hover {
	color: #F3E7C5;
	width: 110px;
	background: url(images/hoveract_1.gif) no-repeat right;
}


#theme1rooms {
margin:10px;
margin-top: 25px;
width: 74px;
height: 74px;
background: #BFAF80;
color: #fff;
}

.nav a {
	color:#F3E7C5;
	text-decoration:none;
}
.nav a:hover {
	color:#FBFAF0;
	text-decoration:none;
}

/* this seems too simple to me? */

.theme1roomblock img {	border: #CBBA9E solid 3px;
	}
	
.theme1roomblock a:hover img {
	border: #E9E5D7 solid 3px;
	}


/* room style 2*/
#theme2 {
width: 600px;
float: left;
background: #431517 url(images/relax_2.gif) top right no-repeat;
height:400px;
color: #e4cfca;

}
#theme2 h1{
	color: #e4cfca;
}

#theme2browse {
width: 130px;
float: left;
background: #350e11;
height: 400px;
color: #9b797a;
}

.theme2roomblock {
margin: auto;
margin-top: 25px;
width: 74px;
background: transparency;
height: 74px;
color: #fff;
padding: 3px;
}

.theme2roomblocklist {
margin-top: 10px;
width: 68px;
background: #663e3f;
height: 68px;
color: #fff;
padding:3px;
}


.theme2roomblockdark {
margin-top: 25px;
width: 74px;
background: #663e3f;
height: 74px;
color: #fff;
}


#theme2roomnav {
line-height: 1.8;
padding-top: 180px;
font-size: 105%;
text-align: left;
padding-left: 20px;
font-weight: bold;
font-size: 105%;

}

#theme2roomnav a, #theme2roomnav a:link {
color: #7a4c4f;
text-decoration: none;
display: block;
width: 110px
}

#theme2roomnav a:visited, #theme2roomnav a:active {
color: #7a4c4f;
width: 110px;
text-decoration: none
}

#theme2roomnav a:active, #theme2roomnav a.selected {
	color: #e1d4ce;
	width: 110px;
	background: url(images/hoveract_2.gif) no-repeat right;
	text-decoration: none;
}

/* hmm after a refresh ie7 seems to have a dispute with me */

#theme2roomnav a:hover {
	color: #e1d4ce;
	width: 110px;
	background: url(images/hoveract_2.gif) no-repeat right;
}


#theme2rooms {
margin:10px;
margin-top: 25px;
width: 74px;
height: 74px;
background: #BFAF80;
color: #fff;
}

/* this seems too simple to me? */

.theme2roomblock img {	border: #663e3f solid 3px;
	}
	
.theme2roomblock a:hover img {
	border: #7c4e51 solid 3px;
	}


/* room style 3 STOW */
#theme3 {
width: 600px;
float: left;
background: #9ea583 url(images/relax_3.gif) top right no-repeat;
height:400px;
color: #eee;

}
#theme3 h1{
	color: #fff;
}

#theme3browse {
width: 130px;
float: left;
background: #8c9372;
height: 400px;
color: #d1d4c9;
}

.theme3roomblock {
margin: auto;
margin-top: 25px;
width: 74px;
background: transparent;
height: 74px;
color: #fff;
padding: 3px;
}

.theme3roomblocklist {
margin-top: 10px;
width: 68px;
background: #c1c5b4;
height: 68px;
color: #fff;
padding:3px;
}


.theme3roomblockdark {
margin-top: 25px;
width: 74px;
background: #c1c5b4;
height: 74px;
color: #fff;
}


#theme3roomnav {
line-height: 1.8;
padding-top: 180px;
font-size: 105%;
text-align: left;
padding-left: 20px;
font-weight: bold;
font-size: 105%;

}

#theme3roomnav a, #theme3roomnav a:link {
color: #cdd1c2;
text-decoration: none;
display: block;
width: 110px
}

#theme3roomnav a:visited, #theme3roomnav a:active {
color: #cdd1c2;
width: 110px;
text-decoration: none
}

#theme3roomnav a:active, #theme3roomnav a.selected {
	color: #eaf0d6;
	width: 110px;
	background: url(images/hoveract_3.gif) no-repeat right;
	text-decoration: none;
}

/* hmm after a refresh ie7 seems to have a dispute with me or not!*/

#theme3roomnav a:hover {
	color: #eaf0d6;
	width: 110px;
	background: url(images/hoveract_3.gif) no-repeat right;
}


#theme3rooms {
margin:10px;
margin-top: 25px;
width: 74px;
height: 74px;
background: #c1c5b6;
color: #fff;
}

/* this seems too simple to me? */

.theme3roomblock img {	border: #c1c5b4 solid 3px;
	}
	
.theme3roomblock a:hover img {
	border: #eff4de solid 3px;
	}


/* room style 4*/
#theme4 {
width: 600px;
float: left;
background: #60130d url(images/relax_4.gif) top right no-repeat;
height:400px;
color: #eee;

}
#theme4 h1{
	color: #fff;
}

#theme4browse {
width: 130px;
float: left;
background: #4f0400;
height: 400px;
color: #a6746b;
}

.theme4roomblock {
margin: auto;
margin-top: 25px;
width: 74px;
background: transparent;
height: 74px;
color: #fff;
padding: 3px;
}

.theme4roomblocklist {
margin-top: 10px;
width: 68px;
background: #75352c;
height: 68px;
color: #fff;
padding:3px;
}


.theme4roomblockdark {
margin-top: 25px;
width: 74px;
background: #C9BD9B;
height: 74px;
color: #fff;
}


#theme4roomnav {
line-height: 1.8;
padding-top: 180px;
font-size: 105%;
text-align: left;
padding-left: 20px;
font-weight: bold;
font-size: 105%;

}

#theme4roomnav a, #theme4roomnav a:link {
color: #924943;
text-decoration: none;
display: block;
width: 110px
}

#theme4roomnav a:visited, #theme4roomnav a:active {
color: #924943;
width: 110px;
text-decoration: none
}

#theme4roomnav a:active, #theme4roomnav a.selected {
	color: #FFF;
	width: 110px;
	background: url(images/hoveract_4.gif) no-repeat right;
	text-decoration: none;
}

/* hmm after a refresh ie7 seems to have a dispute with me */

#theme4roomnav a:hover {
	color: #FFF;
	width: 110px;
	background: url(images/hoveract_4.gif) no-repeat right;
}


#theme4rooms {
margin:10px;
margin-top: 25px;
width: 74px;
height: 74px;
background: #78352d;
color: #fff;
}

/* this seems too simple to me? */

.theme4roomblock img {	border: #78352d solid 3px;
	}
	
.theme4roomblock a:hover img {
	border: #924943 solid 3px;
	}
	
#popup 
{
	font-family: Helvetica, Arial, sans-serif;
	width:480px;
	padding:25px;
	text-align:left;
	font-size:130%;
	color:#363b41;
}
#popup h1
{
	color:#590101;
}
#popup p
{
	color:#363b41;
}
.pic
{
	float:left;
	margin-right:15px;
}
#theme1 #roominfo em {
	font-size: 10px;
}