html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
#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:92px; }


.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:22%; width:50%; margin-bottom:10px;}
.image_container .panoramic { padding-top:0; width:90%; margin-bottom:10px; padding-left:3%;}
.image_container .landscape { width:90%; margin-bottom:10px; padding-left:3%;}

.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 150px; 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 150px; 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 150px; 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 150px; 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%;}
.rcol img, .lcol img {  width:50%; margin-bottom:20px;} 
.lcol img { margin-right:25px;}
.rcol img { margin-left:25px;}
.rcol .clients { float:left; padding-right:10px; width:45%;}
.fadein3, .fadein2 {  width:75%;}
.rcol .fadein3 p { padding-top:363px; font-size:12px; text-align:right;}
.fadein2 { display:none;}


/* Slideshow CSS */
.fadein { width:75%; height: 410px; margin-left:12.5%;}
.fadein img { width:100%; height:auto !important;  }
.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; display:block !important; }

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

.nomo { display:none;}

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


	

@media only screen and ( max-width: 768px )
{
	
	#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;
		}
}