@charset "UTF-8";
/*/* CSS Document */
/* v1.0 | 20080212 */
/*Browser reset*/
/*@font-face {
	font-family: 'NeoSansProRegular';
	src: url('font/neosanspro-regular-webfont.eot');
	src: local('☺'), url('font/neosanspro-regular-webfont.woff') format('woff'), url('font/neosanspro-regular-webfont.ttf') format('truetype'), url('font/neosanspro-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
	font-family: 'NeoSansProLight';
	src: url('font/neosanspro-light-webfont.eot');
	src: local('☺'), url('font/neosanspro-light-webfont.woff') format('woff'), url('font/neosanspro-light-webfont.ttf') format('truetype'), url('font/neosanspro-light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:#ddd;
	height:100%;
	width:100%;
	vertical-align: baseline;
	font: normal 100% "HelveticaNeue", Helvetica, arial, sans-serif;
	background:#000/* url(../pics/index_pics/blackBack.png) repeat*/;/*overflow:hidden;*/
	overflow:hidden;
}
h1 {
	font-weight: normal;
    font-style: normal;
    line-height:normal;
    font-family: 'NeoSansProLight', sans-serif;
	font-size: 1.5em;        /* 24px / 16px = 1.5em */
	font-weight:normal;
	color: #fffff;
	/*line-height: 30px;*/
	text-transform:uppercase;
	/*background*/
	text-shadow: 0px 1px 0px #666;
	/*placement*/
	margin:0px;/*padding:3px 10px 3px 25px;*/
}
h2 {
	font-size: 11px;
	font-weight:normal;
	color:#ccc;
	/*background*/
	text-shadow: 0px 1px 0px #111;
	/*placement*/
	margin:0px 0px 0px 0px;/*padding:3px 10px 3px 25px;*/
}
h3 {
	
	font-size: 0.75em;
	color: #8cc63f;
	/*text-transform:uppercase;*/
	font-weight:normal;
	/*background*/
	/*placement*/
	margin:0px 0px 5px 0px;/*padding:2px 5px 2px 0px;*/
}
.browser {
	font-size: 0.7em;
	color:#ddd;
	font-weight:normal;
	/*background*/
	/*placement*/
	margin:0px 0px 0px 0px;/*padding:2px 5px 2px 0px;*/
}
.w3c {
	font-size: 0.6em;
	color:#ddd;
	font-weight:normal;
	/*background*/
	/*placement*/
	margin:0px 0px 0px 0px;/*padding:2px 5px 2px 0px;*/
}
.tagwallHeadline {
	font-size: 0.8em;
	font-weight:normal;
	/*background*/
	line-height:1em;
	/*placement*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.tagwallBody {
	color:#444;
	font-size: 8px;
	font-weight:normal;
	/*background*/
	line-height:2em;
	/*placement*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.tagwallBody a {
	color:#292e23;
	text-decoration:none;
}
.divText {
	color:#f00;
	background-color:#000;
	text-align:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size: 0.7em;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}
.sitemap {
	color:#FFF;
	background-color:#000;
	text-align:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding-left:25px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;/*display:inline;
	line-height:18px;*/
}
.footer{
	color:#ddd;

	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:27px;
}
#animatedBack {
	height:400px;
	width:1280px;
	background: #000 url('../pics/index_pics/back.jpg') repeat scroll left top;
	margin-left: -640px;  /***  width / 2   ***/
	position: absolute;
	top:0px;
	left: 50%;
	/*background:#000 url(../pics/index_pics/back.jpg') repeat-x;*/
	z-index:1;
}
/* Create a Shadow Overlay */ 
#animatedBack div {
	width:1280px;
	height:400px;
	background: transparent url('../pics/index_pics/overlay.png') no-repeat scroll left top;
}
#alexa {
	padding:0;
	height:0px;
	overflow: hidden;
	position:absolute;
	left: 0px;
	bottom: -100px;
	z-index:1;
}
#logo a {
	display: block;
	width: 150px; /* Change the width to fit image size */
	height: 18px; /* Change the height to fit image size */
	text-indent: -9999px; /* Hide the text */
	overflow: hidden; /* Keep the link outline sane when clicked */
	background: url('../pics/index_pics/logo.png') left top no-repeat;
	margin:10px 0px 10px 0px;
}
#topdiv1 {
	font-family:Helvetica, Arial, sans-serif;
	margin:0px;
	padding:0px;
	border:0px;
	height:0px;/*background: url(../pics/index_pics/div_background.jpg) top left repeat-x;*/
	top:0px;
	position:relative;
	overflow: hidden;
}
#topdiv2 {
	background-color:#000;
	background-image:url('../pics/index_pics/div_background.jpg');
	background-position: left;
	background-repeat: repeat-x;
	font-family:Helvetica, Arial, sans-serif;
	color:#111;
	margin:0px;
}
#wrapper {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	top:0px;
	position:absolute;
	z-index:10;
}
#flash {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	position:relative;
}
#no_flash {
	width:960px;
	margin-left: -475px;  /***  width / 2   ***/
	position: absolute;
	left: 50%;

}
#loader {
	height:10px;
	/*overflow:hidden;*/
	margin-top:10px;
}
#flashverification {
	/*height:0px;
	overflow:hidden;*/
	margin:0px;
}
#flashversion {
	color:#FFF;
	text-align:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding-top:15px;
}
#redirect_page {
	background-color:#000;
	margin: 40px auto;
	padding: 1em;
	max-width: 25em;		/* 25px / 16px = 25em */
}
#footer {
	width:100%;
	height:30px;
	position:fixed;
	bottom:0px;
	left:0px;
	background-image: url(pics/index_pics/footer.png);
	background-repeat: repeat;
	background-position: left top;
	z-index:100;
}
a {
	color: #babeb5;
	text-decoration:none;
}
.browser a {
	color: #8cc63f;
	text-decoration:none;
}
.w3c a {
	color: #8cc63f;
	text-decoration:none;
}
p {
	border: 0px;
}
img {
	border: 0px;
}
/* 




  -- Even more rounded corners with CSS: Base stylesheet --
  
  
  
  
  
*/

.dialog {
	position:relative;
	margin:10px auto;
	min-width:8em;
	max-width:960px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#fff;
	z-index:1;
	margin-left:0px; /* default, width of left corner */
	margin-bottom:0px; /* spacing under dialog */
}
.dialog .content, .dialog .t, .dialog .b, .dialog .b div {
	background:transparent url('../pics/index_pics/divBack_1000x810.png') no-repeat top right;
	_background-image:url('../pics/index_pics/divBack_1000x810.gif');
}
.dialog .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:25px 22px 0px 10px;
}
.dialog .t {
	/* top+left vertical slice */
 position:absolute;
	left:0px;
	top:0px;
	width:12px; /* top slice width */
	margin-left:-12px;
	height:100%;
	_height:810px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
.dialog .b {
	/* bottom */
 position:relative;
	width:100%;
}
.dialog .b, .dialog .b div {
	height:20px; /* height of bottom cap/shade */
	font-size:1px;
}
.dialog .b {
	background-position:bottom right;
}
.dialog .b div {
	position:relative;
	width:12px; /* bottom corner width */
	margin-left:-12px;
	background-position:bottom left;
}
.dialog .hd, .dialog .bd, .dialog .ft {
	position:relative;
}
.dialog .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
 	position:static;
	max-height:810px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
/*//////////////////*/
div.scrollholder {
	position: relative;
	width: 928px;
	height: 250px;
	overflow: auto;
	z-index: 1;
}
div.scroll {
	position: absolute;
	left: 0;
	top: 0;
	width: 95%;
	z-index: 2;
	height:250px;
}
/* <Scroll> */
div.track {
	position: relative;
	float:right;
	top: 0;
	width: 11px;
	height: 100%;
	font-size: 0;
	z-index: 3;
	background:#181818;
}
div.drag_bar {
	position: absolute;
	width: 100%;
	height: 14px;
	cursor: pointer;
	z-index: 4;
	background:#444;
	
}