/* CSS STYLE SHEET FOR GROUP PAGES */

/* RESET STYLES */
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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* GENERAL */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background:#000; color:#7C7C7C}
.clear{ clear:both; }
.right { float:right; }
.left { float:left; }
.nopadding { padding:0; }
.nomargin { margin:0; }
.white { color: #FFFFFF; }
.black { color: #000000; }
.col666 { color: #666; }


/* TEXT STYLES */
h1 { font-size:20px; color:#999; font-weight:normal; padding:0 0 10px 0; }
h2 { color:#FFF; font-size:44px; font-family:Georgia, Helvetica, sans-serif; font-weight:lighter; }
#main-content h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#999; font-weight:normal; padding:10px 0 10px 0; }
h3 { font-size:12px; font-weight:bold; padding-top:7px; letter-spacing:1px; line-height:25px; color:#999; }
h3 img {padding-right:10px; float:left; }
h4 { color:#FFF; font-size:22px; font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-weight:lighter; letter-spacing:1px; padding:0; margin:0; }
p { font-family:arial, helvetica, sans-serif; font-size:12px; line-height:16px; padding-bottom:10px; }
a { color: #909090; }
a:hover { color:#E1C969; text-decoration:none; }
a:active { outline:none; }

/* LAYOUT - OVERALL POSITIONING + CONTENT */
#header { background:url(../img/bg_topstrip.png) repeat-x; height:78px; position:relative; z-index:555; }
#headcontain { position:relative; width:975px; margin:0 auto; }
#logo { position:absolute; top:5px; left:-2px; }
#body-wrap { width:970px; margin:0px auto; position:relative; z-index:444; }
#main-wrap { padding-top:530px; }
#main-content { border-top:1px solid #333; padding:25px; }
#main-left { float:left; width:560px; padding-right:10px; border-right:1px solid #333; }
#main-right { float:left; width:339px; padding:0 0 0 10px; }

.rightbox p { padding-left:37px; font-size:11px; }
.rightbox a { color:#666; text-decoration:underline; font-weight:bold;  }
.rightbox a:hover { color:#E1C969; text-decoration:none; }
.resbox { border-bottom:1px solid #333; width:339px; padding-bottom:20px; margin-bottom:10px; }
.resbox p {padding-left:45px;}
.locationbox { width:160px; float:left; padding-top:10px; }
.awardbox { width:158px; float:left; padding:10px 0 0 10px; margin-left:10px; border-left:1px solid #333; }

	/* Person/Award Details (About Us & Awards pages) */
	.person {padding-bottom:20px;}
	.person h3 {line-height:21px;}
	.person p.title {border-bottom:1px solid #333; padding: 0 0 5px 0; margin-bottom:10px; font-weight:bold; font-style:italic;}
	.desc {float:left; padding:0 0 0 15px; width:389px;}
	.more { display:none; width: 55px; height:15px; background:url(/img/btn_moreless.gif) no-repeat left top;}
	.more:hover { background-position: right top;}
	.less {background-position: left bottom;}
	.less:hover { background-position: right bottom;}
	.award-logo { float:left; width:85px; padding-top:10px;}
	table.tt-rating {font-size:12px;}
	table.tt-rating td { padding: 5px 0; border-bottom:1px solid #333;}
	
	/* Mini-Gallery (Weddings page) */
	ul#wed-gallery li img { border: 1px solid #999; padding: 4px; margin-left:53px; float:left; }
	
	/* Sub-headings (Contact page) */
	#main-left .pbig {font-size:19px; margin-left: 0px; padding-top:10px;}
	
	/* Contact Form */
	form.smform label { display: inline-block; line-height: 1.8; vertical-align: top; cursor: hand; width:107px; }
	form.smform label.error { font-size:10px; display: inline-block; padding-top:2px; margin-left:5px; color:#FF0000; width:auto; }
	form.smform input, form.smform textarea, form.smform select { border: 1px solid #333; width:160px; background:#000; color:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	form.smform input:focus, form.smform textarea input:focus, form.smform select input:focus { border: 1px dotted #CCC; width:160px; color:#CCC; }
	form.smform input.error, form.smform textarea input.error, form.smform select input.error { border: 1px dotted red; width:160px; color:#FF0000; }
	form.smform p { margin-left:40px; }
	.enquiry-submit {background: url(/img/bg_button.png) top left no-repeat; background-color:#000; border: 1px solid #000; width: 174px; height: 35px; cursor:pointer; display:block;}
	.enquiry-submit-on{background: url(/img/bg_button.png) bottom left no-repeat; background-color:#000; border: 1px solid #000; width: 108px; height: 28px; cursor:pointer; display:block;}

	/* Alerts / Warnings */
	#warnbox { border:1px solid #CCC; background:#333; padding:5px; margin:0 0 10px 0; font-size:12px; color:#CCC; }
	#warnbox .wicon { width:41px; padding:10px;float:left;}
	#warnbox .wcontent { padding:10px;float:right; width:467px; }
	#warnbox .wcontent h3 { color:#EEE; margin:0px 0px 5px 0px; font-size:16px; font-style:normal; }
	#warnbox .wcontent h3.red { color:#FF0000; }
	#warnbox .wcontent p { margin:0; padding:0; color:#CCC; font-size:12px; }
	ul.errorlist { margin:10 0 0 10px; padding:0 0 0 10px; list-style:outside; font-size:11px; }
	ul.errorlist li { margin:5px 0 5px 0; color:#CCC; list-style-image:url(/seaside-restaurant/img/list_arrowerror.gif); font-size:11px; }


/* LAYOUT - NAVIGATION MENU */
#navcontain { height:36px; padding:35px 0 0 0; }
ul#navmenu { padding:0 0 0 105px; margin:0; }
ul#navmenu li { list-style-type:none; display:inline; padding:0;  float:left; }
ul#navmenu li a{ padding:12px 17px 12px 17px; height:10px; line-height:10px; font-size:11px; letter-spacing:1px; color:#FFFFFF;  font-weight: bold; text-decoration:none; float:left;}
ul#navmenu li a:hover { padding:12px 17px 12px 17px; height:10px; line-height:10px; color:#E1C969; text-decoration:none; border-bottom:1px solid #E1C969; float:left;}
ul#navmenu li a#current { padding:12px 17px 12px 17px; height:10px; line-height:10px; color:#E1C969; text-decoration:none; border-bottom:1px solid #000; background:url(../img/bg_nav.gif) bottom center repeat-x; float:left;}

/* LAYOUT - MEGA MENU in NAVIGATION MENU */
ul#navmenu div { display: none; }
ul#navmenu li.mega { position:relative; }
ul#navmenu li.mega div { width:auto; position:absolute; top:35px; left:0px; padding:10px; color:#930; z-index:333; background:#000; }
ul#navmenu li.hovering div { display: block; }
ul#navmenu li.mega div a.tn { width:161px; height:170px; display:block; border:1px solid #000; background:none; text-align:center; text-decoration:none; padding:0; margin:0;}
ul#navmenu li.mega div a.tn:hover { display:block; border:1px solid #666 }
table#megatbl td { padding:5px; }

/* LAYOUT - SLIDER */
#thumbslide { position:absolute; top: 447px; z-index:444; }
#navthumb{ padding:0px; margin:0; }
#navthumb li { padding:0 2px 0 2px; width:303px; height:127px; display:inline; list-style-type:none; }
#navthumb li a { background:none; }
#navthumb li:hover { background: url(../img/navthumb-hover.gif) bottom center no-repeat; }

/* LAYOUT - SCROLLABLES */
/* large scrollable for image */
.horizontal-1 { position:absolute; overflow:hidden; top:60px; left:0; height: 500px; width: 100%; z-index:0; background:#000; }
.items { position:absolute;	width:20000em; }
.items div { position:relative; margin:0; padding:0; font-size:12px; width:1364px; float:left; }

/* small scrollable for content */
.horizontal-2 { position: absolute; overflow:hidden; top:0px; left:0px; height:400px; width: 975px; z-index:333; }
.items2 { position:absolute; width:20000em; margin: 0px; }
.items2 div { position:relative; margin:0; padding:5px 0 10px 0; font-size:12px; color:#FFF; height:400px; width:975px; float:left;}
.items2 .group { position:absolute; top:281px; left: 184px; width:auto; }
.items2 .group h2 { color:#000; font-size:28px; font-weight:lighter; margin:0; padding:0; }
.items2 .group p { color:#000; font-family: Arial Narrow, "Trebuchet MS", Arial, Helvetica, Sans Serif; font-size:12px; font-weight:bold; margin:0; letter-spacing:normal; padding:0; text-align:center; }
.items2 .brp { position:absolute; top:72px; left: 53px; }
.items2 .dm { position:absolute; top:90px; left: 53px; }
.items2 .jd { position:absolute; top:255px; left: 83px; }

/* markers on group image */
#markers {display:none;}
a.marker {position:absolute; display:block; /*width:42px; height:34px; background:url(../img/markers.png) top left no-repeat;*/ text-decoration:none;}
/*a.marker:hover {background:url(../img/markers.png) bottom left no-repeat;}*/
a.marker span {display:none; }

/* BUTTONS */
a.goleft { width:21px; height:35px; line-height:35px; background:url(../img/btn_arrows.png) no-repeat; background-position: top left; display:block; float:left; cursor:pointer }
a.goleft:hover { background:url(../img/btn_arrows.png) no-repeat; background-position:bottom left; }
a.goright { width:21px; height:35px; line-height:35px; background:url(../img/btn_arrows.png) no-repeat; background-position:top right; display:block; float:left; cursor:pointer }
a.goright:hover { background:url(../img/btn_arrows.png) no-repeat; background-position: bottom right; }
a.btn {width:174px; height:35px; line-height:35px; background:url(/img/bg_button.png) top left no-repeat; display:block; float:left; text-align:center; color:#000; text-decoration:none; font-size:11px; font-weight:bold; letter-spacing:1px; margin-right:7px;}
a.btn:hover {background:url(/img/bg_button.png) bottom left no-repeat; color:#FFF}


/* FOOTER */
#footer{margin-top:50px;background:#000 url(../img/bg_footer.jpg) top center no-repeat; border-top:1px solid #333; height:154px;}
#footercontain { width:932px; padding-top:10px; margin:0 auto; }
#footerleft { width:681px; height:70px; padding:5px 5px 0 0; float:left; font-size:11px; text-align:left; border-right: 1px solid #A37260; color:#A37260; position:relative; }
#awards { float:right; padding:0; }
#awards img {margin-right:10px;}
#footerright{width:225px; padding:0 0 0 20px; text-align:left; float:right; }
#footerright p { padding:0; margin:0; }
#footerright p.addthis { padding-top:10px; }
.toolslink { text-decoration:none; color:#666; font-size:11px;}

/* FOOTER - LOGOS */
#footer-logo { display:inline;	width: 500px; height: 60px;	}
#footer-logo ul { margin: 0; padding: 0; }
#footer-logo ul li { list-style:none; float: left; margin: 0; margin-right:15px; padding: 0; }
#footer-logo ul li a { display: block; height: 60px; top: 1px; position: absolute; z-index: 10; background:url(../img/logo_footer_home_new.gif) 0px 0px no-repeat;}
#footer-logo ul li a span { display:none; }

/* FOOTER - LOGOS - In-Active */
#footer-logo ul li.l1 a { width: 59px; left: 0px; background-position: 0px -60px; }	/* Baan Rim Pa Group */
#footer-logo ul li.l2 a { width: 50px; left: 74px; background-position: -74px -60px; } /* Baan Rim Pa */
#footer-logo ul li.l3 a { width: 79px; left: 139px; background-position: -139px -60px; } /* Da Maurizio */
#footer-logo ul li.l4 a { width: 56px; left: 233px; background-position: -233px -60px; } /* Joe's Downstairs */
#footer-logo ul li.l5 a { width: 47px; left: 304px; background-position: -304px -60px; } /* Phuket Has Been Good To Us */

/* FOOTER - LOGOS - Hover */
#footer-logo ul li.l1 a:hover { width: 59px; left: 0px; background-position: 0px 0px; }	
#footer-logo ul li.l2 a:hover { width: 50px; left: 74px; background-position: -74px 0px; } 
#footer-logo ul li.l3 a:hover { width: 79px; left: 139px; background-position: -139px 0px; } 
#footer-logo ul li.l4 a:hover { width: 56px; left: 233px; background-position: -233px 0px; }
#footer-logo ul li.l5 a:hover { width: 47px; left: 304px; background-position: -304px 0px; }

/* FOOTER - COPYRIGHT NOTICE */
p#copyright {position:absolute; padding:0; margin:0; top: 76px; color:#666; font-size:10px;}
p#copyright a {color:#666; text-decoration:none;}