﻿@media screen and (min-width: 1025px) {
.main-wrapper {
	max-width: 1242px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(0, 0, 0, 0.4);
	background: url('../../graphics/main-bg.jpg');
	padding-top: 209px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	border-style: solid;
	border-width: 0px 21px;
	-moz-border-image: url(../../graphics/edge2.png) 0 21 repeat;
	-webkit-border-image: url(../../graphics/edge2.png) 0 21 repeat;
	-o-border-image: url(../../graphics/edge2.png) 0 21 repeat;
	border-image: url(../../graphics/edge2.png) 0 21 repeat;
	-moz-background-clip: padding; /* Firefox 3.6 */;
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
  	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
  	-webkit-box-shadow: inset 0px 0px 25px 25px rgba(0, 0, 0, .5);
	box-shadow: inset 0px 0px 25px 25px rgba(0, 0, 0, .5);
}
div.main-wrapper div.container div.row {
}
}
@media screen and (max-width: 1024px) {
.main-wrapper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url('../../graphics/main-bg.jpg');
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	border-style: solid;
	border-width: 0px;
	-moz-border-image: url(../../graphics/edge2.png) 0 0 repeat;
	-webkit-border-image: url(../../graphics/edge2.png) 0 0 repeat;
	-o-border-image: url(../../graphics/edge2.png) 0 0 repeat;
	border-image: url(../../graphics/edge2.png) 0 0 repeat;
	-moz-background-clip: padding;     /* Firefox 3.6 */
  	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
  	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
html, body {
	width: 100%;
	overflow-x: hidden;
}
}
.content-wrapper {
	padding-left: 20px;
	padding-right: 20px;
}
