@import url("reset.css");

/* === GLOBAL SETTINGS ================================= */

* {
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
}

img {
	border: none;
}

html, body {
	display: block;
	height: 100%;
}

html {
	background: #300403 url('../img/common/bg.gif') left top repeat-x;
}

body {
	background: transparent url('../img/common/bg_containerx.gif') center 610px repeat-y;
	color: #333333;
	text-align: center;
	/* IE's */
	*padding-left: 2px;
}

/* Text */
p {
	margin: 0 0 1em;
}

h1, h2, h3 {
	font-weight: bold;
	color: #740605;
}

h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}



/* === LAYOUT ================================= */
#container {
	width: 822px; /*910px */
	height: 610px;
	margin: 0 auto;
	padding: 0 44px;
	text-align: left;
	background: transparent url('../img/common/bg_container.jpg') left top no-repeat;
}

#header_shell {
	position: absolute;
	z-index: 1;
	width: 822px;
}

#header {
	height: 168px;
}

#header .info {
	width: 273px;
	float: left;
	font-size: 12px;
	color: #e4b44a;
	text-align: center;
	line-height: 15px;
}

#header .infoTop {
	height: 25px;
}

#logo {
	width: 276px;
	height: 168px;
	float: left;
	background: transparent url('../img/common/logo.png') left top no-repeat; 
	/* IE6 */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop', src='http://www.edwardgregory.com/');
}

#header_space {
	height: 96px;
}



/* === NAV ===== */
#nav_shell {/*created to differ from #nav_spots */}

.nav {
	width: 770px;
	height: 59px; 
	background: transparent url('../img/common/nav.gif') left top no-repeat;
	margin: auto;
	padding: 0;
	position: relative;
}

.nav li {
	position: absolute;
	display: block; 
	height: 59px;
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.nav a {
	display: block;
	width: 100%;
	height: 59px;
}	

.nav a span {
	display: none;
}

/* Buttons */
.nav_home {
	left: 0px;
	top: 0px;
	width: 61px;
}
.nav_menu {
	left: 61px;
	top: 0px;
	width: 63px;
}
.nav_location {
	left: 124px;
	top: 0px;
	width: 90px;
}
.nav_ordering {
	left: 214px;
	top: 0px;
	width: 65px;
}
.nav_catering {
	left: 448px;
	top: 0px;
	width: 91px;
}
.nav_events {
	left: 539px;
	top: 0px;
	width: 73px;
}
.nav_reviews {
	left: 612px;
	top: 0px;
	width: 87px;
}
.nav_gallery {
	left: 699px;
	top: 0px;
	width: 71px;
}


/* On States */
.navSelect,
#home .nav_home,
#menu .nav_menu,
#location .nav_location,
#ordering .nav_ordering,
#catering .nav_catering,
#events .nav_events,
#reviews .nav_reviews,
#gallery .nav_gallery {
	background: transparent url('../img/common/nav_select.gif') center top no-repeat;
}


/*	#nav_spots - z-index bug fix */	
#nav_spots {
	position:absolute; 
	z-index:3; 
	width:770px;
	height:59px; 
	top:96px;
	margin-left:26px;
}

#nav_spots .nav {
	background: none;
}	
#nav_spots .nav li {
	background: none;
}	
/*	end #nav_spots  */	

/* === end NAV ===== */



/* === STAGE ===== */
#stage {
	height: 364px;
	padding-top: 18px;
	margin: 12px 43px 0 33px;
	font-size: 12px;
}
#stage a{
	color: #740605;
	text-decoration: none;
}
#stage a:hover {
	color: #1f1f4d;
}
#stage a img.border{
	border: #740605 solid 3px;
}
#stage a:hover img.border{
	border: #1f1f4d solid 3px;
}


/* === FOOTER ===== */
#footer {
	width: 822px; /*910px */
	padding: 12px 0 0 0;
	font-size: 12px;
  	color: #e4b44a;
}
#footer a {
	color: #e4b44a;
	text-decoration: none;
	padding: 0 8px;
}
#footer a:hover {
	color: #ffffff;
}
#footer .home {
	padding: 30px 0 0 0;
}
#footer .gallery {
	margin: 0;
	padding: 12px 50px 0 0;
	text-align: center;
}

/* === end LAYOUT ================================= */



/* === COMMON ELEMENTS ================================= */

/* Flash */
#sound_button {
	width: 18px;
	height: 15px;
	float: right;
	margin-top: 6px;
}
#flash_intro {
	margin: 0 -27px 0 -11px;
	_width: 780px;
	_position: relative;
}


/* Photo Frames */
.frame462 {
	background-repeat: no-repeat;
}
.frame462 .frame {
	background: transparent url('../img/frame/f462.png') left top no-repeat;
/* IE6 */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop', src='http://www.edwardgregory.com/');
}
/* for @ same dimensions */
.frame462,
.frame462 .frame {
	width: 462px;
	height: 331px;
}

.frame309 {
	background-repeat: no-repeat;
}
.frame309 .frame {
	background: transparent url('../img/frame/f309.png') left top no-repeat;
	 /* IE6 */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop', src='http://www.edwardgregory.com/');
}
/* for @ same dimensions */
.frame309,
.frame309 .frame {
	width: 309px;
	height: 311px;
}


/* Print PDF */
a.pdf {
	display: block;
	padding: 4px 25px;
	background: transparent url('../img/icon/pdf.gif') left top no-repeat;
	font-weight: bold;
	margin-bottom: 1em;
}


/* Call Box */
ul.callbox {
	display: block;
	margin-bottom: 1em;
	*width: 100%;
}
.callbox li {
	display: block;
	float: left;
	height: 32px;
}
.callbox .left {
	background-image: url('../img/icon/callLeft.gif');
	width: 8px;
}
.callbox .data {
	height: 24px;
	padding-top: 8px;
	background-color: #740605;
	color: #fffbc2;
	font-size: 14px;
}
.callbox .right {
	background-image: url('../img/icon/callRight.gif');
	width: 8px;
}
/* === end COMMON ELEMENTS ================================= */



/* === SECTIONS ================================= */

/* === "Home" ==== */
#home #stage {
	height: 382px;
	padding-top: 0;
	padding-bottom: 0px;
}
#home .frame462{
	float: left;
	background-image: url('../img/photo/sweet-crepe.png');
}
#home .content{
	float: right;
	width: 252px;
}


/* === "Menu" ==== */
#menu #stage {
	height: 374px;
	padding-top: 8px;
}
#menu ul.subnav, 
#menu ul.subnav li,
#menu ul.subnav a {
	display: block;
}
#menu ul.subnav {
	float: left;
	width: 175px;
	height: 272px;
	padding: 14px 38px 0 0;
	list-style: none;
	background: transparent url('../img/icon/subnav_menu.gif') right top no-repeat;
}
#menu ul.subnav li {
	font-size: 13px;
	text-align: right;
	margin-bottom: 7px;
	_margin-bottom: -3px;
}
#menu ul.subnav a.selected {
	font-weight: bold;
}
#menu #scrollContent {
	float: left;
	width: 515px;
	height: 300px;
	margin-left: 15px;
	overflow-x: hidden;
	overflow-y: auto;
	color: #211f3e;
}
#menu #scrollContent .price {
	float: left
	width: 40px;
	margin-right: 14px;
	text-align: right;
	font-weight: bold;
}
#menu #scrollContent .fltRight{
	float: right;
}
#menu #scrollContent .item {
	float: left;
	width: 490px;
}
#menu #scrollContent .sep {
	clear: both;
	font-size: 0;
	height: 9px;
}
#menu #scrollBar {
	float: right;
	width: 25px;
}
#menu a.scrollup,
#menu a.scrolldown {
	display: block;
	width: 25px;
	height: 10px;
}
#menu a.scrollup {
	background-image: url('../img/icon/arrow_up.gif');
}
#menu a.scrolldown {
	background-image: url('../img/icon/arrow_down.gif');
}
#menu a.scrollup span,
#menu a.scrolldown span {
	display: none;
}
#menu #scrollBar .buttonspace {
	height: 277px;
	_height: 270px;
}
#menu .pdfSpace {
	clear: both;
	height: 5px;
	font-size: 0px;
}


/* === "Location" ==== */
#location .directions {
	float: left;
	width: 309px;
	margin-right: 20px;
	text-align: center;
}
#location .addrHours {
	float: left;
	width: 196px;
}
#location .contactform {
	float: right;
	width: 238px;
	margin-right: -20px;
}
#location input.input {
	width: 230px;
	margin: 2px 0;
}
#location label {
	display: block;
	font-size: 11px;
	padding-left: 12px;
}
#location label.req_note {
	background: transparent url('../img/icon/reqStar.gif') left center no-repeat;
	width: 58px;
	float: right; 
	font-size: 10px;
	color: #740605;
}
#location label.req {
	background: transparent url('../img/icon/reqStar.gif') left center no-repeat;
}
#location textarea.comments {
	width: 230px;
	height: 112px;
	margin: 4px 0;
	resize: none;
}
#location input.send {
	display: block;
	margin: 10px auto 0;
	width: 89px;
	height: 21px;
}


/* === "Online Ordering" ==== */
#ordering .frame309 {
	float: left;
	background-image: url('../img/photo/exterior.jpg');
}
#ordering .content {
	float: right;
	width: 404px;
}
#ordering .hours{
	width: 200px;
	float: left;
}


/* === "Catering" ==== */
#catering .frame309 {
	float: right;
	background-image: url('../img/photo/chef.jpg');
}
#catering .content {
	float: left;
	width: 368px;
}


/* === "Events" ==== */
#events .calendar_shell {
	float: left;
	width: 477px;
}
#events .content {
	float: right;
	width: 248px;
}


/* === "Reviews" ==== */
#reviews .frame309 {
	float: left;
	background-image: url('../img/photo/exterior.jpg');
}
#reviews .content {
	float: right;
	width: 404px;
}
#reviews #scrollContent {
	float: left;
	width: 400px;
	height: 258px;
	margin: 0 10px 0 0;
	overflow-x: hidden;
	overflow-y: auto;
}
#reviews #scrollContent .item {
}
#reviews #scrollContent .sep {
	background: transparent url('../img/icon/square_1px.gif') left top repeat-x;
	height: 1px;
	margin: 0 3px 1em;
}
#reviews #scrollBar {
	float: right;
	width: 25px;
	height: 258px;
}
#reviews a.scrollup,
#reviews a.scrolldown {
	display: block;
	width: 25px;
	height: 10px;
}
#reviews a.scrollup {
	background-image: url('../img/icon/arrow_up.gif');
}
#reviews a.scrolldown {
	background-image: url('../img/icon/arrow_down.gif');
}
#reviews a.scrollup span,
#reviews a.scrolldown span {
	display: none;
}
#reviews #scrollBar .buttonspace {
	height: 238px;
}


/* === "Gallery" ==== */
#gallery #stage {
	padding-top: 12px;
	padding-bottom: 6px;
}
#gallery #opt {
	width: 112px;
	float: left;
	text-align: center;
	margin-left: 45px;
	margin-right: 80px;
}
#opt a {
	display: block;
	margin-bottom: 8px;
}
#opt h3 {
	margin-bottom: 1px;
}
#opt p {
	font-size: .9em;
	margin: 0;
}

#slideshow {
	float: left;
}
#slideshow .prev {
	width: 49px;
	float: left;
	padding-top: 243px;
}
#slideshow .next {
	width: 43px;
	float: left;
	padding-top: 243px;
	text-align: right;
}
#slideshow .photoshell {
	width: 431px;
	padding: 0 0 0 30px;
	float: left;
}

/* missing code from css Eddie gave us */
#slideshow .frame {
	background: transparent url('../img/frame/galleryphoto.png') left top no-repeat;
	 /* IE6 */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop', src='_media/img/frame/galleryphoto.png');
}
#slideshow .frame,
#slideshow #mainPhoto {
	width: 431px;
	height: 282px;
}
#slideshow #mainPhoto {
	background-repeat: no-repeat;
	background-position: center;
	/*_border: #FF0000 solid 1px;*/
}
/* /missing code from css Eddie gave us */

#slideshow .caption {
	margin-top: 4px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#gallery .prev a,
#gallery .next a {
	display: block;
	height: 25px;
}
#gallery .prev a {
	background: transparent url('../img/icon/butn_prev.gif') left top no-repeat;
}
#gallery .next a {
	background: transparent url('../img/icon/butn_next.gif') right top no-repeat;
}
#gallery .prev a span,
#gallery .next a span {
	display: none;
}


/* === "About" ==== */
#about .frame309 {
	float: right;
	background-image: url('../img/photo/interior.jpg');
}
#about .content {
	float: left;
	width: 368px;
}


/* === GENERIC / OVERRIDE CLASSES ================================= */

/* spacers */
.space5 {
	height: 5px;
	font-size: 0px;
}
.space8 {
	height: 8px;
	font-size: 0px;
}
.space15 {
	height: 15px;
	font-size: 0px;
}
.space20 {
	height: 20px;
	font-size: 0px;
}


/* text */
.small {
	font-size: 10px;
}
.small2 {
	font-size: 11px;
}
.font14 {
	font-size: 14px;
}
.altRed {
	color: #510405;
}
.strong, strong {
	font-weight: bold;
}
.tCenter {
	text-align: center;
}


/* Div Control */
.none {
	display: none;
}	
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.cb {
	clear: both !important;
	font-size: 0 !important;
}


/* Clear Fix's */
.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .cf {
	display: inline-block; 
	width: 100%;
}

* html .cf {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}