/* BrandNav */
#BrandNav {
	width: 100%;
	background-image: url(../images/new/brandnav_bgtile.png);
	background-repeat: repeat-x;
	}
#brands {position: relative; margin: 0 auto; padding: 0 42px 0 3px; width: 925px; height: 35px;}
#brands li {position: absolute; top: 0; background: url(../images/new/brandnav.png) 0 0 no-repeat; display: block; list-style: none;}
#brands a {display: block; border: 0;}
#brands a:hover {border: 0;}
#brands #brandbox1 {left: 0; background-position: 0 0; width: 176px; height: 35px;}
#brands #brandbox2 {left: 176px; background-position: -176px 0; width: 143px; height: 35px;}
#brands #brandbox3 {left: 296px; background-position: -319px 0; width: 183px; height: 35px;}
#brands #brandbox4 {left: 456px; background-position: -502px 0; width: 230px; height: 35px;}
#brands #brandbox5 {left: 663px; background-position: -732px 0; width: 136px; height: 35px;}
#brands #brandbox6 {left: 778px; background-position: -868px 0; width: 127px; height: 35px;}
#brands #brandbox1 a:hover {background: url(../images/new/brandnav.png) 0 -70px no-repeat;}
#brands #brandbox2 a:hover {background: url(../images/new/brandnav.png) -176px -70px no-repeat;}
#brands #brandbox3 a:hover {background: url(../images/new/brandnav.png) -319px -70px no-repeat;}
#brands #brandbox4 a:hover {background: url(../images/new/brandnav.png) -502px -70px no-repeat;}
#brands #brandbox5 a:hover {background: url(../images/new/brandnav.png) -732px -70px no-repeat;}
#brands #brandbox6 a:hover {background: url(../images/new/brandnav.png) -868px -70px no-repeat;}
#brands #brandbox1on {left: 0; background-position: 0 -35px; width: 176px; height: 35px;}
#brands #brandbox2on {z-index: 100; left: 176px; background-position: -176px -35px; width: 143px; height: 35px;}
#brands #brandbox3on {z-index: 100; left: 296px; background-position: -319px -35px; width: 183px; height: 35px;}
#brands #brandbox4on {z-index: 100; left: 456px; background-position: -502px -35px; width: 230px; height: 35px;}
#brands #brandbox5on {z-index: 100; left: 663px; background-position: -732px -35px; width: 136px; height: 35px;}
#brands #brandbox6on {z-index: 100; left: 778px; background-position: -868px -35px; width: 127px; height: 35px;}


/* ColorMark Nav */
#cmnav {position: relative; margin: 0 auto; padding: 0; width: 712px; height: 55px; float: right;}
#cmnav li {position: absolute; top: 0; background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) 0 0 no-repeat; display: block; list-style: none;}
#cmnav a {display: block; border: 0;}
#cmnav a:hover {border: 0;}
#cmnav #cmnavbox1 {left: 0; background-position: 0 0; background-repeat: no-repeat; width: 161px; height: 55px;}
#cmnav #cmnavbox2 {left: 161px; background-position: -161px 0; width: 106px; height: 55px;}
#cmnav #cmnavbox3 {left: 267px; background-position: -267px 0; width: 85px; height: 55px;}
#cmnav #cmnavbox4 {left: 352px; background-position: -352px 0; width: 113px; height: 55px;}
#cmnav #cmnavbox5 {left: 465px; background-position: -465px 0; width: 120px; height: 55px;}
#cmnav #cmnavbox6 {left: 585px; background-position: -585px 0; width: 127px; height: 55px;}
#cmnav #cmnavbox1 a:hover {background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) 0 -55px no-repeat;}
#cmnav #cmnavbox2 a:hover {background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -161px -55px no-repeat;}
#cmnav #cmnavbox3 a:hover {background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -267px -55px no-repeat;}
#cmnav #cmnavbox4 a:hover {background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -352px -55px no-repeat;}
#cmnav #cmnavbox5 a:hover {background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -465px -55px no-repeat;}
#cmnav #cmnavbox6 a:hover {background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -585px -55px no-repeat;}
#cmnav #cmnavbox1on {left: 0; background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) 0 -110px no-repeat;}
#cmnav #cmnavbox2on {left: 161px; background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -161px -110px no-repeat;}
#cmnav #cmnavbox3on {left: 267px; background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -267px -110px no-repeat;}
#cmnav #cmnavbox4on {left: 352px; background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -352px -110px no-repeat;}
#cmnav #cmnavbox5on {left: 465px; background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -465px -110px no-repeat;}
#cmnav #cmnavbox6on {left: 585px; background: url(https://colormetrics.com/product_images/uploaded_images/cm_nav.jpg) -585px -110px no-repeat;}	

#cmnavstripe {
	position: absolute; 
	display: block; 
	top: 55px; 
	width: 974px;
	height: 18px; 
	background-color: #a70e13; 
	}
#colorstripe {
	position: absolute;
	display: block; 
	margin: 0;
	padding: 0;
	top: 20px;
	left: 0;
	width: 950px;
	height: 18px;
	background-color: #a70e13; 
	}


#Header {
	height: 163px;
	}
#LogoCM {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
	left: 8px;
	width: 237px;
	height: 100px;
	}
#NavCM {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 110px;
	left: 0;
	width: 950px;
	background-image: url(https://colormetrics.com/product_images/uploaded_images/cm_nav_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
#FooterCM {
	width: 100%;
	clear: both;
	font-size: 10px;
	text-align: center;
	margin: 0 auto;
	padding: 50px 0 0 0;
	}
	
#Footer {
	width: 950px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	font-family: verdana, arial, sans-serif;
	color: #616b74;
	font-size: 10px;
	text-align: left;
	line-height: 11px;
	}
#Footer a {
	color: #616b74;
	text-decoration: none;
	}
#Footer a:hover {
	color: #757e85;
	}
#Footer .FooterNav {
	float: left;
	width: 208px;
	}
#Footer .FooterNav ul.footer {
	position: relative;
	width: 180px;
	list-style: none;
	margin: 0 28px 20px 0;
	padding: 0;
	border: none;
	}
#Footer .FooterNav ul.footer li {
	display: block;
	float: none;
	margin: 0;
	padding: 0 0 4px 0 !important;
	font-family: verdana, arial, sans-serif;
	color: #999;
	font-size: 10px;
	line-height: 11px;
	list-style: none;
	border: none;
	}
#Footer .FooterNav ul.footer li a {
	text-decoration: none;
	color: #666;
	border-left: none;
	padding: 0;
	}
.medialinks {
	float: left;
	width: 94px;
	margin-top: -3px;
	}