/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
body{
	min-height: 510px;
}
#logo{
	margin-bottom: 9px;
}
/*-------------Menu------------*/
#menuWrapper{
	width: 287px;
	margin-left: 10px;
}
#headerMenu>li>a{
	width: 100% !important;
	height: 50px;
}	
#headerMenu>li{
	display: block;
	float: none;
}
/*-------------Sub Menu------------*/
.sub-menu{
	width: 100%;
    position: relative;
    top: 0 !important;
}
.sub-menu .sub-menu{
	margin-left: 0px;
	margin-top: 0px;
}
/*-------------Gallery------------*/
#galleryHolder {
	width: 307px;	
	height: 226px;
}
#galleryHolder>img{
	width: 293px;
	height: 215px;
	top: 6px;
	left: 3px;
}
#imageHolder{
    width: 287px;
    height: 200px;
    margin: 14px auto;
}
#galleryDiscription{
	display: none;
}
#controls {
	top: 14px;
	margin-left: 10px;
	width: 288px;
	height: 200px;
}
#imgSpinner{
	width: 289px;
	height: 202px;
	top: 13px;
	left: 9px;
}
/*-------------Content Wrapper-----------*/
#pageList > section{
	width: 285px;
}
#boxShadow{
	background: url("../images/content-box-shadow_4.png") center bottom no-repeat;
}	
.alignleft {
	float: none;
	margin: 0 0 15px 0;
}
#sidebar{
	display: none;
}
}