/* Reseting
--------------------------------------------------------------------------------------- */

html 
{
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td 
{
	margin:0;
	padding:0; 
}
table
{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img
{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
}
b {
	font-weight:bold;
}
li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
caption, th
{
	text-align:left;
}
h1, h2, h3, h4, h5, h6 
{
    font-family: Georgia, Arial, Verdana, Helvetica, Sans-Serif;
	padding:0; 
	margin:0;
}
q:before, q:after
{
	content:'';
}
abbr, acronym
{
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup
{
	vertical-align:text-top;
}
sub
{
	vertical-align:text-bottom;
}
input, textarea, select
{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input, textarea, select
{
	*font-size:100%;
	color:#3e1a00;
}
/*because legend doesn't inherit in IE */
legend
{
	color:#3e1a00;
	font-family:Georgia, "Georgia New Roman", Georgia, serif;
	font-size:1.2em;
	letter-spacing:0.01em;
	line-height:1.3;
	letter-spacing: .01em;
}

/* Shortcuts
--------------------------------------------------------------------------------------- */
.cl		{clear:left;}
.cr		{clear:right;}
.cb		{clear:both;}
.cup	{cursor:pointer;}
.b		{font-weight:bold;}
.bb		{border:#000000 solid 1px;}
.bn 	{border:none;}
.dn		{display:none;}
.db		{display:block;}
.fl		{float:left;}
.fr		{float:right;}
.hidden {display: none;}
.pa5	{padding:5px;}
.pa10	{padding:10px;}
.spacer20 {padding-top: 20px;}
.pa		{position:absolute;}
.pr		{position:relative;}
.tac	{text-align:center}
.tal	{text-align:left;}
.tar	{text-align:right;}
.tdlt	{text-decoration:line-through;}
.w50	{width:50%;}
.vam	{vertical-align:middle;}
.vab	{vertical-align:bottom;}
.vat	{vertical-align:top;}



.Center1 {
	position: relative;
	width: 100%;
}
.Center1:after {
	content: '';
	display: block;
	clear: both;
}
.Center2 {
	position: relative;
	right: 50%;
	float: right;
}
.Center3 {
	position: relative;
	z-index: 1;
	right: -50%;
}


/* Main Layout
--------------------------------------------------------------------------------------- */

html { 
	background-image:url(/imgs/layout/bkgd_tiles.gif);
	background-position:top center;
}

body { 
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets base font size to 10px (1.0em=10px, 1.1em=11px, 1.2=12px etc) */
	color:#000000;
}


#LContainer {
	margin: 0 auto;
	width: 897px;
	/*overflow: auto;*/
	text-align: left;
	position: relative;
}

#LHeader {
	background-image:url(/imgs/layout/header.jpg);
	/*position:relative;*/
	padding:0px 0px 0px 55px;
	height:138px;
	background-repeat: no-repeat;
	overflow: hidden;
}

	.LNavigation1{
		font-size:12.5px;
		text-transform:uppercase;
		color:#814b1d;
		padding-top: 20px;
	}
		.LNavigation1 a{
			color:#814b1d;
			text-decoration:none;
			padding-right: 20px;
		}
		.LNavigation1 a:hover, .LNavigation1 .selected{
			color:#660033;
			text-decoration: underline;
		}

	#LSearch {
		float: right;
		position: relative;
		right: 50px;
		top: -32px;
		z-index:3
	}

		#LSearch img{
			vertical-align:middle;
		}


#LContent {
	background-image:url(/imgs/layout/middle.jpg);
	padding:0px 30px 0px 30px;
	overflow: hidden;
}
	.LContent9 {
		padding:0px 10px 0px 20px;
	}

	.LContent27_1 {
		padding:0px 0px 0px 10px;
		float:left;
		width:181px;
	}
		.LeftNav, .LeftNav2 {
			font-size:13.5px;
			text-transform:uppercase;
			font-weight:bold;
			color:#4a2a20;			
			font-family: Georgia, Arial, Helvetica, sans-serif;
			padding-top: 50px;
		}
			.LeftNav a{
				letter-spacing: .01em;
				display:block;
				color:#834b28;
				text-decoration:none;
				padding:5px 0px 10px 30px;
			}
			.LeftNav a:hover, .LeftNav .selected{
				color:#740331;
				text-decoration:none;
				background-image:url(/imgs/menu/menu_LeftNav.jpg);
				background-repeat: no-repeat;
			}

			.LeftNav a.l2{
				height:40px;
				padding:5px 0px 10px 30px;
			}
			.LeftNav a.l2:hover, .LeftNav .l2.selected{
				background-image:url(/imgs/menu/menu_LeftNav2.jpg);
				color:#740331;
			}



	.LContent27_2 {
		float:left;
		width:578px;
		padding:0px 20px 0px 15px;
	}



	.LContent63_1 {
		padding:0px 0px 0px 25px;
		float:left;
		width:494px;
	}

	.LContent63_2 {
		float:left;
		width:215px;
		padding:0px 20px 0px 20px;
	}



	.LContent252_1 {
		padding:0px 0px 0px 5px;
		float:left;
		width:180px;
		position:relative;
	}
	.LContent252_2 {
		padding:0px 0px 0px 5px;
		float:left;
		width:420px;
	}
	.LContent252_3 {
		padding:0px 0px 0px 5px;
		float:left;
		width:181px;
	}

#LFooter {
	margin: 0 auto;
	width: 897px;
	position:relative;
	background-image:url(/imgs/layout/footer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:61px;
	padding:25px 0px 0px 0px;
	color:#5f4232;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align: center;
}
	#LFooter a{
		color:#5f4232;
		text-decoration:none;
	}
	#LFooter a:hover{
		color:#b9253d;
		text-decoration:none;
	}

	#LFooter .Sep{
		/*border-right:solid #4a2a20 1px;*/
		margin:0px 10px 0px 10px;
		width:1px;
		height:14px;
		vertical-align:middle;
	}

/*
------ Site Colors -------*/
.red {
	color:#AA1217;
}
.blue {
	color:#00529b;
}
.errors {
	color:#c5181e;
	padding: 0px;
}

.inlineEvent {
	background-color:#FFFFFF;
	padding:5px;
}

/* Content
--------------------------------------------------------------------------------------- */

.layout530 {
	width:530px;
}

.inputStyle{
	width:140px;
	border:#66524b solid 1px;
}
/* 3e1a00 */
h1 {
	color:#740331;
	font-size:21px;
	padding:10px 0px 5px 0px;
	font-family:Georgia, "Georgia New Roman", Georgia, serif;
	font-weight: bold;
}
h2 {
	color:#740331;
	font-size:13px;
	padding:10px 0px 2px 0px;
	font-weight:bold;
	font-family:Georgia, "Georgia New Roman", Georgia, serif;
	text-transform:uppercase;
}

h3 {
	color:#AA1217;
	font-size:18px;
	padding:10px 0px 2px 0px;
	font-weight:bold;
	font-family:Georgia, "Georgia New Roman", Georgia, serif;
}

.hh4 {
	font-size:14px;
	font-weight:normal;
	color:#814C1E;
}
.hh4 p{width: 542px; text-align: justify; padding-top: 10px;}

.column {
	padding: 0px 0px 10px 0px;
	width: 620px;
}
.column p{font-size: 11.5px;}

p, ul {
	color:#814b1d;
	padding:2px 0px 3px 0px;
	font-family:Georgia, "Georgia New Roman", Georgia, serif;
	font-size:13px;
	letter-spacing:0.01em;
	line-height:1.5;
	letter-spacing: .01em;
}
a {
	color:#814B1D;
}

ol {
	margin-left:20px;
}

ul {
	margin-left:20px;
}

li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	font-family:Georgia, "Georgia New Roman", Georgia, serif;
	font-size:1.1em;
	letter-spacing:0.03em;
	line-height:1.7;
}

/* Home
--------------------------------------------------------------------------------------- */
.home_center {padding-top: 20px;}
.home_leftBox {
	margin:20px 0px 0px 10px;
	float:left;
	width: 545px;
	/*border:#d9b57c solid 6px;
	width:545px;*/
}
.home_rightBox {
	float:right;
	margin:0px 10px 0px 0px;
	position:relative;
}
.home_rightBox_content {
	position:absolute;
	top:20px;
	left:20px;
}

.home_bottomBox {
	margin:10px 0px 0px 0px;
	position:relative;
}

.home_bottomBoxItemsL1 {
	float: left;
	padding-left: 10px;
	width:191px;
}
.home_bottomBoxItemsL2 {
	float: left;
	padding-left: 10px;
	width:191px;
}
.home_bottomBoxItemsR1 {
	float: left;
	padding-left: 10px;
	width:191px;
}
.home_bottomBoxItemsR2 {
	float: left;
	padding-left: 10px;
	width:191px;
}

/* Locations
--------------------------------------------------------------------------------------- */

#GoogleMapDirection_textual td{
	border:none;
}
#googleLoc h1, h3 a{
	font-size: 13px;
	color: #740331;
}

#googleLoc P{
	font-size: 12px;
}
/* Form
--------------------------------------------------------------------------------------- */

form .inputfield, select {
	width:230px;
	border-top: solid 2px #6B451D;
	border-left: solid 2px #6B451D;
}


form .inputCalendar {
	background-image:url(/imgs/cal2.gif);
	background-position:2px 1px;
	background-repeat:no-repeat;
	height:16px;
	padding:5px 1px 0 24px;
	vertical-align:middle;
	width:63px;
	border:none;
}

form .errors {
	width:128px;
	font-size:9px;
}

ul.errors {
	padding:0px;
	margin:0px;
}



form li {
	list-style:none;
}

form label{
	display:block;
	width:72px;
	clear:left;	
	color:#740331;
	font-weight:bold;
	font-size:11.5px;	
	padding-bottom:5px;
}


#fieldset-LeftCol, #fieldset-RightCol {
	float:left;
	width:300px;
}

#fieldset-RightCol{clear: right;}

#fieldset-BottomCol {
	clear:both;
	text-align:center;
	padding:0px 0px 0px 180px;
}

#fieldset-LeftCol div, #fieldset-RightCol div{
	width:120px;
	padding-bottom:10px;
}

#fieldset-FooterCol  {
	padding:10px 0px 20px 0px;
	clear:both;
}

#fieldset-FooterCol  label{
	float:none;
	padding-bottom:2px;
	width:100px;
}

#fieldset-FooterCol  #Comment {
	width:460px;;
	height:100px;
}

#fieldset-FooterCol  #Comment_CurrentLength {
	width:21px;;
}


#fieldset-BottomCol div{
	float:left;
	padding-left:10px;
}

#LID {
	width:130px;
}

#Comment {
	width:130px;
	height:65px;
}

/* ContactUsForm
--------------------------------------------------------------------------------------- */
.ContactUsForm #fieldset-BottomCol {
	clear:both;
	padding:10px 0px 0px 100px;
}

.ContactUsForm #LID {
	width:204px;
}

.ContactUsForm .inputfield {
	width:200px;
}
.ContactUsForm #Comment {
	width:200px;
	height:58px;
}



/* Feedback
--------------------------------------------------------------------------------------- */
.FeedbackForm {
	padding:45px 0px 0px 0px;
}

#FeedBack{float: right; width: 80%;}
#FeedBack h1{font-size: 21px; color: #740331; text-transform: uppercase;}

#fieldset-LeftCol div.FeedbackPhone {width: 180px; float: left;}
.FeedbackForm #Phone {width: 160px;}

#FeedBack div.FeedbackExtension {width: 50px; float: left;}
.FeedbackForm #Extension {width: 50px;}


.FeedbackForm #LID{width: 230px;}

#FeedBack #fieldset-BottomCol{padding-right: 120px; clear: both;}
#FeedBack #fieldset-BottomCol div{float: right;}


/* Global-Gumbo
-----------------------------------------------------------*/
#GGumbo h2{font-size: 19px; font-weight: normal;}
#GGumbo p{font-size: 16.5px; padding-top: 10px; color: #6B5947;}


/* Reservations
--------------------------------------------------------------------------------------- */
.ReservationsForm {
	padding:25px 0px 0px 0px;
	font-family: Georgia;
	font-size: 11px;
}

.ReservationsForm #fieldset-TopCol{
	padding:0px 0px 30px 0px;
	margin-bottom: 20px;
	border-bottom: solid #BD8A42 2px;
}


.ReservationsForm #fieldset-BottomCol div{
 	float: right;
 	padding-right: 15px;
}

#Reservation #fieldset-LeftCol{
	float:left;
	width:285px;
	padding-top: 30px;
}
.FeedbackForm #fieldset-LeftCol, #fieldset-RightCol {
	float:left;
	width:285px;
}

.ReservationsForm #fieldset-LeftCol{
	background-image: url("/imgs/Reservations/Form_FillinYourInfo.gif"); 
	background-repeat: no-repeat;
}
.ReservationsForm #fieldset-RightCol div {
	float:left;
	width:280px;
}
#fieldset-RightCol select {width: 150px;}
.ReservationsForm #fieldset-BottomCol {
	clear:both;
	text-align:center;
	padding:0px 0px 0px 180px;
}

.ReservationsForm #fieldset-FooterCol  {
	padding:10px 0px 20px 0px;
	clear:both;
}

.ReservationsForm #fieldset-FooterCol  label{
	float:none;
	padding-bottom:2px;
	width:100px;
}

.ReservationsForm #fieldset-FooterCol  #Comment {
	width:460px;;
	height:100px;
}


.ReservationsForm #fieldset-FooterCol  #Comment_CurrentLength {
	width:21px;;
}

.ReservationsForm label {width: 100%;}

.ReservationsForm #LID{width: 230px;}
.ReservationsForm #Phone{width: 160px;}
#Reservation .ReservationPhone{width:160px; float: left; }
#Reservation #Comment{width: 100%;}
.ReservationsForm #Extension{width: 50px;}
#Reservation .ReservationExtension{width: 50px; float: left; padding-left: 20px;}
#Reservation .inputCalendar{width: 125px; height: 20px; }


/* Menu
--------------------------------------------------------------------------------------- */
.subcat h2{font-size: 19px; color: black;}
.subcat p{font-size: 12.5px; color: black; width: 500px;}
.menuItems h2{font-size: 13px; color: #740331;}
.menuItems p{font-size: 11.5px; color: black; width: 500px; text-align: justify;}


/* Promotions & Oysters
----------------------------------------------------------------------------------------*/
.promItemsTitle h2 {font-size: 19px; color: black; padding-top: 40px;} 
.promItems h2, .OysterItems h2 {font-size: 13px; color: #740331; padding-top: 13px;}
.promItems p, .OysterItems p {font-size: 11.5px; color: black; clear: left; width: 530px;}
.promItems span {color: #740331;}
.OysterItems span {color: #814C1E;}
.OysterItems p{width: 100%;} 

/* ApplyOnlineForm
--------------------------------------------------------------------------------------- */
.ApplyOnlineForm {padding-left: 15px;}
.ApplyOnlineForm #fieldset-LeftCol, #fieldset-RightCol{
	padding-top: 10px;
	width: 50%;
}
.ApplyOnlineForm #fieldset-FooterCol label {
	width:100%;
	padding-right: 10px;
}


.ApplyOnlineForm div select, #LID, #FullName, #Email{
	clear: right;
}

#fieldset-RightCol  .labelcomment {
	width: 200px;
	clear: both;
}

.ApplyOnlineForm .labelResume {
	width: 100px;
}

.ApplyOnlineForm .divcomment {
	width:auto;
	clear:both;
}

.ApplyOnlineForm #Comment.textareacomment {
	width:300px;
	height:100px;
}

.ApplyOnlineForm #fieldset-BottomCol {
	padding-left:0px;
}

.ApplyOnlineForm div{
	padding-bottom:10px;
	clear: right; 
	float: none;
}


/* Take Out
--------------------------------------------------*/
.itemHeader {
	padding-top: 30px;	
}

/* Promotions Page 
------------------------------------------------*/
p.offerVaries{
	font-family: Georgia;
	font-size: 10px;
	font-weight: bold;
	padding-top: 20px;
}

h2.bigRedText{
	font-size: 14px; 
	color: #CC0000;
	text-transform: none;
}
h2.promoH2{
	font-size: 16px;
}



/* Static Content
---------------------------------------------------*/
#StaticContent{width: 75%; float: right; padding: 50px 80px 0 0;}
#StaticContent h1{text-transform: uppercase; font-size: 25px;}
#StaticContent h3{text-transform: uppercase; font-size: 15px; color: #814B1D;}
#StaticContent p{font-size:11.5px; color: black;}

/* Careers 
-----------------------------------------------------*/
#careers h2{font-size: 13px;}
#careers p.car_desc{color: black;}

/* Appetizer 
-----------------------------------------------------*/
#Appetizer{ 
	width: 82%;
	text-align: left;
}
.App-Container{width: 550px;}
.AppetizerForm{padding-top: 20px;}
.AppetizerForm #fieldset-LeftCol label{width: 100%;}
.AppetizerForm #fieldset-LeftCol{padding-left: 15px;}
.AppetizerForm #fieldset-BottomCol
{
	padding:0px;
	clear:both;
}
.AppetizerForm #fieldset-BottomCol div{float:none;}
.AppetizerForm #fieldset-RightCol{width: 100px; padding-top:0px;}
.AppetizerForm #fieldset-RightCol label{width: 100%;}


/* Appetizer Ipad
---------------------------------------------------*/

.AppetizerIpad {
	width:1024px;
	height:768px;
	background:url(/imgs/ipad/ipad.png) no-repeat top left;
}

.AppetizerIpad .error {
	width:20px;
	height:22px;
	/*background:url(/imgs/ipad/error.gif) no-repeat top left;*/
}

.AppetizerIpad #EmailHolder {
	position:absolute;
	top:425px;
	left:260px;
	clear:both;
}

.AppetizerIpad #LocationHolder {
	position:absolute;
	top:525px;
	left:260px;
	clear:both;
}

.AppetizerIpad #Email {
	width:400px;
	height:35px;
	font-size:20px;
}

.AppetizerIpad #Location {
	width:400px;
	height:35px;
	font-size:20px;
}

.AppetizerIpad #SubmitBtn {
	position:absolute;
	top:570px;
	left:490px;
	clear:both;
}

.AppetizerIpad label {
	width:100px;	
}

/* Appetizer Corner Banner*/
.CornerAppBanner{
	position: absolute;
	right: 10px;
	top: 50px;
	z-index: 2;
}



/* ShellfishContest
--------------------------------------------------------------------------------------- */

#ShellfishContest{
	padding-top:40px;
}

#ShellfishContest h1{font-size: 21px; color: #740331; text-transform: uppercase;}

#ShellfishContest #fieldset-BottomCol{padding-right: 100px; clear: both;}
#ShellfishContest #fieldset-BottomCol div{float: right;}

.ShellfishForm {
	padding:10px 0px 0px 0px;
}

.ShellfishForm  #fieldset-LeftCol, .ShellfishForm  #fieldset-RightCol {
	float: left;
	width: 50%;
	padding:0px;
}

.ShellfishForm label, .ShellfishForm .errors, .ShellfishForm .errors li {
	width:234px;
}


.ShellfishForm #Phone {width: 160px;}
.ShellfishForm #Extension {width: 50px;}
.ShellfishForm #LID{width: 230px;}


.ShellfishForm .inputCalendar {
	background-position: 0px 0px;
	height: 14px;
	padding: 2px 1px 0 24px;
}

.ShellfishForm #DBDay {
	float:left;
	width:69px;
}

.ShellfishForm #DBMonth {
	float:left;
	width:99px;
}

.ShellfishForm #DBYear {
	float:left;
	width:65px;
}


.ShellfishForm #BDay {
	width:55px;
}
.ShellfishForm #BMonth {
	width:85px;
}
.ShellfishForm #BYear {
	width:65px;
}

.ShellfishForm #Code2 {
	position:relative;
	top:20px;
}
.ShellfishForm #Code3 {
	position:relative;
	top:39px;
}



/* Shellfish Ipad
---------------------------------------------------*/

.ShellfishIpad {
	width:1024px;
	height:768px;
	background:url(/imgs/Shellfish/ipad.png) no-repeat top left;
}

.ShellfishIpad #fieldset-LeftCol {
	position:absolute;
	top:450px;
	left:172px;
}

.ShellfishIpad #Email {
	width:400px;
	height:35px;
	font-size:20px;
}

.ShellfishIpad #fieldset-LeftCol,
.ShellfishIpad #fieldset-RightCol,
.ShellfishIpad #fieldset-TopCol{
	width:auto;
}

.ShellfishIpad #fieldset-LeftCol div,
.ShellfishIpad #fieldset-RightCol div,
.ShellfishIpad #fieldset-TopCol div{
	width:auto;
}

.ShellfishIpad #fieldset-LeftCol .errors,
.ShellfishIpad #fieldset-RightCol .errors,
.ShellfishIpad #fieldset-TopCol .errors{
	font-size:16px;
	color:#000;
}

.ShellfishIpad .error {
	width:20px;
	height:22px;
	/*background:url(/imgs/ipad/error.gif) no-repeat top left;*/
}

.ShellfishIpad #fieldset-RightCol {
	position:absolute;
	top:555px;
	left:172px;
}

.ShellfishIpad #Code1 {
	width:210px;
	height:35px;
	font-size:20px;
}

.ShellfishIpad #fieldset-TopCol {
	position:absolute;
	top:555px;
	left:430px;
}

.ShellfishIpad #LID {
	width:400px;
	height:40px;
	font-size:20px;
}

.ShellfishIpad #Send {
	position:absolute;
	top:631px;
	left:587px;
	clear:both;
}

.ShellfishIpad label {
	width:100px;
}


#ShellfishIpadThankYou {
	background-image:url(/imgs/Shellfish/ipadthankyou.png);
	width:1024px;
	height:768px;
}

#ShellfishIpadThankYou #refer {
	position:absolute;
	top:458px;
	left:339px;
	clear:both;
}