@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
body {
	background: #fff;
	margin: 0px;
}
img{
	border:0;
}
a{
	color:#fff;
	text-decoration:none;
}
a:hover{
	color:#ccc;
}
.black, a.black:link, a.black:active, a.black:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
a.black:hover{
	color:#666;
	text-decoration:underline;
}
h1, h2, h3, h4, h5 ,h6, p, ul, form{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
}
/*Page Holder*/
#page_holder{
	width:100%;
	padding:105px 0 0 0;
}
/*Container*/
#home_container{
	height:350px;
	background:url(../images/home-bg.gif) repeat-x;
}
#home_containt_holder{
	width:1002px;
	margin:auto;
	text-align:center;
}

/*Inside page------------------------------------------------------------------css---*/

/*Page Holder*/
#inside_page_holder{
	width:100%;
	padding:105px 0 0 0;
}
#inside_container{
	height:287px;
	background:#000;
}
#inside_containt_holder{
	width:850px;
	height:287px;
	margin:auto;
}
#text_holder{
	display:block;
	float:left;
	height:277px;
	width:270px;
	background:#333;
	padding:5px 10px;
}
#information_holder{
	padding-left:15px;
	height:250px;
}
#image_holder{
	display:block;
	float:left;
	height:287px;
	width:289px;
	border:1px solid #fff;
	border-width:0 1px;
}
#right_box{
	display:block;
	float:left;
	height:257px;
	width:215px;
	padding:20px 10px 10px 10px;
	background:#000;
	border:1px solid #fff;
	border-width:0 1px;

}
/*Navigation*/
#navigation{
	display:block;
	margin:auto;
	width:730px;
	height:20px;
	background:url(../images/nav-bg.gif) repeat-x;
	color:#999;
}
#navigation a{
	display:block;
	float:left;
	height:17px;
	color:#999;
	text-decoration:none;
	text-transform:uppercase;
	padding:3px 10px 0 10px;
}
#navigation a:hover{
	display:block;
	float:left;
	height:17px;
	background:#ccc;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:3px 9px 0 9px;
	border:1px solid #999;
	border-width:0 1px 1px 1px;
}

/*Footer*/
#footer{
	width:778px;
	text-align:center;
	color:#ccc;
	margin:auto;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
}

/*Sound*/
#sound_holder{
	text-align:right;
	padding:0 10px 20px 0;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
	font-size:11px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: white;
}
.vscrollerbar {
width: 2px;
background-color: #ccc;
}

.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: grey;
}
.flexcroll {
/* Typical fixed height and fixed width example */
height: 215px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.3em auto;
padding: 15px 0 15px 0;
}

/* hesido: notice the addition of emptyspace holder, it should slightly be bigger than the containing div */
/* and it should only be that big when fleXcroll is active for better degradation */
/* version 1.9.1 and up adds flexcrollactive class, but the script should work with 1.8.9 and up */
.flexcrollactive .emptyspace {
	height: 260px;
	}

/* you may optionally want to hide the scrollbars */
#mycustomscroll .vscrollerbase {
	background:#000;
	visibility:hidden !important;
	width:2px;
}

ul.list{
	margin:5px 0 5px 0;
	padding: 0 0 0 20px;
}