/* #########################

   QUARTERMILE - HOMEPAGE

##########################*/


/* ########### DESKTOP ########### */

@media screen and (min-width: 980px) { 

body {
        position: relative;
        height: 100%;
}

#outercontainer	  { 
	max-width: 100%; 
        width: 100%;
        padding: 0;
        margin: 0; 
}

#container { 
        float: left;  
        width: 100%;
        border: 0px solid #ffffff; 
}

#header { 
        width: 100%; 
        border: 0px solid #ffffff; 
}

#logo   { margin-left: 100px; }
#social { margin-right: 100px; }
#left   { 
        width: 50%; 
        margin-left: 100px; 
}



#footer { 
        width: 100%; 
        border: 0px solid #ffffff; 
        padding: 0;
        margin: 0; 
        position: absolute;
        bottom: 24px; 
}

#footerlogo { margin-right: 100px; }
#footerlinks { margin-left: 100px; }



.item-page {
        display: none; 
}

ul.menu li a:link, ul.menu li a:active, ul.menu li a:visited {
	font-size: 36px; 
	line-height: 46px; 
	color: #ffffff; 
	text-decoration: none; 
	/* font-weight: bold; */ 
	text-transform: uppercase; 
} 

}


/* ########### TABLET ########### */

@media screen and (min-width: 768px) and (max-width: 979px) { 

#supersized { display: none; }

body { background: #8F8E8F url('../images/bg-tablet.jpg') top center; } 

#header { border-bottom: 0px; } 

#outercontainer	  { 
	max-width: auto; 
        width: auto;
        padding: 0;
        margin: 0; 
        border: 0px solid #333333; 
}

#container { 
        float: left; 
        width: 100%;
        border: 0px solid #ffffff; 
}

#tablet-container { min-width: 700px;  width: 100%; border: 0px solid #ffffff; } 



#left {
	float: left; 
	border-top: 0px dashed #333333; 
	padding: 0!important; 
	margin: 0!important; 
}


ul.menu li a:link, ul.menu li a:active, ul.menu li a:visited {
	font-size: 36px; 
	line-height: 46px; 
	color: #ffffff; 
	text-transform: uppercase; 
} 


#footer {
	width: 100%; 
	max-width: 700px; 
        border: 0px solid #ffffff!important; 
        padding: 0!important; 
        margin: 0!important;  
	padding-bottom: 40px!important;  
}


#footerlogo { 
	border: 0px solid #333333!important;
	padding: 0!important;
        margin: 0!important;
	float: right; 
}

#footerlinks {
	display: none; 
}

#social {
        position: absolute;
	right: 0px;
	bottom: 0px; 
	/* top: 97%; */ 
	margin: 0!important;
}

}




/* ########### MOBILE ########### */

@media screen and (max-width: 767px) { 

#supersized { display: none; }
 
body { 

background: #8F8E8F url('../images/bg-tablet.jpg') top center;  

background-repeat: no-repeat;
background-position: right; 

height: 100%; 
 
} 

#outercontainer	  { 
		max-width: auto; 
        width: auto;
        padding: 0;
        margin: 0; 
        border: 0px solid #333333; 
}

#container { 
        float: left; 
        width: 100%;
        border: 0px solid #ffffff; 
        max-width: 767px;
}

#header { border-bottom: 0px; height: 62px; }   

#right { border-top: 0px; }   

#tablet-container { border: 0px; } 

#left { 
	width: 80%!important; 
	float: left; 
	border-top: 0px dashed #333333; 
	padding: 0!important; 
	margin: 0!important; 
}

ul.menu li a:link, ul.menu li a:active, ul.menu li a:visited {
	font-size: 190%!important; 		/* font-size: 30px; */ 
	line-height: 135%!important; 		/* line-height: 36px; */
	color: #ffffff; 
	text-decoration: none; 
	text-transform: uppercase; 
} 

#footer {
        border: 1px solid #ffffff; 
        padding: 0;
        margin: 0; 
        position: absolute;
	left: 0;
	top: 80%; 
}

#footerlogo {
        position: absolute;
		right: 14px;
		bottom: 40px; 
		/* top: 81%; */ 
        padding: 0!important;
        margin: 0!important;
}

#social {
        position: absolute;
		right: 14px;
		bottom: 7px; 
		/* top: 97%; */ 
		margin: 0!important;
}

#footerlinks {
		display: none; 
}




}