body {

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #1a0d02;
	font-size: 12px;
	font-family: Lucida Grande, sans serif;
	color: #cba74c;
	line-height: 20px;
}


#browser-alert {
margin: 40px 0 0 -200px;;
position:absolute;
width: 320px;
padding: 20px 40px;
background: #000;
z-index: 10000;
color: #fff;
left: 50%;
border: 2px solid white;
/*display:none;*/
}

#browser-alert.hide {
display:none !important;
}

#alert-hide {
display:block;
}


p{
padding: 0;
margin: 0 0 12px 0 ;
}

h1{
margin: 0 0 16px 0;
padding: 0;
font-weight: bold;
font-size: 28px;
font-family: Georgia, Times New Roman, serif;
font-style: normal;
line-height: 34px;
}

h2 {
color: #86550d;
margin: 0 0 10px 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
font-weight: bold;
line-height: 24px;
}

h3 {
font-style: italic;
font-size: 13px;
font-family: Georgia, Times New Roman, serif;
margin: 0 0 12px;
font-weight: normal;
}

a {
color: #9d8b09;
text-decoration: none;
}

ul {
	padding: 0;
	margin: 0 0 14px;
	list-style-position: outside;
	list-style-type: disc;
}

li {
	padding: 0;
margin: 0 0 4px 0;
}


#wrapper {
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
z-index:2;
width:100%;
	background-image: url(images/top-repeat.gif);
	background-repeat: repeat-x;
}

#flash, #flash-alternate {
position:absolute;
top:0;
left:0;
z-index:1;
}



#logo {
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 3;
	width:374px;
	height:213px;
	background: url(images/sign.png) top left no-repeat;
	
}

#logo span {
display:none;
}

#header-ext {
height: 142px;
overflow: hidden;
z-index: 3;
position:relative;
width: 100%;
background: url(images/header-diag.png) top left no-repeat;
}

/*#header-ext.home {
background: url(images/selected-home.gif) bottom 407px no-repeat;
}*/

#header {

width: 1100px;
margin:0;
padding:0;

/*position: absolute;
top: 0;
left:0;*/
position: relative;
overflow: hidden;
height: 130px;
}

form.newsletter {
width: 192px;
padding: 15px;
margin: 0;
position: absolute;
top:0;
right: 0;
background: #3f1e0c;
border: 1px solid #69481e;
border-top: none;
}

form.newsletter h1 {
font-size: 13px;
margin: 0 0 10px 0;
line-height: 34px;
color: #fff;
padding: 0;
border-bottom: 1px solid #513528;
font-weight: bold;
text-transform: uppercase;
font-family: Georgia, Times New Roman, serif;
color: #e8cd9f;
font-style: italic;
}

form.newsletter #input-container {
margin: 0;
padding: 0 0 0 10px;
background: #552d1d;
color: #986705;
border: none;
width: 182px;
height: 28px;
line-height: 28px;
}

form.newsletter input#email {
margin: 0;
padding: 0;
background: #552d1d;
color: #986705;
border: none;
width: 146px;
height: 28px;
line-height: 28px;
float: left;
}

form.newsletter #Submit {
width: 24px;
height: 16px;
padding:0;
margin: 6px 6px 0 0;
border: none;
font-weight: bold;
float: right;
}




.nav, #nav-noflash, .nav-alternate {
position: absolute;
top: 80px;
left: 400px;
z-index:99;
}


#nav-noflash a, #nav-noflash img {
margin:0;
padding:0;
border:none;
display:block;
float:left;
}

#container{
width: 840px;
margin-left: 124px;
margin-top: 60px;
overflow: visible;
z-index: 99;
position: relative;

}

#container-home {
background: url(images/wood-bg.gif) bottom center no-repeat;
z-index:0;
width: 840px;
margin-left: 124px;
margin-top: 60px;
margin-bottom:0;
padding:0;
overflow: hidden;
position:relative;
}

#wood-bg {
	z-index: 0;
	width: 840px;
	height:700px;
	position:static;
	bottom:0;
	margin:0 auto;

	background-image: url(images/wood-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#home-1 a{
border:none;
}


#home-1 {
z-index:99;
position:absolute;
}


#container-home a img.left {
padding: 0 18px 0 0;
margin:0;
border:0;
}

#container-home a img.center {
padding: 0 18px 0 0;
margin:0;
border:0;
}

#container-home a img.right {
padding: 0;
margin:0;
border:0;
}


#content {
width: 550px;
padding-top: 20px;
margin: 0 0 30px;
float: left;
z-index: 99;

}

#sidebar {
float: right;
width: 238px;
padding: 0 0 0 28px;
margin: 0 0 40px;
float: right;
z-index: 99;
font-size: 11px;
color: #b28456;
}

#sidebar h2 {
font-family: Georgia, Times New Roman, serif;
font-style: italic;
height: 36px;
line-height: 36px;
font-size: 12px;
font-weight: bold;
margin: 0 0 12px 0;
padding: 0 0 0 10px;
display: block;
background: #422610;
color: #cba74c;
text-transform: none;
letter-spacing: none;
position: relative;
}

#sidebar h1 {
letter-spacing: 0;
margin: 0 0 20px;
}

#footer {
clear: both;
height: 76px;
margin: 0;
padding: 0 0 0 124px;
background: #99670d;
/*position: absolute;
bottom: 0;*/
z-index: 100;
width: 100%;
}

#footer ul{
margin: 0;
padding: 0;
list-style: none;

}

#footer ul li {
float: left;
padding: 0;
margin: 0;
}

#footer ul a {
display: block;
line-height: 76px;
text-transform: uppercase;
letter-spacing: 1px;
color: #cba74c;
padding: 0 10px;
text-decoration: none;
}

#footer ul a:hover {
background: #8f591f;
}

#sidebar ul {
margin:0;
padding:0;
list-style:none;

}

#sidebar ul li {
margin:0 0 20px 0;
padding:0 0 10px 0;
border-bottom: dotted 1px #69481e;
}

table.schedule {
line-height: 36px;
vertical-align: top;
text-align: left;
background: url(images/schedule-bg.gif) top left repeat-y;
width: 540px;
margin: 10px 0 32px;
}

table.schedule td, table.schedule th {
padding-left: 10px;
}

table.schedule th {
font-weight: normal;
font-size: 10px;
text-transform: uppercase;
color: #E9CEA0;
font-wight: bold;
letter-spacing: 1px;
}

table.schedule .day {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
}

table.schedule .event {
font-family: Georgia, Times New Roman, serif;
font-style: italic;
font-size: 14px;
}

#sidebar h2 .date {
font-style: normal;
display: block;
font-size: 9px;
letter-spacing: 1px;

padding-right: 8px;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
height: 36px;
line-height: 36px;
position: absolute;
top:0;
right:0;
}

#sidebar h2 .date .month {
display: block;
line-height: 36px;
height: 36px;
float: left;
}

#sidebar h2 .date .day {
font-size: 22px;
font-family:  Georgia, Times New Roman, serif;
color: #86550d;
font-weight: bold;
padding-left: 2px;
letter-spacing: -1px;
line-height: 30px;
height: 36px;
display: block;
float: right;
}


ul.form {
margin: 0 0 20px;
padding: 0;
list-sytle: none;
}

ul.form li {
display: block;
margin: 0 0 20px;
padding: 0;
width: 100%;
/*height: 40px;*/
overflow: hidden;
line-height: 40px;
background: #2e1908;
clear: both;
}

form.contact-form label{
display: block;
width: 164px;
text-transform: uppercase;
padding: 0 0 0 10px;
line-height: 40px;
height: 40px;
letter-spacing: 1px;
font-size: 10px;
float: left;
}

ul.form li input, ul.form li textarea, div.select-container {
width: 360px;
background: #281004;
height: 28px;
line-height: 28px;
font-family: Georgia, Times New Roman, serif;
font-style: italic;
float: right;
padding: 0 0 0 8px;
margin: 6px 6px 6px 0;
border: solid 1px #513528;
color: #cba74c;
}

ul.form li textarea {
height: 200px;
line-height: 25px;
background: url(images/guest-list-bg.gif) top left repeat-y;
}

form.contact-form select {
width: 86px;
padding: 0;
margin: 0;
height: 20px;
background-color: #99670d;
color: #1a0d02;
}

input#Submit {
background-color: #99670d;
}

a.parties-button {
	padding: 0px;
	float: right;
	height: 106px;
	width: 106px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background: url(images/schedule-off.gif) top left no-repeat;
}

a.parties-button:hover {
background: url(images/schedule-on.gif) top left no-repeat;
}


div.specials {
padding: 8px 0 0;
}

div#selected {
position: absolute;
bottom:0px;
margin:0;
padding:0;
height: 28px;
width: 100%;
}

div#selected.home {
	visibility:hidden;
	position:absolute;
	top:-999px;
	left:-999px;
}

div#selected.about {
	background: url(images/repeat-about.gif) 1100px bottom no-repeat;
}


div#selected.hours {
	background: url(images/repeat-hours.gif) 1100px bottom no-repeat;
}


div#selected.parties {
	background: url(images/repeat-parties.gif) 1100px bottom no-repeat;
}


div#selected.events {
	background: url(images/repeat-events.gif) 1100px bottom no-repeat;
}


div#selected.contact {
	background: url(images/repeat-contact.gif) 1100px bottom no-repeat;
}



div#selected img {
margin:0;
margin-left: 393px;
padding:0;
}



div#home-2{
clear:both;
overflow:hidden;
}

div#home-content {
width: 550px;
float: left;
margin:0;
padding:30px 0 20px;
font-size: 18px;
color: #d9a738;
line-height: 30px;
font-style: normal;
font-family: Georgia, Times New Roman, serif;
text-shadow: 2px 2px 2px #1a0d02;
}

div#home-content h1 {
font-size: 36px;
color: #fff;
margin: 0 0 16px;
line-height: 40px;
font-style: italic;
font-weight: normal;
padding:0;
}


div#skate {
float: right;
position:absolute;
bottom:0px;
right:0px;
width: 284px;
margin:0;
padding:0;
}



/*///////////////////////////////////// SIRF /////////////////////// */





/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0 0 -8px;;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active #content h1 {
    font-family: Verdana;
    visibility: hidden;
	line-height: 1em;
	
  }
  
    .sIFR-active #content h2 {
    font-family: Verdana;
    visibility: hidden;
	font-size: 20px;
	line-height: 1em;
  }
  
        .sIFR-active #header h1 {
    font-family: Verdana;
    visibility: hidden;
	line-height: 1em;
	padding: 4px 0 10px;
	margin: 4px 0 14px;
  }

}