/*-----------------------------------------------------------------------------
carytownburgersandfries.com Style Sheet

version:   2.0
author:    Jason Luther
email:     jluther@bluefilamentdesign.com
website:   http://www.bluefilamentdesign.com/
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Center document */
body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

/*Set container */
#wrapper {
	width: 790px;
	margin: 0 auto;
	text-align: left;
	background: url(imagesmay07/background.jpg) top left repeat-y;
	padding-bottom: 20px;
}


/* Global styles ---------------------------------------------------------*/
li {
	list-style-type: none;
}
a {
	text-decoration: none;
}
a img {
	border: 0px;
}


/* Sub-Nav ---------------------------------------------------------------*/
#sub-nav {
	padding: 45px 0 10px 35px;
	font-size: 12px;
}
#sub-nav li {
	float: left;
	padding-left: 5px;
}
#sub-nav a {
	text-decoration: none;
	color: #000;
	margin-right: 5px;
}
#sub-nav a:hover {
	color: #3C3;
	border-bottom: 1px dotted #3C3;
}


/* Store-info ----------------------------------------------------------*/
#store-info {
	clear: left;
	height: 200px;
	width: 740px;
	margin: 10px 0 8px 25px;
	background-color: #600;
	color: #FF9;
}
h1 {
	width: 270px;
	height: 70px;
	position: relative;
	padding-left: 8px;
	font-size: 20px;
}
h1 span {
	background: url(imagesmay07/bank-gothic-logo.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}
#address, #hours {
	font-size: 12px;
	margin: 10px 0 0 10px;
}
#hours {
	margin-bottom: 20px;
}
#store-info h3 {
	margin-left: 10px;
}
.pics-back {
	z-index: 5;
	position: absolute;
	margin: -235px 0 0 370px;
}

/* Flashcontent - to add rotating pics to secondary pages -------------*/
#flashcontent {
	position: absolute;
	width: 290px;
	height: 190px;
	margin: -195px 0 0 420px;
}


/* Online Store -------------------------------------------------------*/
#online-store, #page-head {
	height: 65px;
	width: 740px;
	margin: 0 0 7px 25px;
}
#online-store {
	background: url(imagesmay07/online-store-background.jpg) top left no-repeat;
}

.marquee {
	position: absolute;
	margin: -230px 0 0 350px;
	z-index: 100;
}
/* .marquee {
	position: absolute;
	margin: -250px 0 0 150px;
	z-index: 100;
} */
#online-store h3 {
	margin: 12px 0 0 10px;
	float: left;
	font-size: 20px;
}
#online-store h2 {
	float: right;
	margin: 20px 10px 0 0;
	font-size: 36px;
}
#page-head {
	background: url(imagesmay07/page-head-background.jpg) top left no-repeat;
}
#page-head h2 {
	margin: 0 400px 0 10px;
	padding-top: 12px;
	font-size: 36px;
}




/* Options ----------------------------------------------------------*/
#options {
	margin: 0 0 0 25px;
	height: 315px;
}
#menus, #catering, #beer {
	float: left;
	width: 240px;
	height: 320px;
	background: #600;
	margin-right: 10px;
}
.image {
	position: absolute;
	margin: 13px;
	border: 1px solid #600;
	padding: 1px;
}
#menus h2, #catering h2, #beer h2 {
	background: #FFF;
	text-align: center;
	margin: 10px;
	padding-top: 153px;
	padding-bottom: 5px;
	font-size: 16px;
}
#menus li, #catering li, #beer li {
	color: #FFF;
	margin: 0 0 8px 20px;
	font-size: 12px;
}
#options a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
	margin-left: 15px;
	font-size: 14px;
}
#options a:hover {
	font-weight: bold;
	color: #3C3;
}


/* Content ----------------------------------------------------------*/
#content {
	clear: both;
	width: 740px;
	background: #FFF;
	margin: 0 0 0 25px;
	padding: 20px 0;
	border-top: 3px solid #600;
	border-bottom: 3px solid #600;
	font-size: 12px;
	overflow: auto;
}
#content h3 {
	font-size: 18px;
	margin: 15px 0 8px 30px;
}
#content h4 {
	font-size: 14px;
	margin: 5px 0 10px 30px;
}
#content p {
	margin: 0 50px 10px 30px;
}
#content ul {
	margin: 0 50px 10px 50px;
}
#content li {
	margin: 0 0 7px 0;
}

/* Menu Styles -----------------------*/
dd.price {
	float: right;
	margin: -13px 300px 0 0;
	display: inline;
}
dd.description{
	margin-right: 80px;
}
dt {
	font-size: 14px;
	font-weight: bold;
}
dl {
	clear: right;
	margin: 0 0 7px 50px;
	padding-bottom: 3px;
	font-size: 12px;
}
/* Map ----------------------------*/
#map {
	margin: 0 0 0 70px;
	border: 3px solid #933;
}
#location p {
	margin: 0px;
}
/* Cotact Form styles ----------------------*/
label {
	display: block;
}
#name, #email {
	width: 250px;
}
input.submit {
	width: auto;
}
/* Coupon -------------------------------*/
.coupon {
	width: 300px;
	height: 250px;
	float: left;
	margin: 0 0 5px 35px;
	border: 3px dashed #933;
}
.info {
	margin: 30px 15px;
	font-size: 16px;
	height: 160px;
}
#content .coupon p {
	margin: 0;
	font-weight: bold;
}
.couponname, .info, .note {
	color: #933;
}
.couponname, .note {
	text-align: center;
	font-size: 10px;
}
.coupon strong {
	font-size: 30px;
	text-align: center;
	margin: 40px 0 5px 0;
	color: #390;
}
/* turn off while reformatting 
.coupon h5 {
	font-size: 30px;
	text-align: center;
	margin: 40px 0 5px 0;
	color: #390;
}
.couponname, .info, .note {
	color: #933;
}
.couponname, .note {
	text-align: center;
	font-size: 10px;
}
.info {
	padding: 0 10px 10px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #933;
}
.note {
	margin: 30px 0 0 0;
}

End reformating */

/* Store -----------------------*/
#merchandise {
	width: 680px;
	margin: 20px 0 20px 50px;
	display: inline;
}
#merchandise li {
	float: left;
	width: 200px;
	margin: 10px 5px 20px 5px;
}
#merchandise p {
	margin: 0 10px 10px 20px;
}
#merchandise a {
	color: #900;
	border-bottom: 1px dotted #900;
}
#merchandise a:hover {
	color: #3C3;
	border-bottom: 1px dotted #3C3;
}
#ladies-t, #long-t, #sticker, #magnet, #print-bw {
	border-left: 1px solid #E1CB71;
	padding-left: 5px;
}
#merchandise h2 {
	margin: 0 0 15px 0;
	text-align: center;
}
#merchandise form {
	text-align: center;
}
.print {
	border: 2px solid #900;
}
.cost {
	font-weight: bold;
}


/* Tees --------------------------*/
#tees {
	float: left;
	width: 425px;
	margin-left: 10px;
}
#tees a {
	text-decoration: none;
	background-color: transparent;
}
#tees a img {
	border: 2px solid #999;
}
#tees a img:hover {
	border: 2px solid #900;
}
#tees ul {
	padding: 0;
	margin: 0;
}
#tees li {
	float: left;
	padding: 4px;
}
#tees p {
	clear: left;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}
#order {
	float: right;
	width: 300px;
}
#content #order li.shirt-desc h4 {
	margin: 0 0 5px 0px;
}
#content #order li.shirt-desc p {
	margin: 0 0 10px 0px;
}
#order p.action {
	margin: 25px 0 10px 0;
}
.action {
	font-weight: bold;
}
li#view {
	margin: -32px 0 0 130px;
}
	





/* Sitemap ----------------------------------------------------------*/
#sitemap {
	margin: 10px 0 5px 25px;
	padding-top: 8px;
	width: 740px;
	background: url(imagesmay07/sitemap-border.jpg) top left repeat-x;
}
#sitemap li {
	float: left;
	margin-left: 4px;
}
.home {
	padding-left: 100px;
}



/* Credits ------------------------------------------------------------*/
#sitemap, #credits {
	clear: left;
	text-align: center;
	font-size: 10px;
}
#sitemap a, #credits a {
	text-decoration: none;
	color: #000;
}
#sitemap a:hover, #credits a:hover {
	color: #3C3;
	border-bottom: 1px dotted #3C3;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #online-store h3 {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 22px;
}
.sIFR-hasFlash #content h3 {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 24px;
}
.sIFR-hasFlash #online-store h2 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 40px;
}
.sIFR-hasFlash #page-head h2 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 36px;
}
.sIFR-hasFlash #menus h2, .sIFR-hasFlash #catering h2, .sIFR-hasFlash #beer h2 {
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 24px;
}