@charset "utf-8";
/* CSS Document */

@charset "utf-8";
*{
	margin:0;
	padding:0px;
}

body {
	/*background-color:#442219*/
	
	
	font-family: Tahoma, Arial;
	font-size:12px;
	line-height: normal;
	color: #F5F5F5;
	margin:auto;
	padding:0px;
	background-image:url(../images/background-spiral-orange.jpg);
	/*background:url(../images/bg.png) repeat-x;*/
	background-color: #B84103;
	/*background-color:#000;*/
}


/*#extra_bg{
background:url(../images/background-spiral-large.png);	
}*/

h1{
	font-size:18px;
	font-weight:bold;
	padding:0px;
	line-height:28px;
	margin: 0;
}

h2{
	font-size:16px;
	font-weight:bold;
	padding:0px;
	line-height:18px;
	margin: 0;
}

h3{
	font-size:13px;
	font-weight:bold;
	padding:0px;
	line-height:normal;
}

#middle_narrow h2{
	font-weight:bold;
}

#middle_narrow p{
	font-size:11px;
}

h3{

}

span{display:none;}

a{	color: #FFFFFF;
	text-decoration: none;
	font-family: Tahoma, Arial;
	font-size: 0.8em;
	border:0;
}

p{
	padding:0px;
	line-height: normal;
	margin: 0;
}

p.review{
	padding-top:5px;
	font-size:11px;
}


A:link {color: white; font-size: 12px; font-family:Tahoma, Arial; text-decoration:none;}
A:visited {color: white; font-size: 12px; font-family:Tahoma, Arial;text-decoration:none;}
A:hover {color:#CCCCCC; font-size: 12px; font-family:Tahoma, Arial;text-decoration:none;}
A:active {color: white; font-size: 12px; font-family:Tahoma, Arial;text-decoration:none;}


A.small:link {
	font-family:Tahoma, Arial;
	color:#CCC;
	font-size:10px;
	text-decoration:none;
}
A.small:visited {
	font-family:Tahoma, Arial;
	color:#CCC;
	font-size:10px;
	text-decoration:none;
}
A.small:hover {
	font-family:Tahoma, Arial;
	color:#FFF;
	font-size:10px;
	text-decoration:none;
}
A.small:active {
	font-family:Tahoma, Arial;
	color:#CCC;
	font-size:10px;
	text-decoration:none;
}

A.panel:link { font-family:Tahoma, Arial; color:#333; font-size:12px; text-decoration:none; border:0;margin:0;}
A.panel:visited {font-family:Tahoma, Arial; color:#333; font-size:12px; text-decoration:none;border:0;}
A.panel:hover {
	font-family:Tahoma, Arial;
	color:#666;
	font-size:12px;
	text-decoration:none;
	border:0;
}
A.panel:active {font-family:Tahoma, Arial; color:#333; font-size:12px; text-decoration:none;border:0;}

#active_page{
	background-color: #F00;
}

#main_container{
	width: 782px;
	margin:auto;
	background-color:#000;
	
}

#left_nav_container{
	width:120px;
	float: left;
	height: 450px;
	
}

#top_container{
	height:120px;
	float:none;
	width:780px;
	border-left: 1px #FFF solid;
	border-right: 1px #FFF solid;
	/*background: #3E1617;*/
	/*background:url(../images/bg.png) repeat-x;*/
	/*background:#FFC;*/
}

#top_1_cont{
	width:120px;
	float: left;
	height: 130px;
}

#top_2_cont{
	width:118px;
	float: left;
	height: 125px;
	
	padding-top: 5px;
	padding-left: 2px;
}

#top_3_cont{
	width:534px;
	float: left;
	height:95px;
	
	padding-left: 12px;
	padding-top: 5px;
	
}

#top_4_cont{
	width:546px;
	float: left;
	height:20px;
	background-color: #65091E;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#banner{
	width:780px;
	height:250px;
	
	border-top:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	border-left: 1px #FFF solid;
	
	border-right: 1px #FFF solid;
}

#nav_bar{
	width:780px;
	height:25px;
	border-left: 1px #FFF solid;	
	border-right: 1px #FFF solid;
	border-bottom:2px #FFF solid;
}

#middle_narrow{
	background-color: #000;
	width:181px;
	height:400px;
	float:left;
	padding: 15px;
	border-right: 1px #FFF solid;
	border-bottom: 1px #FFF solid;
}

#middle_wide{
	background-color: #000;
	width:528px;
	float:left;
	padding: 20px;
	border-right:#FFF 1px solid;
	border-left: 1px #FFF solid;
	border-bottom: 1px #FFF solid;
	height: 390px;
}

#middle_wide p{
	padding-bottom:6px;
	padding-top:6px;
}

#middle_full{
	background-color: #000;
	width:740px;
	float:left;
	padding: 20px;
	height: 460px;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	}

#page_marker{
	width:250px;
	height: 30px;
	position: relative;
	display: inline;
	top: -60px;
	left: 240px;
	color: yellow;
	font-size: 12px;
}

.center_container{
	width:666px;
	height:382px;
	background-image: url(../supplied_content/outsidesm.jpg);
	float: left;
}

#center_container_content_large{
	margin-top: 20px;
	height: 382px;
}

.center_container_content_noborder{
	width: 405px;
	float: left;
	height: 400px;
	background-color: #65091E;
	margin-top: 20px;
}

.center_container_content_border{
	width: 258px;
	float: left;
	height: 312px;
	padding:10px;
	background-color: #FFF;
	margin: 25px;
	color: #343434;
	
}

#bottom_text{
	height:70px;
	text-align: center;
	padding-top: 10px;
}

/*.center_container_content_50:active{
	height 10px;
	float: left;	
}*/

.center_container_content_50{
	width: 270px;
	float: left;
	height: 362px;
	padding:10px;
	background-color: #FFF;
	color: #343434;
	margin-left: 25px;
	
}

A.inv:link { font-family:Tahoma, Arial; color:#333; font-size:12px; text-decoration:none; border:0;margin:0;}
A.inv:visited {font-family:Tahoma, Arial; color:#333; font-size:12px; text-decoration:none;border:0;}
A.inv:hover {
	font-family:Tahoma, Arial;
	color:#666;
	font-size:12px;
	text-decoration:none;
	border:0;
	background-color:#F00;
	width:100px;
}
A.inv:active {font-family:Tahoma, Arial; color:#333; font-size:12px; text-decoration:none;border:0;}


/*Use these styles to hide text when click on the 'hide' function*/
.center_content_text{
	width: 288px;
	float: left;
	height: 362px;
	padding:10px;
	background-color:white;
	margin-left:25px;
	color: #343434;	
	float:left;
}

.center_content_text_30{
	width: 220px;
	float: left;
	height: 362px;
	padding:10px;
	background-color:white;
	margin-left:25px;
	color: #343434;	
	float:left;
}

.center_content_hidetext{
	width: 70px;
	float: left;
	height: 15px;
	padding:10px;
	background-color: white;
	margin-left: 25px;
	color: #343434;	
}


.center_container_content_50_small{
	width: 288px;
	float: left;
	height: 150px;
	padding:10px;
	background-color: #FFF;
	margin: 25px;
	color: #343434;
}

.center_container_content_33{
	float: left;
	height: 310px;
	width:150px;
	padding:10px;
	background-color: #FFF;
	margin: 25px;
	color: #343434;
}

.center_container_content_border_66{
	width: 550px;
	height: 380px;
	/*border:thin #CCC solid;*/
	padding:10px;
	background-color: #65091E;
	margin-top: 20px;
}



.center_container_content_border_40{
	width: 300px;
	height: 400px;
	background-color: white;
	margin: 20px;
	/*border: thin #CCC solid;*/
}

.center_container_small_33{
	width: 385px;
	height: 113px;
	/*border:thin #CCC solid;*/
	padding:10px;
	background-color: #65091E;
}

#bottom_container{
	width:780px;
	height:130px;
	float: left;
	text-align: right;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	background:#000;
}

#bottom_container_small{
	width:180px;
	height:100px;
	float: left;
	padding: 15px;
	text-align: left;
	
	
}
#bottom_container_large{
	width:538px;
	height:100px;
	float: left;
	padding: 15px;
	text-align: left;
	border-right: 1px #FFF solid;
}
#footer_container{
	width:540px;
	height:20px;
	float:left;
	font-size: 10px;
	padding-top: 0px;
	
}



#container {
	width: 600px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#container_2 {
	width: 530px;
	/*margin: auto;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.thumbnailContainer {
	width: 530px;
	border-top: 1px solid #ccc;
	margin-top: 10px;
	display: none;
	height: 0px;
	overflow: hidden;
}

.thumbnailContainer .clipper {
	margin: 10px 0 0 0;
}

.thumbnailContainer .horizontal {
	border: 1px solid #ccc;
	width: 110px;
	height: 100px;
	padding: 20px 0 0 10px;
	margin: 5px;
	float: left;
	cursor: pointer;
}

.thumbnailContainer .vertical {
	border: 1px solid #ccc;
	width: 93px;
	height: 110px;
	padding: 10px 0 0 27px;
	margin: 5px;
	float: left;
	cursor: pointer;
}

#middle_wide img {
 border:1px solid white;	
}
.button{
	cursor:pointer;	
}