/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	MICHAEL ALAN - CASE STUDIES

-----------------------------------------------------------------------------------------------------------------------------

	:: squarehead design studio   -  845.331.1953 | www.squarehead.com | sbliss@squarehead.com
	
	
	PALETTE	
	green:	#3C8A2E
	purple: #622567
	gray:	#9A9A9A (40% black)
	orange:	#F57531
	
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* 	portfolio
---------------------------------------------------------------------------------------------------------------------------*/
#portfolio { width: 300px; overflow: hidden; }
#portfolio #slider { position: relative; width: 2808px;}

/* 	grid
---------------------------------------------------------------------------------------------------------------------------*/
#portfolio .grid { width: 300px; float: left; margin-right: 12px;  }

#portfolio .grid .icon { border: 1px solid #9A9A9A; margin: 0 12px 12px 0; float: left; }
#portfolio .grid .icon.last { border: 1px solid #9A9A9A; margin: 0 0 12px 0; }
#portfolio .grid .icon:hover { border: 1px solid #F57531; cursor: pointer; }

#portfolio .grid .controls { width: 300px; float: left; margin: 10px 0 12px;  }
#portfolio .grid .controls .btngrid { border: 1px solid #F57531;  margin: 0 6px 0 0; border-bottom: 6px solid #F57531; }
#portfolio .grid .controls .back_btn:hover,
#portfolio .grid .controls .btngrid:hover,
#portfolio .grid .controls .video_btn:hover { border: 1px solid #F57531; cursor: pointer; border-bottom: 6px solid #F57531; }

#portfolio .grid .controls .video_btn,
#portfolio .grid .controls .img_btn,
#portfolio .grid .controls .back_btn { border: 1px solid #9A9A9A; border-bottom: 6px solid #9A9A9A; }

#portfolio .grid .controls .video_btn.no-video { visibility: hidden;}

#portfolio .grid .fullpic { margin: 0; float: left; }

/* 	captions
---------------------------------------------------------------------------------------------------------------------------*/
#portfolio .grid p.caption { padding: 4px 6px; background: #9A9A9A; color: #FFFFFF; margin: 0 0 20px; float: left; width: 100%; }

/* 	thumbs
---------------------------------------------------------------------------------------------------------------------------*/
#portfolio .grid .thumb img { border: 0; margin: 0; padding: 0; float: left; }
#portfolio .grid .thumb { border: 1px solid #9A9A9A; margin: 0 12px 6px 0; float: left; padding: 0; border-bottom: 6px solid #9A9A9A; }
#portfolio .grid .thumb.last { margin: 0 0 12px 0; }
#portfolio .grid .thumb:hover { border: 1px solid #F57531; cursor: pointer; border-bottom: 6px solid #F57531; }
#portfolio .grid .selected:hover { border: 1px solid #F57531; cursor: default; border-bottom: 6px solid #F57531; }
#portfolio .grid .selected { border: 1px solid #F57531; cursor: default; border-bottom: 6px solid #F57531; }


/* 	video
---------------------------------------------------------------------------------------------------------------------------*/
#portfolio .grid .videothumb img { border: 0; margin: 0; padding: 0; float: left; }
#portfolio .grid .videothumb { border: 1px solid #9A9A9A; margin: 0 12px 6px 0; float: left; padding: 0; border-bottom: 6px solid #9A9A9A; }
#portfolio .grid .videothumb.last { margin: 0 0 12px 0; }
#portfolio .grid .videothumb:hover { border: 1px solid #F57531; cursor: pointer; border-bottom: 6px solid #F57531; }

#portfolio .grid .videogrid .fullvideo { float: left; }
#portfolio .grid .videogrid { position: relative;}

#portfolio .grid .videogrid .playBtn { 
	width: 300px; height: 200px; cursor: pointer; position: absolute; left: 0; top: 0; background: url('../img-core/btn_play.png') no-repeat 50% 50%; }
	
#portfolio .grid .videogrid .showBtn { background: url('../img-core/btn_play.png') no-repeat 50% 50%;}
	

#portfolio .grid .videogrid .selected:hover { border: 1px solid #9A9A9A; cursor: pointer; border-bottom: 6px solid #9A9A9A; }


/* 	video pop-up
---------------------------------------------------------------------------------------------------------------------------*/
#video-popup { width: 656px; height: 479px; background: url('../img-core/bkgd_video.png') no-repeat 0 0; }
#video-popup img { float: right; margin: 5px; }
#video-popup p { margin: 28px; }
#video-popup #video-content { float: left; width: 600px; height: 423px; margin: -10px 28px 0; background: #CCCCCC;}