@charset "utf-8";

/*****************************/
/* No Naked Flame            */
/* CSS Strucure              */
/* (c) 2008 Digital Mischief /*
/* www.digitalmischief.co.uk /*
/*****************************/

*{
	margin:0;
	padding:0;
}

body{
	background:#CCCCCC url(../images/background.gif);
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:120%;
	color:#000000;
	margin:10px 10px 10px 0px;	
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#d50509;
	font-weight:bold;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;	
}

.price {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8b0000;
	font-weight:bold;
}
#container{
	width:760px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#header{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:760px;
	height:140px;
	display:block;
}

#contentwrapper{
	float: left;
	width: 100%;

}

#leftcolumn{
	float: left;
	width: 120px; /*Width of left column in pixel*/
	/*margin-top:5px;*/
	margin-left: -760px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
	float: left;
	width: 190px; /*Width of right column*/
	margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
}

#contentcolumn{
	margin: 0 190px 0 120px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#digitalmischief{
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	width:290px;
	height:54px;	
	margin:auto;
}

#footer p{
	padding-top:10px;
	width:760px;
	margin:0 auto;
	font-size:11px;
	text-align:center;	
	color:#000000;
}

#footer p a{
	text-decoration: none;	
	color:#d50509;
}

#footer p a:hover{
	text-decoration: underline;
	color:#d50509;	
}

#leftnav{
	background: #CC6600 url(../images/left_column_right_edge_top.gif) no-repeat right top;/* right bottom;*/
}

#rightnav{
	color:#ffffff;
	background: #CC6600 url(../images/right_column_left_edge_top.gif) no-repeat left top;/* right bottom;*/
}

#rightnav2{
	background: #8b0000 url(../images/dark_red_top_left.gif) no-repeat left top;/* right bottom;*/
}

#rightnav2 p{
	color:#FFFFFF;
}

#leftnav ul{
	margin-top: 5px;
}

#leftnav ul{
	list-style:none;
}

#leftnav a{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:13px;
	text-decoration: none;	
	line-height:145%;
}

#leftnav a:hover{
	color:#ffffff;
	text-decoration: underline;
}


#rightnav a{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:13px;
	text-decoration: none;	
	line-height:145%;
}

#rightnav a:hover{
	color:#ffffff;
	text-decoration: underline;
}

#rightnav ul{
	margin-top: 5px;
}

#rightnav ul{
	list-style:none;
}

#rightimage { 
	height: 300px;
	vertical-align: bottom;
	text-align:center;
	background:url(../images/fire.gif) no-repeat bottom center;
} 

.columnpadding {
	margin-top: 5px; 
	margin-left: 10px; 	
	padding-top: 5px;
}

.clearboth {
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
}

.leftcolbr {
	background: url(../images/left_column_right_edge_bottom.gif) no-repeat right bottom;
}

.rightcolbr {
	background: url(../images/right_column_left_edge_bottom.gif) no-repeat left bottom;
}

.rightcolbr_red {
	background: url(../images/dark_red_bottom_left.gif) no-repeat left bottom;
}

.bl {background: url(../images/bl.gif) 0 100% no-repeat; width: 100%}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}