html,
body {
	margin:0;
	padding:0;
	font-family:Tahoma, Helvetica, Arial, sans-serif;
	font-size:76%;
	color:#363636;
	text-transform:lowercase;
	letter-spacing:-.01em;
	background:url(images/head-bk.jpg) 0 0 repeat-x #fff;
	}
	
a,
a:link,
a:visited {
	color:#000;
	text-decoration:none;	
	
}

a:focus {
	outline: none;
}

a:hover {
	color:#999;
}

p,
ul,
ol {
	font-size:1.8em;
}

table {
	font-size:1.3em;
	margin:0;
	padding:0;
}

address {
	font-style:normal;
}

.small {
	font-size:1em !important;
}



/* 
========================
INVISIBLE ELEMENTS
========================
*/

hr {
	display:none;
}

.hide-me {
	display:none;
}


/*
============================
FLASH CONTENT
============================
*/

#wrapper {
	position:relative;
	/*top: 130px;*/
	margin:0;
	width: 100%;
	height:100%;
}

#flashcontent {
	margin:0 auto;
	padding:0;
	left:50%;
	top:-295px;
	margin-left:-506px;
	
}


/*
=======================
HEADER
=======================
*/


#header h1 {
	display:none;
}

#header h2 {
	font-size:2.75em;
	font-weight:lighter;
	color:#000;
	padding:24px 30px 0px 28px;
	margin:0;
	float:left;
	position:relative;
	/*cursor:pointer;*/
}

h3,
h4 {
	margin:0;
	padding:0 0 20px 0;
	font-size:2.2em;
	font-weight:normal;

}

h4 {
	padding-bottom:5px;
	font-size:2.1em;
}



/*
=========================
SITE MENU
=========================
*/

#site-menu {
	list-style-type:none;
	padding:0 20px 0 0;
	float:right;
	margin:10px 0 0 0;
	height:25px;
	text-align:right;	
	font-size:1.65em;
	width:160px;
}

#site-menu li {
	margin:0;
	padding:0;
	line-height:.98em;

	}
	
/* hack for ie6 - very naughty, I know... */
* html #site-menu a {height:1%;}

#site-menu a {
	padding:0 10px 0 0;
	margin:0;
	display:block;
	
	border-right:2px solid #222;
}

#site-menu a:hover {
	border-color:#666;
	color:#999;
}

#site-menu .linkPad {
	/*padding-right:10px;*/
	color:#AAA;
	line-height:1.1em;
}

/*
=========================
BODY
=========================
*/

#body {

	margin:0 auto;
	padding:0;

}


.clear-me {
	clear:both;
}

/*
============================
SCROLLER DIV
============================
*/

#scroller {	
	clear:both;
	width:100%;
	padding:0;
	margin:0 auto;
	position:relative;

	border-top:2px solid #000;
	border-bottom:2px solid #000;

}

#scrollContent {
	width: auto;
	white-space:nowrap;
	background-color:#000;
	height:414px;
}

#Content{
	width: auto;
	white-space:nowrap;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	text-align:center;
}


	
#scroller p {
	display:inline;
	margin:0;
	padding:0;	
	vertical-align:middle;
}

#scroller div.videoContent {
	width:670px;
	margin:0 auto;
}

#scroller img {	
	padding:0;

}


/*
============================
SCROLL BAR
============================
*/


#scrollBarWrapper {
	margin:0 auto;
	padding:5px 0 0 0;
	width: 408px;
}


#scrollBar {
	width:428px;
	height: 19px;

	padding:0;
	margin:0 auto;
}

#scrollKnobContainer {
	float: left;
	width: 373px;
	height: 19px;
	background: url(images/scrollBar.gif) 0 0 no-repeat;
	cursor:pointer;
	padding-top:5px;
}

#scrollKnob {
	height:19px;
	color:#CCC;
	background: url(images/scrollButton-l.gif) 0 0 no-repeat;
	cursor: pointer;
}

#scrollKnob div {
		float:right;
		height:19px;
		width:6px;
		margin-right:-2px;
		background: url(images/scrollButton-r.gif) top right no-repeat;
}

#scrollBack {
	float: left;
	margin:1px 3px 0 0;
	width: 20px;
	height: 30px;
	background: url(images/scroll-left.gif) 0 0 no-repeat;
	cursor:pointer;

}

#scrollForward {
	margin:1px 0 0 3px;
	float: left;
	width: 20px;
	height: 30px;
	background: url(images/scroll-right.gif) 0 0 no-repeat;
	cursor:pointer;
}




/*
================================
FOOTER | SUB MENU
================================
*/

#footer {
	margin:0;
	padding:0;
	background:no-repeat url(images/main_logo.gif);
	background-position:center;
	height:210px;
	clear:both;
	min-width:770px; /* for mozilla */
	
}


#sub-menu {	
	font-size:1.45em;
	margin:0 0 0 0px;
	padding:14px 0 0 0;
	clear:both;
	float:left; width:100%; overflow:hidden;
}

#sub-menu h3 {
	font-size:1em;
	font-weight:bold;
	margin:0 20px 0 0;
	padding:6px 0;
	float:left;
}


#sub-menu ul {
	font-size:1em;
	margin:0;
	padding:0;
	list-style:none;
	;
}

#sub-menu li {
	float:left;
	margin:0px;
	padding:0;
	text-align:center;
	letter-spacing:normal;
	/*font-weight:bold;*/
	text-transform:none;
	
	
	}
	
#sub-menu li a {
	display:block;
	color:#464646;
	float:left;
	padding:4px 10px 7px;
	height:16px;
	border-bottom:#FFFFFF 1px solid;
}

#sub-menu li.current {
	background-position:0 0;

	
}
#sub-menu li.current a {
	background-position:top right;
	color:#000;
	border-bottom:#fff 1px solid;
}

#sub-menu li.current a:hover {
	cursor:default;

}

/*
============================
MAIN MENU LINK
============================
*/

#footer h4 {
	float:left;
	text-align:center;
	font-size:1.45em;
	width:103px;
	height:30px;
	margin:0 0 0 10px;
	padding:0;
	clear:both;
	letter-spacing:-.04em;
	

}

#footer h4 a {
	display:block;
	padding:4px 3px 1px 12px;
	height:23px;
	font-weight:normal;
	letter-spacing:-.02em;
	color:#CCC;
	margin:0;
	background:url(images/menu-button-open.gif) center bottom no-repeat;
}

#footer h4 a.close {

	background:url(images/menu-button-close.gif) center bottom no-repeat;
}


#footer a:hover {
	color:#000;

}


/*
==================================
OTHER PAGES
==================================
*/

#page {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	height:auto;
	margin:0 auto;
	width:500px;
	clear:both;
	text-align:left;
	font-size:1em;
	padding-top:10px;
	background-color:#000;
	
}

#page a {
	font-weight:bold;
}

#page p,
#page ul {
	font-size:1.25em;
	margin-bottom:3em;
}

#pageFooter {
	font-size:0.9em;
	padding-top:6px;
	border-top:solid 1px #555;
}


.left {
	float:left;
	width:190px;

	}
	
.right {

	padding-left:275px;
	
}

#page img {

	border:2px #000 solid;
}

p.button-link {
	background:url(images/menu-tab-l.gif) left -39px no-repeat;
	margin:0 10px;
	padding:0;
	text-align:center;
	letter-spacing:normal;
	width:91px;
	float:right;
}

p.button-link a {
	background:url(images/menu-tab-r.gif) right -39px no-repeat;
	display:block;
	padding:5px 8px 8px 8px;
	color:#CCC;
}

p.button-link a:hover {
	color:#000;
}


#friends-list ul {
list-style:square;
font-size:1.5em;
font-weight:normal;
}

#friends-list ul li a {
font-size:1.2em;
font-weight:normal;

}
/*
==================================
FORMS
==================================
*/

form {
	padding:0;
	margin:0;
	clear:both;
}

form table {
	/*width:500px;*/
}

fieldset {
	padding:0;
	border:0;
	margin:0 0 30px 0;
	
	}
	
*:first-child+html legend {
	margin:0 0 0 -1em;
}

legend {
	margin:0;
	padding:0 0 20px 0;
	font-size:2.2em;
	font-weight:normal;
	color:#000;
	}


	
label {
	color:#000;
	font-weight:normal;
	font-size:1em;
	}
	
input.txt, textarea {
	color:#DDD;
	width:200px;
	padding:3px;
	font-weight:normal;
	font-size:13px;
	border:2px solid;
	border-color:#3F3F3F;
	background-color:#222;
	margin:4px 0px;
}

input.reqd, textarea.reqd, .reqd {
	border-right:3px solid #AAA;

}
	
textarea {
	width:480px;
	height:95px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
input.txt:focus,
textarea:focus {
	background-color:#2C2C2C;
	border-color:#666;
	}

input.submitButton,
input.resetButton {
	margin-top:12px;
	}

button {
	background:left top no-repeat #DDD;
	border:0;
	width:115px;
	height:27px;
	margin:5px 0 0;
	padding:0;
	color:#000;
	font-size:10px;
	text-align:center;
}

button:hover {
	cursor:pointer;
}

button span {
	display:none;
}


/*

=================================
MAIN  MENU 
=================================
*/

#main-menu {
	position:absolute;
	z-index:500;
	top:35px;
	height:414px;
	margin:0;
	padding:0 0 0 0;
	width:100%;
	clear:both;
	text-align:left;
	font-size:1em;
	background-color:fff;
	display:none;
}

#main-menu-page #main-menu {
	display:block;
	position:relative;
	padding:10px 0 0 0;
	background-color:#fff;
}

#main-menu-wrapper {
	width:880px;
	margin:0 auto;
	/*border:1px solid #66CC33;*/
	background-color:#000;
}

#col1 {
	margin-right:660px;
}

#col-wrapper {
	float:left;
	width:100%;
}

#col2 {
	float:left;
	width:220px;
	margin-left:-660px;
}


#col3 {
	float:left;
	width:220px;
	margin-left:-440px;
}

#col4 {
	float:left;
	width:220px;
	margin-left:-220px;
}




/*
============================
MAIN MENU LISTS 
============================
*/

#main-menu ul {
	margin:7px 0px 10px;
	list-style-type:none;
	padding:0;
	font-size:1.60em;
}

#main-menu h2 {
	font-size:2.2em;
	margin:12px 0px 0 0px;
	padding:2px 0px;
	font-weight:normal;
}

#main-menu h2.sub-column {


	padding-top:15px;


}

#main-menu h3 {
	font-size:2.2em;
	margin:20px 0px 10px 0px;
	padding:2px 0px;
	font-weight:normal;
}

#main-menu a {
	display:block;
	height:1%;
	padding:3px 0px;
	color:#AAA;
	font-weight:normal;
}

.hilite-off {
	color:#454464;
}

.hilite-on {
	color:#CCC !important;
}

#request {
	margin-top:69px;
	font-size:1.25em;
}

.t-type {
	color:#777;
	font-size:.85em;
	
}

#info {text-align:center;}
#info p {clear:both; text-align:left; margin-left:15px;}

#menu2 {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
#menu2 li {
  float:left; position:relative; right:50%;
  }
#menu2 a {
  width:auto;
  display:block;
  padding:4px 16px;
  color:#fff; 
  text-decoration:none;
  }
#menu2 a:hover {
  color:#000; 
  }