#header-wrap, #footer-wrap { position: relative !important;}
#sidebar, .thumbs, .theImage, #header h2, #personal_subnav, #commissioned_subnav { display:block;}

h1 { font-size: 24px; }
p { margin: 10px 0; padding: 0; }

#header-container { height: 45px; background: #ccced0; }

#header, #footer, #container { width: 100%; }

#header { margin: 0 auto; position: relative;  }
#header h2 { color: #5E5F60; width: 100%; margin: 0; position: absolute; height:35px; left:0; top: 10px; text-align:center;}
#header h2 img { width:300px; height:28px; }
#container { margin: 0 auto; font-size: 11px;  padding: 10px 0;}
#content { width: 100%;  margin-top:15px; padding-left:0;}
#content h1 { padding-left:10px;}
#sidebar { float: none; width: 100%; position: relative;  margin-top:15px;
 }

#sidebar ul { padding-left:50px !important; padding-top:10px !important; background:#ccced0; }
#sidebar ul ul { padding-left:0px !important; padding-top:0px !important;  }

#sidebar select { display:block !important; margin:0 auto;}
#sidebar form { text-align:center;}

#content h1.sub_cat { clear:both; font-weight:300; }

#footer { margin: 0 auto; position: relative;  }
#footer-container { height:auto !important; padding:0 0 10px; }
#footer-wrap { clear:both; margin:10px 0 0 0;}

.thumbs a { float:left; margin:0px 0px 6px 6px; display:block; }
.thumbs a, .thumbs a img, .thumbs a.portrait, .thumbs a img.portrait { height:87px; }


.image_wrapper { 
	 text-align:center;
	}
.image_wrapper {
	width: 100%; margin:0 auto; }
	
.image_container .theImage {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
	
	float:left;
	
	}
	
.image_container .portrait { padding-left:10%; width:75%;  margin-bottom:10px;}
.image_container .panoramic { padding-top:0; width:90%; margin-bottom:10px; padding-left:1%;}
.image_container .landscape { width:90%;  margin-bottom:10px; padding-left:1%;}

.image_container .ep_panoramic { padding-top:0;}
.image_container .ep_landscape, .image_container .ep_panoramic { width:90%;}


.image_container #thumbs   { text-align:right;}
.image_container #thumbs a  { display:inline-block; background:url(/css/images/thumbs_arr.png) no-repeat 0px 1px; padding-right:25px; padding-left:15px; padding-bottom:10px; }

.image_container a#next { width:15px; height:250px; background:url(/css/images/arr_next.png) no-repeat -35px 100px; display:block; float:right;}
.image_container a#next:hover { background:url(/css/images/arr_next.png) no-repeat -5px 150px;}

.image_container a#prev { width:15px; height:250px; background:url(/css/images/arr_prev.png) no-repeat 0px 100px; display:block; float:left;}
.image_container a#prev:hover { background:url(/css/images/arr_prev.png) no-repeat -30px 150px;}

.image_container a#ep_next { width:15px; height:250px; background:url(/css/images/arr_next.png) no-repeat -35px 100px; display:block; float:right;}
.image_container a#ep_next:hover { background:url(/css/images/arr_next.png) no-repeat -5px 150px;}

.image_container a#ep_prev { width:15px; height:250px; background:url(/css/images/arr_prev.png) no-repeat 0px 100px; display:block; float:left;}
.image_container a#ep_prev:hover { background:url(/css/images/arr_prev.png) no-repeat -30px 150px;}


.lcol, .contact, .strip { width: 95%; padding:0 2%;float:none !important;}
.rcol { float:none !important; clear:both; width: 95%; padding:0 2%;}
.lcol img {  width:50%; margin-bottom:20px; margin-right:20px;} 
.rcol img  {  width:100%; margin-bottom:20px;} 
.rcol .clients { float:left; padding-right:10px; width:45%; }
.fadein3, .fadein2 {  width:100%;}
.rcol .fadein3 p { padding-top:280px; font-size:12px; text-align:right;}
.fadein2 { display:none;}

/* Slideshow CSS */
.fadein { width:100%; height: 352px; overflow: hidden;}
.fadein img { width:125%; height:auto !important; margin-left: -12.5%;  }
.fadein2 img { width:100%; height:auto !important; }

#content hr { width:100%;}

.issuuembed { width:100%; height:225px;}

#content .lcol hr { float:none; width:100%;}

#footer p span { padding-bottom:15px; }

			
.clearfix:after					{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; }
* html .clearfix 				{ zoom: 1; }
*:first-child+html .clearfix	{ zoom: 1; }

.strip img { width:100% !important; margin:10px 0; clear:both;}

.nomo { display:none;}

	

@media only screen and (max-width: 414px ){
	
	#nav	{
		position: relative;
		top: auto;
		left: auto;
		text-align:center;
	}
		#nav > a { 
			width:3em;
			background-color: #5E5F5F;
			position: relative;
			margin:0 auto; color:#FFF; font-size: 16px;
			padding:8px; text-decoration:none;
		}
			

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type
		{
			display: block;
		}


	/* first level */

	#nav > ul	{
		height: auto;
		display: none;
		position: relative;
		left: 0;
		right: 0;
		text-align:left;
	}
		#nav:target > ul
		{
			display: block;
		}
		#nav > ul > li
		{
			width: 80%; left:20px;
			float: none;
		}
			#nav > ul > li > a
			{  			}
				#nav > ul > li:not( :last-child ) > a
				{				}

		/* second level */

		#nav li ul
		{
			position: static;
			padding-top: 0;
		}
	
	#footer p span { margin-right: 0 !important;}
}

@media only screen and ( max-width: 320px ) {
	.thumbs a, .thumbs a img, .thumbs a.portrait, .thumbs a img.portrait { height:73px; }
	.image_container .portrait { padding-left:10%; width:73%;  margin-bottom:10px;}
	.image_container .panoramic { padding-top:0; width:88%; margin-bottom:10px; padding-left:1%;}
	.image_container .landscape { width:88%;  margin-bottom:10px; padding-left:1%;}
}

.strip2 img { margin-right:2% !important;}
.strip2 img.last { margin-right:0 !important;}