/* CSS Document */
* {
    padding:0px;
    margin:0px;
}

BODY {
    font:12px/20px Geneva, Arial, Helvetica, sans-serif;
    color: #fff;
    background-color:#032049;
    text-align:center;
    background-image:url(images/bknd.jpg);
    background-repeat:repeat-x;
}
    

a img { border:none; }

A:link, A:visited {
  text-decoration:underline;
  color:#ffffff;
}

A:hover, A:active {
  text-decoration:none;
  color:#ffffff;
}

hr {
  	border: 0;
  	width: 100%;
  	color: #74859b;
	background-color: #74859b;
	height: 1px;
	margin-top:12px;
	margin-bottom:12px;
}
.photoborder {
	margin-left: 18px;
	margin-bottom: 10px;
	border:1px solid #a48246; 
	float:right;
	padding:6px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/***********************************
Masthead
***********************************/
#masthead {
	width:882px;
	height:119px;
    	margin:0 auto;
    	padding:0px;
}

/***********************************
Top Navigation
***********************************/
#topnav {
	width:882px;
	text-align:center;
	margin: 0 auto;
	height:22px;
	letter-spacing:1px;
	color:#ffffff;
	margin-top:12px;
}
#topnav a:link, #topnav a:visited {
	color:#ffffff;
	padding-right:18px;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
}
#topnav a:hover, #topnav a:active {
	color:#b3b2b2;
}
#topnav .left {
float:left;
text-align:left;
}
#topnav .right {
float:right;
text-align:right;
}

#topnav a.last {
	padding-right:0px;
}


/***********************************
Main Navigation
***********************************/
#main-nav {
	width:882px;
	text-align:left;
	margin: 0 auto;
	margin-top:6px;
	letter-spacing:1px;
	color:#ffffff;
}
#main-nav a:link, #main-nav a:visited {
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
}
#main-nav a:hover, #main-nav a:active {
	color:#b3b2b2;
}
#main-nav .left {
float:left;
text-align:left;
}
#main-nav .right {
float:right;
text-align:right;
}

#main-nav a.last {
	padding-right:0px;
}


/***********************************
Page Content
***********************************/
#contain {
	width:882px;
	height:auto;
    	margin:0 auto;
    	padding:0px;
}

#homepage {
	text-align:left;
	padding: 35px;
}

#maincontent {
	float:left;
	width:765px;
	text-align:left;
	padding: 40px 22px 22px 22px;
}

#maincontent .leftcol {
	float:left; 
	width:240px;
	margin-right:30px;
}
#maincontent .rightcol {
	float:left; 
	width:490px;
}
#maincontent p {
	margin-bottom:12px;
}

#maincontent h1, #homepage h1 {
	font:20px/22px Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	text-align:left;
	font-weight:normal;
	font-variant:small-caps;
	margin-bottom:12px;
}

#maincontent h2 {
	font:16px/20px Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	text-align:left;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:12px;
}

#maincontent ul {
    	padding: 0px 10px 12px 30px;
	list-style:square;
}

.textsmall strong {
	color:#ffffff;
}

/***********************************
Footer
***********************************/
#footer {
	border-top:1px solid #74859b;
	width:882px;
	text-align:center;
	color:#74859b;
	font:11px/15px Geneva, Arial, Helvetica, sans-serif;
	margin:auto;
	padding-top:12px;
	
}
#footer p {
	margin-bottom:6px;
}
#footer A:link, #footer A:visited {
  text-decoration:none;
  color:#74859b;
}

#footer A:hover, #footer A:active {
  text-decoration:underline;
}
#footerleft {
	width:710px;
	float:left;
	text-align:left;
	margin:auto;
	
}
#footerright {
	float:right;
	text-align:center;
	margin:auto;
	
}

#reservation, #servmenu, #servmenu2 {
	display: inline;
	position: relative;
	text-align: left;
	margin: 0;
	padding: 0;
}
 
.reservationLink {
	display: block;	
}

#serv, #serv2 {
	margin: 0;
	display: none;
	width: 200px; 
	padding: 15px; 
	background-color: #f5f5f5; /* A7B1DF dae8e2 */
	z-index: 10;
	position: absolute;
	left: 0;
    opacity: .8;               /* Standard style for transparency */
    -moz-opacity: .8;          /* Transparency for older Mozillas */
    filter: alpha(opacity=80);
}

#formPos {
	float:left;
	display: inline;
	position: relative;
	text-align: center;
	left: 55px;
}

#formreservation {
	margin: 0;
	display: none;
	width: 180px; 
	height: 351px;
	padding: 15px; 
	background-color: #f5f5f5; /* A7B1DF dae8e2 */
	z-index: 10;
	position: absolute;
	left: 0;
    opacity: .8;               /* Standard style for transparency */
    -moz-opacity: .8;          /* Transparency for older Mozillas */
    filter: alpha(opacity=80);
	text-align:left;
}

#serv, #serv2 {
    color: #000000;
}

#serv a:link, #serv2 a:link, #serv a:visited, #serv2 a:visited, #serv a:active, #serv2 a:active {
    color: #000000;
    display: block;
}

#serv a:hover, #serv2 a:hover {
    color: #AAAAAA;
    display: block;
}

#serv ul, #serv2 ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#serv ul li, #serv2 ul li {
    border-bottom: 1px solid #AAAAAA;
    padding-top: 3px;
    padding-bottom: 3px;
}

#formreservationportfolio {
	width: 230px; 
	padding: 3px; 
	border: 1px solid #3F3F3F; /* # fff 2F2F2F 3F3F3F 032048 */
	background-color: #dae8e2; /* A7B1DF,  */
}

#formreservationportfolio .interior {
	border: 2px solid #030c59;
	padding: 12px;
}

#formreservationportfolio .title {
	text-align:center;
}

#formreservationportfolio .title h2 {
	color:black;
	font-size:19px;
	text-transform:none;
	text-align:center;
}

#formreservationportfolio .labelBooking {
	padding-top:10px;
}

#formreservation .labelBooking, #formreservationportfolio .labelBooking {
	color: #010204;
	clear:both;
}

#formreservation .labelClose {
	color: #010204;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: normal;
	/* border: 1px solid #3F3F3F; */
	display: inline;
}

#formreservation .textmiddle {
	vertical-align: middle;
}

#formreservation .formFieldBooking, #formreservationportfolio .formFieldBooking {
	clear:both;
}

#formreservation .formFieldBookingButton, #formreservationportfolio .formFieldBookingButton {
	padding: 2px;
	font-size: 8pt;
	background-color: #032048;
	color: #fff;
}
/***********************************
Calendar Styles
***********************************/
/* #maincontent table { border-collapse:collapse; width:100%;} */

.inputFormButton { font-size:11px; color: #ffffff; background-color:#003e48; border: 1px #003e48 solid; padding: 4px 8px 4px 8px; }
.titleEvent { font-weight: bold; }
.eventLine { font-style:normal; }
.monthYear { font-size:16px; font-weight: bold;
background-color:#003e48; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; text-transform:capitalize}
.daysOfWeek { font-size: 12px; font-weight: bold; }
.gridMain { font-style:normal; border:none}
.linkDayInCell {font-weight:bold; font-size:15px}
.todayColorIn { color: #ffffff; background-color: #003e48; font-weight:bold } /* font color for the current date for current month */
.inMonthFaceIn { color: #000; background-color: #ffffff; } /* font color for days in the display month for current month */
.outMonthFaceIn { color: #000; background-color: #ffffff; } /* font color for days not in the display month for current month */
.todayColorOut { color: #CC0000; background-color: #e3e0df; } /* font color for the current date for days in the display month */
.inMonthFaceOut { color: #000; background-color: #e3e0df; } /* font color for days in the display month for days in the display month */
.outMonthFaceOut { color: #333; background-color: #e3e0df; } /* font color for days not in the display month for days in the display month 
*/
body.inside a.linkDayInCell { color: #000; }
.dropDownInCalendar { background-color:#fff; border: 1px #666 solid; }
.calendardetail { line-height: 15px; padding-right: 5px }
 /* End classes which define the calendar styles */