/* @group Imports */

@import "reset.css";

/* @end */

/* @group Bg Image */

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; z-index: 80px; 
}

/* @end */

body {
	background-color: #000;
}

#nav {
	position: absolute; top: 0px; left: 200px; position: fixed; width: 100%; height: 80px; background: url(../assets/black-trans.png) top left repeat; z-index: 90;
}

#nav #logo {
	float: left; width: 230px; background-color:#FFF; height: 80px; margin: 0 0 0 -230px; text-align: right; padding: 0 10px 0 0;
}

#nav #logo p a {
	display: block; margin: 44px 0 0 0;font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 11px; color: #959595; text-decoration: none;
}

#nav #logo p a:hover {
	color: #fff;
}

#nav #logo img {
	margin: -100px 0 0 0;}

.mainmenu {
	float: left; list-style-type: none; margin: 10px 0 0 15px;
}

.mainmenu li {
	font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 12px;
}

.mainmenu li a {
	display: block; margin: 3px 40px 0 0; color: #fff; text-decoration: none;
}

.mainmenu li a:hover {
	color: #09F;
}

.mainmenu li a.selected {
	color: #00a99d;
}


#nav #hwc {
	float: right; margin: 20px 210px 0 0;
}

#nav #hwc img {
	border: none; margin: 3px 0 0 0;
}

#main {
	position: absolute; top: 80px; right: 160px; width: 500px; z-index: 75; padding: 0 0 150px 0;
}

#main h1 {
	font-family: Josefin Sans Std Light, Helvetica, Arial, sans-serif; color: #000; font-size: 50px; font-weight: normal; margin: 20px 20px 5px 30px; text-transform: uppercase; letter-spacing: -5px;
}
#main img {
padding: 15px 30px 15px 30px;
}

#maincontent {
 background-color: #fff;  border: 1px #ccc solid;
}

#maincontent p {
padding: 0px 30px 0px 30px; font-family:Helvetica, Arial, sans-serif;
}

footmenu p {
font-family:Helvetica, Arial, sans-serif;
}

#maincontent h2 {
padding: 0px 30px 0px 30px; font-family:Helvetica, Arial, sans-serif;
}

#maincontent ul {
	margin-left:50px; margin-bottom:50px;
}

#maincontent ul li {
	font-family:Helvetica, Arial, sans-serif;
}
.download-btn {
	display: block; background-color: #ec008c; color: #fff; margin: 20px 30px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 20px 0; text-transform: uppercase; text-align: center; text-decoration: none; font-weight: bold;
}

.download-btn:hover {
	background-color: #00a99d;
}


#footmenu {
	position: absolute; bottom: 35px; left: 0px; position: fixed; width: 100%; height: 40px; background: url(../assets/black-trans.png) top left repeat; z-index: 91;
}

#maintext #maintxt li
{
	font-family:  'Josefin Sans Std Light', helvetica, serif; font-size:130px;
	
}

#maintext {
	position: absolute; bottom: 20px; right: -500px; position: fixed; width: 70%; height: 700px; z-index: 90;
}

#maintext ul {
	 list-style-type: none;
}

#footmenu {
	color:#FFF;
}

#footmenu p {
	margin: 10px 0 0 20px;
	
}

#icons {
	float:right; margin-top:-25px; margin-right:20px;
	
}

blockquote {
	font-family: 'Cantarell', helvetica, serif; font-size:25px; color:#006; padding: 0px 30px 0px 30px;
}

#maincontent ul.leaderspic li{
	clear:left;
	padding-top:10px;
	padding-bottom:10px;
	list-style-type: none;

}

#maincontent ul.leaderspic {
	margin-left:30px;
	
}