@charset "UTF-8";
/* CSS Document */
@import url("reset.css");

body{
	background-color: #000000;
	background: url('../images/body_bg.gif') #0D0D0D no-repeat center top;
	margin: 0px;
	color: #565050;
	font-family:arial,helvetica,verdana,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	line-height: 1.2em;
}
div#header{
	width: auto;
	margin: 0px;
	min-height: 88px;
	height: 100px;
	background: url('../images/header_bg.jpg') no-repeat top center;
	overflow: hidden;
}
div#insideHeader{
	width: 985px;
	margin: 0 auto;
}
#logo{
	padding: 20px 0;
}
span#presented {
	color:#A7A7A7;
	font-family:trebuchet MS;
	font-size:12px;
	font-style:italic;
	position:absolute;
	margin-left:415px;
	top:47px;
}
#wvlogo{
	float: right;
	padding: 10px 10px;
	clear: both;
}
div#background{
	background: url('../images/backgrounds/home_bg.jpg') no-repeat top left;
	background-color: #000000;
}
div#navigation{
	border: 1px solid #837870;
	border-left: 0px;
	border-right: 0px;
	color: #ffffff;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;	
	background: rgba(255, 255, 255, 0.2);
}
div#navigation ul{
	margin: auto;
	width: 985px;
	line-height: 24px;
}
div#navigation ul li:first-child a{
	border-left: 1px solid #837870;
}
div#navigation ul li{
	list-style-type: none;
	display: inline;
	line-height: 24px;
	height:24px;
}
div#navigation ul li a{
	padding: 4px 14px;
	color: #ffffff;
	border-right: 1px solid #837870;
	margin-left: -5px;
}
div#content{
	width: 985px;
	margin: 0 auto;
	margin-top:54px;
}
div#contentLeft{
	float: left;
	width: 640px;
}
div#contentRight{
	float: left;
	width: 320px;
	margin-left: 20px;
}
div#rightBlock{
	background-color: #212121;
	padding: 5px;
	margin-bottom: 20px;
	width: 300px;
}
div#flashPlayer{
	width:640px;
	height:410px;
}
div.infoBlock{
	width: 570px;
	height: 340px;
	background-color: #212121;
	position:absolute;
	margin-top: -413px;
	padding: 35px;
	border: 2px solid #837870;
	left: -999em;
}
div.infoBlock h1{
	font-size: 48px;
	color: #ffffff;
	margin-bottom: 36px;
}
div.infoBlock h2{
	font-size: 24px;
	color: #a7a7a7;
	margin-bottom: 15px;
	margin-top: -5px;
}
div.infoBlock p{
	color: #837870;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 20px;
	font-weight: bold;
}
span.closeButton{
	width:32px;
	height:32px;
	position:absolute;
	margin-top:-16px;
	margin-right:-16px;
	background-image:url('../images/close_button.gif');
	display:block;
	top:0px;
	right:0px;
}
span.closeButton a{
	width:32px;
	height:32px;
	display:block;
}
#subNavigation{
	padding-top:16px;
	padding-bottom: 16px;
}
#subNavigation ul{
	float: right;
}
#subNavigation ul li{
	float: left;
	list-style-type: none;
	line-height: 20px;
	display: inline;
	padding-right: 16px;
}
#subNavigation a{
	color: #837870;
	font-size: 12px;
}
#subNavigation a:hover{
	color: #fff;
}
#subNavigation strong{
	font-size: 11px;
	font-weight: bold;
}
#subNavigation .socialIcons{
	display: block;
	padding-left: 7px;
	padding-right: 0px;
}
#subNavigation .socialIcons a,
#subNavigation .socialIcons span{
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	background: url('images/social_icons.gif') 0 0 no-repeat;
}
#subNavigation .socialIcons a strong,
#subNavigation .socialIcons span strong{
	position: absolute;
	left: -999em;
	color: #ffffff;
	font-weight: normal;
	font-size: 10px;
}
#subNavigation .socialIcons a strong{
	display: block;
	width: 58px;
	height: 22px;
	text-align: center;
	line-height: 16px;
	background: url('../images/social_icons_over.gif') no-repeat 0 0;
}
#subNavigation .socialIcons a:hover strong{
	top: -25px;
	left: -20px;
}
#subNavigation #facebook a{
	background: url('../images/social_icons.gif') 0 -20px no-repeat;
}
#subNavigation #twitter a{
	background: url('../images/social_icons.gif') 0 -40px no-repeat;
}
#subNavigation #youtube a{
	background: url('../images/social_icons.gif') 0 -60px no-repeat;
}
div#playList{
}
div#playList h3{
	margin: 0px;
	margin-bottom: 2px;
}
div#slider{
	margin: 0;
	width: 310px;
	position: relative;
	background-color: #212121;
}
.scroll{
	overflow: auto;
	position: relative;
	width: 310px;
	height: 290px;
	clear: left;
}
#scrollButtons{
	padding-top: 15px;
	padding-left: 63px;
	width: 100%;
	background-color: #000000;
	text-align: center;
}
#scrollButtons .moreVideos{
	color: #f68e21;
	font-size: 18px;
	line-height: 33px;
	margin:0px 14px;
	float: left;
}
.scrollButtons {
  cursor: pointer;
	float: left;
}
.scrollButtons.left {
}
.scrollButtons.right {
}
div.videoItem {
	height:62px;
	margin:10px 0 0 5px;
	overflow:hidden;
	width:305px;
}
div.videoItem h3 a{
	color: #A7A7A7;
}
div.selectedItem h3 a{
	color: #fff;
}
div.selectedItem p{
	color: #A7A7A7;
}
div.videoItem h3 a:hover{
	color: #fff;
}
div.videoItem a img{
	width: 102px;
	height: 56px;
	float: left;
	margin: 1px 8px 0 0;
	border: 1px solid #000000;
	padding: 1px;
	background: #4d4d4d;
}
div.selectedItem a img{
	background: #a7a7a7;
}
div.videoItem a:hover img{
	background: #837870;
}
div#description{
	clear: both;
	border-top: 1px solid #837870;
	border-bottom: 1px solid #837870;
	width: auto;
	margin-top: 20px;
	background: rgba(255, 255, 255, 0.2);
	height: 153px;
}
div#copyContent{
	padding: 25px;
	margin-left: 200px;
}
div#copyContent p{
	color: #b4b4b4;
	font-size: 14px;
}
div#copyContent h3.title{
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 14px;
}
div#copyContent p.action{
	font-size: 12px;
	margin-top: 14px;
}
div#copyContent p.action a{
	color: #f78f1e;
	text-decoration: underline;
}
div#insideDesc{
	width: 960px;
	margin: 0 auto;
}
div#colorBlock{
	width: 75px;
	height: 153px;
	margin-left: 110px;
	border-left: 1px solid #837870;
	border-right: 1px solid #837870;
	background-color: #f78f1e;
	float: left;
}
div#footer{
	width: 100%;
	margin: auto;
	margin-top: 7px;
}
div#footer p{
	font-size: 11px;
	color: #837870;
	font-weight: normal;
	width: 600px;
	margin: 0 auto;
	padding-left: 100px;
}
div#footer p.copyright{
	float: left;
	width: auto;
}
h3{
	font-size: 14px;
	color: #A7A7A7;
	padding-bottom: 2px;
	font-weight: normal;
}
p{
	line-height: 1.2em;
}
.beta{
	color: #FFFFFF;
	margin-left: -220px;
	top: -20px;
	position: relative;
}
a{
	text-decoration: none;
	color: #ff6600;
}
a:hover{
	color: #A7A7A7;
}

/* BACKGROUND CHANGES BY ID */
body#home div#background{
	background: #000 url('../images/backgrounds/home_bg.jpg') no-repeat top left;
}
body#stories div#background{
	background: #000 url('../images/backgrounds/stories_bg.jpg') no-repeat top left;
}
body#issues div#background{
	background: #000 url('../images/backgrounds/issues_bg.jpg') no-repeat top left;
}
body#regions div#background{
	background: #000 url('../images/backgrounds/regions_bg.jpg') no-repeat top left;
}
body#our-work div#background{
	background: #000 url('../images/backgrounds/our_work_bg.jpg') no-repeat top left;
}
body#history div#background{
	background: #000 url('../images/backgrounds/history_bg.jpg') no-repeat top left;
}
body#international div#background{
	background: #000 url('../images/backgrounds/international_bg.jpg') no-repeat top left;
}
body#artists div#background{
	background: #000 url('../images/backgrounds/artists_bg.jpg') no-repeat top left;
}

/* NAVIGATION COLOR CHANGES BY ID */
body#home div#navigation ul li a#link1{
	background-color: #f68e21;
}
body#stories div#navigation ul li a#link2{
	background-color: #c94d00;
}
body#issues div#navigation ul li a#link3{
	background-color: #9fa617;
}
body#regions div#navigation ul li a#link4{
	background-color: #00759b;
}
body#our-work div#navigation ul li a#link5{
	background-color: #f4aa00;
}
body#history div#navigation ul li a#link6{
	background-color: #00759b;
}
body#international div#navigation ul li #link7{
	background-color: #a864a9;
}
body#artists div#navigation ul li #link8{
	background-color: #feb913;
}

/* COLOR BLOCK CHANGES BY ID */
body#home div#colorBlock{
	background-color: #f68e21;
}
body#stories div#colorBlock{
	background-color: #c94d00;
}
body#issues div#colorBlock{
	background-color: #9fa617;
}
body#regions div#colorBlock{
	background-color: #00759b;
}
body#our-work div#colorBlock{
	background-color: #f4aa00;
}
body#history div#colorBlock{
	background-color: #00759b;
}
body#international div#colorBlock{
	background-color: #a864a9;
}
body#artists div#colorBlock{
	background-color: #feb913;
}

/* Firefox */
@-moz-document url-prefix(){
	div#navigation ul li a{ padding: 3px 14px; }
}