@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Puritan&v1);
/*  =reset css */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {outline : 0;}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
img {outline : 0;}
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
/*table { border-collapse : collapse; border-spacing : 0; }
*/

caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, /*em,*/ i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/*  =end reset css */

body {
	background-color: #333;
	margin:0;
	padding:0;
	outline:0;
}
li.lastOne a {
		color:#fff;
-webkit-transition: background-color .4s linear;
	-moz-transition: background-color .4s linear;
	-o-transition: background-color .4s linear;
}
ul.enlarge {
	list-style-type:none;
	text-decoration:none;
	position:absolute;
	left:60%;
	top:5px;
	color:#636363;
	font-size:9px;
	font-style:italic;
	line-height:9px;
	font-family:'Puritan', Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:.2em;
	width: 312px;
	height: 10px;
}
#pageTitle {
	position:absolute;
	left:-9999px;
	top:0px;
	color:#000;
	width:223px;
	height:95px;
	z-index:1;
	text-indent:-9999px;
	visibility: visible;
}
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 1112px; /*Width of Carousel Viewer itself*/
	width: 1010px;
	height: 500px; /*Height should enough to fit largest content's height*/
	height: 560px;
	border-left: 1px dotted #858484;
	border-right: 1px dotted #858484;
	margin: 25px auto 0;
	background-color: #afadae;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 61px;
	padding-top: 50px;
	padding-top: 60px;
	width: 1210px;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	/*margin-right:30px;*/
	width: 310px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	margin-left:30px;
	margin-left:10px;
	margin-right:30px;
}

.panel .last {
	margin-right:0;
}
#mygallery-paginate {
	margin:15px;
}
/*#mygallery .belt .panel first img.pimg, #mygallery .belt .panel img.pimg, .panel img, #mygallery .belt img {
	box-shadow: 4px 4px 6px rgba(0,0,0,.3);
	-webkit-box-shadow: 4px 4px 6px rgba(0,0,0,.3);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.3);
}
#mygallery .belt .panel.last img {
	box-shadow: 4px 4px 6px rgba(0,0,0,0.0);
	-webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.0);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.0);
	
}*/
#mygallery .belt img{
	margin-bottom:8px;
	margin-left:8px;
}
.panel:hover {
	opacity:0.7;
}
.directions a {
	font-family:'Puritan', Georgia, serif;
	color:#CCC;
	font-size:11px;
	line-height:1.12em;ƒ
	text-align:center;
-webkit-transition: background-color .4s linear;
	-moz-transition: background-color .4s linear;
	-o-transition: background-color .4s linear;
	}
.directions a:link, .directions a:visited {
 	text-decoration:none;
-webkit-transition: background-color .4s linear;
	-moz-transition: background-color .4s linear;
	-o-transition: background-color .4s linear;
}
.noLink:hover {
	color: #ccc;
	color:#fff;
}
.loupe {
	z-index:200;
	width:1000px;
	height:1800px;
	margin-top:10px;
}
#mygallery .belt .panel last img.pimg {
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
#mygallery .navText, #mygallery .navTextBottom {
	position: absolute;
	top: 5px;
	top: 75px;
	float: left;
	left: 555px;
	width: 80px;
	width: 125px;
	z-index: 700;
	text-align: left;
}
#mygallery .navTextRight, #mygallery .navTextRightBottom {
	position: absolute;
	top: 5px;
	top: 74px;
	float: left;
	width: 80px;
	width: 125px;
	z-index: 700;
	text-align: right;
	left: 2px;
}
#mygallery .navTextBottom, #mygallery .navTextRightBottom {
	top:500px;
}
/*#mygallery .navText li a, #mygallery .navText li a:visited, #mygallery .navTextRight li a, #mygallery .navTextRight li a:visited
#mygallery .navTextBottom li a, #mygallery .navTextBottom li a:visited, #mygallery .navTextRightBottom li a, #mygallery .navTextRightBottom li a:visited {}*/
#mygallery li a {
	font-family:'Puritan', HelveticaNeue, Helvetica, sans-serif;
	color:#666;
	font-size:24px;
	line-height:.9em;
		line-height:.6em;
			line-height:18px;
	text-decoration:none;
		display:block;
				display:inline;
			float:left;
}
#mygallery .navText a:link, #myGallery .navTextRight a:link, #mygallery .navTextBottom a:link, #myGallery .navTextRightBottom a:link {
	-webkit-transition: color .15s linear;
	-moz-transition: color .15s linear;
	-o-transition: color .15s linear;
}
#moveButtons .navText .larger span, #moveButtons .navTextBottom .larger span {
	font-size: 18px;
	line-height: 18px;
	color: #666;
}
#moveButtons .navText span, #moveButtons .navTextRight span, #moveButtons .navTextBottom span, #moveButtons .navTextRightBottom span {
	font-size: 18px;
	line-height: 18px;
	color: #666;
}
#navMain #makeover {
	width: 200px;
}
#makeover .magazineIcon {
	width: 200px;
}
#navMain li a {
	text-decoration:none;
}
#moveButtons ul{
			display:inline;
			float:left;
	}
#navMain li {
	border-top: 1px solid #C1C1C1;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #444;
	border-left: 1px solid #444;
}
#navMain li:active		 {
		border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
}
li#posters {
	background:  url(../images/star_icon_24x24.png) no-repeat 2px center;
	padding-left:26px;
	text-indent:23px;
}
#navMain li a {
	color:#ccc;
}
#mygallery #moveButtons {
		width:35%;
			width:45%;
		left:35%;
}
#navMain {
	width: 75%;
}