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

* {margin:0; padding:0;}
img { border:none; outline:none;}
.container_frame { overflow:hidden; text-align:left; width:560px; background: #fff url(../images/white_area_bg.jpg) repeat-x 0 bottom; padding: 30px 20px 35px 20px; float:left;}
.container_frame p { font-size:12px; padding-right: 20px;}
.main p { padding-right:30px;}
.clear { clear:both;}

h2 { color:#408fcc; font-size:22px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; padding-bottom:5px;}
h3 { font-family:Arial, Helvetica, sans-serif; color: #505050; font-weight:400; font-size:16px; margin-top: 5px; margin-bottom: 12px; }
h4 { color: #408fcc; font-size: 14px; text-transform: none; font-family: Arial, Helvetica, sans-serif;}

p#dotted_line { width: 450px; height: 1px; margin-top: 25px; margin-bottom: 20px; margin-left: 35px; background: url(../images/line_dotted_grey.gif) repeat-x;}

/* Styles for Main Page*/

ul#welcome { margin-top:20px;}
ul#welcome li {	list-style-type: none; width: 260px; height: 158px; float: left; margin-right: 10px; margin-top:20px;}
ul#welcome li p { width: 130px;	text-align: left; margin-bottom: 6px; margin-top: 4px;}
ul#welcome a { font-weight: normal;}

#prize { margin:20px 15px 30px 0; width:250px; height:167px; background:url(../images/play_sml.jpg) no-repeat left top; display:block; float:left;}
#prize:hover { background:url(../images/play_sml.jpg) no-repeat left -167px; display:block;}
.more { float:left; margin-top:175px; font-size:15px; background:url(../images/morearrow.gif) no-repeat right 70%; padding-right:10px; color:#a42c42;}
.more2 { float:right; margin:2px 32px 30px 0; font-size:15px; background:url(../images/morearrow.gif) no-repeat right 70%; padding-right:10px;}
.sep {clear:both; width:530px; height:3px; margin:20px 0; background:#791427;}
#singer { float:left; width:100%; height:332px; margin-bottom:15px; margin-left:30px;}

ul#promos li { list-style-type:none; width:510px; float:left; padding: 5px 5px 5px 0px; margin-bottom:10px;}
li#welcome_menus { background: url(../images/champagne.jpg) no-repeat 130px top;}
li#party { background: url(../images/lemons.jpg) no-repeat right 50%;}

/* Styles for Menus Page*/
div#menus { float:left;	height: 190px; width: 520px; background: url(../images/crab.jpg) no-repeat right 0px; margin-right: 40px;}
div#menus h3 {	width: 215px; height:70px; background: url(../images/our_food.gif) no-repeat left 0px; text-indent: -9999px; margin-top: 30px;}
div#menus a { background: url(../images/make_booking.gif) no-repeat left; display: block; width: 151px; height: 54px; text-indent: -9999px;}
#menu_list { float:left; overflow:hidden;}
#menu_list li { overflow:hidden;list-style-type: none; width: 100%;}
#menu_list li div {  overflow:hidden; float:left;width: 520px; background: url(../images/line_dotted_grey.gif) repeat-x;	margin: 4px 40px 15px opx;}
#menu_list li p { width: 140px;	text-align: left; float: left; padding-top: 7px;}
#menu_list li ol { padding-top: 7px; padding-right: 190px; height:100%; text-align: right; line-height: 18px;	font-style: italic;	width: 170px; float: right;}

li#dining ol { background: url(../images/menu_thumb1.jpg) no-repeat right top;}
li#drinks ol { height:87px; background: url(../images/menu_thumb2.jpg) no-repeat right top;}

/* Styles for Information Page*/
div#info { padding: 0 0 10px 0; float:left;}
div#info li { width: 245px; list-style-type: none; float:left; margin: 14px 10px 0 0; padding: 0 10px 0 5px;}
div#info li ul li {list-style-type: square; list-style:inside; font-size:11px;}
div#info h2 { padding-left: 5px;}
div#info h3 { color: #c5374c; margin-bottom: 2px; font-size: 12px; font-weight: bold; padding-right: 20px; border-bottom: solid 1px #ccc;}
div#info li:hover { background:#FFFFCC;}
div#info p {margin:0; padding:0; text-align: left;}


/* Styles for Contact Page*/
form { margin-top: 20px; width: 600px; float: left;}
fieldset { border: none; margin-bottom: 5px; display: block; float: left; padding: 3px 3px 0 0px;}
fieldset.left { width: 240px; display: block;}
label { float: left; font-size:12px; }
label span { float: left; width: 100px; text-align: right; padding:0 10px; margin-right: 10px; margin-left: 10px; display: none;}
input, select, textarea{ border: 1px solid #CCCCCC; float: left; max-width:230px; color:#666; font-family:Arial, Helvetica, sans-serif; }
input#name {text-transform:capitalize;}
input, select { width: 215px;}
input { height:15px;}
textarea { font-size:12px; font-style:italic; float: left; width: 442px; max-width: 442px;}
fieldset#msg_area { float: left; margin-right: 40px;}
input.invalid {
	background-color: #FF9;
	border: 2px red inset;
}

label.invalid {
	color: #F00;
	font-weight: bold;
}

input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { background:#ebebeb;}

option#white {background: #fff;}

input#submit { width: 117px; height: 21px; background: url(../images/submit.jpg) no-repeat;	text-indent: -9999px; border-style: none; text-align: left; display: block; margin-left: 5px;}
div#contact { width:560px; height: 190px; /*background: url(../images/contact_coffee.jpg) no-repeat right top;*/ padding: 0 20px 0 0; position:relative;}
div#contact p { margin-top: 20px; float: left; text-align: left; background: url(../images/contact_address.gif) no-repeat left top; height: 140px; width: 156px; text-indent: -9999px; position: relative;}
div#contact a { background: url(../images/contact_email.gif) no-repeat; height: 20px; width: 155px; position: relative; left: 0px; top: 125px;}

p#feedback { width: 500px; float: left;}

/* Styles for Gellery Page*/
div#gallery { text-align:left; height:350px; width:560px; padding: 30px 20px 35px 20px; background: #fff url(../images/gallery_bg.jpg) no-repeat 0 70px; float:right; /*position:relative;*/}
div#gallery h2 { width: 187px; background:url(../images/gallery_title.gif) no-repeat 0 0; text-indent: -9999px;margin: 20px 0 10px 2px;}
div#gallery p { width:300; height:35px; background:url(../images/gallery_para.gif) no-repeat 0 0; text-indent: -9999px;}
div#gallery a {width:147px; height:29px; background:url(../images/gallery_launch.jpg) no-repeat; text-indent: -9999px; display:block; margin: 120px 0 0 30px;}

/* Styles for Celebration Page*/
div#celebration { text-align:left; height:350px; width:560px; padding: 30px 20px 35px 20px; background: #fff url(../images/celebration_bg.gif) no-repeat 380px 40px; float:right; /*position:relative;*/}
div#celebration h2 { width:300px; height:50px; background:url(../images/celebration_header.gif) no-repeat 0 0; text-indent: -9999px;margin: 20px 0 10px 2px;}
div#celebration p { width:365px; padding:0 3px; font-size:14px; line-height:20px; font-style:italic; }
div#celebration #booklet {width:261px; height:51px; background:url(../images/booklet.gif) no-repeat; text-indent:-9999px; display:block; margin: 60px 0 0 30px;}
div#celebration #adobe { font-size:11px; padding-top:100px;}

/* Styles for Testimonial Page */
#testimonial { text-align:left; width:560px; background:#fff; overflow:hidden; padding:30px 20px 35px 20px; float:right;}
#testimonial h2 { text-indent:-9999px; width:175px; height:16px; background:url(../images/testimonial.gif) no-repeat; margin:15px 0;}
#testimonial h4 {color:#c5374c; font-size:17px; padding:8px 0 20px 0;}
#comment { clear:both; overflow:hidden; width:490px; height:auto; padding: 8px 15px 10px 15px;}
#comment h4 {display:block; width:102px; height:16px; background:url(../images/rating.png) no-repeat; text-indent:-9999px; margin-bottom:0px; padding:0 0 5px 0;}
#comment img { width:65px; height:13px; padding-top:0px; position:absolute; left: 107px; top: 0px;}
#comment p { font-style: italic; font-size: 13px; text-align:left; line-height: 16px; clear:both; }
#comment #bubble { background:#f7f2f0 url(../images/bubble_top.gif) no-repeat top left; padding:10px 20px 0 10px;}
#comment #bubbler { background:url(../images/bubble_bot.gif) no-repeat top left; font-style:normal; color:#999; width:auto; padding-right:0;  text-align:left; font-size:12px; padding-top:20px; border-bottom:#ccc 1px dashed; padding-bottom:12px;}
#commentform { clear:both;}
#commentform p { float:left; padding-bottom:5px;}
#commentform option { width:100px; text-indent:-9999px;}
#commentform label {padding-left:8px;}
#commentform #submit { width: 117px; height: 21px; background: url(../images/submit.png) no-repeat;	text-indent: -9999px; border-style: none; text-align: left; display: block; float:left; margin-right:15px;}

#success { float:right; width:560px; height:300px; padding: 30px 20px 35px 20px; background: #fff;}
#success h2 { text-indent:-9999px;}
#success p { margin-left:185px; width:321px; height:139px; background:url(../images/thanks.gif) no-repeat; text-indent:-9999px;}
/*div#lacarte { width:700px; background-color: #4B0317;}*/