html {
	margin: 0 auto;
	padding: 0;
	height:100%;
}
body {
	margin: 0 auto;
	padding: 0;
	height:100%;
	background-color: #000;
	background-image:url('img/bg.png');
	background-repeat:repeat-x
}

a {
	color: #fff;
	text-decoration: none;
	outline: 0px;
}
a:hover {
	color: #cec8ba;
}
a img {
	border: 0px;
}

p { margin: 0 0 15px; }

h1 {
	color:#fff;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	text-transform:uppercase;
	margin: 0 0 13px 0;
	padding:0;
}
h2 {
	color:#fff;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	text-transform:uppercase;
	margin: 0 0 13px 0;
	padding:0;
}
h3 {
	color:#fff;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 21px;
	font-weight: bold;
	line-height: 30px;
	text-transform:uppercase;
	margin: 0 0 12px 0;
	padding: 0 0 2px;
	border-bottom:1px solid #9c9e97;
}
h4 {
	color:#fff;
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 21px;
	font-weight: bold;
	line-height: 30px;
	text-transform:uppercase;
	margin: 30px 0 12px 0;
	padding: 0 0 2px;
	border-bottom:1px solid #9c9e97;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	width:1010px;
	position: relative;
	display:block;
	color: #fff;
	font-family: 'Roboto Slab', Tahoma;
	font-size: 15px;
	line-height: 22px;
}

#wrapper p {
	text-shadow: 0px 0px 1px #000; 
}

#mainWrapper {
	display:block;
	float:left;
	width:100%;
	padding-top:20px;
	-moz-box-shadow: 0 0 7px #000;
	-webkit-box-shadow: 0 0 7px#000;
	box-shadow: 0 0 7px #000;
	background:url('images/mainContBg.jpg');
}

#mainContainer {
	display:block;
	margin:auto;
	width:1010px;
	padding-bottom:20px;
	position:relative;
	color: #000;
	font-family: 'Roboto Slab', Tahoma;
	font-size: 15px;
	line-height: 22px;
}

#mainContainer #flags {
	position:absolute;
	width:78px;
	height:30px;
	top:-5px;
	right:0;
	background:url('images/flags.png') no-repeat;
}

#mainContainer #flags a {
	display:inline;
	float:left;
	margin:0 9px 0 0;
	width:30px;
	height:30px;
}


#mainContainer #mainLeft {
	display:inline;
	float:left;
	width:485px;
}

#mainContainer #mainRight {
	display:inline;
	float:right;
	width:485px;
}

#mainContainer #contactRow {
	display:block;
	float:left;
	width:1010px;
	height:39px;
	margin:19px 0 20px;
	position:relative;
	background:url('images/contactRow.png');
}

#mainContainer #contactRow #fbLink {
	position: absolute;
	top: 0;
	left: 0;
	width: 157px;
	height: 38px;
}

#mainContainer #contactRow #mailLink {
	position: absolute;
	top: 0;
	right: 0;
	width: 338px;
	height: 38px;
}

.push {
	height: 95px;
	clear: both;
}

#content {
	display:block; float:left; width:100% }
	
#leftCol {
	display:inline;
	float:left;
	width:256px;
}

#leftCol a#mainLink {
	display:block;
	float:left;
	width:180px;
	height:180px;
	margin:34px 0 0 38px;
	background:url('images/mainLink.png');
	transition: all 0.25s ease-in-out; 
	-webkit-transition: all 0.25s ease-in-out; 
	-moz-transition: all 0.25s ease-in-out; 
	-moz-opacity: 1.0; opacity: 1.0; filter: alpha(opacity=100);
}

#leftCol a:hover#mainLink {
	-moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);
}


#leftCol .mainMenu {
	display:block;
	float:left;
	width:205px;
	padding:13px 20px 10px 0;
	margin:34px 0 0 10px;
	-moz-box-shadow: 0 0 7px #33342f;
	-webkit-box-shadow: 0 0 7px#33342f;
	box-shadow: 0 0 7px #33342f;
	background-image:url("images/contentBg.png");
	border:1px solid #9c9e97;
}

ul.menuList { display:block; float:right; margin:0; padding:0; list-style:none; }
ul.menuList li { margin:0; padding:8px 0 7px; list-style:none; border-bottom:1px solid #75796d; width:185px; }
ul.menuList li:last-child { border:none }
ul.menuList li a { font-size:19.5px; font-weight:bold; text-transform:uppercase; color:#fff; font-family: 'Alegreya Sans', Arial, Tahoma; text-shadow: 0px 1px 1px #000;  }
ul.menuList li a:hover { color:#cec8ba }

ul.menuList li ul { display:block; float:left; margin:4px 0 11px; padding:0; list-style:none; width:100% }
ul.menuList li ul li { margin:0; padding:1px 0 2px 15px; list-style:none; background-image:url("img/mainMenu.gif"); background-position:2px 10px; background-repeat:no-repeat }
ul.menuList li ul li a { font-size:12px; color:#fdd8c6; }
ul.menuList li ul li a:hover { color:#fff }

#rightCol {
	display:inline;
	float:right;
	width:700px;
	position:relative;
	padding-top:170px;
}


#rightCol .subRight {
	width:660px;
	padding:20px;
	min-height:300px;
	-moz-box-shadow: 0 0 7px #33342f;
	-webkit-box-shadow: 0 0 7px#33342f;
	box-shadow: 0 0 7px #33342f;
	background-image:url("images/contentBg.png");
	border:1px solid #9c9e97;
}

#footerWrapper {
	display:block;
	float:left;
	width:100%;
	padding:27px 0 21px;
	background:url('images/footerBg.jpg');
}

#footerContainer {
	display:block;
	margin:auto;
	width:1010px;
	position:relative;
	color:#000;
	font-family: 'Roboto Slab', Tahoma;
	font-size: 13px;
	line-height: 22px;
}

#footerContainer #copy {
	display:inline;
	float:left;
}

#footerContainer #design {
	display:inline;
	float:right;
}

#footer {
	margin: 0;
    position: relative;
	color:#000;
	padding:22px 0 19px;
	height:20px;
	-moz-box-shadow: 0 0 7px #000;
	-webkit-box-shadow: 0 0 7px#000;
	box-shadow: 0 0 7px #000;
	background:url('images/footerBg.jpg');
}

#footer a {
	color:#000;
}

#footer a:hover {
	color:#333;
}
