/*---------------------------------------------------------------------     
    I M P O R T S
---------------------------------------------------------------------*/

@import url(reset.css);
@import url(menu.css);
@import url(typography_new.css);
@import url(titles.css);
@import url(forms.css);


/*---------------------------------------------------------------------    
   I N C L U D E D  I N  T H I S  F I L E
----------------------------------------------------------------------- 

	1. General styles
	2. Header
	3. Main content
	4. Footer
	5. Images


---------------------------------------------------------------------*/


/*
-----------------------------------------------------------------------    
   C O R E  C O L O U R S
----------------------------------------------------------------------- 

	Red #FF6666

---------------------------------------------------------------------*/



/*---------------------------------------------------------------------    
   G E N E R A L  S T Y L E S
---------------------------------------------------------------------*/

html {
	min-height: 100%; margin-bottom: 1px;
}

body{
	/*font-family: "Trebuchet MS", verdana;*/
	background:url(../images/layout/pattern_2.gif) repeat-x;
	background-color:#003240;
	font-family:Arial, Helvetica, sans-serif;
	color:#003246;
	margin:0px;
	font-size:12px;
	text-align:center;
	line-height:18px;
}


#container{
	width:728px;
	margin:0px auto;
	text-align:left;
	height:100%;
	min-height:500px;
	padding:0 6px 40px 6px;
	margin-bottom:20px;
	background-color:#728584;
}

/*---------------------------------------------------------------------    
   H E A D E R
---------------------------------------------------------------------*/

#logoHeader{
	width:728px;
	height:185px;
	text-align:center;
}



#bannerWrapper{
	height:201px;
	width:728px;
	padding:0 0 6px 0;
}

#bannerLeft{
	position:relative;
	width:361px;
	height:201px;
	margin-right:6px;
	float:left;
}

#bannerRight{
	position:relative;
	width:361px;
	height:201px;
	float:left;
}


/* Homepage banners */

#bannerHomeSmall1{
	position:relative;
	width:178px;
	height:201px;
	margin-right:6px;
	float:left;
}


#bannerHomeSmall2{
	position:relative;
	width:177px;
	height:201px;
	float:left;
}





/* A C C E S S  K E Y S */

ul#accesskeys {
display:none;
}

/* L O G O */


/*---------------------------------------------------------------------     
    M A I N  C O N T E N T
---------------------------------------------------------------------*/

#navBar{
	width:728px;
	height:28px;
	background-color:#003246;
}

#subNavBar{
	width:728px;
	height:28px;
	text-align:center;
}

#content{
	width:728px;
	background-color:#e4e6d3;
	height:100%;
	padding:32px 0 32px 0;
}

#bottomNav{
	width:728px;
	height:28px;
}


/*---------------------------------------------------------------------    
    STANDARD LAYOUT ITEMS
---------------------------------------------------------------------*/

#standardLeft{
	position:relative;
	margin:0 31px 0 31px;	
	width:170px;
	float:left;
	display: inline;

}


body#book #standardLeft{
	position:relative;
	margin:0 31px 0 31px;	
	width:170px;
	float:left;
	display: inline;
	min-height:280px;

}



#standardRight{
	position:relative;
	width:465px;	
	height:100%;
	float:left;
	margin:0;
	padding:0;	
}


/*---------------------------------------------------------------------    
    REST
---------------------------------------------------------------------*/
#roomThumbs{
	margin-top:-45px;
	margin-left:5px;
}

#roomThumbs img{
	margin:3px;
	border:1px solid #E4E6D3;
}

#roomImageWrapper{
	padding:0 0 15px 0;
}





/*---------------------------------------------------------------------    
    BOOK ONLINE
---------------------------------------------------------------------*/

#externalBookingWrapper{
	width:465px;
	min-height:250px;
}

#externalBookingSpacer{
	width:2px;
	height:250px;
	float:left;
	position:relative;
}

#externalBookingForm{
	width:463px;
	float:right;
	position:relative;	
}


iframe{
	background-color:#E4E6D3;
}


/*---------------------------------------------------------------------    
    SEE
---------------------------------------------------------------------*/
.seeRow{
	width:465px;
	margin-bottom:10px;
}

.seeLeft{
	position:relative;
	width:220px;
	margin-right:25px;
	float:left;
}

.seeRight{
	position:relative;
	width:220px;
	float:left;
}



/*---------------------------------------------------------------------    
    TASTE
---------------------------------------------------------------------*/
.menuRow{
	width:465px;
	margin-bottom:10px;
}

.menuLeft{
	position:relative;
	width:220px;
	margin-right:25px;
	float:left;
}

.menuRight{
	position:relative;
	width:220px;
	float:left;
}

.menuItem{
	width:220px;
	margin-bottom:23px;
}

.menuItemInfo{
	width:180px;
	float:left;
	margin-right:10px;
}

.menuItemPrice{
	width:30px;
	float:left;	
}






/*---------------------------------------------------------------------    
    F O O T E R
---------------------------------------------------------------------*/

#footer{
	margin-top:34px;
	text-align:center;
	width:728px;
	color:#003246;
}


/*---------------------------------------------------------------------     
    I M A G E S
---------------------------------------------------------------------*/

.fullimage{
	padding-bottom:15px;
}


/*---------------------------------------------------------------------     
    L A Y O U T
---------------------------------------------------------------------*/

body#opinions hr{
	display:none;
}

body#opinions .hr{
	margin:10px auto;
	margin-bottom:20px;
	width:65px;
	height:2px;
	background-color:#728584;
}



#standardRight ul{
	padding-left:1.5em;
	list-style:outside;
}

/*---------------------------------------------------------------------     
    FOOTER LINKS
---------------------------------------------------------------------*/

#footerLinks {
	color: #728584;
	font-size: 80%;
	text-align: center;
	width: 600px;
	margin: 5px auto 5px auto;
	padding: 0px;
}


#footerLinks a { color: #E4E6D3; text-decoration: none; }
#footerLinks a:visited { color: #E4E6D3;  }
#footerLinks a:hover { color: #FFF; border-bottom: 1px dotted; }