@charset "utf-8";

/* ...................................................... Reseting CSS ...................................................... */

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, small, label, cite, td {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

/* ...................................................... Layout Starts ...................................................... */

a:focus img, a:focus, a:active, a:active img, a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	outline:none;
	border:none;
}




#main-wrapper {
	background:url(../images/bg.jpg) repeat-x top;
	min-height:600px;
}

#page-container {
width: 905px;
margin:auto;
}

#header {
height: 100px;
margin-bottom:15px;
}

#logo {
width:124px;
height:46px;
padding:85px 0 0 0;
}

#content { }

.heightbig {
	height:343px;
}

.heightsmall {
	height:320px;
	padding:10px 0 0 0;
	margin:13px 0 0 0;
}



.content1 {
	background:url(../images/c1.jpg) no-repeat;
	width:254px;
	float:left;
}

.content2 {
	background:url(../images/c2.jpg) no-repeat;
	width:345px;
	float:left;
}

.content3 {
	width:132px;
	float:left;
	background:url(../images/leave.jpg) no-repeat top center #FFF;
	background-position:55px 47px;
	padding:0 10px;
	height:340px;
}



.content12 {
	width:149px;
	float:left;
	background:url(../images/leave.jpg) no-repeat top center #FFF;
	background-position:71px 47px;
	padding:100px 10px 0 10px;
	height:242px;
	overflow:hidden;
}

.content12a {	
	width:149px;
	float:left;
	padding:100px 10px 0 10px;
	height:242px;
	background:#fff url(../images/okra_26.jpg) no-repeat top center;
}

.content13 {
	background:#FFFFFF url(../images/contentspeical.jpg) no-repeat scroll center top;
	float:left;
	height:294px;
	margin:13px 0 0;
	padding:25px 30px 0;
	text-align:center;
	width:238px;
}

.content13 p {
	margin:0 0 7px 0;
	}
	
.content14 {
	width:453px;
	background:#FFF;
	float:left;
	text-align:right;
}

.times {
	text-align:center;
	margin:130px 0 0 0;
}

.content4 {
	background:url(../images/c4.jpg) no-repeat left top #FFF;
	float:left;
	padding:0 25px;
	width:150px;
}

.content9 {
	background:url(../images/c9.jpg) no-repeat left top #FFF;
	float:left;
	padding:0 25px 0 20px;
	width:160px;
}


.c4bottom {
margin:29px 0 0 8px;
}

.content5 {
	background:url(../images/c5.jpg) repeat-y left top #FFF;
	width:153px;
	float:left;
	padding:0 20px;
	text-align:center;
}

.content11 {
	background:url(../images/c5.jpg) repeat-y left top #FFF;
	float:left;
	padding:20px 8px 0 8px;
	text-align:center;
	height:299px;
	margin:14px 0 0 0;
	overflow:hidden;
}

.content6, .content6a, .content6b, .content6c {
	float:left;
	background-color:#fff; background-repeat:no-repeat; background-position: top left;
	width:350px;
}
.content6 {
	background-image:url(../images/menu.jpg);
}
.content6a {
	background-image:url(../images/clock.jpg);
}
	
.content6b {
	background-image:url(../images/locate.gif);
	background-position:50% 50%;
}

.content6c {
	background-image:url(../images/newsletter1.jpg);
	width:330px
}
.date {
	color:#b3b366;
	font-weight:bold;
	font-size:11px;
}

.content7 {
	float:left;
	padding:0 10px;
	width:210px;
	background:#FFFFFF;
}

.c7bottom {
padding:0 0 0 15px;
}

.content8 {
	width:189px;
	float:left;
	background:#FFFFFF;
}

.content10 {
	width:231px;
	float:left;
	background:#FFFFFF;
	padding:0 0 0 0;
	height:342px;
	text-align:right;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.contentlogin {
	width:364px;
	float:left;
	background:#FFFFFF;
	padding:0 0 0 0;
	height:322px;
	text-align:right;
	margin:15px 0 0 0;
}


.links {
	margin:13px 0 60px 0;
}

.links h2, .linksmenu h2 {
	font-size:12px;
	display:block;
	text-align:center;
	padding:2px;
	font-weight:bold;
}


.linksmenu2 {
	font-size:14px;
	display:block;
	text-align:center;
	padding:2px;
}



.linksgallery h2 {
	font-size:10px;
	display:block;
}

.linksgallery {
	margin:10px 0 0 0;
	}

.links a, .linksmenu a {
	display:inline;
	text-decoration:none;
	font-size:0.90em;
	color:#666633;
	}
	

	.links a:hover, .linksmenu a:hover {
	color:#000;
	}
	
	
	.nextprev {
		margin:6px 0 0 0;
		color:#999;
		font-size:14px;
	}

.linksmenu {
margin:4px 0 2px 0;
}

.initial {
	font-size:30px;
	font-style:italic;
}
.breakfastmenu {
	margin:16px 0 20px 0;
	text-align:right;
}

.lunchmenu {
	margin:16px 0 20px 0;
	text-align:right;
}

.dinnermenu {
	margin:20px 0;
	text-align:right;
}

.address {
	margin:20px 0;
	text-align:center;
}

.leave {
	margin:20px 0;
	text-align:center;
}

.leave3 {
	margin:-10px 0;
	text-align:center;
}

.leave2 {
	margin:10px 0;
	text-align:center;
}


.menutop {
	text-align:center;
	margin:30px 0 8px 0;
}

.guesttop {
text-align:center;
margin:30px 0 40px 0;
width:100px;
}

#footer {
clear:both;
color:#999;
font-size:11px;
height:40px;
margin:10px 0 0 0;
}

.footerleft {
float:left;
}

.footerright {
float:right;
}

#footer ul li {
	list-style:none;
	float:left;
	font-size:11px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: -10px;
}

#footer ul li a {
	color:#999;
	text-decoration:none;
	display:block;
}

#footer ul li a:hover {
	text-decoration:underline;
}

/* ...................................................... guestbook Starts ...................................................... */

.comments {
float:left;
background:#FFFFFF url(../images/commentbg.jpg) repeat-y;
padding:20px 0 0 20px;
height:323px;
width:290px;
}

.comments ul {
width:250px;
}

.comments ul li {
padding:0 0 15px 0;
margin:0 0 15px 0;
list-style:none;
}

.sep {
border-bottom:#d9d9d9 1px solid;
}

.req {
	float:right;
	width:160px;
	margin-right:10px;
}

.commentbox {
width:238px;
height:126px;
border:#e0e0e0 1px solid;
background:none;
padding:10px;
color:#999999;
}

/* ...................................................... Typography Starts ...................................................... */

p {
	color:#666633;
	line-height:18px;
	font-size:11px;
	color:#666666;
}

a {
	color:#666633;
}

a:hover {
	color:#000;
}

.headingbig {
	font-size:30px;
	color:#666666;
	font-weight:normal;
	text-transform:uppercase;
}

.headinggallery {
	font-size:38px;
	color:#666666;
	font-weight:normal;
	text-transform:uppercase;
	padding:100px 0 0 0;
}

.heading1 {
	font-size:16px;
	color:#666666;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 40px 0 0;
}

.heading4 {
	font-size:15px;
	color:#666666;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 8px 0;
}

.note {
	margin:65px 0 0 0;
}

.heading2 {
	font-size:16px;
	color:#666666;
	font-weight:normal;
	margin:0 0 12px 0;
}

.heading3{
	font-size:14px;
	color:#666666;
	font-weight:normal;
	margin:10px 0 5px 0;
	text-transform:uppercase;
}


.headingtimes {
	font-size:24px;
	color:#666666;
	font-weight:normal;
	text-transform:uppercase;
}

.initial {
	font-size:32px;
	color:#666666;
	font-weight:normal;
	font-style:italic;
	float:left;
}

.t1 {
	line-height:18px;
	font-size:11px;
	color:#666666;
	padding: 18px 0 0 0;
}


h3 {
	font-size:20px;
	text-transform:uppercase;
	color:#e2e0bd;
	margin:0 0 25px 0;
}

h4 {
	color:#666666;
	font-weight:bold;
	font-size:12px;
}

.facecontent p {
	margin:0 0 10px 0;
	font-size:14px;
	line-height:18px;
	
}

.facecontent {
	padding:20px;

}

/* ...................................................... next prev ...................................................... */

.nextprev ul {
	width:90px;
	background:#000;
	margin:10px auto 0 auto;
	}

.nextprev ul li {
	float:left;
	list-style:none;
	font-size:10px;
	margin:0 5px 0 0;
}

.nextprev ul li a {
	color:#999999;
	text-decoration:none;
}

.nextprev ul li a:hover {
	color:#d6d6ad;
}


/* ...................................................... Navigation Starts ...................................................... */

#mainnav {
	width:129px;
	background:#FFF url(../images/menubg.jpg) right repeat-y;
	float:left;
	padding:60px 0 0 25px;
	height:283px;
}

#mainnav ul li {
list-style:none;
text-transform:uppercase;
}

#mainnav ul li a {
color:#525228;
text-decoration:none;
font-size:10px;
display:block;
margin:0 0 14px 0;
}

#mainnav ul li a:hover, #mainnav ul li a#current {
color:#000;
}

#mainnav ul li a#current {
	background:url(../images/bullet.jpg) no-repeat left;
	padding:4px 0 4px 20px;
	}

/* ...................................................... General Starts ...................................................... */

.clear {
clear:both;
}

.submit {
	background:#b2b367;
	text-transform:uppercase;
	color:#FFF;
	border:none;
	font-size:16px;
}

.jFlowSlideContainer {
	background:#000;
	overflow:hidden !important
}


.sb {
		font-size:14px;
	}

.success { clear:both; padding:10px 0; color:#060; font-weight:bold;  }

.pages {
		margin-right:3px;
		margin-left:25px;
	}
	
.download {
		margin-right:3px;
		margin-left:15px;
	} 
	
	
.DialogueBox {
	display:none;
	position:absolute; 
	left:50%; 
	top:0px; 
	margin-top:70px; 
	width:640px; 
	height:420px; 
	background:#FFFFFF; 
	padding:10px; 
	border:4px solid #e3e0bd; 
	z-index:150;
}

#Overlay {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background:#fff;
	z-index:100;
}

.CloseButton {
display:block;
position:absolute;
bottom:-20px;
right:-5px;
width:10px;
height:10px;
background:transparent url(../images/Close-Button.gif) no-repeat;
}

#intro {
	width:640px; 
	height:390px !important;
	margin-left:-320px; 
}

#services {
	width:730px !important; 
	height:450px !important;
	margin-left:-365px; 
}


#ImageBox {
	width:630px !important; 
	margin-left:-315px;
	text-align:center;
}

.nextprev span {
	cursor:pointer;
}


#FlashBox {
	width:460px !important; 
	margin-left:-230px;
	text-align:center;
	height:370px;
}

#MapBox {
	width:750px !important; 
	margin-left:-375px;
	text-align:center;
	height:auto;
}

#SpecialBox {
	width:400px !important; 
	margin-left:-200px;
	text-align:center;
	height:auto;
}

#MenuBox {
	width:400px !important; 
	margin-left:-200px;
	text-align:center;
	height:auto;
}

.error {
	color:red;
	font-weight:bold;
	font-size:12px;
	
	}