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

html, body {
    height: 100%;
    background-color: #000;
	color: #dddddd;
}

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

/* Divide your desired pixel width by 13; 
   the result is your width in ems for all non-IE browsers. 
   For IE, divide your desired pixel with by 13.3333 to find the width in ems for IE. */
#holder {
	margin:auto;text-align:left; /* leave unchanged */
	width:885px;/* non-IE */
	min-width:885px;/* optional but recommended */
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
}

#sideLangbar {
	float: left;
	width: 33px;
	height: 204px;
	/* off by default height: 204px; */
}

#sideLangbar ul {margin-top: 128px;}

#sideLangbar ul li img {
background-image: url(/images/langBar.png);
background-repeat: no-repeat;
height:33px;
width:33px;
}

#lang-US img {
background-position: 0 0;

}

#lang-US img.selected{
background-position: 0 -33px;

}

#lang-CN img {
background-position: 0 -66px;

}

#lang-CN img.selected{
background-position: 0 -99px;

}

#lang-BG img {
background-position: 0 -132px;
}

#lang-BG img.selected{
background-position: 0 -165px;
}

#lang-ID img {
background-position: 0 -198px;	
}

#lang-ID img.selected{
background-position: 0 -231px;
}

#mainBody {
	width: 852px;
	min-width: 852px;
	float: right;
}

#header {
	width: 852px;
	height: 114px;
	margin: 0px;
}

#left_hd {
	float: left;
	width: 247px;
	height: 114px;
	margin: 0px;
	padding: 0px;
}

#right_hd {
	width: 605px;
	float: left;
}


/* prime navigation start */
#right_hd div#nav-container{
background-image: url(/images/nav-interface.gif) !important;
background-position:top left;
background-repeat:no-repeat;

height:42px;
width:605px;
}

#right_hd div#nav-container ul{
margin:0;
padding:0;
}

#right_hd div#nav-container ul li{
list-style:none;
float:left;
height: 42px;
}

#right_hd div#nav-container ul li img{
background-image: url(/images/nav-interface.gif) !important;
background-repeat:no-repeat;

}

#home img{
background-position: 0 0 ;
height:42px;
width:71px;
}

#home img.home-over{
background-position: 0 -42px ;
}

#home img.selected{
background-position: 0 -84px ;
}


#how img{
background-position: -71px 0;
height:42px;
width:61px;
}

#how img.how-over{
background-position: 0 -126px;
}

#how img.selected {
background-position: 0 -168px;
}


#benefits img{
background-position: -132px 0;
height:42px;
width:90px;
}

#benefits img.benefits-over{
background-position: 0 -210px;
}

#benefits img.selected {
background-position: 0 -252px;
}


#videos img{
background-position: -222px 0;
height:42px;
width:75px;
}

#videos img.videos-over{
background-position: 0 -294px;
}

#videos img.selected {
background-position: 0 -336px;
}


#distributor img{
background-position: -297px 0;
height:42px;
width:114px;
}

#distributor img.distributor-over{
background-position: 0 -378px;
}

#distributor img.selected {
background-position: 0 -420px;
}

#store img{
background-position: -411px 0;
height:42px;
width:62px;
}

#store img.store-over{
background-position: 0 -462px;
}

#store img.selected {

}

#forum img{
background-position: -473px 0;
height:42px;
width:72px;
}

#forum img.forum-over{
background-position: 0 -546px;
}

#forum img.selected {

}

/* prime navigation end */

#loginSection {
	width: 605px;
	height: 72px;
	margin: 0px;
	padding: 0px;
	
	background: url(/images/loginSection.jpg) top left no-repeat !important;
}


#slider {
	width: 846px;
	min-width: 846px;
	height: 432px;
	margin: 0px;
	position: absolute;
}

#slider ul li {
	width: 846px;
	height: 432px;
	padding: 0px;
	margin: 0px;
}

.italic {
	font-style:italic;
}
.sliderDiv {
	width: 740px;
	height: 150px;
	margin: 220px auto 0 auto;;
}

#slider-non-slide {
	width: 846px;
	min-width: 846px;
	height: 432px;
	margin: 0px;
	position: relative;
}

#slider-video {
	width: 846px;
	min-width: 846px;
	/*height: 432px;*/
	margin: 0px;
	position: relative;
}

#home-01 {
	background: url(/images/slider/home-01.jpg) top left no-repeat !important;
}

#home-02 {
	background: url(/images/slider/home-02.jpg) top left no-repeat !important;
}

#home-03 {
	background: url(/images/slider/home-03.jpg) top left no-repeat !important;
}

#benefits-01 {
	background: url(/images/slider/benefits-01.jpg) top left no-repeat !important;
}

#benefits-02 {
	background: url(/images/slider/benefits-02.jpg) top left no-repeat !important;
}
#benefits-03 {
	background: url(/images/slider/benefits-03.jpg) top left no-repeat !important;
}

#sliderControls {
	position: absolute;
	z-index: 100;
	margin-top: -42px;
	margin-left: 190px;
}

#holder #mainBody #sliderControls ul li {
	list-style:none;
	float: left;
	width: 35px;
	font-size: 16pt;
}

li.sliderButton {text-align: center;}
li.sliderButton.selected {
	background: transparent url(/images/slider_butt_bg.gif) top left no-repeat !important;
	
}

li.sliderButton.selected a {
	color: #ffffff;
	
}

a.sliderButt {
	line-height: 41px;
	display: block;
	text-decoration: none;
	color: #4d4d4d;
}

#threeColumn, #twoColumn  {
	width: 846px;
	overflow: hidden;
	font-size: 10pt;
	font-style:italic;
}

#twoColumn {margin-top: 10px;}
.twoColumn-first {}
.twoColumn-first p {margin-bottom: 15px;}

#threeColumn p {
	padding-bottom: 7px;
}

.homepageBanner {
	padding-bottom: 6px;
}

.r-box {
	width: 273px;
	height: 84px;
	background: url(/images/r-box.png) top left no-repeat !important;
	overflow: hidden;
}

.r-box h5 {
	font-size: 16pt;
	padding: 13px;
}

.b-block {  
	height:240px;
}

.ul-r-box {
	margin: 20px 0 20px 10px;
}

.pt {
	padding-top: 50px;
}

.pt10 {
	padding-top: 10px;
}

a.primeLink {
	color: #FF8B00;
	text-decoration: underline;
	font-size: 11pt;
	display: block;
	line-height: 18pt;
}

.primecolor {
	color: #FF8B00;
	text-decoration: bold;
	font-size: 11pt;
	display: block;
	line-height: 18pt;
}


a.primeLink:hover {
	color: #FFAE00;
}

#footer {
	margin-top: 30px;
	margin-bottom: 10px;
	background: url(/images/footer.jpg) center center no-repeat !important;
	height: 45px;
	overflow: hidden;
}

.pc {
	line-height: 45px;
	font-size: 9pt;
	font-style: italic;
	color: #787878;
	padding-left: 20px;
}

/* start styling the sections */

.slide-section-how, .slide-section-distributors {
	width: 846px;
	min-width: 846px;
	height: 432px;
	overflow: hidden;
}


.slide-section-distributors {
	background: url(/images/rhino-map-bg.jpg) top left no-repeat !important;
	
}
.slide-section-how {
	background: url(/images/rhino-media-bg.jpg) top left no-repeat !important;
}
.slide-section-video {
/*	background: url(/images/rhino-media-video.jpg) top left no-repeat !important; */
	background: url(/images/slider/slide-video.jpg) top left no-repeat !important ;
min-height: 600px;
}

.slider-left {
	width: 535px;
	height: 427px;
	float: left;
}

.slider-video {
	width: 841px;
	height: 427px;
	float: left;
}

.slider-sidebar {
	width: 310px;
	height: 427px;
	float: left;
}

.slider-sidebar-right {
	width: 310px;
	height: 427px;
	float: right;
}


.slider-padding {
	padding: 25px;
}

.slider-padding-right {
	padding: 0px 20px 10px 17px;
}

#slider h2, #slider-non-slide h2 {
	font-size: 18pt;
	letter-spacing: -1px;
	font-weight: 600;
}


.twoColumn-first h4 {
	font-size: 18pt;
	letter-spacing: -1px;
	font-weight: 600;
	font-style:normal;
}
#slider h3 {
	font-size: 14pt;
}

#slider h3 span a, #slider-non-slide  h3 span a {
	font-size: 10pt;
	color: #ff8b00;
	text-decoration: underline;
}

#slider h3 span a:hover, #slider-non-slide h3 span a:hover {
	color: #FFAE00;
}

#theMap {margin-top: 26px;}
#thePlayer {margin-top: 0px; text-align: center;}
#thePlayerLeft {text-align: left;}
#tubePlaylist { margin: 0 auto; overflow: hidden;}

#tubePlaylist ul li, #tubePlaylist div { float: left;}
#tubePlaylist ul li img {margin-top: 8px;}
#tubePlaylist ul li {margin-right: 10px;}
.arrows {width: 36px;}
.arrows.first { margin-right: 10px;}


#theMap {
	width: px;
	height: 303px;
	border: 1px solid #9a9a9a;
}
#thePlaylist, #theDistrform {margin-top: 10px;}

#theDistrform p {margin: 15px auto;}

.playlist-item {
	width: 275px;
	height: 76px;
	background: url(/images/playlist_bg.gif) top left no-repeat !important;
	margin-bottom: 6px;
}

.playlist-item .holder {padding: 6px; font-style: italic; overflow: hidden;}
.pl-item-left { float: left;}
.pl-item-right { float: left; width: 120px; padding-left: 6px;}

.pl-item-right p {
	font-size: 10pt;
	line-height: 10pt;
	color: #ffffff;
}


span.play-from-list strong {
	color: #89d034;
	font-size: 11pt;
}

span.play-from-list a, .next-prev a {
	color: #ff8b00;
	text-decoration: underline;
	font-size: 11pt;
}

span.play-from-list a:hover, .next-prev a:hover {
	color: #FFAE00;
}

span.list-date-posted { font-size: 11pt; font-weight:600;}

#distr_usa, #distr_int {
	display: block; width: 244px; height: 65px; margin: 15px auto; text-align: center;}
.distr_butt span {line-height: 65px; font-size: 14pt; color: #900;}
.distr_butt {text-decoration: none;}
.distr_butt {
	background: url(/images/distr_butt.gif) 100% 0 no-repeat !important;
}
.distr_butt-over {
	background: url(/images/distr_butt.gif) 0 100% no-repeat !important;
	color: red;
}

.bt {padding-top: 20px; width: 273px;}
.bt a {margin-bottom: 10px;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
	

/* Fotns*/

/* button-how */

a.button-how{
font-family: Arial, Helvetica, Georgia, Sans-Serif;
background:url(/images/how-button-normal.gif);
display:block;
color:#ff8b00;
height:44px;
line-height:40px;
margin-top: 0px;
text-decoration:underline bold italic;
text-indent:8px;
font-size:18px;
font-style:italic;
width:273px;
}

a:hover.button-how{
font-family: Arial, Helvetica, Georgia, Sans-Serif;
background:url(/images/how-button-over.gif);
display:block;
color:#ff8b00;
height:44px;
line-height:40px;
margin-top: 0px;
text-indent:8px;
text-decoration:underline bold italic;
font-size:18px;
font-style:italic;
width:273px;
}