/* Eric Myer Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a { text-decoration: none; }
strong {
	font-weight: bold;
	font-size: 110%;
	color: #900;
}

p {
	font-size: 14px;
	line-height: 1.6em;
	margin-bottom: 14px;
	text-align: left;
}
a { color: #444; text-decoration: underline; }
a:hover {
	color: #000;
	text-align: left;
}

/* Main Elements */
html { height: 100%; }
body { height: 100%; background: #666 url(/assets/img/background.jpg) center top; font-size: 62.5%; font-family: arial, helvetica, sans-serif; line-height:1.5em; }
.scroll form table tr td {font-size: 130%}

.scroll form table tr td {padding: 5px;}

#wrapper {
	width:1000px;
	margin: 0 auto;
}
#wrapper #wrapper2 {
	background-image: url(../img/bg-interior.jpg);
	background-repeat: no-repeat;
}
#wrapper.home {
	width:1000px;
}
#wrapper.interior {
	width:1000px;
	background-image: url(../img/repeating.jpg);
	background-repeat: repeat-y;
}
#navigation { width: 235px; height: 437px; position: relative; top: 100px; float: left;  }
#navigation ul { width: 235px; }
#navigation ul li { width: 235px; }
#navigation ul li a { width: 235px; display: block; outline: none; text-indent: -4000px; }
#navigation ul li.home a { height: 84px; background:url(/assets/img/navigation.jpg) 0 0 no-repeat;}
#navigation ul li.home a:hover,
#navigation ul li.home.active a { background:url(/assets/img/navigation.jpg) -235px 0 no-repeat;}
#navigation ul li.aboutUs a { height: 61px; background:url(/assets/img/navigation.jpg) 0 -84px no-repeat;}
#page_aboutus #navigation ul li.aboutUs a { height: 61px; background:url(/assets/img/navigation.jpg) -235px -84px no-repeat;}
#navigation ul li.aboutUs a:hover,
#navigation ul li.aboutUs.active a { background:url(/assets/img/navigation.jpg) -235px -84px no-repeat;}
#navigation ul li.menu a { height: 55px; background:url(/assets/img/navigation.jpg) 0 -145px no-repeat;}
#page_bbqmenu #navigation ul li.menu a { height: 55px; background:url(/assets/img/navigation.jpg) -235px -145px no-repeat;}
#navigation ul li.menu a:hover,
#navigation ul li.menu.active a { background:url(/assets/img/navigation.jpg) -235px -145px no-repeat;}
#navigation ul li.gallery a { height: 61px; background:url(/assets/img/navigation.jpg) 0 -200px no-repeat;}
#page_clambake #navigation ul li.gallery a { height: 61px; background:url(/assets/img/navigation.jpg) -235px -200px no-repeat;}
#navigation ul li.gallery a:hover,
#navigation ul li.gallery.active a { background:url(/assets/img/navigation.jpg) -235px -200px no-repeat;}
#navigation ul li.testimonials a { height: 60px; background:url(/assets/img/navigation.jpg) 0 -261px no-repeat;}
#page_gallery #navigation ul li.testimonials a { height: 60px; background:url(/assets/img/navigation.jpg) -235px -261px no-repeat;}
#navigation ul li.testimonials a:hover,
#navigation ul li.testimonials.active a { background:url(/assets/img/navigation.jpg) -235px -261px no-repeat;}
#navigation ul li.calendar a { height: 56px; background:url(/assets/img/navigation.jpg) 0 -321px no-repeat;}
#page_testimonials #navigation ul li.calendar a { height: 56px; background:url(/assets/img/navigation.jpg) -235px -321px no-repeat;}
#navigation ul li.calendar a:hover,
#navigation ul li.calendar.active a { background:url(/assets/img/navigation.jpg) -235px -321px no-repeat;}
#navigation ul li.contactUs a { height: 60px; background:url(/assets/img/navigation.jpg) 0 -381px no-repeat;}
#page_contact #navigation ul li.contactUs a { height: 60px; background:url(/assets/img/navigation.jpg) -235px -381px no-repeat;}
#navigation ul li.contactUs a:hover,
#navigation ul li.contactUs.active a { background:url(/assets/img/navigation.jpg) -235px -381px no-repeat;}

#content {
	width: 640px;
	float: left;
	margin-top: 250px;
	margin-left: 30px;
}
#wrapper.interior #content {  }

#content h1.welcomeToCyrBBQ { height: 25px; width: 465px; padding-bottom: 1.5em; background: url(/assets/img/txt-h1-welcomeToCyrBBQ.png) 0 0 no-repeat; text-indent: -4000px; }
#content h1.aboutUs { height: 25px; width: 465px; padding-bottom: 1.5em; background: url(/assets/img/txt-h1-aboutUs.png) 0 0 no-repeat; text-indent: -4000px; }
#content h1.menu { height: 25px; width: 465px; padding-bottom: 1.5em; background: url(/assets/img/txt-h1-menu.png) 0 0 no-repeat; text-indent: -4000px; }
#content h1.gallery { height: 25px; width: 465px; padding-bottom: 1.5em; background: url(/assets/img/txt-h1-gallery.png) 0 0 no-repeat; text-indent: -4000px; }
#content h1.testimonials { height: 25px; width: 465px; padding-bottom: 1.5em; background: url(/assets/img/txt-h1-testimonials.png) 0 0 no-repeat; text-indent: -4000px; }
#content h1.calendar { height: 25px; width: 465px; padding-bottom: 1.5em; background: url(/assets/img/txt-h1-calendar.png) 0 0 no-repeat; text-indent: -4000px; }
#content h1.links { height: 25px; width: 465px; padding-bottom: 1.5em; background: url(/assets/img/txt-h1-links.png) 0 0 no-repeat; text-indent: -4000px; }
#content h1.contact { height: 25px; width: 465px; padding-bottom: 1.5em; background: url(/assets/img/txt-h1-contact.png) 0 0 no-repeat; text-indent: -4000px; }

#subscribe { height: 30px; width: 455px; float: left; position: relative; top: 240px; left: 20px; }
#subscribe table { width: 450px; }
#subscribe table tr td { }
#subscribe table tr td.label { width: 200px; font-size: 11px; color: #fff;  text-align: right; }
#subscribe table tr td.input { width: 150px; padding: 0 5px; text-align: center; }
#subscribe table tr td.input input { width: 130px; }
#subscribe table tr td.button { width: 100px; }
#subscribe table tr td.button input { position: relative; top: 5px; }

#footer {
	width: 1000px;
	height: 50px;
	background: url(/assets/img/bg-footer.png) 0 0 no-repeat;
	clear: both;
	padding-top: 45px;
}
#footer p { width: 1000px; text-align: center; font-size: 11px; position: relative; /*top: -390px;*/ left: 0; clear: both; }

#footer div.miceType { width: 460px; height: 50px; float: left; position: relative; /*top: -375px;*/ left: 40px; }
#footer div.miceType p { width: 500px; text-align: left; font-size: 10px; left: 0; top:0; }
#footer div.miceType p a { color: #fff; }
#footer div.miceType p a:hover { color: #ccc; }

#footer div.copyright { width: 500px; height: 50px; float: left; position: relative; /*top: -375px;*/ left: 40px;  }
#footer div.copyright p { width: 440px;top:0; left:0; text-align: right; color: #fff;}
#footer div.copyright p a { color: #fff; }
#footer div.copyright p a:hover { color: #ccc; }

