@charset "UTF-8";
/* CSS Document */

/* NAVIGATION BAR styles - PHONE --------------*/

#header-wrap-phone {
	width: 100%;
	background-color: #000;
	height: 100px;	
}

.container-phone {
}


#nav-bar-phone {
	width: 730px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #000;
}
#nav-bar-phone ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
#nav-bar-phone li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

#nav-bar-phone li a {
	display: block;
	text-indent: -9999px;
	height: 100px;
	background-image: url(http://matias.ca/resources/navbar/MC_navbar_phone_REV.png);	
	background-repeat: no-repeat;
	background-size: 730px 200px; # width and height, can be %, px or whatever
}

#nav-phone-home { width: 128px; }
#nav-phone-products { width: 143px; }
#nav-phone-order { width: 105px; }
#nav-phone-stores { width: 115px; }
#nav-phone-press { width: 108px; }
#nav-phone-contact { width: 131px; }

#nav-phone-home a,
#nav-phone-home a:link,
#nav-phone-home a:visited {
	background-position: 0px 0px;
}
#nav-phone-home a,
#nav-phone-home a:focus,
#nav-phone-home a:hover,
#nav-phone-home a:active {
	background-position: 0px -100px;
}


#nav-phone-products a,
#nav-phone-products a:link,
#nav-phone-products a:visited {
	background-position: -128px 0px;
}
#nav-phone-products a,
#nav-phone-products a:focus,
#nav-phone-products a:hover,
#nav-phone-products a:active {
	background-position: -128px -100px;
}


#nav-phone-order a,
#nav-phone-order a:link,
#nav-phone-order a:visited {
	background-position: -271px 0px;
}
#nav-phone-order a,
#nav-phone-order a:focus,
#nav-phone-order a:hover,
#nav-phone-order a:active {
	background-position: -271px -100px;
}


#nav-phone-stores a,
#nav-phone-stores a:link,
#nav-phone-stores a:visited {
	background-position: -376px 0px;
}
#nav-phone-stores a,
#nav-phone-stores a:focus,
#nav-phone-stores a:hover,
#nav-phone-stores a:active {
	background-position: -376px -100px;
}


#nav-phone-press a,
#nav-phone-press a:link,
#nav-phone-press a:visited {
	background-position: -491px 0px;
}
#nav-phone-press a,
#nav-phone-press a:focus,
#nav-phone-press a:hover,
#nav-phone-press a:active {
	background-position: -491px -100px;
}

#nav-phone-contact a,
#nav-phone-contact a:link,
#nav-phone-contact a:visited {
	background-position: -599px 0px;
}
#nav-phone-contact a,
#nav-phone-contact a:focus,
#nav-phone-contact a:hover,
#nav-phone-contact a:active {
	background-position: -599px -100px;
}