@import url(reset.css);

/* ======================================================================

   SCOTTADITO.COM // Miguel Bermudez
   (c) 2009-2010 Miguel Bermudez, All Rights Reserved.

======================================================================== */


/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */
 
body {
	background: #ffffcc url(../images/bg.jpg);
	border: 0;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 75%;	  /* tell ie6 to size our text to 12px from the standard of 16px it belives true */
	font-size: 12px !important;
	
	height: 100%;
	line-height: 1.75em;	
	margin: 0px;
	text-align: center;	/*so that elements further in will centered in IE	*/
}

fieldset {
	border: none;
}

a:link { color: #688690; text-decoration: none; text-transform: lowercase; }
a:visited { color: #688690; text-decoration: none; } 
a:hover { color: #3e565e; text-decoration: underline; }
a:active { color: #688690; text-decoration: none; }


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */
 
 #core {
	height: auto !important;
	height: 100%;
	/*margin: 0 auto 0 auto;*/
	margin: 0 auto -100px;
	min-height: 100%;
	width: 960px;
}

#masthead {
	height: 134px;
	margin: 40px 0 -48px 0;
	text-align: left;
}

#squiggle {
	float: right;
	height: 76px;
	margin: -73px 0 0 649px;
	width: 310px;
}

#content {
	margin: 62px 0 0 0;
	width: 960px;
}

#focusbox {
	background: #993300;
	background-image: url(../images/focusBg.jpg);
	height: 368px;
}

.home #focusbox h1 {
	color: #fff;
	float: left;
	font-size: 4em;
	height: 300px;
	line-height: 1.2em;
	margin: 50px 0 0 70px;
	text-align: left;
	width: 291px;
}

.parking #focusbox h1 {
	color: #fff;
	float: left;
	font-size: 4em;
	line-height: 1.2em;
	margin: 10px 0 0 10px;
	height: 348px;
	text-align: left;
	width: 378px;
}

.offprem #focusbox h1 {
	color: #fff;
	float: left;
	font-size: 4em ;
	height: 368px;
	line-height: 1.2em;
	margin: 0 0 0 0;
	text-align: left;
	width: 389px;
}

.spEvents #focusbox h1 {
	color: #fff;
	float: left;
	font-size: 4em ;
	height: 349px;
	line-height: 1.2em;
	margin: 0;
	text-align: left;
	/*width: 363px;*/
	width: 402px;
	
}

.spEvents #focusImage {
	height: 349px;
	margin: 9px 0 0 9px;
	width: 542px;
}

.banquets #focusbox h1 {
	color: #fff;
	float: left;
	font-size: 4em ;
	height: 367px;
	line-height: 1.2em;
	margin: 0 0 0 0;
	text-align: left;
	width: 389px;
}


#focusImage {
	float: left;
	height: 349px;
	margin: 9px 0 0 45px;
	width: 540px;
}


.banquets #focusImage {
	height: 349px;
	margin: 10px 0 0 21px;	
	width: 540px;
}

.parking #focusImage {
	height: 349px;
	margin: 10px 0 0 20px;
	width: 540px;
}

.offprem #focusImage {
	height: 349px;
	margin: 10px 0 0 21px;	
	width: 540px;
}

h2 {
	font-size: 3.5em;
	line-height: 1.0em;
	margin: 1em 0 1em 0;
	padding: 0 10px 0 10px;
	text-decoration: none;
	text-align: left;
}

.footer {
	background: url(../images/footer_bg.jpg);
	clear: both;
	height: 130px;
	margin-top: 15%;
	width: 100%;
}


/*----------------------------------------------------------------------- 
   Nav
 ------------------------------------------------------------------------ */
 
 #nav {
	background: url(../images/nav_bgcp.png);
	height: 23px;
	margin: 6px 0 0 100px;
	padding: 0;	
	position: relative;
	top: 0;
	width: 677px;
}

#nav span { display: none; }

#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
}

#nav li, #nav a {
	display: block;
	height: 23px;
	position: absolute;
}

#nav li a.menus {
	left:  0px;
	width: 72px;
}

#nav li.current a.menus { background: transparent url(../images/nav_bgcp.png) 0 -23px no-repeat; }

#nav li a.menus:hover{ 	background: transparent url(../images/nav_bgcp.png) 0 -23px no-repeat; }

#nav li a.banquets{
	left:  72px;
	width: 90px;
}

#nav li a.banquets:hover{ background: transparent url(../images/nav_bgcp.png) -72px -23px no-repeat; }

#nav li.current a.banquets{ background: transparent url(../images/nav_bgcp.png) -72px -23px no-repeat; }

#nav li a.off-premise {
	left: 162px;
	width: 180px;
}

#nav li a.off-premise:hover{ background: transparent url(../images/nav_bgcp.png) -162px -23px no-repeat; }

#nav li.current a.off-premise{ background: transparent url(../images/nav_bgcp.png) -162px -23px no-repeat; }

#nav li a.special-events {
	left: 342px;
	width: 144px;
}

#nav li.current a.special-events { background: transparent url(../images/nav_bgcp.png) -342px -23px no-repeat; }
	

#nav li a.special-events:hover{ background: transparent url(../images/nav_bgcp.png) -342px -23px no-repeat; }

#nav li a.parking-directions {
	left: 486px;
	width: 191px;
}

#nav li a.parking-directions:hover{ background: transparent url(../images/nav_bgcp.png) -486px -23px no-repeat; }

#nav li.current a.parking-directions { background: transparent url(../images/nav_bgcp.png) -486px -23px no-repeat; 
}


#menus #nav li a.menus:hover{ 	background: transparent url(../images/nav_bgcp.png) 0 -23px no-repeat; }
#menus #nav { background: url(../images/nav_bgcp.png) 0 47px no-repeat; }

/*----------------------------------------------------------------------- 
   HOME PAGE
 ------------------------------------------------------------------------ */
 
h1 span {
	display: none;
}

.infoBox {
	margin-bottom: 50px;
	text-align: left;
}
.parking.infoBox h1 {
	margin-bottom: 25px;
}

#content.parking .infoBox {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	padding-top: 5px;
}

#content.parking .infoBox p strong, #content.parking h3 {
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -0.05em;
	
}

#content.home .infoBox {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	letter-spacing: -0.05em;
	padding-top: 5px;
	text-transform: uppercase;
}
#content.home .infoBox p  {
	margin-top:  10px;
	margin-bottom: 10px;
}

#content.home .infoBox p strong {
	letter-spacing: -0.08em;
}

#homeHourBox.infoBox {
	float: left;
	margin-left: 12px;
	width: 155px;		
}

#homeHourBox h1 {
	background: url(../images/homeSections.png) 0 0 no-repeat;	
	height: 37px;
	margin-bottom: 10px;
	width: 110px;
}

#homeContactBox {
	float: left;
	margin-left: 123px;
	width: 155px;
}


#homeContactBox h1 {
	background: url(../images/homeSections.png) -111px 0 no-repeat;
	height: 37px;
	margin-bottom: 10px;
	width: 135px;
}

#homeSubscribeBox {
	float: left;
	margin-left: 105px;
	width: 185px;
}

#homeSubscribeBox h1 {
	background: url(../images/homeSections.png) -247px 0 no-repeat;
	height: 37px;
	margin-bottom: 10px;
	width: 154px;
}


.input-text {
	display: block;
	margin-bottom: 20px;
	margin-top: 15px;
}

.submit {
	display: block;
}

label{
	display: block;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: -0.05em;		
	text-align: left;
	text-transform: uppercase;
}

#events {
	clear: both;
	margin-bottom: 93px;
	padding-bottom: 112px;
	width: 100%;
}

#events h2{
	margin-bottom: 20px;
}

#events h3 {
	font-size: 2em;
	text-align: left;
}

#events ul {
	color: #993300;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.1em;
	margin: 0 0 0 14px;
	text-align: left;
	text-transform: uppercase;
}

/*----------------------------------------------------------------------- 
   MENUS
 ------------------------------------------------------------------------ */
#menuNav {
	background: url(../images/menunav.png);
	float: left;
	height: 288px;
	margin: 55px 0 0 70px ;
	padding: 0;
	position: relative;
	width: 247px;
}

ul#menuNav span { display: none; }

ul#menuNav li { 
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
}

#menuNav li, #menuNav a { display: block; height: 58px; position: block; }

li#mnDinner { top: 0px; width: 236px; }
li#mnBrunch { top: 58px; width: 236px; }
li#mnWinelist { top: 115px; width:  236px; }
li#mnDelivery { top: 173px; width:  236px; }

#menuNav li#mnDinner.current { background: transparent url(../images/menunav.png) -492px 0 no-repeat; }
#menuNav li#mnBrunch.current { background: transparent url(../images/menunav.png) -492px -58px no-repeat; }
#menuNav li#mnWinelist.current { background: transparent url(../images/menunav.png) -492px -115px no-repeat; }
#menuNav li#mnDelivery.current { background: transparent url(../images/menunav.png) -492px -115px no-repeat; }

#mnDinner a:hover { background: transparent url(../images/menunav.png) -246px 0 no-repeat; }
#mnBrunch a:hover { background: transparent url(../images/menunav.png) -246px -58px no-repeat; }
#mnWinelist a:hover { background: transparent url(../images/menunav.png) -246px -115px no-repeat; }
#mnDelivery a:hover { background: transparent url(../images/menunav.png) -246px -173px no-repeat; }

.menus #focusImage{
	height: 349px;
	margin: 10px 0 0 92px;
	width: 541px;
}

.menu {
	text-align: left;
	margin-top: 75px;
}

.menu h2 {
	clear:  both;
	margin: 20px 0 0 0;
}

#wineList.menu h2 {
	margin-bottom: 10px;
}

#deliveryMenu.menu {
	height: 200px;
	padding-bottom: 200px;
}

#deliveryMenu h3 {
	background: none;
	color: #000000;
	margin-bottom: 20px;
	width: 500px;
	
}

#deliveryMenu.menu #downloadMenu a {
	background: url(../images/deliveryMenuDL.png) 0 0 no-repeat;	
	display: block;
	height: 66px;
	margin: 24px 0  0 14px;
	padding: 0;
	width: 327px;
}

.menu h2+p {
	margin-bottom: 20px;
}

.menu p em {
	font-style: normal;
}

.menu h3 {
	background-color: #993300;
	clear: both;
	color: #ffffff;
	font-size: 2.25em;
	height: 25px;
	margin-left: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
}

.menu dl, .menu p {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	/*letter-spacing: -0.125em;*/ 
	letter-spacing: -1.0px;
	list-style: none;
	padding: 0;
	text-align: left;
}

.menu p {
	margin-left: 14px;
	margin-bottom: 10px;
	letter-spacing: 0;
}



.menu dl dt {
	font-weight: bold;
	font-size: 1.3em;
}

.menu dl dd {
	font-size: 1.2em;
	font-style: italic;
	margin-bottom: 1.25em; 
}

.menu dl.col1 {
	float: left;
	/* height: 342px; */
	margin: 0 0 0 14px;
	width:460px;
}


.menu dl.col2 {
	float: left;
/* 	height: 342px; */
	margin: 0 0 30px 26px;
	width:460px;
}

.menu .col2.last, .menu .last {
	float: left;
	margin: 0 0 70px 26px;
	width: 460px;
}

.menu dl.col1 dd.last {
	float: none;
	margin-left: 0;
	margin-bottom: 70px;
}


/*----------------------------------------------------------------------- 
   BANQUETS
 ------------------------------------------------------------------------ */
.banquets {
	text-align: left;
}

.banquets #content{
	margin-bottom: 500px;
}

#banquetMenu dl#co1 dd.last {
	margin-left: 0;
	margin-bottom: 70px;
}

.banquets #downloadMenu a {
	background: url(../images/banquetMenuDL.png) 0 0 no-repeat;	
	float: left;
	height: 48px;
	margin: 58px 0 0 63px;
	width: 400px;;
}

.banquets p {
	color: #993300;
	line-height: 0.85em;
	font-size: 1.5em;
	font-weight: 400;
}

.banquets #mainCopy h2 span {
	color: #993300;
}

.banquets #downloadMenu a.menu{
	float: left;
	margin: 2px 0 0 62px;
	padding: 0;
	width: 400px;
}

#banquetMenu {
	clear: both;
	margin: 155px 0 115px 0;
}


#banquetMenu h2 {
	clear: both;
	margin-top: 45px;
	margin-bottom: 30px;
	padding-top: 30px;
}

#banquetMenu h3 {
	background-color: #993300;
	clear: both;
	color: #ffffff;
	font-size: 2.25em;
	height: 25px;
	margin-left: 14px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
}

#banquetMenu h2.price {
	font-size: 1.75em;
	margin-top: 45px;
	margin-left: 13px;
	margin-bottom: 10px;
	padding: 0;
}

.banquets #moreInfo h3 {
	float: left;
	font-size: 1.8em;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	margin: 50px 0 100px 10px;
	text-decoration: none;
	text-transform: none;
	width: 460px;
}


#banquetMenu dl {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	/*letter-spacing: -0.125em;*/ 
	letter-spacing: -1.0px;
	list-style: none;
	padding: 0;
	text-align: left;
}

#banquetMenu dl dt {
	font-weight: bold;
	font-size: 1.3em;
}

#banquetMenu dl dd {
	font-size: 1.2em;
	font-style: italic;
	margin-bottom: 1.25em; 
}

#banquetMenu dl.col1 {
	float: left;
	/* height: 342px; */
	margin: 0 0 0 14px;
	width:460px;
}


#banquetMenu dl.col2 {
	float: left;
/* 	height: 342px; */
	margin: 0 0 30px 26px;
	width:460px;
}

#banquetMenu dl.col1.last, dl.col2.last {
	margin-bottom: 70px;
}

#banquetMenu .listing {
	margin-bottom: 0em;
}


/*----------------------------------------------------------------------- 
   OFF-PREMISE CATERING
 ------------------------------------------------------------------------ */
.offprem {
	text-align: left;
}

.offprem #content{
	margin-bottom: 500px;
}

.offprem p {
	color: #993300;
	font-family:Verdana,Geneva,Tahoma,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.75em;
	letter-spacing: -1px;
	padding-left: 5px;	

}

.offprem #moreInfo h3 {
	float: left;
	font-size: 1.8em;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	margin: 50px 0 100px 10px;
	text-decoration: none;
	text-transform: none;
	width: 400px;

}

.offprem #downloadMenu a {
	background: url(../images/offPremMenuDL.png) 0 0 no-repeat;	
	float: left;
	height: 66px;
	margin: 48px 0 21px 123px;
	width: 427px;
}

#downloadMenu span {
	display: none;
}

#offPremMenu {
	clear: both;
	margin: 0 0 150px 0;
	padding: 40px 0 0 0;
	width: 100%;
}

#offPremMenu th {
	background: #993300;
	color: #fff;
	font-size: 2.2em;
	padding: 6px;

}

#offPremMenu td {
	font-family:Verdana,Geneva,Tahoma,sans-serif;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.6em;
	letter-spacing: -1px;
	padding-top: 10px;
	padding-left: 5px;
}

/*----------------------------------------------------------------------- 
   SPECIAL EVENTS PAGE
 ------------------------------------------------------------------------ */

#eventsWrapper {
	margin-left: 61px;;
}
.spEvents #eventsWrapper h3 {
	border-bottom: 2px solid #993300;
	clear: both;
	font-size: 3.25em;
	margin-top: .5em;
	margin-left: 14px;
	margin-bottom: 25px;
	width:400px;
	
}

.spEvents {
	text-align: left;
}

.spEvents #content{
	margin-bottom: 500px;
}

.spEvents p {
	color: #000;
	float: left;
	font-size: 3em;
	/* height: 120px; */
	width: 460px;
	line-height: 1.25em;
	/* margin-bottom: 46px; */
}

.spEvents p.price {
	font-size: 3em;
	margin-left: 142px;
	margin-top: -12px;
	width: 80px;
	font-style: italic;
}

.spEvents p.addinfo  {
	clear: both;
	font-size: 1.75em;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	margin: 1.25em 0 100px 52px;
	text-decoration: none;
	text-transform: none;
}

.spEvents #eventsWrapper a {
	background: #9f2500;
	color: #ffffff;
	font-size: 18px;
	padding: 0 3px;	
}

.eventBullet  {
	float: left;
	width: 35px;
	height: 45px;
	margin-left: 14px;
	margin-right: 6px;
}

.spEvents #moreInfo {
	clear: both;
	margin: 50px 0 0 0;
	padding-bottom: 55px;
}

.spEvents #moreInfo h3 {
	clear: both;
	font-size: 1.8em;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	margin: 50px 0 10px 10px;
	text-decoration: none;
	text-transform: none;
	width: 400px;
}


/*----------------------------------------------------------------------- 
   PARKING & DIRECTIONS PAGE
 ------------------------------------------------------------------------ */
#subwayBox {
	float: left;
	margin-left: 12px;
	margin-top: 2em;
	text-align: left;
	width: 151px;
}

#subwayBox h1 {
	background: url(../images/parkingSections.png) 0 0 no-repeat;	
	height: 37px;
	width: 140px;
}

#subwayBox img {
	margin-top: 10px;
}

#byCarBox, #byCarBox_2 {
	float: left;
	margin: 23px 0 140px 101px;
	width: 280px;
}
.infoBox li {
	margin-top: 0;
	margin-bottom: .5em;
}

#byCarBox h1 {
	background: url(../images/parkingSections.png) -140px 0 no-repeat;
	height: 37px;
	width: 150px;
}

#byCarBox ul, #byCarBox_2 ul {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	letter-spacing: -0.03em;
	margin: 0 0 0 10px;
	padding: 5px 0 0 0;
	text-align: left;
	list-style-type: circle;
	list-style-position: inside;
}

#byCarBox_2 {
	margin-top: 59px;
}

#byCarBox_2 ul {
	padding: 25px 0 0 0;
}

#addressBox {
	clear: both;
	height: 104px;
	padding-bottom: 135px;
	text-align: left;	
	width: 697px;
}

.footer p {
	color: #fff;
	padding: 90px 0 0 64px;
	text-align: left;
}

/* self-clear floats */
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}