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

body {
	width:100%;	background: #F8EFDB url(http://www.lacapitalesalem.com/images/background.png) top center repeat-x;}
#mainContainer {
	min-height:200px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:960px;
	padding-top:0px;
	padding-bottom:10px;}
#copy {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:860px;}
#reservations {
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:860px;
	height:200px;}
p {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color:#998773;
	line-height:22px;
	font-variant:small-caps;}
h2 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:36px;
	line-height:42px;
	margin-bottom:10px;
	font-variant:small-caps;
	font-weight:bold;
	color:#601501;}
h3 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	line-height:36px;
	margin-bottom:10px;
	font-variant:small-caps;
	font-weight:bold;
	color:#601501;}
h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:26px;
	font-size:26px;
	color:#fff;}
.aboutTitle {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:24px;
	line-height:24px;
	margin-bottom:0;
	font-variant:small-caps;
	font-weight:bold;
	color:#601501;}
/* ====================== HOME ROTATOR STYLING ============================ */	
#ImageRotator {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-top:-130px;
	text-align:center;
	min-height:20px;
	padding:0;
	width:883px;
	height:383px;}
.pics { 
	height: 383px;
	width: 883px; 
	padding:0px; 
	margin:0; 
	overflow: hidden;
	background-image: url(http://www.lacapitalesalem.com/images/rotatorDrop.png);
	background-repeat:no-repeat;
	background-position:bottom; }
.pics img { 
	height: 336px; 
	width: 840px;
	margin:20px 0 0 19px; 
	padding:  0px 0px 0px 0px; 
	top:0; left:0 }
	
/* ====================== HOME CALLOUT STYLING ============================ */	
#callout_left {
	float:left;
	width:430px;
	height:165px;
	background:url(http://www.lacapitalesalem.com/images/callout1_background.png) 0 0 no-repeat;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	line-height:18px;
	font-variant:small-caps;
	color:#998773;}
#calloutContent_left {
	width:322px;
	padding:20px 0 0 0;
	float:right;}
#callout_right {
	float:right;
	width:430px;
	height:165px;
	background:url(http://www.lacapitalesalem.com/images/callout2_background.png) 0 0 no-repeat;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	line-height:18px;
	font-variant:small-caps;
	color:#998773;}
#calloutContent_right {
	width:322px;
	padding:20px 0 0 20px;
	float:left;}
.callout a:link {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	margin-top:0px;
	padding:0;
	font-weight:bold;
	text-decoration:none;
	font-variant:small-caps;
	color:#601501;}
.callout a:visited {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	margin-top:0px;
	padding:0;
	font-weight:bold;
	text-decoration:none;
	font-variant:small-caps;
	color:#601501;}
	
/* ====================== HOME SPECIALS STYLING ============================ */	

#special-top {
	clear:both;
	width:960px;
	/*display:block;*/
	height:10px;
	margin: 0 auto;
	padding: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	position: relative; 
	/*margin: 0;
	padding-bottom: 0;*/
	background:url(http://www.lacapitalesalem.com/images/chalkboard_top.png) 0 0 no-repeat;}
#specials {
	padding:0px 0px 0px 0px;
	margin:0px;
	min-height:58px;
	width:960px;
	background:url(http://www.lacapitalesalem.com/images/chalkboard_mid.png ) 0 0 repeat-y ;
	}

.special-bottom {
	clear:both;
	width:960px;
	min-height:22px;
	margin: 0 0 0 0;
	padding: 0 0;
	background:url(http://www.lacapitalesalem.com/images/chalkboard_bottom.png) 0 0 no-repeat;}
#specialContent {
	width:918px;
	padding:0 25px 0 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:16px;
	color:#b1a699;
	}
#specialContenImg {
	width:134px;
	float:right;
	margin:0px 60px 0 0;}
	
/* ====================== MENU STYLING ============================ */
#menuTop {
	clear:both;
	padding:0;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:903px;
	height:125px;
	background:url(http://www.lacapitalesalem.com/images/menuTop.png) 0 0 no-repeat;}
#menuTop h1 {
	position:relative;
	left:30px;
	top:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.2em;
	font-weight:bold;
	font-variant:small-caps;
	color:#601501;
	line-height:1.7em;}
ul#menulist{
	padding-left: 50px;
	white-space: nowrap;}
#menulist li{
	display: inline;
	border-right:#fff solid 2px;
	list-style-type: none;}
#menulist a { padding: 0px 10px; }
#menulist a:link, #menulist a:visited{
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:32px;
	font-variant:small-caps;
	color: #fff;
	text-decoration: none;}
#menulist a:hover {
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:28px;
	font-variant:small-caps;
	color: #998773;
	/*border-bottom:#998773 solid 1px;*/
	text-decoration: none;}
#menuMidbev {
	clear:both;
	padding:0;
	/*min-height:900px;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:903px;
	background:url(http://www.lacapitalesalem.com/images/menuMid.png) left top repeat-y;}
#menuMid {
	clear:both;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:903px;
	background:url(http://www.lacapitalesalem.com/images/menuMid.png) left top repeat-y;}
#menuBottom {
	clear:both;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:903px;
	height:35px;
	background:url(http://www.lacapitalesalem.com/images/menuBottom.png) 0 0 no-repeat;}
.menuContain{
	clear:both;
	width:825px;
	padding: 0 20px 15px 40px;}
.bevCol1{
	width:350px;
	padding: 0 0 0 10px;
	float:left;}
.bevCol2{
	width:350px;
	padding:0 20px 0 30px;
	border-left:#998773 1px solid;
	float:right;}
.menuContain h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.1em;
	color:#998773;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center}
.menuContain h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	font-style:italic;
	color:#998773;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center}
.menuContain h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.0em;
	color:#601501;
	font-weight:bold;
	font-variant:small-caps;
	text-align:center}
.menuContain h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.95em;
	color:#601501;
	font-weight:bold;
	font-style:italic;
	font-variant:small-caps;
	text-align:center}
.menuContain p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.0em;
	color:#998773;
	line-height:1.4em;
	/*font-weight:bold;*/
	font-variant:small-caps;
	text-align:center}
.menuContain li {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.0em;
	color:#998773;
	line-height:1.4em;
	padding-bottom:15px;
	font-variant:small-caps;
	text-align:center}

/* ====================== FOOTER STYLING ============================ */
#footerContainer {
	clear:both;
	width:960px;
	padding-top:20px;
	min-height:300px;
	border-top:#b1a699 solid 2px;}
#footerLogo {
	float:left;
	margin-left:100px;
	width:145px;
	height:89px;
	left:75px;
	/*background:url(http://www.lacapitalesalem.com/images/footerLogo.png) 0 0 no-repeat;*/}
.ot_rollover a {
	display:block;
	overflow:hidden;
	width: 145px;
	height:89px;
	/*padding:10px 10px 10px 7px;*/
	background:url(http://www.lacapitalesalem.com/images/DCWidgetBadge_2009.png) 0 -89px no-repeat;
	text-decoration: none;}
.ot_rollover a:hover { 
	display:block;
	background-position: 0 0;}
#footerCenter {
	float:left;
	width:450px;
	height:75px;}
#footerAddress {
	width:450px;
	height:25px;
	margin-top:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-variant:small-caps;
	text-align:center;
	color:#bbaf9b;}
#footerNav {
	width:450px;
	height:25px;
	text-align:center;}
#footerSocialMedia {
	width:135px;
	height:75px;
	float:left;}	
.fb_rollover a {
	display:block;
	overflow:hidden;
	width: 110px;
	height:35px;
	background:url(http://www.lacapitalesalem.com/images/fb_btn.png) 0 -35px no-repeat;
	text-decoration: none;}
.fb_rollover a:hover { 
	display:block;
	background-position: 0 0px;}
.tw_rollover a {
	display:block;
	overflow:hidden;
	width: 110px;
	height:35px;
	background:url(http://www.lacapitalesalem.com/images/twit_btn.png) 0 -35px no-repeat;
	text-decoration: none;}
.tw_rollover a:hover { 
	display:block;
	background-position: 0 0px;}
/* ====================== ABOUT STYLING ======================= */	
#flashSelection {
	width:960px;
	height:452px;
	padding:0;
	margin-top:-70px;
	margin-bottom:0px;
	z-index:20;}
/* ====================== ETHICS STYLING ======================= */
#ethicsTop {
	clear:both;
	padding:0;
	margin-top:-30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:960px;
	height:62px;
	background:url(http://www.lacapitalesalem.com/images/ethicsPlaque.png) 0 0 no-repeat;}
#ethicsTop h1 {
	width:300px;
	position:relative;
	left:80px;
	top:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.2em;
	font-weight:bold;
	font-variant:small-caps;
	color:#601501;
	line-height:1.5em;}
#mintoTitle {
	width:336px;
	height:241px;
	background:url(http://www.lacapitalesalem.com/images/mintoGrowers.png) center top no-repeat;
	float:left;
	margin-right:10px;}
#mintoCopy {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	color:#998773;
	line-height:22px;
	font-variant:small-caps;}
#mintoTitle h2 {
	position:relative;
	width:135px;
	left:43px;
	top:157px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	font-variant:small-caps;
	color:#fff;
	text-align:center;}
/* ====================== CONTACT STYLING ======================= */
#contactTop {
	clear:both;
	padding:0;
	margin-top:-70px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:960px;
	height:779px;
	background:url(http://www.lacapitalesalem.com/images/contactMap.png) top center no-repeat;}
#contactTop h1 {
	width:300px;
	position:relative;
	left:80px;
	top:28px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.2em;
	font-weight:bold;
	font-variant:small-caps;
	color:#601501;
	line-height:1.5em;}
#infoContain {
	width:945px;
	height:697px;
	/*margin-top:10px;
	padding: 1.0em 0 1.0em 0;*/
	background:url(http://www.lacapitalesalem.com/images/contactChalkboard.png) 12px 30px no-repeat;
	clear:both}
#infoContain p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#fffadf;
	margin-top:-10px;
	font-variant:small-caps;
	line-height:18px;}
#infoContain h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#fff;
	margin-bottom:12px;
	font-variant:small-caps;
	line-height:28px;}
.phoneLG{
	font-size:32px;
	color:#fffadf;
	}
fieldset {
	clear: both;
	width: 450px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #000000;
	background-color: #F2EFE9;}
fieldset.forms {  
	float: none;  
	clear: both;  
	width: 100%;  
	margin: 0 0 0 0;  
	padding: 0 0 2.0em 1.0em;  
	border: 1px solid #000000;  
	background-color: #F2EFE9;}
fieldset.info {  
	float: none;  
	clear: both;  
	width: 100%;  
	margin: 0 0 0 0;  
	padding: 0 0 0 0;  
	border: 1px solid #000000;  
	background-color: #F2EFE9;}
legend {
	margin-left: 1em;  
	padding: 0;  
	font-size:16px;
	font-family: verdana, helvetica, sans-serif; 
	color: #990000; 
	font-weight:bold;}
fieldset ol {  
	padding: 0 0 0 1.0em;  
	list-style: none;}
fieldset li {  
	padding-bottom: 1em;}
fieldset.submit {  
	float: none;  
	width: auto;  
	border-style: none;  
	padding: 1.0em 1.0em 1.0em 0em; 
	background-color: transparent;}	
input, textarea {  
   box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
   -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
   -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    }  
label {  
	display: block;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	color: #fffadf;
	line-height:25px;}
#contact_2 {
	width:425px;
	float: left;
	margin: 2.1em 0 0 3.2em;
	padding: 35px 1.0em 0 0;}	 
#contact_3 {
	width:375px;
	float:left;
	margin: 2.1em 0 0 0;
	padding: 35px 0 0 1.0em;}

#thanks_1 {
	width:375px;
	float:left;
	margin: 2.1em 0 0 0;
	padding: 35px 0 0 1.0em;}
#thanks_1 h2 {
	color:#FFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:20px;
	font-variant:small-caps;
	line-height:28px;
	margin-bottom:12px;}
#thanks_1 p {
	color:#FFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-style:italic;
	font-variant:small-caps;
	line-height:18px;
	margin-top:-10px;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
/* ====================== RESERVATIONS STYLING (see also: css/opentable.css) ======================= */
#reservationsTop {
	clear:both;
	padding:0;
	margin-top:-30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:960px;
	height:62px;
	background:url(http://www.lacapitalesalem.com/images/reservationsPlaque.png) 0 0 no-repeat;}
#reservationsTop h1 {
	width:300px;
	position:relative;
	left:80px;
	top:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.2em;
	font-weight:bold;
	font-variant:small-caps;
	color:#601501;
	line-height:1.5em;}

/* ====================== BOTTOM NAVIGATION STYLING ============================ */
ul#navlist{
	padding-left: 0;
	white-space: nowrap;}
#navlist li{
	display: inline;
	list-style-type: none;}
#navlist a { padding: 0px 5px; }
#navlist a:link, #navlist a:visited{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:18px;
	color: #bbaf9b;
	text-decoration: none;}
#navlist a:hover{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:18px;
	color: #bbaf9b;
	border-bottom:#bbaf9b solid 1px;
	text-decoration: none;}
/* ====================== MAIN NAVIGATION STYLING ============================ */
	.menu {width:960px; height:230px; background-image: url(http://www.lacapitalesalem.com/images/laCapLogo.png); background-position:270px 0 ; background-repeat:no-repeat ; padding-top:30px; position:relative; z-index:100; font: 24px Palatino;font-variant: small-caps;}
	/* hack to correct IE5.5 faulty box model */
	* html .menu {width:960px; w\idth:960px;}
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {padding:0;margin:0;list-style-type:none; }
	.menu ul ul {width:100px;}
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {float:left;width:100px;position:relative; display: inline;}
	.menu li.right {float:right; text-align:right; width:100px; position:relative; display: inline;}
	.menu li.rightEnd {float:right; text-align:right; width:100px; padding-left:18px; position:relative; display: inline;}
	.menu li.first {background-color:transparent; height:54px; width:149px; display:block; }
	/* style the links for the top level */
	.menu a, .menu a:visited {display:block;font-size:24px;text-decoration:none; color:#fff; width:100px; height:30px; background:transparent;line-height:29px;}
	/* a hack so that IE5.5 faulty box model is corrected */
	* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}
	/* style the second level background */
	.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#711a02;}
	/* style the second level hover */
	.menu ul ul a.drop:hover{background:#c9ba65 }
	.menu ul ul :hover > a.drop {background:#c9ba65 }
	/* style the third level background */
	.menu ul ul ul a, .menu ul ul ul a:visited {background:#711a02;}
	/* style the third level hover */
	.menu ul ul ul a:hover {background:#b2ab9b;}
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
	/* another hack for IE5.5 */
	* html .menu ul ul {top:30px;t\op:31px;}
	/* position the third level flyout menu */
	.menu ul ul ul{left:149px; top:-1px; width:149px;}
	/* position the third level flyout menu for a left flyout */
	.menu ul ul ul.left {left:-149px;}
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {background:#711a02; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;}
	/* yet another hack for IE5.5 */
	* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
	/* style the top level hover */
	.menu a:hover {color:#000; background:#711a02 url(http://www.lacapitalesalem.com/images/blank_btn.png);}
	/* IE6 second level background */
	.menu ul ul a:hover {color:#000; background:#601501;}
	.menu :hover > a {color:#000; background:transparent}
	.menu ul ul :hover > a {color:#000; background:#601501}
	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{visibility:visible; }
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{ visibility:visible;}
/* ==================== Modal Box Styling ======================= */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:auto;}

/* Container */
#simplemodal-container {height:460px; width:550px; color:#000; background: #F8EFDB; border:4px solid #601501; padding:12px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(http://www.lacapitalesalem.com/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}
#hours td {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color:#998773;
	line-height:22px;
	font-variant:small-caps;}
#Contacthours td {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color:#fffadf;
	line-height:22px;
	font-variant:small-caps;}
#smLogo {
	width:526px;
	margin: 20px auto 5px;
	text-align:center;}