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


#MainContainer{
	z-index:10;	
	width:960px;
	height:590px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-480px;
	margin-top:-295px;
		overflow:hidden;

}

.CellSmall{
	width:322px;
	height:198px;
	z-index:10;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-161px;
	margin-top:-99px;
	cursor:pointer;
	overflow:hidden;
	opacity:0;			
}
.CellHighlight{
	width:322px;
	height:198px;
	z-index:9;
	background-color:#000;
	position:absolute;
	cursor:pointer;	
}


#CellWrapper{
	z-index:4;	
	width:960px;
	height:590px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-480px;
	margin-top:-295px;
	overflow:hidden;
}
#CellWrapperBkgrnd{
	z-index:3;	
	width:960px;
	height:590px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-480px;
	margin-top:-295px;
	overflow:hidden;
	background-color:#fff;
	
}
/* --------------------------------------------------------------  */

#PortfolioContainer{
	z-index:15;
	width:100%;
	height:590px;
	position:absolute;
	top:50%;
	margin-top:-295px;
	background-color:#fff;
	overflow:hidden;
	text-align:center;	
}

#ViewerMask{
	width:960px;
	height:590px;
	position:absolute;
	left:50%;
	margin-left:-480px;
	overflow:hidden;
	background-color:#fff;

}
#ImageContainer{
	width:3840px;
	height:590px;
	position:absolute;

}


.Image{
	width:960px;
	height:590px;
	float:left;
	background-color:#FFF;
}

.SubNavContainer{
	width:960px;
	height:25px;
	position:absolute;
	left:50%;
	margin-left:-480px;
	margin-top:480px;
	
}
.Caption{
	width:550px;
	font-size:14px;
	position:absolute;
	margin-top:550px;
	text-align:left;
	
}

.TinyBtnBox{
	height:20px;
	width:210px;
	position:absolute;
	right:0px;
	margin-top:550px;
	text-align:right;
}
.TinyBtn{
	height:15px;
	width:40px;
	background-color:#ccc;
	float:left;
	margin-left:2px;
	text-align:center;
	cursor:pointer;
			
}

.closeBtn{
	height:18px;
	width:40px;
	float:left;
	margin-left:2px;
	text-align:center;
	font-size:12px;
	cursor:pointer;
			
}


/*--------------------------------------------------------- external CONTENT */

#externalContentLayer{
	width:960px;
	height:590px;
	position:absolute;
	background-color:#FFF;
	z-index:16;	
}

/*------------------------------------------------------------------ 
													PROFILE
-------------------------------------------------------------------*/

#ProfileCopy{
	font-family: "arimo",sans-serif;
	width:400px;
	font-size:15px;
	line-height:20px;
	position:absolute;
	margin-top:50px;
	margin-left:100px;	
}
.ProfileTitle{
	font-weight: 700;
}
#SidePanel{
	font-family: "arimo",sans-serif;
	font-size:14px;
	position:absolute;
	width:300px;
	left: 600px;
	top:80px;
}
.sidePanelTitle{
	font-size:12px;
	font-weight:bold;
}
.profileIcon{
	width:20px;
	height:20px;	
}
img.profileIcon{
	    vertical-align: middle;
}
a.profileStyle{
	text-decoration:none;
	color:#000;	
}
/*------------------------------------------------------------------ 
													CONTACT
-------------------------------------------------------------------*/
.contactHeadline{
	font-size:36px;
	
}
input{
	border:#CCC thin 1px;
	width:70%;
	height:26px;
	font-family: "ff-netto-web",sans-serif;
}
textarea{
	width:100%;
	height:58px;
	font-family: "ff-netto-web",sans-serif;
	
}
.error{
	font-weight:bold;
	color:#C30;
}
.thankyou{
	font-weight:bold;	
	font-size:14px;	
}

/*------------------------------------------------------------------ 
													SIDE NAV + MENU
-------------------------------------------------------------------*/
#MainNavContainer{
	width:100px;
	height:590px;
	position:absolute;	
	z-index:7;
	/*center nav vertically*/
	top:100px;
	
	/*background-color:#E9E9E9;*/
	
}






.MainNavBtn{
	width:100%;
	height:20px;
	float:left;
	margin-top:5px;
	padding-left:10px;
	padding-top:3px;
	font-size:14px;
	text-align:left;
	cursor:pointer;
}



#PortfolioBkgrnd{
	z-index:2;
	background-color:#FFF;
	width:100%;
	height:100%;
	position:absolute;
background: -webkit-linear-gradient(rgb(236,235,235),rgb(255,255,255),rgb(255,255,255)); 
background: -o-linear-gradient(rgb(236,235,235),rgb(255,255,255),rgb(255,255,255)); 
background: -moz-linear-gradient(rgb(236,235,235),rgb(255,255,255),rgb(255,255,255)); 
background: linear-gradient(rgb(236,235,235),rgb(255,255,255),rgb(255,255,255)); 
	
}
/* ----------------------------------------------------------------------------  MOBILE CSS */
@media only screen and (max-width: 600px){
	
#MainContainer{
	width:600px;
	height:400px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-200px;
		overflow:hidden;

}

#PortfolioContainer{
	display:none;

}
	
	
	
}