@import url("../webfonts/ArialBlack/ArialBlack.css");
html,
body {
	margin:0;
	padding:0;
	height:100%;
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.wrapper {
	min-height:100%;
	position:relative;
}

.header {
	width:100%;
	background-color: #FFFFFF;
	height:auto;
	overflow:visible;
}
.topbanner {
	height: 50px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image:url(/images/carbon.jpg);
	background-repeat:repeat;
}
.logo {
	width:380px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/images/wrxlogo.png);
	background-repeat:no-repeat;
}
.navwrapper {
	height:50px;
	width:100%;
	background-image:url(/images/carbon.jpg);
	background-repeat:repeat;
	display:block;
}
.navbtn{
	height:50px;
	width:50px;
	margin-left:auto;
	margin-right:auto;
    display:none;	
}
.navbtn2 {
	height:50px;
	width:50px;
	margin-left:auto;
	margin-right:auto;
    display:none;
}
.navbar {
	height:50px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;	
}
.navitem {
	height:50px;
	width:100px;
	margin-top:15px;
	text-align:center;
	display:inline-block;
	margin-right:20px;		
}
.navitemlink{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:600;
	text-align:center;
	text-decoration: none;	
}
.navitemlink:hover {
	color:#ff0096;
}
.navitemlink:active{
	text-decoration:underline;
}
.navwrapper2 {
width:100%;
height:500px;
display:none;
background-image:url(/images/carbon.jpg);
background-repeat:repeat;	
}
.navitem2 {
	height:50px;
	width:100%;
	margin-top:15px;
	text-align:left;
	padding-left:20px;
	margin-right:20px;
	display:none;		
}
.navitem2link {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:600;
	text-align:left;
	text-decoration: none;	
}
.navitem2link:hover {
	color:#ff0096;
}
.content {
	padding-bottom:50px; /* Height of the footer element */
}

@media only screen and  (max-width: 1024px) {
	
.topbanner {
	height: 50px;
	width: 100;
	margin-right: auto;
	margin-left: auto;
}
.content {
	padding-bottom:150px; /* Height of the footer element */
}
.navbar {
	display:none;
}
.navbtn {
	display:block;
}
.navbtn2 {
    display:none;	
}
.navwrapper2 {
  display:none;
}
}
@media only screen and  (max-width: 800px) {
.topbanner {
	height: 50px;
	width: 100%;
}

.content {
	padding-bottom:50px; /* Height of the footer element */
}

}