/*  ELEMENT LAYOUT   ============================================================================= */
body{
	margin : 0 auto;
	padding : 0;
	background-color: #000000;
	background-image: url(http://racestar.sk/images/kart-racing.jpg);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed;
}
#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}



#headcontainer {
	width: 100%;
}
#headcontent{
	width: 80%;
	clear: both;
	margin: 0 auto;
	position: relative;
	max-width: 92,3 em;
	text-align: center;
}



#navcontainer {
	width: 100%;
}
#navcontent{
	width: 80%;
	clear: both;
	margin: 0 auto;
	position: relative;
	max-width: 92,3 em;
}




#maincontainer{
	width: 100%;
}
#maincontent{
	width: 80%;
	clear: both;
	margin: 0 auto;
	position: relative;
	max-width: 92,3 em;
	text-align: center;
	font-family: 'advent', 'Open Sans', sans-serif;
}



#footercontainer{
	width: 100%;
}
#footercontent{
	width: 80%;
	clear: both;
	margin: 0 auto;
	position: relative;
	max-width: 92,3 em;
	background-color: #ffffff;
}

/* STYLEs  ============================================================================= */

h1{
	color: #fff;
	font-size: 3em;
	font-weight: 200;
	text-transform: uppercase;
}
p{
    color: #f5f5f5;
    font-size: 30px;
    font-family: 'myriad', Arial, Helvetica;
}
/*
a{
	text-decoration: none;
	color: #b5b5b5;
}
a:hover{
	color: #fff;
}
*/
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 21px;
  background: #e00d29;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #f53434;
  text-decoration: none;
}

/*  GRID SYSTEM  ============================================================================= */

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO   ============================================================================= */


.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	p{
		font-size: 18px;
	}
}
/* FONTS */
@font-face {
    font-family: 'advent';
    src: url('/fonts/advent-Re.otf') format('truetype');
}
@font-face {
    font-family: myriad;
    src: url(/fonts/MYRIADPRO-COND.OTF);
}