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

html,body{
	font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
	width:100%;
	height:100%;
}



hr {
	border:0;
background-color: #787878;
height: 2px;
	}

div#navigationcontainer {
	position:fixed;
	z-index:1;
	top:40%;
	width: 112px;
	height: 217px;
	background-image: url(../images/nav_bg_dark.png);
	margin-left: 20px;
	display: none;
}

.navigation{
	margin: 30px 5px;
	
}



.navigation li{
	color:#d1d1d1;
	list-style-type: none;
	display:block;
	padding: 0 10px;
	line-height:24px;
	margin-bottom:2px;

	-webkit-transition: all .2s ease-in-out;
	/*border-bottom:1px solid black;/**/
	text-align:left;
	width:112px;
	text-transform: uppercase;
	
	font-size: 1.25em;
}
.navigation li:hover,li.active{
		font-weight:bold;
		color:#fff;
		
	cursor:pointer;
	width:120px!important;
}
.s_person {
	display: none;	
}
.slide{
	background-attachment: fixed;
	background-size: cover;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}
.wrapper{
	width:90%;
	margin:0 auto;
	position:relative;
	/*background-color: rgba(0,0,0,0.5);/**/
}

.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(0,0,0,0.5);
}
.nextbutton, .backbutton{
	display:block;
	width:200px;
	height:41px;
	position:absolute;
	bottom:0px;
	left:43%;
	background-image:url(../images/arrow_down.png);
	background-repeat: no-repeat;
}
.nextbutton:hover {

	background-image:url(../images/arrow_down_over.png);
	background-repeat: no-repeat;
	cursor:pointer;
}
.backbutton {
	top: 0px;
	bottom: auto;
	background-image:url(../images/arrow_up.png);
}
img.s_title {
	position: absolute;
	padding-top: 1%; /*margin-top: 1%;/*20131211safari*/
	width:40%;
	min-height:6%;
}
img.s_name {
	position: absolute;
	padding-top: 12%; /*margin-top: 12%;/*20131211safari*/
	width:20%;
	min-height:6%;
	z-index: 10;
}



div.s_info {
	position: absolute;
	padding-top: 18%; /*margin-top: 18%;/*20131211safari*/
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
	font-size: 1.25em;
	color:#fff;
		width:24%;
	max-height:60px;
}



/******************************
 SLIDE 1 
*******************************/
#slide1{
	background-image: url(../images/slide1.jpg);
}
div#home_buttons {
	margin: 0px auto 0px auto;
	padding-top: 1%;
	width: 682px;
}
div.home_button {
	width: 148px;
	height: 148px;
	position: absolute;
	cursor: pointer;
}
div#home_button_ofelio {
	margin-left: 0px;
}
div#home_button_nate {
	margin-left: 180px;
}
div#home_button_nadine {
	margin-left: 360px;
}
div#home_button_dawn {
	margin-left: 540px;
}

div.home_button img.imgon {
	display: none;
}
div.home_button:hover img.imgoff {
	display: none;
}
div.home_button:hover img.imgon {
	display: inline;
}

div#index-title {	margin: 0px auto 0px auto;
	padding-top: 17%;
	width: 682px;
}
div#index-title img{width:100%; /*height:100%;/**/ }

div#index-banner {	margin: 0px auto 0px auto;
	padding-top: 15%;
	padding-left: 10%;
}
div#index-banner img{width:90%; /*height:90%;/**/ }

/*
div {
	border: 1px solid #f00;
}
/**/


/******************************
 SLIDE 2 Ofelio
*******************************/
#slide2{
	background-image: url(../images/slide2.jpg);
}
#slide2 img.s_title{ 	padding-left: 3%; /*margin-left: 3%;/*20131211safari*/ }

#slide2 img.s_name {
	padding-left: 42%; /*margin-left: 42%;	/*20131211safari*/
}
#slide2 div.s_info {
	padding-left: 39%; /*margin-left: 39%;/*20131211safari*/
	text-align:right;
	
}


/******************************
 SLIDE 3 Nate
*******************************/
#slide3{
	background-image: url(../images/slide3.jpg);	
}
#slide3 img.s_title {
		padding-left: 1%; /*margin-left: 1%;/*20131211safari*/
}
#slide3 img.s_name{
	padding-left: 19%; /*margin-left: 19%;	/*20131211safari*/
	
}
#slide3 div.s_info {
	padding-left: 16%; /*margin-left: 16%;/*20131211safari*/
	text-align:right;
	font-size:1.1em;
	padding-top: 18%; /*margin-top:18%;/*20131211safari*/
	/*padding-top:5px;/*20131211safari*/
	
}
/******************************
 SLIDE 4 Nadine
*******************************/
#slide4{
	background-image: url(../images/slide4.jpg);
}
#slide4 img.s_title,
#slide4 img.s_name,
#slide4 div.s_info {
	padding-left: 51%; /*margin-left: 51%;/*20131211safari*/
}
/******************************
 SLIDE 5 Dawn
*******************************/
#slide5{
	background-image: url(../images/slide5.jpg);
}
#slide5 img.s_title {
	padding-left: 2%; /*margin-left: 2%;/*20131211safari*/
	}
#slide5 img.s_name{
		padding-top: 18%; /*margin-top:18%;/*20131211safari*/
			padding-left: 18%; /*margin-left: 18%;/*20131211safari*/}
#slide5 div.s_info {
	padding-left: 15%; /*margin-left: 15%;/*20131211safari*/
	padding-top: 24%; /*margin-top:24%;/*20131211safari*/
	text-align:right;
	font-size:1.1em;
}
/******************************
 SLIDE 6 
*******************************/
#slide6{
	background-image: url(../images/slide6.jpg);
}



/******************************
	VIDEO DIV
*******************************/
div.videodiv_video {
	float:left;
	margin-top: 40px;
	margin-left: 20px;
	width:900px;
	height: 470px;
	overflow: hidden;
}


div.videodiv_skiplink {
	float:right;
	margin-top: 40px;
	margin-right: 20px;
	width: 80px;
	text-align: right;
}



div.videodiv_track {
	float:right;
	margin-top: 40px;
	margin-right: 10px;
	text-align:left;
	color:#B5B5B5;
	font-family: 'Helvetica', Arial, sans-serif;
}
div.videodiv_track div {
	margin-bottom: 20px;
	width: 160px;
	display: none;
}

div.videodiv_track a{color:#B5B5B5; font-size:16px; text-decoration:none;}
div.videodiv_track a:visited{color:#B5B5B5;}
div.videodiv_track a:hover {color:#FFFFFF; font-weigth:700;}



div.videodiv_track div.videodiv_trackdiv0 {
	display: block;
	font-weight: bold;
}

div.videodiv_trackdivFinal {
	font-weight: bold;
}






/******************************
	PHOTO ESSAY
*******************************/
div#cboxTitle {
	font-size: 20px;
	font-family: 'Helvetica', Arial, sans-serif;

}

div.essayblock {
	
	margin-top: 20px;
	margin-left: 15px;
	width: 750px;
	height:570px;
	
}
div.essayblock1 {
}
div.essayblockimg {
	text-align: center;
}
div.essayblockimg img {
	width:92%;
	height:450px;

}
div.essayblocktitle { /* image captions */
	text-align: left;
	font-family: 'Helvetica', Arial, sans-serif;
margin-top:5px;
width:100%;
font-size:.9em;
min-height:30px;
line-height:1.3em;
color:#C8C8C8;
}



div.essaydiv_button img{

	cursor: pointer;	
	width:12px;
	height:45px;
	margin-bottom:25px;
}

div.essayblocktitle a {color:#fff; text-decoration:none;}

div.essayblocktitle a:visited {color:#fff;}

div.essaydiv_buttonleft {
	float:left;
	margin:8px 10px 0 5px;
	width:12px;

	
	
}

div.essaydiv_buttonright {
	float:right;
	margin:8px 5px 0 5px;
	width:12px;
}


div.essaycount {
	float:right;
	margin-top: 20px;
	margin-right: 190px;
	width:80px;
	height:40px;
	color:#fff;
}


div.essayblock-content-right {
float:right;
width:280px;
/*background-color:#B47C7D;	*/
	
	}

div.essayblock-content-left{
float:left;
width:800px;
/*background-color:#F1C8C9;*/
	
	}



div.essaytitle {

min-height:30px;
color:#C8C8C8;
}
div.essayquote {
	float:right;
	margin-top:30px;
	margin-right:30px;
	text-align:left;
	width: 215px;
	font-size: 18px;
	line-height: 1.4em;
	color:#A8A8A8;
	font-family: 'Helvetica', Arial, sans-serif;
}

.quote-mark{ font-size:2.1em; color:#E7E7E7; line-height:.2em;
			font-family:Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif;
}

div.essaylinks {
float:right;
margin-top:30px;
margin-right:5px;
  font-size: .9em;
  
}

div.essaylinks a:link {color:#000; text-decoration:none;}
div.essaylinks a:visited {color:#000;}

div.essaylinks ul{float:right;}

div.essaylinks li{
	width:180px;
  height:20px;
margin-bottom:4px;
  background-color:#ffffff;
  opacity:0.5;
  filter:alpha(opacity=35); /* For IE8 and earlier */
  padding:3px 10px 0 0;
	font-family: 'Helvetica', Arial, sans-serif;	
	text-align:right;
	}
div.essaylinks li:hover{  background-color:#ffffff;
opacity:0.7;   filter:alpha(opacity=7); /* For IE8 and earlier */}
  
  

div.arrows{font-size:1.4em;}
div#link-box-title{
	text-align:left;
	font-size: 1.1em;
	margin-bottom:4px; 
	width:220px; 
	height:30px; 
  background-color:#ffffff;
  opacity:0.6;
  filter:alpha(opacity=6); /* For IE8 and earlier */
	padding-bottom:0px;
	padding-right:5px;
	padding-top:6px;
	color:#000; 
	margin-bottom; font-family: 'Helvetica', Arial, sans-serif;}
	
	div#link-box-title:hover{  background-color:#ffffff;
opacity:0.8;   filter:alpha(opacity=8); /* For IE8 and earlier */}
  
div#link-box-title img{height:12px; width:12px;padding-left:8px;padding-right:5px;}