@charset "utf-8";

a:link, a:hover, a:active { 
    text-decoration: none; 
}

select:-moz-focusring { color: transparent; }

#primary_research_container_12303{
	position: relative;
	padding: 0px;
	width: 770px;
	height: 400px;
	font-family: arial;
	overflow: hidden;
}


/*---------------------------------------------------
                 *****  Intro  ****** 
 ----------------------------------------------------*/

#PRimage_container_12303{
	position:relative;
	width: 770px;
	top:0px;
	left:0px;
}

nav ul {
	margin:0;
	padding:0;
}

nav li {
	border: solid 1px #ccc;
	display:inline-block;
	padding: 5px;
	background-size:cover;

}

nav button {
	width: 240px;
	height: 160px;
	border: none;
	font-size:1.17em;
	font-weight:bold;
	overflow:hidden;
	background:rgba(255,255,255,.2);
}

nav button:hover, nav button:focus, nav button.active {
	background:rgba(255,255,255,.7);
}

.nav-survey {
	background-image:url('../images/primaryResearch_0.jpg');
}

.nav-interview {
	background-image:url('../images/primaryResearch_1.jpg');
}

.nav-observation {
	background-image:url('../images/primaryResearch_2.jpg');
}


/*---------------------------------------------------
                 *****  text  ****** 
 ----------------------------------------------------*/

#PRtext_content{
	position: absolute;
	width: 712px;
	height: 150px;
	top: 177px;
	border: solid 1px #ccc;
	padding: 25px;
	background-color: #f5f5f5;
	overflow: hidden;
}

.PRText_12303{
	position: absolute;
	top: 0px;
	left: 0px;
}

#PRtext_12303_0{
	position: relative;
	text-align: center;
	top: 50px;
}

#PRtext_12303_1{
	position: relative;
	display: none;
}

#PRtext_12303_2{
	position: relative;
	display: none;
}

#PRtext_12303_3{
	position: relative;
	display: none;
}


/*---------------------------------------------------
                 *****  arrow  ****** 
 ----------------------------------------------------*/

 .PRselectedArrow_12303{
 	position: absolute;
 	top: 150px;
 	height:37px;
 	width: 57px;
 	z-index: 1;
 }

 #PRselectedArrow_12303_0{
 	left: 105px;
 	
 }

 #PRselectedArrow_12303_1{
 	left: 350px;
 	
 }

 #PRselectedArrow_12303_2{
 	left: 607px;

 }