#cover{
	position:fixed;
	height:100%;
	width:100%;
	background:#29292F;
	z-index:1000;
}
.header-padding {
	padding: 5px 1.5em;
}
#header-nav{
	height:57px;
	border-bottom:#222 solid 1px;
	background: #3c3e40;
	text-transform: uppercase;
	text-align: center;
}
#header-nav > div:first-child{
	height:3px;
	width:100%
}
#header-nav, #header-nav div a:hover{
	text-decoration: none;
}
#header-nav div.logo{
	background: #1c1e20;
	width:215px;
	height:44px;
	text-transform: uppercase;
}
#header-nav .bold.clickable.right{
	padding: 20px;
	border-left: 1px solid #222;
}
#header-nav .bold.left{
	padding: 21px;
	border-right: 1px solid #222;
	height:11px;
	border-bottom:3px solid;
}
#header-nav .bold.clickable.right.dropdown{
	color:white;
	background-color:#444;
	width:200px;
	height:14px;
}
#header-nav .bold.clickable.right.dropdown span{
	font-size: 20px;
	margin: -3px 0;
}
#shop-dropdown{
	position: absolute;
	width: 240px;
	margin-left: -21px;
	margin-top: 20px;
	border: 1px solid #222;
	border-top:none;
	z-index: 10;
	display: none;
	background-color: #444;
}
#shop-dropdown a{
	 display:block;
	 padding:10px 0;
	 border-top:1px solid #222;
	 margin-top:-1px;
}
#shop-dropdown a:first-child{
	 border-top:none;
}
#sport-dropdown{
	position: absolute;
	text-align: left;
	width: 216px;
	margin-left: -46px;
	margin-top: 19px;
	border: 1px solid black;
	z-index: 10;
	display: none;
	background-color: #444;
}
#sport-dropdown a{
	 display:block;
	 padding:15px 0 15px 45px;
	 margin-top:-1px;
}
div#left-nav{
	position:absolute;
	width:250px;
	top:60px;
	bottom:0;
	text-align:center;
	background:#1c1e20;
}
div#left-nav div#prof-pic {
	padding-top: 2em;
	padding-bottom:10px;
	background: #515456;
	font-family:"ralewaymedium";
	font-weight:normal;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNTQ1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzM3MzczZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #515456 0%, #37373e 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515456), color-stop(99%,#37373e));
	background: -webkit-linear-gradient(top,  #515456 0%,#37373e 99%);
	background: -o-linear-gradient(top,  #515456 0%,#37373e 99%);
	background: -ms-linear-gradient(top,  #515456 0%,#37373e 99%);
	background: linear-gradient(to bottom,  #515456 0%,#37373e 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515456', endColorstr='#37373e',GradientType=0 );
}
div#prof-pic .hexagon-mask{
	height:150px;
	width:130px;
	margin-bottom:10px;
	margin-left:60px;
}
div#user-name {
	text-transform: uppercase;
	font-size:16px;
}
div#user-name a{
	color:white;
}
div#user-logout {
	background: #29292e;
	padding: 10px;
	margin: 10px 25px;
	font-size:15px;
	color: #a7acb2;
	font-weight:bold;
}
div.user-nav {
	text-align: left;
	border-bottom: 1px solid #333;
	padding: 0.75em 0 0.75em;
	background: #1c1e20;
	z-index: 0;
}
div.user-nav a:hover{
	text-decoration: none;
}
div.user-nav .icon {
	font-size:20px;
	margin:0 20px;
}
div.user-nav span.hide-1024w {
	position:relative;
	top:-4px;
}
div.nav-selected a {
	color: white;
}
div.nav-selected .icon {
	font-size:20px;
	margin:0 20px 0 17px;
}
div#social-copy {
	text-align: center;
	position: absolute;
	bottom: 3em;
	left: 50%;
	margin-left: -79px;
}
div#social-copy img {}
div#copyright {
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
}
#header-container {
	position:absolute;
	left:251px;
	bottom:0;
	right:0;
	top:58px;
	overflow-y:auto;
	vertical-align: top;
}
div#main-profile-content,
div#dashboard-content,
div#main-content{
	min-width:810px;
	padding:80px 100px 30px;
}
.corner-borders {
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	font-size: 10pt;
}

/* Index stuff */
#index-header-container {
	position:absolute;
	left:0;
	right:0;
	top:58px;
	overflow-y:auto;
	vertical-align: top;
	font-family:"ralewaymedium";
}
.center-content {
	font-size:1.5em;
	max-width:1000px;
	margin:0 auto;
}
#footer{
	padding:30px 0;
	font-size:.75em;
	width:940px;
}
#footer .contact-mail{
	color:#7ca1b3;
}
#footer .contact-mail:hover{
	color:#7ca1b3;
}
#footer td{
	vertical-align:top;
	padding:5px;
}
#signin-top{
	float:right;
}
#signin-top .margin{
	margin-right:5px;
}
#signin-top .button{
	padding:18px;
}
#signin-top .input{
	border:none;
	background:none;
}
#signin-top input{
	border:1px solid #494c4e;
	background-color:#1c1e20;
	padding:16px;
}
/*
 * index messaging
 */
#index-header-container > div.error{
	width:100% !important;
	padding:20px 0;
	color:white;
	font-size:18px;
	background-color:#ca2020;
	margin-bottom:30px;
	text-align:center;
}
#index-header-container > div.warn{
	width:100% !important;
	padding:20px 0;
	color:white;
	font-size:18px;
	background-color:#cc7222;
	margin-bottom:30px;
	text-align:center;
}
#index-header-container > div.login-msg{
	width:100% !important;
	padding:20px 0;
	color:white;
	font-size:18px;
	background-color:#111;
	margin-bottom:30px;
	text-align:center;
}
#index-header-container > div.login-success{
	width:100% !important;
	padding:20px 0;
	color:white;
	font-size:18px;
	background-color:#2cca20;
	margin-bottom:30px;
	text-align:center;
}
section{
	padding:15px;
}
section.faq-container{
	overflow-y: auto;
	position: absolute;
	width: 970px;
	bottom: 250px;
	top: 277px;
}
#def-credit{
	position:absolute;
	bottom:5px;
	right:20px;
	font-size:10px;
}
#def-credit img{
	border:0;
}
.header-button{
	display:inline-block;
	font-size:14px;
	text-transform: uppercase;
	padding:7px 10px;
	cursor:pointer;
	margin:10px;
	position:relative;
	top:-3px;
	color:black !important;
	font-family:"ralewayheavy";
	background-color:#dddddd;
}
.header-button a{
	color:black;
}
#signin-box{
	position:absolute;
	right:0;
	top:-1px;
	height:345px;
	width:335px;
	z-index:3;
	display:none;
	background-color:#0D0E0F;
	border: 1px solid #3c3e40;
}
#signin-top .button{
	display:block;
}
div#calendar-main-container{
	float:left;
	width:400px;
	margin-top:30px;
	height:0;
}
div#dashboard-activity{
	padding-left:430px;
}

/*
 * REACTIVE LAYOUT
 */

@media (max-height: 610px){
	.hide-610h{
		display:none;
	}
	#header-nav .bold.clickable.right,
	#header-nav .left.bold{
		padding: 10px 21px;
	}
	#header-nav{
		height:37px;
	}
	#header-nav .logo{
		height:24px !important;
		text-align:left;
	}
	#header-nav .logo img{
		max-height:25px !important;
	}
	#index-header-container,
	#header-container{
		top:38px;
	}
	div#left-nav{
		top:38px;
	}
	#shop-dropdown{
		margin-top:10px;
	}
	#header-nav .button{
		padding:6px !important;
	}
	#signin-box{
		width:347px;
	}
}
@media (max-height: 800px){
	.hide-800h{
		display:none;
	}
}
a.shop-apply {
	position: relative;
	top:75px;
}
@media (max-width:1680px){
	div#main-profile-content,
	div#dashboard-content,
	div#main-content{
		min-width:720px;
		padding:20px 30px;
	}
	div#service-calendar-container{
		padding:15px !important;
	}
	div#calendar-main-container{
		width:350px;
	}
	div#dashboard-activity{
		padding-left:375px;
	}
}
@media (max-width:1550px){
	div#main-profile-content,
	div#dashboard-content,
	div#main-content{
		min-width:720px;
		padding:10px 25px;
	}
}
@media (max-width:1440px){
	div#main-profile-content,
	div#dashboard-content,
	div#main-content{
		min-width:720px;
		padding:0px 10px;
	}
}
@media (max-width: 1280px){
	div#left-nav{
		width:172px;
	}
	#header-nav div.logo {
		width:138px !important;
	}
	#header-container{
		left:173px;
	}
	#header-nav .logo{
		width:137px !important;
	}
	#header-nav .logo img{
		max-width: 128px;
		margin-top: 6px;
		margin-left: -8px;
	}
	.hide-1280w{
		display:none;
	}
}
@media (max-height: 870px){
	div.user-nav {
		padding:0.6em 0;
	}
	div.user-nav a span.hide-1024w{
		position:relative;
		top:-3px;
	}
	#social-copy{
		bottom:1em !important;
	}
}
@media (max-width: 1024px){
	div#main-profile-content,
	div#dashboard-content,
	div#main-content{
		min-width:600px;
		padding:0px 10px;
	}
	div#left-nav{
		width:60px;
	}
	div.user-nav .icon {
		font-size:42px;
	}
	#header-nav div.logo {
		display:none;
	}
	#header-container{
		left:61px;
	}
	.hide-1024w{
		display:none;
	}
	div.user-nav .icon {
		margin:0 10px;
	}
	div.nav-selected .icon {
		margin:0 10px 0 7px;
	}
}
.show-480w{
	display:none;
}
@media (max-width: 740px){
	#header-nav > .button.right{
		padding: 11px 0;
	}
	#index-header-container{
		top:48px !important;
	}
	div#left-nav{
		top:48px; !important;
	}
	#header-nav .bold.clickable.left,
	#header-nav .bold.clickable.right {
		padding:15px;
	}
	#header-nav {
		height:47px;
	}
	#header-container{
		top:48px;
	}
	#header-nav div.logo {
		height:33px;
	}
	#header-nav .logo img {
		max-width: 100px;
		margin-top: 3px;
	}
	#shop-dropdown{
		margin-top:15px;
		width:230px;
		margin-left:-16px;
	}
}
@media (max-width: 680px){
	#header-nav > .button.right{
		padding: 7px 0;
	}
	#index-header-container{
		top:38px !important;
	}
	div#left-nav{
		top:38px; !important;
	}
	#header-nav .bold.clickable.left,
	#header-nav .bold.clickable.right {
		padding:10px;
		min-width:30px;
	}
	#header-nav {
		height:38px;
	}
	#header-nav .bold.left{
		padding:10px;
	}
	#sport-dropdown{
		width:208px;
		margin-top:10px;
	}
	#sport-dropdown a{
		  padding: 10px 0 10px 45px;
	}
	#header-container{
		top:39px;
	}
	#header-nav div.logo {
		height:33px;
	}
	#header-nav .logo img {
		max-width: 85px;
		margin-top: 0px;
	}
	#shop-dropdown{
		margin-top:10px;
		width:220px;
		margin-left:-11px;
	}
}
@media (max-width: 632px){
	#header-nav div.logo {
		display:none;
	}
}
@media (max-width:625px){
	#header-nav > .button.right{
		width:100% !important;
	}
	#header-nav .bold.clickable.right {
		display:block;
		width:100%;
		padding:10px 0;
		border-bottom:1px solid #222;
	}
	#index-header-container{
		position:static;
		width:100%;
	}
	#index-header-container .gray-button{
		min-height:0 !important;
		padding:22px 0 !important;
	}
}
@media (max-width: 610px){
	#header-nav .bold.clickable.right.dropdown {
		width:100px !important;
	}
	#header-nav .bold.left {
		width:100px !important;
	}
}
@media (max-width: 480px){
	#header-container{
		left:0;
	}
	div#left-nav{
		left:0;
		right:0;
		top:207px;
		bottom:50px;
		width:auto;
	}
	div.user-nav .icon {
		font-size: 20px;
	}
	div.user-nav{
		display:inline-block;
		min-width:50px;
		text-align: center;
		height: 20px;
	}
	div.nav-selected {
		border-left:none;
	  	border-bottom: #2890da solid 3px;
	}
	div.nav-selected .icon {
		margin:0;
	}
	div.user-nav .icon {
		margin:0;
	}
	div#main-profile-content,
	div#dashboard-content,
	div#main-content{
		min-width:0;
	}
	#header-nav .bold.clickable.right.dropdown {
		width:100% !important;
	}
	#header-container{
		left:0;
		top:248px;
		bottom:auto !important;;
	}
	.hide-480w{
		display:none;
	}
	.show-480w{
		display:block;
	}
	.shop-prof{
		margin-left:5px;
	}
	.shop-services-section{
		margin-right:0;
	}
	.profile-info p{
		margin-right:0 !important;
	}
}
@media (max-width: 430px){
	div.user-nav{
		display:inline-block;
		min-width:45px;
	}
}
@media (max-width: 400px){
	div.user-nav{
		display:inline-block;
		min-width:40px;
	}
}
@media (max-width: 340px){
	div.user-nav{
		display:inline-block;
		min-width:35px;
	}
	/*profile stuff*/
	div#main-profile-content h1, div#dashboard-content h1, div#main-content h1 {
		font-size:30px !important;
	}
	div#main-profile-content .inline-menu, div#dashboard-content .inline-menu, div#main-content .inline-menu{
		top:-26px !important;
	}
	.inline-menu a{
		display:block;
		margin:10px 5px;
	}
	.shop-prof .hexagon-mask,
	.shop-prof .hexagon-border,
	.shop-prof .hexagon-border2,
	.shop-prof .hexagon-border3{
		display:none;
	}
	.profile-info {
		margin-left:0 !important;
		min-width:0 !important;
		padding-left:30px !important;
	}
}
#shop-container{
	min-width:956px;
}
#sales-container{
	width:964px;
	margin: 0 auto;
}

/*IPAD STUFF*/
@media only screen and (device-width: 768px) {
	/* For general iPad layouts */
	#requests-container,
	#main-content,
	#sales-container,
	#shop-container,
	#rack-container{
		min-width:600px !important;
		width:910px !important;
	}
	#left-nav{
		width:80px !important;
	}
	div.user-nav{
		padding:20px 10px;
	}
	#header-container{
		left:81px;
	}
}

@media (max-height: 1000px){
	#footer{
		position:static;
	}
	section.faq-container{
		position:static;
	}
}
@media (max-width: 1470px){
	#signin-top .button{
		padding:10px;
		top:6px;
	}
	#signin-top input{
		padding:10px;
		position:relative;
		top:6px;
	}
}
@media (max-width: 1405px){
	#signin-top .button,
	#signin-top input{
		font-size:16px;
	}
}
#index-step-container .section-break{
	display:none;
}
#index-stats-container .section-break{
	display:none;
}
@media (max-width: 1390px){
	.center-content{
		max-width:800px;
	}
	section.faq-container{
		width:760px;
	}
	#index-step-container .center-content .step-container:nth-child(3){
		margin-right:-50px !important;
	}
	#index-step-container .center-content .step-container:nth-child(5){
		margin-left:0px !important;
	}
	#index-step-container .center-content .step-container:nth-child(6){
		margin-right:0px !important;
	}
	#index-step-container .section-break{
		display:block;
		height:15px;
	}
	#index-stats-container .section-break{
		display:block;
	}
	#index-stats-container > div{
		width:200px;
	}
	#index-step-container .steps-line{
		border:none !important;
	}
}
@media (max-width: 1300px){
	#signin-top .button,
	#signin-top input{
		font-size:14px;
	}
}
@media (max-width: 1110px){
	#footer{
		width:auto;
	}
	.center-content{
		max-width:650px;
	}
	section.faq-container{
		width:620px;
	}
	table#quick-actions td {
		padding:0 !important;
	}
}
@media (max-width: 1190px){
	.index-info{
		margin:0 !important;
	}
	#main-profile-content .inline-menu{
		top:-40px !important;
	}
	#info-background{
		display: none;
	}
}
@media (max-width: 1130px){
	.index-info{
		width:470px;
		float:none !important;
		display:block !important;
		margin:10px auto !important;
	}
}
@media (max-width: 1050px){
	#signin-top .button{
		top:0;
	}
	#signin-top input{
		top:0;
	}
	#signin-top .input, #signin-top .button, #signin-top input  {
		width:auto;
		display:inline-block;
	}
}
@media (max-width: 930px){
	#signin-top .hidden{
		display:block;
	}
	#signin-top .input{
		width:209px;
	}
	#signin-top .input input{
		width:209px;
	}
	#signin-top .button:nth-child(7){
		margin-left:1px;
	}
	#signin-top{
		width:483px;
		margin:0 auto;
		float:none;
		text-align: center;
	}
}
@media (max-width: 830px){
	#info-background{
		margin:0 auto !important;
	}
	.index-info-section{
		padding:0 !important;
	}
	#signin-box{
		position:relative;
		width:100%;
	}
	#footer{
		width:540px;
	}
	.center-content{
		width:600px;
	}
	section.faq-container{
		width:570px;
	}
	#footer td{
		display:inline-block;
	}
}
@media (max-width: 660px){
	#footer,
	.center-content,
	section.faq-container{
		width:auto;
	}
}
@media (max-width: 640px){
	#quick-actions img{
		max-height:35px;
	}
	#quick-actions h3{
		font-size:12px;
	}
	table#quick-actions td{
		padding:0 5px !important;
	}
	div#qa-container-contianer{
		padding:30px 0 !important;
	}
	#index-step-container .step-container{
		margin: 0 !important;
		display:block !important;
	}
}
@media (max-width: 440px){
	#index-stats-container > div{
		width:auto;
	}
}
@media (max-width: 530px){
	.index-info .icon{
		font-size:60px !important;
		padding:15px !important;
	}
	.index-info .icon-img{
		width:90px !important;
		height:90px !important;
		background-size:80% !important;
	}
}
@media (max-width: 490px){
	#qa-container td{
		border:none !important;
		display:inline-block;
	}
}
@media (max-width: 465px){
	.index-info{
		width:100% !important;
	}
	.index-info .icon{
		font-size:40px !important;
		padding:10px !important;
	}
	.index-info .icon-img{
		width:60px !important;
		height:60px !important;
		background-size:80% !important;
	}
	.index-info .info-body{
		display:block !important;
		width:auto !important;
	}
	.index-info .icon, .index-info .icon-img {
		margin:0 5px;
	}
	#flat-qa{
		display:none;
	}
	#two-row-qa{
		display:block;
	}
}
/* IPAD STUFF */
@media only screen and (device-width: 768px) {
	/* For general iPad layouts */
	#footer{
		width:auto;
	}
	#index-header-container .center-content{
		max-width:1000px !important;
	}
	#signin-top{
		width:520px;
	}
	#signin-top .input{
		width:220px;
	}
	#signin-top .input input{
		width:220px;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}