@charset "UTF-8";
/* CSS Document */
body {
	font-size: 14px;
	color: #000;
	background-color: #fff;
	text-align: left;
	margin:0px;
	padding:0px;
}

h1 {
	font-size: 20px;
	color: #0f0;
	text-align: left;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin-top:8px;

}

.mainStripe{
	width:900px;
	background-color:none;
	/*
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-ms-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-o-box-shadow:3px 3px 5px rgba(0,0,0,.35);			
	*/
	margin:0px auto;
} 

.projectList{
	top:100px;
	position:absolute;
	background-color:none;
	height:205px;
	width:900px;
	z-index:1000;
} 

.container{
	float:left;
	height:100px;
} 

.menuImage {
	float:left;
	display:block;
	width:150px;
	height:100px;
	color:#000;
	position:relative;
}

.shadowBox{
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-ms-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-o-box-shadow:3px 3px 5px rgba(0,0,0,.35);	
}

.menuImage img {
	float:left;	
	opacity: 1;
	-webkit-transition: opacity .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out;			

}

.menuImage .detailsContainer {
	position: relative;
	left: 0px;
	top:0px;
	opacity: 0;
	width:150px;
	height:100px;
	background-color: #fff;
	-webkit-transition: opacity .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out;			
}

.menuImage .detailsContainer:hover {
	opacity: .65;
	-webkit-transition: opacity .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out;			
}


.menuImage .detailsContainerSmallButton {
	position: relative;
	left: 0px;
	top:0px;
	opacity: 0;
	background-color: #fff;
	-webkit-transition: opacity .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out;			
}

.menuImage .detailsContainerSmallButton:hover {
	opacity: .45;
	-webkit-transition: opacity .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out;			
}



.container#light .detailsContainer#trialLightShow,
.container#noa .detailsContainer#trialNoa,
.container#main .detailsContainer#home,
.container#base .detailsContainer#base,
.container#doneliza .detailsContainer#doneliza,
.container#isabelleDanielle .detailsContainer#isabelleDanielle,
.container#jackieMegan .detailsContainer#jackieMegan,
.container#james .detailsContainer#james,
.container#lucreciaKazCassie .detailsContainer#lucreciaKazCassie,
.container#mark .detailsContainer#mark,
.container#mayaKevin .detailsContainer#mayaKevin,
.container#MillayJordanMay .detailsContainer#MillayJordanMay,
.container#patrick .detailsContainer#patrick,
.container#sidl .detailsContainer#sidl,
.container#telefonica .detailsContainer#telefonica
{
	opacity: .65;
	-webkit-transition: opacity .35s ease-in-out;
	-ms-transition: opacity .35s ease-in-out;
	-moz-transition: opacity .35s ease-in-out;
	-o-transition: opacity .35s ease-in-out;			
}

.menuImage .detailsContentTitle{
	font-size:18px;
	position:absolute;
	/*bottom:14px;*/
	bottom:0px;
	left:0px;
}

.menuImage .detailsContentText{
	font-size:14px;
	position:absolute;
	bottom:0px;
	left:0px;
}

.mainPicture{
	position:relative;
	width:900px;
	background-color:none;	
}

.infoBar{
	margin-top:10px;
	width:250px;
	border-right:1px solid #333;
	background-color:none;	
	float:left;
	/*
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-ms-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-o-box-shadow:3px 3px 5px rgba(0,0,0,.35);				
	*/
}

.infoBar .superName{
	font-weight:bold;
	margin-top:5px;
} 

.infoBar .link{
	font-style:italic;
	font-size:12px;
}

.infoBar .inner{
	width:240px;
} 


.contentBar{
	width:640px;
	background-color:none;
	float:right;
	/*
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-ms-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-o-box-shadow:3px 3px 5px rgba(0,0,0,.35);				
	*/
}

.contentBar .projectTitle{
	font-weight:bold;
	margin-top:10px;
	font-size:20px;
} 

.contentBar .link{
	font-style:italic;
	font-size:12px;	
}

.contentBar img{
	padding:4px 0 4px 0;	
}

.contentBar .caption{
	font-style:italic;
}

.footer .divider{
	height:1px;
	background-color:#aaa;
	width:100%;
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-ms-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-o-box-shadow:3px 3px 5px rgba(0,0,0,.35);				
}

.footer{
	width:900px;
	background-color:none;
	float:left;
	margin-top:10px;
	margin-bottom:3px;
	height:25px;
	text-align:right;	
	/*
	-webkit-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-ms-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-moz-box-shadow:3px 3px 5px rgba(0,0,0,.35);
	-o-box-shadow:3px 3px 5px rgba(0,0,0,.35);				
	*/
}


.MainDescriptionImageLeft{
	float:left;
	padding-right:10px;
}