@charset "utf-8";
/* CSS Document for Backfire BBQ */

body{
background-color:#000000;
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
color:#ff7200;
}

a {
color:#406cb6;
}

.redText{
font-size:12px;
color:#990000;
}


div#wrapper {
	position:relative;
	margin:0 auto;
	width:960px;
}

div#mainFrameHome {
position:absolute;
background-image:url(images/diamond_plate_bkgd.jpg);
background-repeat:no-repeat;
background-position:top;
width:960px;
}

div#introText {
text-align:left;
font-size:20px;
font-stretch:ultra-condensed;
position:absolute;
line-height:25px;
top:468px;
left:5px;
}

div#footer {
position:relative;
vertical-align:top;
width:100%;
text-align:center;
font-size:9px;
}
ul#footer_navlist{
	position:relative;
	width:880px;
	list-style-type:none;
	font-size:8pt;
	color:#406cb6;
	text-align:center;
}
ul#footer_navlist li{
text-transform:uppercase;
list-style-type:none;
display:inline;
padding: 0 4px 0 2px;
}
ul#footer_navlist a:link, ul#footer_navlist a:visited, ul#footer_navlist a:active{
color:#406cb6;
text-transform:uppercase;
text-decoration:none;
}
ul#footer_navlist a:hover{
color:#406cb6;
text-transform:uppercase;
text-decoration:underline;
}
/*------------------SECONDARY PAGES CSS ----------------------*/

div#mainFrame {
	margin:0 auto;
	position:relative;
	background-image:url(images/secondary_bkgd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:960px;
}
div#mainFrameStory {
	margin:0 auto;
	position:relative;
	background-image:url(images/story_background.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:960px;
}
div#mainFrameStage {
	margin:0 auto;
	position:relative;
	background-image:url(images/stage_background.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:960px;
}

/*------------------create new CSS entry for every new banner needed below: ----------------------*/

div#secondaryNav {
	position:relative;
	width:950px;
	height: 250px;
	margin:0 auto;
	background-image:url(images/generic_banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
div#secondaryNav_story{
	position:relative;
	width:950px;
	height: 200px;
	margin:0 auto;
}
div#secondaryNav_stage{
	position:relative;
	width:950px;
	height: 250px;
	margin:0 auto;
}

/*------------------end banners ----------------------*/
div#facebook{
	position:absolute;
	width:100px;
	height: 35px;
	top: 270px;
	left: 850px;
}


#content {
	width: 960px;
	margin-top: 60px;
}

img.subhead {
float:right;
display:inline;
padding:0 0 10px 0
}
img.contentright {
	float:right;
	display:inline;
	padding: 0 60px 10px 10px;
}
img.contentleft {
	float:left;
	display:inline;
	padding: 5px 30px 10px 0;
}
img.sidehog {
	float:right;
	display:inline;
	padding: 250px 0 0 0;
}

div#left_nav {
	width: 225px;
	float: left;
	display:inline;
}
div#left_nav2 {
	width: 330px;
	float: left;
	margin-top: 50px;
}
ul#left_nav{
	list-style-position:inside;
	list-style-type:none;
	font-size:12px;
	color:#fff;
	padding: 10px 0 0 0;


/** padding: 10px 0 0 0;*/
}
ul#left_nav li{
text-transform:uppercase;
list-style-position: inside;
list-style-type:none;
padding: 0 0 8px 0;
text-align:right;
}

ul#left_nav li a:link, ul#left_nav li a:visited, ul#left_nav li a:active{
color:#ff7200;
text-transform: uppercase;
text-decoration:none;
}

ul#left_nav li a:hover{
color:#fff;
text-transform:uppercase;
text-decoration: underline;
}

ul#sub_nav{
margin-top: -8px;
}

ul#sub_nav li{
text-transform:none;
list-style-position: inside;
list-style-type:none;
padding: 0 0 2px 0;
font-size:9pt;
text-align:right;
color:#406CB6;
}

ul#sub_nav li a:link, ul#sub_nav li a:visited, ul#sub_nav li a:active{
color:#406CB6;
text-transform:none;
text-decoration:none;
}

ul#sub_nav li a:hover{
color:#fff;
text-transform:none;
text-decoration: underline;
}

#right_content {
	vertical-align:top;
	width: 680px;
	float: right;
	margin: 0 30px 25px 10px;
}
#right_content2 {
	width: 550px;
	float: left;
	margin: 0 0 25px 20px;
}
p {
	font-size:11pt;
	margin:0px;
	padding:0 0 10px 0;
	line-height: 16px;
}

p.desc {margin:0px; padding:0 0 10px 0;font-style:italic;color:#406CB6;}

h1{
	font-size:12pt;
	color:#fff;
	margin: 7px 0 0 0;
}

h1 span{
	font-size:10pt;
	color:#950909;
}

h1.side {margin:0px;padding:0px;line-height:1px;}

h1 a:link{
	color:#fff;
	text-decoration:underline;
}

h1 a:visited{
	color:#fff;
	text-decoration:underline;         
}

h1 a:hover, a:active{
	color:#fff;
	text-decoration:none;
}
h2{
	font-size:12pt;
	color:#fff;
	padding: 10px 0 0 0;
}

h3 {font-size:11pt;color:#fff;padding:0px;margin:0px;}

.clearit {
	clear:both;
}
div#occcrew {
	margin: -100px 0 0 0;
	height: 285px;
}

div#indent {margin:0 0 0 10px}
.storyintro {
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-stretch: narrower;
	color:#7e9cd0;
	padding:0px 0 5px 0;
	width:550px;
	margin-top: 10px;
	line-height: 24px;
}
ul.content{
	padding: 0 10px 0 0;
	margin:-5px 0 0 40px;
}
ul.content li{
list-style-position: outside;
list-style-image:url(images/redStar.gif);
font-size:11pt;
color:#ff7200;
padding: 0 0 8px 0;
width:600px;
}

ul.drinks{
	padding: 0 10px 0 0;
	margin:-5px 0 0 40px;
	}

ul.drinks li{
list-style-position: outside;
list-style-image:url(images/redStar.gif);
font-size:11pt;
color:#ff7200;
padding:0 0 3px 0;
margin:0px;
}

ol.content{
	font-size:12px;
	color:#fff;
	padding: 0 10px 0 0;
	margin:-5px 0 0 40px;
	width: 500px;
}
ol.content li{
list-style-position: outside;
font-size:11pt;
color:#ff7200;
padding: 0 0 8px 0;
width:600px;
}


ul.storycontent{
	font-size:12px;
	color:#fff;
	padding: 0 10px 0 0;
	margin:-5px 0 0 40px;
	width: 500px;
}
ul.storycontent li{
list-style-position: outside;
list-style-image:url(images/redStar.gif);
font-size:11pt;
color:#ff7200;
padding: 0 0 8px 0;
width:600px;
}
div#thestory {
	width: 330px;
	height: 367px;
}

strong {color:fff;font-weight:400;}

a.top {font-size:8pt;color:#406CB6;padding:0 0 30px 0;display:block;text-align:right;}
p.spacer{font-size:6px;padding:0 0 2px 0;}

#whatsnew{
position:absolute;
top:510px;
left:648px;
width:260px;
height:120px;
}
#whatsnew p.subhead{
color:#fff;
font-size:12px;
font-weight:normal;
padding:0;
}

#whatsnew p.subhead span{
color:#4773bf;
font-size:14px;
font-weight:bold;
padding:0;
}