@charset "UTF-8";
/* CSS Document */



/*_____________________________CSS RESET__________________________________*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { text-decoration:none; }

/*_____________________________REDEFINE HTML ELEMENTS__________________________________*/

h1 {
color:#cbb583;
font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
line-height:25px;
font-weight:bold; 
font-size:16px;
}

h2 {
color:#cbb583;
font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif";
line-height:25px;
font-weight:bold; 
font-size:14px;
}


p {
color:#5b260d;
text-align:left;
font-size:11px;
line-height:14px;

}

hr {
color:#cbb583;
background-color:#cbb583;
margin-right:18px;


}


body {
background-image:url(assets/images/background.png);
background-repeat:no-repeat;
background-position:top;
background-color:#d9cdb2;
font-family:"trebuchet MS", Arial, Helvetica, "Sans Serif";
}

a:link, a:visited, a:hover, a:active{
color:#c5a24d;
text-decoration:underline;
}

div.clear {
clear:both;
width:100%;
overflow:hidden;
}


/*_____________________________CSS STICKY FOOTER__________________________________*/


* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body  {height: 100%;}

#wrap {min-height: 100%;
margin-left:auto;
margin-right:auto;
}

#main {overflow:auto;
	padding-bottom: 110px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -110px; /* negative value of footer height */
	height: 110px;
	padding-top:20px;
	background-color:#534741;
	background-image:url(assets/images/footer.png);
	background-repeat:repeat-x;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/*_____________________________MAIN LAYOUT BLOCKS__________________________________*/

div.logo {
height:82px;
width:1024px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:25px;
}

div.header {
width:896px;
height:60px;
display:block;
background-image:url(assets/images/header_main.png);
background-repeat:no-repeat;
background-color:#d9cdb2;
margin-left:auto;
margin-right:auto;
padding-left:52px;
padding-right:76px;
padding-top:23px;
}

div.mainbody {
background-color:#f4ecd8;
background-image:url(assets/images/mainbody_bg.png);
background-repeat:repeat-y;
width:906px;
margin-left:auto;
margin-right:auto;
padding-left:68px;
padding-right:50px;
}

div.maintext {
width:569px;
float:left;
padding-right:10px;
}

div.pictureholder {
width:281px;
height:420px;
background-image:url(assets/images/picture_holder.png);
float:left;
padding-left:25px;
padding-right:21px;
padding-top:26px;
padding-bottom:19px;
}

div.horrule {
width:888px;
height:5px;
background-image:url(assets/images/hr.png);
display:block;
}



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


/*_____________________________SLIDING DOORS NAVIGATION__________________________________*/



/**---------MAIN MENU___________**/

#top_nav{

	width:900px;
	height:22px;
	
}
#menu_top_nav{
	height:22px;
	clear:both;
}
#menu_top_nav li{
	float: left;
	list-style: none;
	padding-left:2px;
}
#menu_top_nav li a{
	display:block;
	text-indent: -99999px;
	height: 22px;
	background-image:url(assets/images/mainnav.png);
	background-repeat:no-repeat;
}

/** NAVIGATION STATE NORMAL **/
#mm_home a {background-position: -2px -83px; width:141px;}
#mm_menus a {background-position: -145px -83px; width:141px;}
#mm_specials a {background-position: -286px -83px; width:141px;}
#mm_reviews a {background-position: -427px -83px; width:141px;}
#mm_location a {background-position: -568px -83px; width:141px;}
#mm_bookings a {background-position: -709px -83px; width:175px;}


/** NAVIGATION STATE OVER **/
#mm_home a:hover {background-position: -2px 0px; width:141px;}
#mm_menus a:hover {background-position: -145px 0px; width:141px;}
#mm_specials a:hover {background-position: -286px 0px; width:141px;}
#mm_reviews a:hover {background-position: -427px 0px; width:141px;}
#mm_location a:hover {background-position: -568px 0px; width:141px;}
#mm_bookings a:hover {background-position: -709px 0px; width:175px;}


/** NAVIGATION STATE PRESSED **/
#mm_home_current a {background-position: -2px 0px; width:141px;}
#mm_menus_current a {background-position: -145px 0px; width:141px;}
#mm_specials_current a {background-position: -286px 0px; width:141px;}
#mm_reviews_current a {background-position: -427px 0px; width:141px;}
#mm_location_current a {background-position: -568px 0px; width:141px;}
#mm_bookings_current a {background-position: -709px 0px; width:175px;}


/*_____________________________FOOTER_CONTENT__________________________________*/

.footermain{
width:906px;
margin-left:auto;
margin-right:auto;
}

.footerleft{
width:200px;
margin-left:10px;
margin-right:10px;
text-align:left;
float:left;
}

.footermid{
width:433px;
margin-left:10px;
margin-right:10px;
float:left;
}

.footerright{
width:85px;
height:85px;
margin-left:10px;
margin-bottom:10px;
border-color:#928364;
border-style:solid;
border-width:1px;
float:left;
padding:10px 5px 5px 5px;
text-align:center;
}

.footertext{

font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif"; 
text-decoration:none;
color:#928364;
font-size:12px;
line-height:14px;

}

a.footertext{

font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif"; 
text-decoration:none;
color:#928364;
font-size:11px;
line-height:14px;

}

a.footertext2{

font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif"; 
text-decoration:none;
color:#928364;
line-height:14px;

}

a.footertext:hover{

font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif"; 
text-decoration:underline;
color:#928364;
font-size:11px;
line-height:14px;

}

/*--------------HOMEPAGE ELEMENTS-------------*/

div.grey_dashed_inside {

width: 516px; 
border-top:1px dashed #cbb583;  
border-bottom:1px dashed #cbb583; 
border-left:1px dashed #cbb583;
border-right:1px dashed #cbb583; 
background: #e9dcbd; 
padding-top:10px; 
padding-bottom:10px; 
padding-left:15px; 
padding-right:15px;
}

div.grey_dashed_inside2 {

width: 516px; 
border-top:1px dashed #cbb583;  
border-bottom:1px dashed #cbb583; 
border-left:1px dashed #cbb583;
border-right:1px dashed #cbb583; 
background: #e9dcbd; 
padding-top:10px; 
padding-bottom:10px; 
padding-left:15px; 
padding-right:15px;
text-align:center;
}

a.grey_dashed_inside {
text-decoration:underline;
color:#5b260d;
text-align:center;
font-size:12px;

}



.dashed_pic {

width:151px;
float:left;

}

.dashed_text {

float:left;
padding-left:10px;
width:355px;

}

div.story_box{

width:282px;
padding-left:10px;
padding-right:10px;
float:left;
padding-bottom:20px;

}

h1.story_box{
text-align:center;

}

/*-------------FORM CLASSES-------------*/

.formlayer {
width:200px;
margin-left:auto;
margin-right:auto;
text-align:center;

}

.formbox {

background-color:#e9dcbd;
border-color:#cbb583;
color:#5b260d;
border-style:solid;
border-width:1px;

}

.formtext {

text-decoration:none;
color:#5b260d;
font-size:12px;
font-weight:200;
line-height:20px;
font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif"; 



}

.formtext2 {

text-decoration:none;
color:#5b260d;
font-size:9px;
font-weight:200;
line-height:20px;
font-family: "trebuchet MS", Arial, Helvetica, "Sans Serif"; 



}
