html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #fcfcfc;
}

div#main_wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -200px 0px; 	/* footer size (negative) */
}

div#main_beef {
	width: 100%;
	padding: 0px 0px 200px 0px; 	/* footer size */
}

div#footer_wrapper {
	width: 100%;
	height: 200px; 					/* footer size */
}

div#footer_beef {
	height: 200px; 					/* footer size */
}


.header {
	/*background-color: #f0f0f0; */
	height : 50px;
	background-color: #F6F6F6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 50px;
		box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.05);
}


.header_logo {
	position: absolute;
	left: 20px;
	top: 10px;
	background-image: url(../images/logo-wimpy25.png);
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	z-index:10;
}

.header_nav {
	position: absolute;
	top: 17px;
	right: -1px;
	width: 100%;
	text-align: right;
	z-index:5;
}

.header_nav_item {
	margin-left : 30px;
	font-size: 1em;
	font-weight: bold;
	white-space:nowrap;
}

.header_nav_item a,
.header_nav_item a:active,
.header_nav_item a:visited {
	color: #999;
	text-decoration: none;
}
.header_nav_item a:hover {
	color: #5E7699;
}
.header_search_icon {
	text-align: right;
	vertical-align: middle;
	display: inline;		
}

.searchBoxOpen {
	position: absolute;
	display : inline-block;
	right : -1px;
	top : 45px;
	width : 210px;
	height : 24px;
	background-color: #FFF;
	padding: 20px;
	border: 1px solid #dedede;
	z-index : 300;
	-webkit-border-radius:2.442013129102844px;
	   -moz-border-radius:2.442013129102844px;
	    -ms-border-radius:2.442013129102844px;
	     -o-border-radius:2.442013129102844px;
		    border-radius:2.442013129102844px;
	
	-webkit-box-shadow:0px 7.25px 14.351073762838467px rgba(0,0,0,0.14215053763440866);
	   -moz-box-shadow:0px 7.25px 14.351073762838467px rgba(0,0,0,0.14215053763440866);
	    -ms-box-shadow:0px 7.25px 14.351073762838467px rgba(0,0,0,0.14215053763440866);
	     -o-box-shadow:0px 7.25px 14.351073762838467px rgba(0,0,0,0.14215053763440866);
		    box-shadow:0px 7.25px 14.351073762838467px rgba(0,0,0,0.14215053763440866);
	
}

#shareBlock {
	position : absolute;
	top : 63px;
	right : 0px;	
}

.footer {
	background-color: #505050;
	color: #CCC;
}
.footer a,
.footer a:active,
.footer a:hover,
.footer a:visited,
.footer a:visited:hover {
	color: #CCC;
	text-decoration: none;
}




/*==================================================
*  Media Queries 
* ================================================== */


/* Base 960 Grid - Design for a width >= 960px
================================================== */


.content-box-clear {
	position : relative;
	float: left;
	display: inline; 
	padding: 25px;
}
.content-box {
	position : relative;
	float: left;
	display: inline;
	background-color: #FFF;
	padding: 25px;
	
	/* rounded8 */
	-webkit-border-radius: 8px;
	 -khtml-border-radius: 8px;
	   -moz-border-radius: 8px;
			border-radius: 8px;
	
	/* shadow_spread1 */
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.05);
	
}

.wimpy-home {
	width: 380px; height: 240px;
}


.space-top-20 {
	margin-top: 20px;	
}
.space-bottom-20 {
	margin-bottom: 20px;	
}

.alignCenter {
	text-align: center;
}



/* Tablet (Portrait) - Design for a width of 768px
===================================================== */


    @media only screen and (min-width: 768px) and (max-width: 959px) {
		
		
		.header_nav {
			/*background-color: #00FF00;*/
		}
		
		/* Layuout */
		
		.wimpy-home {
			width: 320px; height: 240px;
		}
		
		
		
		
		
	}

/*  Mobile (Portrait) - Design for a width of 320px
====================================================== */

	 @media only screen and (max-width: 767px) {
		
		/* Main Frame */
		
		.header {
			height : 180px;
		}
		.header_nav {
			/*background-color: #0000FF;*/
			top: 8px;
			width: 80px;
		}
		.header_nav_item {
			margin-left : 0px;
		}
		
		.header_searchBox{
			float:right;
			margin-left : 0px;	
		}
		
		
		/* Layuout */
		
		.wimpy-home {
			width: 260px; height: 200px;
		}
		
		
		#shareBlock {
			position : absolute;
			top : 150px;
			left : 20px;	
		}
		
		
		
	}

/* Mobile (Landscape) - Design for a width of 480px
================================================== */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/* Main Frame */
		
		.header {
			height : 180px;
		}
		.header_nav {
			/*background-color: #FF0000;*/
			top: 8px;
			width: 80px;
		}
		.header_nav_item {
			margin-left : 0px;
		}
		
		.header_searchBox{
			float:right;
			margin-left : 0px;	
		}
		
		
		/* Layuout */
		
		
		.wimpy-home {
			width: 380px; height: 240px;
		}
		
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}