body
{
background:url(images/bg.gif) repeat-x top #3a3a3a;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px auto auto auto;
color:#8b8c8b;
}

a{
text-decoration:underline;
color:#33ccff;
}

img {
	border-style:outset;
	border-color: red;
	border-width:0px;
}

p{
text-align:justify;
line-height:15px;
padding:5px 0 5px 0;
font-size:11px;
margin:0px;
}

span{
color:#FF9900;
}

p.clear{
clear:both;
}

p.news{
clear:both;
border-bottom:1px #CCCCCC dashed;
font-size:10px;
margin:5px 0 5px 0;
}

h1{
font-size:16px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0px 0 0px 0;
margin:0px;
}

h2{
font-size:14px;
color:#6a8e23;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0px 0 0px 0;
margin:0px;
}

h3{
font-size:14px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:60px 0 0px 0;
margin:0px;
text-align: center
}

h5{
font-size:14px;
color:#6a8e23;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:60px 0 0px 0;
margin:0px;
text-align: center
}

h6{
font-size:11px;
color:#6a8e23;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0px 0 0px 0;
margin:0px;
}

#main_container{
width:620px;
height:auto;
margin:auto;
padding:0px;
position:relative;
background-color:#000000;
}

#banner_container{
width:728px;
height:auto;
margin:auto;
padding:0px;
position:relative;
background-color:#000000;
}

#header{
width:600px;
height:0px;
margin:auto;
}

.logo{
padding:0px 0 0 0px;
}


.feed{
 position:absolute;
 top:555px;
 left:395px;
}

.twitter{
 position:absolute;
 top:555px;
 left:430px;
}

.facebook{
 position:absolute;
 top:555px;
 left:465px;
}

.youtube{
 position:absolute;
 top:555px;
 left:500px;
}

.flickr{
 position:absolute;
 top:555px;
 left:535px;
}

.player-bg-left{
 position:absolute;
 top:209px;
 left:20px;
}

.player-bg-right{
 position:absolute;
 top:209px;
 left:566px;
}

.player-bg-top{
 position:absolute;
 top:147px;
 left:20px;
}


/*---------------- menu tab----------------------*/
#menu_tab{
width:620px;
height:36px;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
background:url(images/menu_bg.png) no-repeat center;
}

ul.menu {
list-style-type:none; display:block; width:450px; 
 margin: auto; padding:0px; background:none;}

ul.menu li {
display:inline;
font-size:13px;
font-weight:bold;
line-height:36px;}

ul.menu li.divider {
display:block;
float:left;
width:1px;
height:34px;
padding:0px ;
margin:0px;
background:url(images/divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#CCCCCC;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #000000;}

a.nav:hover {
color: #FFFFFF; text-decoration:none;}


/*----------------main_content----------------*/

#main_content{
width:auto;
clear:both;
height:auto;
background-color:#000000;
}

#logo_banner{
width:566px;
height:92px;
margin:auto;
padding:20px 0 0 54px;
background-color:#000000;
}

.logo_banner_content{
padding:0px 0 0 0;
}

#homepage_video_content{
width:566px;
float:left;
height:auto;
padding:60px 0px 10px 54px;
background-color:#000000;
}

#video_content{
width:566px;
float:left;
height:auto;
padding:0px 0px 20px 54px;
background-color:#000000;
z-index:1
}

#news_box{
width:320px;
height:400px;
float:left;
height:auto;
padding:0 10px 0px 40px;
background-color:#000000;
}


#downloads_box{
width:566px;
float:left;
height:auto;
padding:60px 0px 10px 54px;
background-color:#000000;
}


#twitter_box{
width:200px;
height:1500px;
float:left;
height:auto;
padding:00px 40px 20px 10px;
background-color:#000000;
}

#store_box{
width:280px;
float:left;
height:auto;
padding:30px 0px 10px 30px;
background-color:#000000;
text-align:center;
}

#store_box_bottom{
width:600px;
float:left;
height:auto;
padding:30px 20px 30px 0px;
background-color:#000000;
text-align:center;
}

/*----footer banner---------*/
#footer_banner{
width:620px;
margin:auto;
padding:0px 0px 0px 0px;
}


.footer_banner_content{
padding:0px 0 0 0;
}



/*----footer---------*/
#footer{
width:auto;
padding:0px 0 0px 0;
text-align:center;
color:#999999;
}

#store_footer{
width:auto;
padding:20px 0 0px 0;
text-align:center;
color:#999999;
}

/*----nav---------*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 100px;
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #000000;
       color: #FFFFFF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #6a8e23}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #000000;
		font: 11px arial}

	#sddm div a:hover
	{	background: #6a8e23;
		color: #FFFFFF}