

/* backgroud images for body */
body.batthern { background:url(../../images/bg/batthern.png) repeat; }
body.always_grey { background:url(../../images/bg/always_grey.png) repeat; }
body.bedge_grunge { background:url(../../images/bg/bedge_grunge.png) repeat; }
body.purty_wood {
	background:url(../../images/bg/purty_wood.png) repeat;
}
body.bgnoise_lg { background:url(../../images/bg/bgnoise_lg.png) repeat; }
body.retina_wood { background:url(../../images/bg/retina_wood.png) repeat; }
body.checkered_pattern { background:url(../../images/bg/checkered_pattern.png) repeat; }
body.debut_dark { background:url(../../images/bg/debut_dark.png) repeat; }
body.diagonal-noise { background:url(../../images/bg/diagonal-noise.png) repeat; }
body.fancy_deboss { background:url(../../images/bg/fancy_deboss.png) repeat; }
body.little_triangles { background:url(../../images/bg/little_triangles.png) repeat; }
body.lyonnette { background:url(../../images/bg/lyonnette.png) repeat; }
body.noisy_grid { background:url(../../images/bg/noisy_grid.png) repeat; }
body.weave { background:url(../../images/bg/weave.png) repeat; }
body.bright_squares { background:url(../../images/bg/bright_squares.png) repeat; }
/* wrap */ 
#container.boxed {
	width: 1220px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	margin: 0px auto !important;
	transition: margin .2s ease;
	-o-transition: margin .2s ease;
	-moz-transition: margin .2s ease;
	-webkit-transition: margin .2s ease;
	margin:30px auto !important;

}


.hidden {
	display:block;
	visibility: visible;
}
@media (min-width: 989px) and (max-width: 1200px) {
#container.boxed {
	width:960px !important;
}
#container.boxed #showcase-bar{
	width:960px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 989px) {
#container.boxed {
	width:640px !important;
}
#container.boxed #showcase-bar{
	width:640px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {	
#container.boxed {
	width:460px !important;
}
#container.boxed #showcase-bar{
	width:460px;
}
}
 @media only screen and (min-width: 320px) and (max-width: 479px) {
#container.boxed {
	width:300px !important;
}
#container.boxed #showcase-bar{
	width:300px;
}

}
