/*** MAIN CONTENT AREAS ***/
body {  color: #000; margin: 0; padding: 0; background: #979b9e url(../_img/body-bg.jpg) top left repeat-x; font-family: Verdana, Helvetica, Arial, sans-serif;}
p {margin: 0; padding: 0; font-size: 13px; line-height: 1.3;}
img {border: 0;}
h3 {font-size: 14px; text-transform: uppercase; margin: 0 10px 20px 30px;}
h3 span {color: #ff6600;}
h4 {margin: 0 40px 0 50px; font-size: 12px; text-transform: uppercase;}
#wrapper {margin: 0 auto; width: 780px;}
#content {margin: 0; padding: 0; background: #E0e1dd; min-height: 400px;}
#header {margin: 0; width: 780px; height: 149px; background: url(../_img/header-bg.jpg) top center no-repeat;}
#footer {margin: 0; width: 772px; height: 18px; background: url(../_img/footer-bg.jpg) top center no-repeat; overflow: hidden; font-size: 9px; font-family: Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold;padding: 6px 4px 4px; text-align: center;}
#footer p {font-size: 9px; text-transform: uppercase; font-weight: bold;}
#footer a {text-decoration: none; color: #000;}
#footer a:hover {text-decoration: underline;}
hr.clear {visibility: hidden; clear: both; margin: 0;}

/*** MAIN NAVIGATION ***/
#nav {list-style: none; margin: 0; padding: 0; position: relative;}
#nav li {position: absolute;}
#nav li a {text-indent: -9999px; float: left; height: 0px !important; overflow: hidden; background-position: top left; background-repeat: no-repeat;}
/*#nav li a:hover {background-position: bottom left;}*/
/* declarations */
#nav-home {top: 0; left: 0; z-index: 1;}
#nav-home a {background-image: url(../_img/nav-home.jpg); width: 388px; padding: 67px 0 0;}
#nav-helmets {top: 69px; left: 0;}
#nav-helmets a {background-image: url(../_img/nav-helmets.jpg); width: 132px; padding: 60px 0 0;}
#nav-gloves {top: 69px; left: 132px;}
#nav-gloves a {background-image: url(../_img/nav-gloves.jpg); width: 101px; padding: 60px 0 0;}
#nav-guards {top: 69px; left: 233px;}
#nav-guards a {background-image: url(../_img/nav-guards.jpg); width: 118px; padding: 60px 0 0;}
#nav-parts {top: 68px; left: 351px;}
#nav-parts a {background-image: url(../_img/nav-parts.jpg); width: 89px; padding: 60px 0 0;}
#nav-clothing {top: 56px; left: 440px;}
#nav-clothing a {background-image: url(../_img/nav-clothing.jpg); width: 141px; padding: 43px 0 0;}
#nav-dealers {top: 56px; left: 581px;}
#nav-dealers a {background-image: url(../_img/nav-dealers.jpg); width: 116px; padding: 43px 0 0;}
#nav-users {top: 99px; left: 440px;}
#nav-users a {background-image: url(../_img/nav-users.jpg); width: 67px; padding: 30px 0 0;}
#nav-downloads {top: 99px; left: 507px;}
#nav-downloads a {background-image: url(../_img/nav-downloads.jpg); width: 100px; padding: 30px 0 0;}
#nav-contact {top: 99px; left: 607px;}
#nav-contact a {background-image: url(../_img/nav-contact.jpg); width: 92px; padding: 30px 0 0;}
#nav-links {top: 99px; left: 699px;}
#nav-links a {background-image: url(../_img/nav-links.jpg); width: 81px; padding: 30px 0 0;}
#nav-helmets a:hover, .helmetspg #nav-helmets a, #nav-gloves a:hover, .glovespg #nav-gloves a, #nav-guards a:hover, .guardspg #nav-guards a, #nav-parts a:hover, .partspg #nav-parts a {background-position: 0 -60px;}
#nav-clothing a:hover, .clothingpg #nav-clothing a, #nav-dealers a:hover {background-position: 0 -43px;}
#nav-users a:hover, #userspg #nav-users a, #nav-downloads a:hover, #downloadspg #nav-downloads a, #nav-contact a:hover, #contactpg #nav-contact a, #nav-links a:hover, #linkspg #nav-links a {background-position: 0 -30px;}

/* HOME PAGE SPECIFIC */
#homepg #content {height: 557px;}
#items {list-style: none; margin: 0; padding: 0; position: relative;}
#items li {position: absolute;}
#items li a {text-indent: -9999px; float: left; height: 0px !important; overflow: hidden; background-position: top left; background-repeat: no-repeat;}

#items-first {top: 0; left: 0;}
#items-first a {background-image: url(../_img/home-items-first.jpg); width: 510px; padding: 557px 0 0;}
#items-second {top: 0; left: 510px;}
#items-second a {background-image: url(../_img/home-items-second.jpg); width: 270px; padding: 279px 0 0;}
#items-third {top: 279px; left: 510px;}
#items-third a {background-image: url(../_img/home-items-third.jpg); width: 270px; padding: 278px 0 0;}

/* PRODUCT OVERVIEW PAGES */
img.ov {margin: 0 0 12px 12px; width: 408px;}
#helmetsov img.ov, #glovesov img.ov, #partsov img.ov {width: auto;}
#glovesov img.ov {margin: 0 0 6px 6px;}

/* HELMETS OVERVIEW */
#helmetsov #content h1 {margin: 0; padding: 0; text-indent: -9999px; position: relative; top: 12px; left: 0; width: 247px; height: 96px ;background: url(../_img/title-helmets.gif) top left no-repeat;}
/* HELMETS PRODUCTS */
.helmetspg #content h1 {margin: 0; padding: 0; text-indent: -9999px; background-position: top right; width: 360px; background-repeat: no-repeat;}
#pryme-evilpg #content h1 {height: 133px; background-image: url(../_img/helmets/title-pryme-evil.gif);}
#pryme-alpg #content h1 {height: 124px; background-image: url(../_img/helmets/title-pryme-al.gif);}
#pryme-uspg #content h1 {height: 117px; background-image: url(../_img/helmets/title-pryme-us.gif);}
#pryme-8pg #content h1 {height: 126px; background-image: url(../_img/helmets/title-pryme-8.gif);}
#pryme-primatepg #content h1 {height: 140px; background-image: url(../_img/helmets/title-pryme-graphic.gif);}
#pryme-mortalpg #content h1 {height: 116px; background-image: url(../_img/helmets/title-pryme-mortal.gif);}
#pryme-variopg #content h1 {height: 122px; background-image: url(../_img/helmets/title-pryme-vario.gif);}

#product {width: 420px; float: left;}
.helmetspg #subnav {background: url(../_img/helmets/subnav-bg.jpg) top left no-repeat; width: 374px; height: 84px; margin: 10px 0 20px; color: #fff; text-transform: uppercase; font-size: 11px;}
#subnav ul {list-style: none; margin: 0; padding: 0; position: relative; width: 130px; float: left;}
#subnav ul li {margin: 0; padding: 0;}
#subnav a {text-decoration: none; color: #fff;}
#subnav a:hover {text-decoration: underline;}
#sub-helmets-a {top: 26px; left: 74px;}
#sub-helmets-b {top: 14px; left: 104px;}
#description {width: 360px; margin-left: 420px; padding-top: 30px;}
#description p {margin: 10px 40px 10px 50px;}

/* PRYME-AL */
#colors {list-style: none; margin: 10px 0 10px 40px; padding: 0;}
#colors li {float: left; width: 100px; margin: 0 2px 12px; font-size: 10px; text-transform: uppercase; text-align: center;}
#colors a {text-decoration: none; color: #000;}
#colors img {width: 75px;}

/* GLOVES OVERVIEW */
#glovesov #content h1 {margin: 0; padding: 0; text-indent: -9999px; position: relative; top: 12px; left: 0; width: 252px; height: 175px;  background: url(../_img/title-gloves.gif) top left no-repeat;}
.glovespg #subnav {background: url(../_img/gloves/subnav-bg.gif) top left no-repeat; width: 374px; height: 84px; margin: 10px 0 20px; color: #fff; text-transform: uppercase; font-size: 11px;}
#sub-gloves-a {top: 26px; left: 18px;}
#sub-gloves-b {top: 26px; left: 38px;}
.hdivider {text-align: center;}

/* GLOVES PRODUCTS */
.glovespg #content h1 {margin: 0; padding: 0; text-indent: -9999px; width: 360px;  height: 148px ; background-position: top right; background-repeat: no-repeat;}
.glovespg #description p {margin-left: 70px;}
#asylumpg #description {padding-top: 7px;}
#asylumpg #content h1 {background-image: url(../_img/gloves/title-asylum.gif);}
#suspectspg #description {padding-top: 13px;}
#suspectpg #content h1 {background-image: url(../_img/gloves/title-suspect.gif);}
#specterpg #description {padding-top: 14px;}
#specterpg #content h1 {background-image: url(../_img/gloves/title-specter.gif);}
#cold-bonespg #description {padding-top: 11px;}
#cold-bonespg #content h1 {background-image: url(../_img/gloves/title-cold-bones.gif);}
#variopg #description {padding-top: 18px;}
#variopg #content h1 {background-image: url(../_img/gloves/title-vario.gif);}
#trailhandspg #description {padding-top: 10px;}
#trailhandspg #content h1 {background-image: url(../_img/gloves/title-trailhands.gif);}
#strangeglovepg #description {padding-top: 10px;}
#strangeglovepg #content h1 {background-image: url(../_img/gloves/title-strangeglove.gif);}
#gooddaypg #description {padding-top: 10px;}
#gooddaypg #content h1 {background-image: url(../_img/gloves/title-good-day.gif);}


/* GUARDS OVERVIEW */
#guardsov #content h1 {margin: 0; padding: 0; text-indent: -9999px; position: relative; top: 10px; left: 0; width: 252px;  height: 175px;  background: url(../_img/title-guards.gif) top left no-repeat;} 
#guardsov #content {position: relative; height: 550px;}
#guardsov img.ov {width: auto; margin: 0;}
#guardsov #ov-bootleg {position: absolute; top: 10px; left: 450px;}
#guardsov #ov-shin {position: absolute; top: 150px; left: 20px;}
#guardsov #ov-hardcap {position: absolute; top: 300px; left: 400px;}

/* GUARDS PRODUCTS */
.guardspg #content h1 {margin: 0; padding: 0; text-indent: -9999px; width: 360px; height: 148px; background-position: top right; background-repeat: no-repeat;}
.guardspg #subnav {background: url(../_img/guards/subnav-bg.gif) top left no-repeat; width: 374px; height: 84px; margin: 10px 0 20px; color: #fff; text-transform: uppercase; font-size: 11px;}
.guardspg #subnav ul {width: 300px;}
#sub-guards {top: 32px; left: 20px;}
.guardspg #description p {margin-left: 70px;}
#shinpg #description {padding-top: 12px;}
#shinpg #content h1 {background-image: url(../_img/guards/title-shin.gif);}
#bootlegpg #description {padding-top: 12px;}
#bootlegpg #content h1 {background-image: url(../_img/guards/title-bootleg.gif);}
#bootlegpg img.ov {width: auto;}
#hardcappg #description {padding-top: 12px;}
#hardcappg #content h1 {background-image: url(../_img/guards/title-hardcap.jpg);}
#hardcappg img.ov {margin: 20px 10px;}

/* PARTS OVERVIEW */
#partsov #content h1 {margin: 0; padding: 0; text-indent: -9999px; position: relative; top: 10px; left: 0; width: 252px; height: 175px; background: url(../_img/title-parts.gif) top left no-repeat;}
#partsov #content {position: relative;}
#partsov img.ov {margin-left: 24px;}
#partsov #ov-grips {position: absolute; top: 30px; left: 400px; margin: 0;}

/* PARTS PRODUCTS */
.partspg #content h1 {margin: 0; padding: 0; text-indent: -9999px; width: 360px; height: 148px; background-position: top right; background-repeat: no-repeat;}
.partspg #subnav {background: url(../_img/guards/subnav-bg.gif) top left no-repeat; width: 374px; height: 100px; margin: 10px 0 20px; color: #fff; text-transform: uppercase; font-size: 11px;}
.partspg #description p {margin-left: 70px;}
#sub-parts-a {top: 32px; left: 20px;}
#sub-parts-b {top: 32px; left: 20px;}
#gripspg #description {padding-top: 12px;}
#gripspg #content h1 {background-image: url(../_img/parts/title-grips.gif);}
#numberspg #description {padding-top: 12px;}
#numberspg #content h1 {background-image: url(../_img/parts/title-numbers.gif);}
#platespg #description {padding-top: 12px;}
#platespg #content h1 {background-image: url(../_img/parts/title-plates.gif);}
#padspg #description {padding-top: 12px;}
#padspg #content h1 {background-image: url(../_img/parts/title-pads.gif);}
#metalpg #description {padding-top: 12px;}
#metalpg #content h1 {background-image: url(../_img/parts/title-metal.gif);}

/* CLOTHING OVERVIEW */
#clothingov #content h1 {margin: 0; padding: 0; text-indent: -9999px; position: absolute; top: 15px; left: 0; width: 287px; height: 175px; background: url(../_img/title-clothing-hoodie.gif) top left no-repeat;}
#clothingov #content h2 {margin: 0; padding: 0; text-indent: -9999px; position: absolute; top: 15px;/*  left: 440px; */ width: 299px; height: 175px; background: url(../_img/title-clothing-hat.gif) top left no-repeat;}
#clothingov #content {position: relative; min-height: 600px;}
#clothingov #ov-clothing {position: absolute; top: 100px; left: 10px; margin: 0; width: 390px;}
#clothingov #ov-hats {position: absolute; top: 150px;/*  left: 370px; *//*  margin: 0; */ width: 390px;}

/* CLOTHING PRODUCTS */
.clothingpg #content h1 {margin: 0; padding: 0; text-indent: -9999px; width: 360px; height: 108px; background-position: top right; background-repeat: no-repeat;}
.clothingpg #description, .clothingpg #product {padding-top: 24px;}
#bodypg #content h1 {background-image: url(../_img/clothing/title-hoody-tee.gif);}
#headpg #content h1 {background-image: url(../_img/clothing/title-hat-beanie.gif);}
#headpg img.ov {width: 350px;}
#headpg #description img.ov {width: 300px;}
#headpg p {margin: 0 50px 30px;}
.clothingpg .subnav {float: right; margin: 20px;}

/*** TWO-COLUMN BASIC PAGES ***/
.basicpg #content {background: #E0E1DD; min-height: 400px; padding-top: 30px;}
#contactpg #content h1 {margin: 0; padding: 0; text-indent: -9999px; width: 360px; height: 150px;  background: url(../_img/title-contact.gif)  top left no-repeat;}
#linkspg #content h1 {margin: 0; padding: 0; text-indent: -9999px; width: 360px; height: 150px; background: url(../_img/title-links.gif) top left no-repeat;}
#downloadspg #content h1 {margin: 0; padding: 0; text-indent: -9999px; width: 360px; height: 150px; background: url(../_img/title-downloads.gif) top left no-repeat;}
#extra {
	width: 380px;
	float: left;
}
#context {/* margin-left: 390px; */ width: 350px; /* background: url(../_img/orange-line.gif) top left no-repeat; */ padding: 0px 20px 20px;}
#context ul {list-style: none; margin: 0 30px; padding: 0;}
#context li {margin: 0 0 10px;}
#linkspg #context li {text-transform: uppercase;}
#linkspg li a, #contactpg #context a {
	text-decoration: none;
	color: #FF6600;
}
#linkspg li a:hover, #contactpg #context a:hover {text-decoration: underline;}
#contactpg #content h4, #contactpg #content p, #contactpg #content dl {
	margin: 0 30px;
	padding: 20px;
}
#contactpg #content dl, #contactpg #content ul {margin-top: 10px; font-size: 12px;}

#downloadspg #content a {display: block; margin: 30px; font-size: 11px; color: #000; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: bold;}

/* USERS */
#userspg #content {padding-top: 10px;}
#userspg #content h1 {margin: 0; padding: 0; text-indent: -9999px; width: 248px; height: 127px; background: url(../_img/title-users.gif) top left no-repeat;}
#userspg #content p {margin: 10px 30px;}
#userspg #content p a {color: #000;}
#userspg #context {margin-top: 30px;}
#userspg #extra p {margin: 10px 30px;}
.gallerypg #wrapper {background: url(../_img/wrapper-bg.jpg) repeat-y;}
.gallerypg #context p {margin-left: 10px;}
.gallerypg .userimg {width: 300px; margin: 10px;}
.gallerypg .gallery_item {border-bottom: 1px solid #000; margin: 20px;}

/* FORM CONTROLS */
form {margin: 0 30px;}
input, textarea {font-size: 16px; margin-top: 15px;}
label {font-weight: bold; font-size: 12px; text-transform: uppercase;}