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

/* Global ------------------------ */
html {
	margin:0;
	padding:0;
	height:100%;
}

body {
	background:#FFFFFF;
	margin:0;
	padding:0;
	height:100%;
	font:12px Arial,Helvetica,sans-serif;
	color:#000000;
	}

* { margin: 0; padding: 0 }

#container {
	padding:0;
	min-height:100%;
	position:relative;
	}
	
#middle {
	width:900px;
	margin:0px auto;
	padding:0 0 75px 0;
}
	
.clear {
	clear:both;
	}
	
a:link {
	text-decoration: none;
	font-weight:normal;
	color: #0078bd;
	}

a:visited {
	text-decoration: none;
	font-weight:normal;
	color: #0078bd;
}

a:active {
	text-decoration: none;
	font-weight:normal;
	color: #d32e2e;
	}

a:hover {
	text-decoration: none;
	font-weight:normal;
	color: #d32e2e;
	}

p {
	padding:0 10px 10px 10px;
	}

p.center {
	padding:0 10px 10px 10px;
	text-align:center;
	margin:0;
	}

p.image {
	padding:0 10px 10px 10px;
	text-align:center;
	margin:0;
	}

p.small {
	margin:0;
	padding:4px 0 0 0;
	font-size:11px;
	}

p.left {
	float:left;
	text-align:center;
	margin-right:20px;
}

p.indent {
	margin:0 10px 10px 20px;
}

a#twitter-share {
	margin-top:5px;
}

img.left {
	float:left;
	margin-right:10px;
}

img.right {
	float:right;
	margin-left:10px;
}

form {
	padding:0 10px 10px 10px;
	}

form.center {
	text-align:center;
	margin:0;
}

form.right {
	text-align:right;
	padding:0;
	margin:0 0 10px 15px;
}

h5.breadcrumbs {
	margin:0;
	padding:0 0 5px 10px;
}

h3 {
	margin:0 0 5px 10px;
	padding:0;
	font-weight:bold;
}

h5.center{
	margin:0;
	padding:0 0 4px 0;
	text-align:center;
}

ul.content {
	padding:0 10px 10px 30px;
	}

a.purchase {
	display:block;
	width:219px;
	height:26px;
	margin:5px auto;
	padding:0;
	text-indent:-9999999px;
	background:url(images/purchase_mo.gif) no-repeat;
	}

a.purchase:hover {
	background-position:0px -26px;
	}

a.purchase_left {
	display:block;
	width:219px;
	height:26px;
	margin:5px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/purchase_mo.gif) no-repeat;
	}

a.purchase_left:hover {
	background-position:0px -26px;
	}

p#fb_like {
	float:right;
	margin:5px 0 0 0;
}


/* Header ------------------------ */
#header {
	margin:0;
	padding:0;
	height:100px;
	background:url(images/header.jpg) no-repeat;
	}
	
#header h1.header {
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999999px;
	}


/* Navigation ------------------------ */
ul.nav {
	list-style-type:none;
	padding:5px 0 0 0;
	margin:0;
	}
	
ul.nav li {
	padding:0;
	margin:0 2px;
	display:block;
	text-indent:-9999999px;
	}
	
ul.nav li a {
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	background:transparent url(images/navigation.gif) no-repeat;
	}

ul.subnav {
	list-style-type:none;
	padding:0 20px;
	margin:0;
	}
	
ul.subnav li {
	padding:1px 0;
	margin:0;
	text-indent:0;
	font-size:14px;
	}
	
ul.subnav li a {
	padding:0;
	margin:0;
	text-decoration:none;
	background:transparent;
	}

ul.subnav a:link {
	text-decoration: none;
	font-weight:normal;
	color: #0078bd;
	}

ul.subnav a:visited {
	text-decoration: none;
	font-weight:normal;
	color: #0078bd;
	}

ul.subnav a:active {
	text-decoration: none;
	font-weight:normal;
	color: #7f7f7f;
	}

ul.subnav a:hover {
	text-decoration: none;
	font-weight:normal;
	color: #7f7f7f;
	}

ul.subnav li a.active {
	padding:0;
	margin:0;
	color:#000000;
	}
	
li.about a {
	width:70px;
	height:26px;
	}
	 
li.about a:hover {
	background-position:0px -182px;
	}

body ul.nav#about-page li.about a {
	background-position:0px -364px;
	}

li.sneakergallery a {
	width:162px;
	height:26px;
	}

li.sneakergallery a:link, li.sneakergallery a:visited {	
	background-position:0px -26px;
	}

li.sneakergallery a:hover {
	background-position:0px -208px;
	}
	
body ul.nav#sneakergallery-page li.sneakergallery a {
	background-position:0px -390px;
	}

li.products a {
	width:93px;
	height:26px;
	}

li.products a:link, li.products a:visited {	
	background-position:0px -52px;
	}
	
li.products a:hover {
	background-position:0px -234px;
	}

body ul.nav#products-page li.products a {
	background-position:0px -416px;
	}

li.services a {
	width:87px;
	height:26px;
	}

li.services a:link, li.services a:visited {	
	background-position:0px -78px;
	}
	
li.services a:hover {
	background-position:0px -260px;
	}

body ul.nav#services-page li.services a {
	background-position:0px -442px;
	}
	
li.shop a {
	width:126px;
	height:26px;
	}
	 
li.shop a:link, li.shop a:visited {	
	background-position:0px -104px;
	}
	
li.shop a:hover {
	background-position:0px -286px;
	}

li.press a {
	width:56px;
	height:26px;
	}
	 
li.press a:link, li.press a:visited {	
	background-position:0px -130px;
	}
	
li.press a:hover {
	background-position:0px -312px;
	}

body ul.nav#press-page li.press a {
	background-position:0px -494px;
	}

li.contact a {
	width:90px;
	height:26px;
	}
	 
li.contact a:link, li.contact a:visited {	
	background-position:0px -156px;
	}
	
li.contact a:hover {
	background-position:0px -338px;
	}

body ul.nav#contact-page li.contact a {
	background-position:0px -520px;
	}


/* Body ------------------------ */
#content {
	width:900px;
	margin:20px 0 20px 0;
	padding:0;
	text-align:left;
	}

#content_left {
	margin:0;
	padding:0;
	width:201px;
	float:left;
	}

#content_top_right {
	padding:0 0 20px 0;
	width:680px;
	margin:0 0 0 220px;
	border-bottom:solid 1px #000000;
}

#content_right_bottom {
	margin:20px 0 0 220px;
	padding:0;
	}

#content_bottom_left {
	float:left;
	text-align:right;
	height:150px;
	width:200px;
	margin:0 10px 0 10px;
	padding:0;
	}
	
#content_bottom_center {
	text-align:right;
	height:150px;
	width:200px;
	margin:0 240px 0 240px;
	padding:0;
	}
	
#content_bottom_right {
	float:right;
	text-align:right;
	height:150px;
	width:200px;
	margin:0 10px 0 10px;
	padding:0;
	}


/* Main Feature List ------------------------ */

#main {
	width:680px;
	height:350px;
	overflow:hidden;
	position:relative;
}

#main img {
	padding:0;
	margin:0 0 10px 0;
}

#main ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#left {
	left: 0;
	margin:5px 10px 0 10px;
	width: 150px;
}

ul#left li a.thumb1 {
	text-indent:-9999999px;
	display:block;
	height:65px;
	width:150px;
	margin:0 0 4px 0;
	background:url(images/main_thumb1.jpg) no-repeat;
}

ul#left li a.thumb2 {
	text-indent:-9999999px;
	display:block;
	height:65px;
	width:150px;
	margin:0 0 2px 0;
	background:url(images/main_thumb2.jpg) no-repeat;
}

ul#left li a.thumb3 {
	text-indent:-9999999px;
	display:block;
	height:65px;
	width:150px;
	margin:0 0 2px 0;
	background:url(images/main_thumb3.jpg) no-repeat;
}

ul#left li a.thumb4 {
	text-indent:-9999999px;
	display:block;
	height:65px;
	width:150px;
	margin:0 0 2px 0;
	background:url(images/main_thumb4.jpg) no-repeat;
}

ul#left li a.thumb5 {
	text-indent:-9999999px;
	display:block;
	height:65px;
	width:150px;
	margin:0 0 2px 0;
	background:url(images/main_thumb5.jpg) no-repeat;
}

ul#left li a:hover {
	background-position:0px -65px;
}

ul#left li a.current {
	background-position:0px -65px;
}

ul#left li a.current:hover {
	cursor: default;
}

ul#right {
	right:0;
	margin:10px 10px 0 170px;
	width:500px;
	height:340px;
	position:relative;
}

ul#right li {
	position: absolute;
	width: 500px;
	height: 340px;
}


/* Bottom Content ------------------------ */


h3#main_about {
	margin:0 0 5px 125px;
	padding:0;
	width:75px;
	height:16px;
	text-align:left;
	text-indent:-9999999px;
	background:url(images/main_about.gif) no-repeat;
	}

h3#main_mailinglist {
	margin:0 0 5px 55px;
	padding:0;
	width:145px;
	height:19px;
	text-align:left;
	text-indent:-9999999px;
	background:url(images/main_mailinglist.gif) no-repeat;
	}

h3#main_icon_blog {
	float:right;
	margin:0 0 10px 0;
	padding:0;
	width:32px;
	height:33px;
	text-align:left;
	text-indent:-9999999px;
	background:url(images/main_icon_blog.gif) no-repeat;
	}

h3#main_icon_twitter {
	float:right;
	margin:0 0 10px 15px;
	padding:0;
	width:32px;
	height:33px;
	text-align:left;
	text-indent:-9999999px;
	background:url(images/main_icon_twitter.gif) no-repeat;
	}

h3#main_icon_facebook {
	float:right;
	margin:0 0 10px 15px;
	padding:0;
	width:32px;
	height:33px;
	text-align:left;
	text-indent:-9999999px;
	background:url(images/main_icon_facebook.gif) no-repeat;
	}
	

/* Footer ------------------------ */
#footer_wrap {
	width:100%;
	height:75px;
	margin:0;
	padding:0;
	background:#231f20 url(images/footer_bg.gif) repeat-x 0 0;
	position:absolute;
	bottom:0;
	}

#footer {
	width:900px;
	margin:0px auto;
	padding:0;
}

#footer p {
	color:#FFFFFF;
	margin:0 0 0 55px;
}

h3#copyright {
	margin:23px 0 0 65px;
	padding:0;
	color:#FFFFFF;
	}

img#footer_icon {
	margin:-23px 0 0 5px;
	padding:0;
	float:left;
	}
	

/* About - Company ------------------------ */

h2#about_company {
	margin:0 0 5px 5px;
	padding:0;
	width:249px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/about_company.gif) no-repeat;
	}


/* About - News ------------------------ */

h2#about_news {
	margin:0 0 5px 5px;
	padding:0;
	width:71px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/about_news.gif) no-repeat;
	}


/* About - Mailing List ------------------------ */

h2#about_mailinglist {
	margin:0 0 5px 5px;
	padding:0;
	width:232px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/about_mailinglist.gif) no-repeat;
	}


/* About - FAQs ------------------------ */

h2#about_faqs {
	margin:0 0 5px 5px;
	padding:0;
	width:328px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/about_faqs.gif) no-repeat;
	}
	

/* About - Store Locator ------------------------ */

h2#about_storelocator {
	margin:0 0 5px 5px;
	padding:0;
	width:164px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/about_storelocator.gif) no-repeat;
	}

ul#storelocator {
	padding:0;
	text-align:center;
	list-style-type:none;
	}

ul#storelocator li {
	float:left;
	margin:0 75px 0 75px;
	}

h3#storelocator_phenom {
	margin:0 0 5px 5px;
	padding:0;
	width:180px;
	height:120px;
	text-indent:-9999999px;
	background:url(images/phenom_logo.jpg) no-repeat;
	}
	
h3#storelocator_legndary {
	margin:0 0 5px 5px;
	padding:0;
	width:180px;
	height:120px;
	text-indent:-9999999px;
	background:url(images/legndary_logo.jpg) no-repeat;
	}


/* About - Outreach ------------------------ */

h2#about_outreach {
	margin:0 0 5px 5px;
	padding:0;
	width:118px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/about_outreach.gif) no-repeat;
	}


/* About - Disclaimer ------------------------ */

h2#about_disclaimer {
	margin:0 0 5px 5px;
	padding:0;
	width:130px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/about_disclaimer.gif) no-repeat;
	}


/* Sneaker Gallery ------------------------ */

h2#sneakergallery {
	margin:0 0 5px 5px;
	padding:0;
	width:192px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/sneakergallery.gif) no-repeat;
	}

ul#gallery {
	padding:0;
	text-align:center;
	list-style-type:none;
	}

ul#gallery li {
	float:left;
	margin:10px 0 10px 20px;
	}

a.gallery {
	display:block;
	width:200px;
	height:100px;
	margin:0;
	padding:0;
	overflow:hidden;
	}

a.gallery:hover img {
	margin-top:-100px;
	}

a.gallery:hover {
	zoom:1;
}
	
/* Products ------------------------ */

h2#products {
	margin:0 0 5px 5px;
	padding:0;
	width:108px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/products.gif) no-repeat;
	}

a#products_customkit {
	display:block;
	width:318px;
	height:26px;
	margin:0 0 5px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/products_customkit_mo.gif) no-repeat;
	}

a#products_customkit:hover {
	background-position:0px -26px;
	}

a#products_restorationkit {
	display:block;
	width:292px;
	height:26px;
	margin:0 0 5px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/products_restorationkit_mo.gif) no-repeat;
	}

a#products_restorationkit:hover {
	background-position:0px -26px;
	}
	
a#products_cleaningwipes {
	display:block;
	width:306px;
	height:26px;
	margin:0 0 5px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/products_cleaningwipes_mo.gif) no-repeat;
	}

a#products_cleaningwipes:hover {
	background-position:0px -26px;
	}

a#products_suedecleaner {
	display:block;
	width:366px;
	height:26px;
	margin:0 0 5px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/products_suedecleaner_mo.gif) no-repeat;
	}

a#products_suedecleaner:hover {
	background-position:0px -26px;
	}
	
a#products_prepwipes {
	display:block;
	width:329px;
	height:26px;
	margin:0 0 5px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/products_prepwipes_mo.gif) no-repeat;
	}

a#products_prepwipes:hover {
	background-position:0px -26px;
	}
	
a#products_paint {
	display:block;
	width:210px;
	height:26px;
	margin:0 0 5px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/products_paint_mo.gif) no-repeat;
	}

a#products_paint:hover {
	background-position:0px -26px;
	}


/* Products - Customization Kit ------------------------ */

h2#products_customkit {
	margin:0 0 5px 5px;
	padding:0;
	width:421px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/products_customkit.gif) no-repeat;
	}


/* Products - Restoration Kit ------------------------ */

h2#products_restorationkit {
	margin:0 0 5px 5px;
	padding:0;
	width:386px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/products_restorationkit.gif) no-repeat;
	}


/* Products - Cleaning Wipes ------------------------ */

h2#products_cleaningwipes {
	margin:0 0 5px 5px;
	padding:0;
	width:405px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/products_cleaningwipes.gif) no-repeat;
	}


/* Products - Suede Cleaner ------------------------ */

h2#products_suedecleaner {
	margin:0 0 5px 5px;
	padding:0;
	width:405px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/products_suedecleaner.gif) no-repeat;
	}


/* Products - Preparation Wipes ------------------------ */

h2#products_prepwipes {
	margin:0 0 5px 5px;
	padding:0;
	width:433px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/products_prepwipes.gif) no-repeat;
	}


/* Products - Leather Paint ------------------------ */

h2#products_paint {
	margin:0 0 5px 5px;
	padding:0;
	width:276px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/products_paint.gif) no-repeat;
	}

ul#paint {
	padding:0;
	list-style-type:none;
	display:block;
	}

ul#paint li {
	float:left;
	width:320px;
	margin:10px 10px 30px 10px;
	}


/* Services ------------------------ */

h2#services {
	margin:0 0 5px 5px;
	padding:0;
	width:104px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/services.gif) no-repeat;
	}

a#services_customization {
	display:block;
	width:386px;
	height:26px;
	margin:0 0 5px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/services_customization_mo.gif) no-repeat;
	}

a#services_customization:hover {
	background-position:0px -26px;
	}

a#services_restoration {
	display:block;
	width:266px;
	height:26px;
	margin:0 0 5px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/services_restoration_mo.gif) no-repeat;
	}

a#services_restoration:hover {
	background-position:0px -26px;
	}

a#services_customizationclass {
	display:block;
	width:363px;
	height:26px;
	margin:0 0 5px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/services_customizationclass_mo.gif) no-repeat;
	}

a#services_customizationclass:hover {
	background-position:0px -26px;
	}
	

/* Services - Customization ------------------------ */

h2#services_customization {
	margin:0 0 5px 5px;
	padding:0;
	width:386px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/services_customization.gif) no-repeat;
	}
	

/* Services - Restoration ------------------------ */

h2#services_restoration {
	margin:0 0 5px 5px;
	padding:0;
	width:351px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/services_restoration.gif) no-repeat;
	}

a#services_restoration_example1 {
	display:block;
	float:left;
	width:300px;
	height:225px;
	margin:10px 20px 10px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/services_restoration_example1.jpg) no-repeat;
	}

a#services_restoration_example1:hover {
	background-position:0px -225px;
	}

a#services_restoration_example2 {
	display:block;
	float:left;
	width:300px;
	height:225px;
	margin:10px 10px 10px 20px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/services_restoration_example2.jpg) no-repeat;
	}

a#services_restoration_example2:hover {
	background-position:0px -225px;
	}
	
a#services_restoration_example3 {
	display:block;
	float:left;
	width:300px;
	height:225px;
	margin:10px 20px 10px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/services_restoration_example3.jpg) no-repeat;
	}

a#services_restoration_example3:hover {
	background-position:0px -225px;
	}

a#services_restoration_example4 {
	display:block;
	float:left;
	width:300px;
	height:225px;
	margin:10px 10px 10px 20px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/services_restoration_example4.jpg) no-repeat;
	}

a#services_restoration_example4:hover {
	background-position:0px -225px;
	}

a#services_restoration_example5 {
	display:block;
	float:left;
	width:300px;
	height:225px;
	margin:10px 20px 10px 10px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/services_restoration_example5.jpg) no-repeat;
	}

a#services_restoration_example5:hover {
	background-position:0px -225px;
	}

a#services_restoration_example6 {
	display:block;
	float:left;
	width:300px;
	height:225px;
	margin:10px 10px 10px 20px;
	padding:0;
	text-indent:-9999999px;
	background:url(images/services_restoration_example6.jpg) no-repeat;
	}

a#services_restoration_example6:hover {
	background-position:0px -225px;
	}


/* Press Page ------------------------ */

h2#press {
	margin:0 0 5px 5px;
	padding:0;
	width:65px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/press.gif) no-repeat;
	}

ul.press {
	padding:0;
	text-align:center;
	list-style-type:none;
	}

ul.press li {
	float:left;
	margin:10px 0 10px 20px;
	}
	

/* Contact ------------------------ */

h2#contact {
	margin:0 0 5px 5px;
	padding:0;
	width:280px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/contact.gif) no-repeat;
	}


/* Contact - Dealer ------------------------ */

h2#contact_dealer {
	margin:0 0 5px 5px;
	padding:0;
	width:227px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/contact_dealer.gif) no-repeat;
	}


/* Contact - Information ------------------------ */

h2#contact_info {
	margin:0 0 5px 5px;
	padding:0;
	width:240px;
	height:34px;
	text-indent:-9999999px;
	background:url(images/contact_info.gif) no-repeat;
	}