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

		body {
			margin: 0 auto;
			font-family: "Helvetica Neue", Helvetica, sans-serif;
			background: #000;
		}
		#content{ background-color:rgba(0,0,0,0.65); width:1200px; min-height:680px; margin:30px auto; text-align:left; }
			
		/*Demo Styles*/
		h1 {
			font-size: 16px;
			color: #FFF;
			padding: 10px 125px 5px 30px;
		}
		h2 {
			font-size: 12px;
			color: #FFF;
			padding: 10px 125px 5px 30px;
		}
		h3 { 
			padding:10px 125px 5px 30px;
			font-size: 10px;
			color: #FFF;
			font-weight: normal;
		}
		p{ 
			padding:8px 30px 4px 30px; color:#fff; font:13pt "Helvetica Neue", "Helvetica", Arial, sans-serif; text-shadow: #000 0px 2px 0px; line-height:140%;
		}
		
		
		.redtext {
			color: #e50000;
			font-weight: bold;
			
		}
		.plugin-logo{ 
			float:right; 
		}
		
		#header { 
			padding:30px 30px 20px 30px;
			
			
		} 
		
		
		
		#header_border {
			height: 50px;
			border-bottom: 1px solid #222;
		}
		
		#header_title {
			float: left;	
		}
		
		#header_title a:hover {
			border-bottom: none;
			border: 0;
		}
		
		#header_subtitle {
			margin: 0 0 0 305px;
			padding: 0px 0px 0px 15px;
			border-left: 1px solid #C30;
			color: #BBB;
			font-size: 10px;
		}

		#sidebar1 {
			float: left; /* since this element is floated, a width must be given */
			width: 185px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
			padding: 15px 10px 15px 20px;
		}
		
		

		#navlist {
			
			padding-left: 10px;
			margin-left: 0;
			width: 160px;
		}

		#navlist li {
			list-style: none;
			margin: 0;
			padding: 10px;
			text-transform: uppercase;
			border-bottom: 1px solid #222;
		}
		
		#navlist li a {
			text-decoration: none;
			color: #aaa;
			font-size: 10px;
		}
		
		#navlist li a:hover {
			text-decoration: none;
			color: #fff;
		}
		
		#navlist li #current {
			text-decoration: none;
			color: #C30000;
		}
		
		#copyrights {
			padding: 125px 10px 10px 10px;
			font-size: 10px;
			color: #666666;
		}
		
		#copyrights p {
			margin: 0;
			padding: 0;
			font-size: 10px;
			color: #666666;
		}
		
		#copyrights a {
			color: #666;
		}
		
		#copyrights a:hover {
			color: #fff;
			border-bottom: 1px solid #C30;
		}

		#mainContent { 
			margin: 0 0 0 215px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
			padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
			min-height: 450px;
		} 
		
		#mainContent p {
			/*margin-top: 15px;*/
			font-size: 12px;
			line-height: 20px;
			padding-right: 125px;
		}
		
		#mainContent p a {
			color: #FFFFFF;	
			font-weight: bold;
			text-decoration: none;
			border-bottom: 1px solid #FFFFFF;
		}
		
		#mainContent p a:hover {
			color: #FFFFFF;	
			font-weight: bold;
			text-decoration: none;
			border-bottom: 1px solid #C30000;
		}
		
		#mainContent p a:active {
			color: #C30000;	
			font-weight: bold;
			text-decoration: none;
			border-bottom: 1px solid #C30000;
		}
		
		/*--Main Container--*/
		.main_view {
			float: left;
			position: relative;
		}
		/*--Window/Masking Styles--*/
		.window {
			margin-left: 30px;
			width: 907px;
			height: 510px;
			overflow: hidden; /*--Hides anything outside of the set width/height--*/
			position: relative;
		}
		.image_reel {
			position: absolute;
			top: 0; left: 0;
		}
		.image_reel img {float: left;}
		
		/*--Paging Styles--*/
		.paging_holder {
			
		}
		.paging {
			float: right;
			min-width: 173px; 
			height:27px;
			z-index: 100; /*--Assures the paging stays on the top layer--*/
			text-align: center;
			line-height: 20px;
			border-left: 1px solid #C30;
			background: url(../images/paging_bg2.png) repeat;
			display: none; /*--Hidden by default, will be later shown with jQuery--*/
		}
		.paging a {
			padding: 3px 5px 3px 5px;
			font-size: 10px;
			text-decoration: none;
			color: #fff;
			border: none;
			border-bottom: 0px;
		}
		.paging a.active {
			font-weight: bold;
			text-decoration: none;
			background: #c30000;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
			border: none;
			border-bottom: 0px;
		}
		.paging a:hover {
			font-weight: bold;
			text-decoration: none;
			border: none;
			border-bottom: 0px;
		}

		#footer { 
			height: 1px;
			/*padding: 30px;*/
			text-align: right;
		} 
		#footer p {
			margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
			padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
			font-size: 10px;
		}
		
		#footer a {
			color: #666;
		}
		
		#footer a:hover {
			color: #fff;
			border-bottom: 1px solid #C30;
		}
		
		.send_button {
			padding: 2px;
			font-size: 12px;
			font-weight: bold;
			color: #FFF;
			background: #000;
			border: 1px solid #222;
		}
		.send_button:hover {
			padding: 2px;
			font-size: 12px;
			font-weight: bold;
			color: #e50000;
			background: #000;
			border: 1px solid #222;
			cursor: pointer;
		}
		.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
			float: right;
			margin-left: 8px;
		}
		
		

		.fltlft { /* this class can be used to float an element left in your page */
			float: left;
			margin-right: 8px;
		}

		.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
			clear:both;
    		height:0;
    		font-size: 1px;
    		line-height: 0px;
		}