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

html{
}

body {
  background:#000000;
  font-family: Arial, Helvetica, sans-serif;}

/*-----------------------[HOME]-------------------------*/
 .page{
	width:1260px;
	height:760px;
	margin: 0 auto;
	padding: 0;
	background: #000000 url(../images/background.jpg)  no-repeat center ; }
	
/*-----------------------Videos----------------------*/
#video_wrapper{
	display:block;
	width:960px;
	margin: 80px 150px 0px 150px;
	padding: 0;
	float:left; }

#main_video {
	display:block;
	width: 472px;
	height: 309px;
	margin: 0px 15px 0px 0px;
	padding: 0;
	float: left;
	position: relative; /*For Caption Positioning*/ }

#main_video a:link, a:visited{
	display:block;
	width: 466px;
	height: 303px;
	margin: 0;
	padding:0;
	background: #000000  url(../images/00_intro_466.jpg) no-repeat center;
	border: 3px solid #000000; } 

#main_video a:hover, a:active{
	width: 472px;
	height: 306px;
	margin: 0;
	padding:0;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }
	
#main_video a:hover .main_caption{
	display:none;
	}
 

/*---------------*/
#video1 {
	display:block;
	width: 229px;
	height: 147px;
	margin: 0px 15px 0 0;
	padding: 0;
	float: left;
	position: relative; }

#video1 a:link, a:visited{
	display:block;
	width: 223px;
	height: 141px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/01_screams_223.jpg) no-repeat center;
	border: 3px solid #000000; }

#video1 a:hover, a:active{
	width: 229px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	/*background: none;*/
	opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
	border: none; }
	
#video1 a:hover .caption{
	display:none;}

/*---------------*/
#video2 {
	display:block;
	width: 229px;
	height: 147px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative; }

#video2 a:link, a:visited{
	display:block;
	width: 223px;
	height: 141px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/02_junkies_223.jpg) no-repeat center;
	border: 3px solid #000000; }

#video2 a:hover, a:active{
	width: 229px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }
	
#video2 a:hover .caption{
	display:none;}


/*---------------*/
#video3 {
	display:block;
	width: 229px;
	height: 147px;
	margin: 15px 15px 0 0;
	padding: 0;
	float: left;
	position: relative; }

#video3  a:link, a:visited{
	display:block;
	width: 223px;
	height: 141px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/03_herodies_223.jpg) no-repeat center;
	border: 3px solid #000000; }

#video3 a:hover, a:active{
	width: 229px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none;}
	
#video3 a:hover .caption{
	display:none;}

/*---------------*/
#video4 {
	display:block;
	width: 229px;
	height: 147px;
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	position: relative; }

#video4  a:link, a:visited{
	display:block;
	width: 223px;
	height: 141px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/04_brokensystem_223.jpg) no-repeat center;
	border: 3px solid #000000; }

#video4 a:hover, a:active{
	width: 229px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }
	
#video4 a:hover .caption{
	display:none;}

/*---------------*/
#video5 {
	display:block;
	width: 228px;
	height: 147px;
	margin: 15px 15px 0 0;
	padding: 0;
	float: left;
	position: relative; }

#video5 a:link, a:visited{
	display:block;
	width: 222px;
	height: 141px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/05_kerala_223.jpg) no-repeat center;
	border: 3px solid #000000; }

#video5 a:hover, a:active{
	width: 229px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }
	
#video5 a:hover .caption{
	display:none;}

/*---------------*/
#video6 {
	display:block;
	width: 229px;
	height: 147px;
	margin: 15px 15px 0 0;
	padding: 0;
	float: left;
	position: relative; }

#video6 a:link, a:visited{
	display:block;
	width: 223px;
	height: 141px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/06_ugandasolution_223.jpg) no-repeat center;
	border: 3px solid #000000; }
	
#video6 a:hover, a:active{
	width: 229px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }

#video6 a:hover .caption{
	display:none;}

/*---------------*/
#video7{
	display:block;
	width: 229px;
	height: 147px;
	margin: 15px 15px 0 0;
	padding: 0;
	float: left;
	position: relative;}

#video7 a:link, a:visited{
	display:block;
	width: 223px;
	height: 141px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/07_ownhands_223.jpg) no-repeat center;
	border: 3px solid #000000; }

#video7 a:hover, a:active{
	width: 229px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }

#video7 a:hover .caption{
	display:none;}

/*---------------*/
#video8 {
	display:block;
	width: 229px;
	height: 147px;
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	position: relative; }

#video8  a:link, a:visited{
	display:block;
	width: 223px;
	height: 141px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/08_socialpain_223.jpg) no-repeat center;
	border: 3px solid #000000; }

#video8 a:hover, a:active{
	width: 229px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }

#video8 a:hover .caption{
	display:none;}

	
/*---------------*/
#video9 {
	display:block;
	width: 109px;
	height: 109px;
	margin: 15px 11px 0 0;
	padding: 0;
	float: left;
	position: relative; }

#video9  a:link, a:visited{
	display:block;
	width: 103px;
	height: 103px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/09_acupuncture_118.jpg) no-repeat center;
	border: 3px solid #000000; }

#video9 a:hover, a:active{
	width: 109px;
	height: 109px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }
	
#video9 a:hover .small_caption{
	display:none;}
	
/*---------------*/
#video10 {
	display:block;
	float: left;
	width: 109px;
	height: 109px;
	margin: 15px 11px 0 0;
	padding:0px;
	position: relative; }

#video10  a:link, a:visited{
	display:block;
	width: 103px;
	height: 103px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/10_poppies_118.jpg) no-repeat center;
	border: 3px solid #000000; }

#video10 a:hover, a:active{
	width: 109px;
	height: 109px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none;  }
	
#video10 a:hover .small_caption{
	display:none;}
	
/*---------------*/
#video11 {
	display:block;
	float: left;
	width: 109px;
	height: 109px;
	margin: 15px 11px 0 0;
	padding:0px;
	position: relative;  }

#video11 a:link, a:visited{
	display:block;
	width: 103px;
	height: 103px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/11_backtowork_118.jpg) no-repeat center;
	border: 3px solid #000000; }

#video11 a:hover, a:active{
	width: 109px;
	height: 109px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }

#video11 a:hover .small_caption{
	display:none;}
	
	
/*---------------*/
#video12 {
	display:block;
	float: left;
	width: 109px;
	height: 109px;
	margin: 15px 17px 0 0;
	padding:0px;
	position: relative;  }

#video12 a:link, a:visited{
	display:block;
	width: 103px;
	height: 103px;
	margin: 0px;
	padding: 0px;
	background: #000000 url(../images/12_acknowledge_118.jpg) no-repeat center;
	border: 3px solid #000000; }

#video12 a:hover, a:active{
	width: 109px;
	height: 109px;
	margin: 0px;
	padding: 0px;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	/*background: none;*/
	border: none; }

#video12 a:hover .small_caption{
	display:none;}


/*-----------VIDEO CAPTIONS--------*/
	
.main_caption{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    /* styling below */  
    background-color:black;
    text-decoration: none; 
    font-family: 'helvetica';  
    font-size:15px;  
    color:white;  
    opacity:0.8; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
}  
p.main_caption_content{  
    padding:10px;  
    margin: 0;  
} 
.caption{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    /* styling below */  
    background-color:black;  
    font-size:11px;  
    color:white;  
    opacity:0.8; /* transparency */  
    filter:alpha(opacity=80); /* IE transparency */  
}  
p.caption_content{  
    padding:5px;  
    margin: 0;  
} 

.small_caption{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    left:0px;  
    width:100%;  
    /* styling below */  
    background-color:black;  
    font-size:9px;  
    color:white;  
    opacity:0.8; /* transparency */  
    filter:alpha(opacity=80); /* IE transparency */  
}  
p.small_caption_content{  
    padding:5px;  
    margin: 0;  
} 
	
/*------------HOME PAGE HEADER--------------*/
#homepage_header{ 
	display: block;
	width: 473px;
	height: 118px; 
	margin: 15px 0px 0px 0px; 
	padding: 0;
	float: left; }

.header_image{ 
	display: block;
	width: 473px;
	height: 70px; 
	margin: 0; 
	padding: 0;
	float: left;
	background: url(../images/00_painproject_473.png) no-repeat center}

/*---------------------Navigation--------------------*/

nav{
	margin: 5px 0 0 0;
	padding: 0;
	float:right;}
	
	
#home_nav{
	margin: 0;
	padding: 0;
	list-style-type:none; }
	
#home_nav li{
	width: 140px;
	height: 18px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-shadow: 2px 2px #000000;
	display: inline;}
	
#home_nav a:link, a:visited{
	width: 140px;
	height: 18px;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 2px 2px #000000;
	text-decoration:none;
	text-align: center;
	border: none; }
	
#home_nav a:hover, a:active{
	width: 140px;
	height: 18px;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:underline;
	text-align: center;	
	border: none; }
	
/*------------IRP Link--------------*/

.irp_logo{
	display:block;
	width: 178px;
	height: 80px;
	margin: 70px 160px 0 0;
	padding: 0;
	float:right;
	background: none; }

.irp_logo a:link, a:visited{
	width: 178px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: none; 
	border: none; }

.irp_logo a:hover, a:active{
	width: 178px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: none; 
	border: none; }