/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; }

/* ----------------
   GLOBAL STYLES
---------------- */

html, body {
	background: #000;
	height: 100%;
}

body {
	font: 68%/1.8em Arial, Helvetica, sans-serif;
	color: #d1d2d4;
}

a {
	color: #d1d2d4;
	text-decoration: underline;
	outline: none;
}

a:hover {
	color: #6d6d6e;
	text-decoration: underline;
}

.clearer {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.separator hr { display: none; }

.separator {
	height: 1px;
	background: #fff;
	margin: 0;
}

h1, h1 a {
	display: block;
	width: 150px;
	height: 30px;
	float: left;
}

h1 a {
	text-indent: -9999px;
	background: url(../img/logo.gif) no-repeat 0 0;
}

h2 {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 1.9em;
}

h3 {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 1.9em;
}

/* forms */

input, textarea, select {
	border: 1px solid #d2d2d4;
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #d1d2d4;
}

input {	padding: 2px 2px 1px; }

.button {
	width: 18px;
	height: 18px;
	background: url(../img/go.gif) no-repeat 0 0;
	border: 0;
	cursor: pointer;
}

/* text styles */

.size-bigger { font-size: 1.1em; }

.size-normal { font-size: 0.9em; }

.all-caps { text-transform: uppercase; }


/* ----------------
   LAYOUT
---------------- */

#header, #content, #footer {
	width: 882px;
	margin: 0 auto;
	z-index: 1;
}

.fl-lft {
	float: left;
	text-align: left;
}

.fl-rght {
	float: right;
	text-align: right;
}

.txt-lft-3 {
	float: left;
	width: 653px;
	border-right: 1px solid #fff;
	padding-right: 30px;
}

.box-rght {
	float: right;
	width: 168px;
	padding-left: 30px;
	text-transform: uppercase;
	font-size: 0.9em;
}

.block1 {
	float: left;
	width: 33%;
	text-align: left;
}

.block2 {
	float: left;
	width: 34%;
	text-align: center;
}

.block3 {
	float: right;
	width: 33%;
	text-align: right;
}

.block1, .block2, .block3 {
	font-size: 0.9em;
	text-transform: uppercase;
}

.block-half-lft {
	float: left;
	width: 426px;
}

.block-half-rgt {
	float: right;
	width: 426px;
}

.block-half-lft, .block-half-rgt {
	text-transform: uppercase;
	font-size: 0.9em;
}

.block-half-lft img, .block-half-rgt img { margin-bottom: 15px; }

.w-half { width: 50%; }

.w-quarter { width: 198px; }

.mb-30 { margin-bottom: 30px; }

.mb-15 { margin-bottom: 15px; }

.mt-30 { margin-top: 30px; }

.mt-60 { margin-top: 60px; }

.mt-15 { margin-top: 15px; }

.mt-n15 { margin-top: -15px; }

.mlft-30 { margin-left: 30px; }

.mrgt-30 { margin-right: 30px; }


/* ----------------
   HEADER
---------------- */

#header {
	padding: 60px 0 54px;
	position: relative;
	z-index: 10;
}

/* navigation */

#nav {
	list-style: none;
	width: 652px;
	float: right;
	text-align: left;
	padding-top: 17px;
	padding-left: 80px;
}

#nav li {
	display: inline;
	line-height: 1em;
	text-transform: uppercase;
	padding: 0 8px;
}

#nav li a { text-decoration: none; }

#nav li a:hover, #nav li a.on, #nav li a.on:hover {
	color: #6d6d6e;
	text-decoration: none;
}

.nav2 {
	position: absolute;
	top: 95px;
	/*left: 330px;*/
	z-index: 20;
	background: #d1d2d4;
	padding: 12px 8px;
	display: none;
}

.nav2 ul {
	float: left;
	list-style: none;
	width: 120px;
	margin: 0 7px;
}

.nav2 ul li a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}

.nav2 ul li a:hover, .nav2 ul li.on a {
	color: #6d6d6e;
	text-decoration: none;
}

.nav2 ul li.all {
	padding-top: 20px;
}


/* ----------------
   CONTENT
---------------- */

#content { font-size: 1.1em; }

#content p { margin-bottom: 1.9em; }

.pic-txt {
	float: left;
	margin: 0 30px 30px 0;
}

.pic { border: 1px solid #212121; }

/* slideshow */

.pic-container {
	width: 880px;
	height: 298px;
	border: 1px solid #212121;
	background: #080808;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}

.pic-container .wrapper                { width: 880px; overflow: auto; height: 298px; position: absolute; top: 0; left: 0; }
.pic-container .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.pic-container ul li                   { display: block; float: left; padding: 0; height: 298px; width: 880px; margin: 0; }
.pic-container .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.pic-container .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.pic-slide-nrs {
	position: absolute;
	bottom: 14px;
	right: 14px;
}

.pic-slide-nrs a {
	display: block;
	float: right;
	width: 13px;
	height: 13px;
	border: 1px solid #d1d2d4;
	background: #000;
	margin-left: 5px;
	text-indent: -9999px;
	line-height: 0;
	text-decoration: none;
}

.pic-slide-nrs a:hover, .pic-slide-nrs a.on {
	background: #d1d2d4;
	border: 1px solid #000;
}

/* boxes */

.box-container {
	width: 912px;
	margin-right: -30px;
}

.box {
	width: 272px;
	height: 148px;
	border: 1px solid #212121;
	float: left;
	margin-right: 30px;
	background: #080808;
}

/* shoes */

.shoe {
	float: left;
	width: 198px;
	height: 150px;
	overflow: hidden;
	margin-bottom: 30px;
	text-align: right;
	font-size: 0.9em;
	text-transform: uppercase;
	line-height: normal;
}

.shoe del { color: #666; }

.shoe strong {
	font-weight: normal;
	/*color: #bf0000;*/
}

.shoe img {
	display: block;
	margin-bottom: 3px;
}

.shoe-info {
	margin-top: 15px;
	text-align: center;
	font-size: 0.9em;
	text-transform: uppercase;
}

.shoe-info span {
	margin-left: 30px;
}

.shoe-info strong {
	font-weight: normal;
	color: #bf0000;
}

.shoe-info img {
	vertical-align: middle;
	margin-left: 30px;
	margin-right: 5px;
}

.shoe-control {
	margin-bottom: 30px;
	text-align: center;
}

.shoe-control a {
	margin: 0 2px 0 3px;
}

/* pages */

.pages {
	margin-top: 15px;
	text-align: center;
	line-height: 15px;
}

.pages a {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: #212121;
	color: #d1d2d4;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 15px;
}

.pages a:hover, .pages a.on {
	background: #d1d2d4;
	color: #000;
	text-decoration: none;
}

.pages a.next, .pages a.next:hover {
	width: 7px;
	height: 15px;
	background: url(../img/icon-right.gif);
	margin-left: 10px;
}

.pages a.prev, .pages a.prev:hover {
	width: 7px;
	height: 15px;
	background: url(../img/icon-left.gif);
	margin-right: 15px;
}


/* ----------------
   FOOTER
---------------- */

#footer {
	padding: 0;
	text-transform: uppercase;
	line-height: 1em;
}

#footer .fl-lft { padding-top: 13px; margin-bottom: 60px; }

#footer .fl-rght { padding-top: 11px; margin-bottom: 60px; }

#sound {
	display: inline-block;
	/*width: 13px;
	height: 12px;*/
	margin-right: 12px;
	margin-top: -4px;
	vertical-align: middle;
}

#sound.on {	background: url(../img/icon-sound-on.gif) no-repeat 0 0; }

#sound.off { background: url(../img/icon-sound-off.gif) no-repeat 0 0; }

/* subscribe form */

#subscribe { display: inline; height: 18px; }

#subscribe input {
	width: 158px;
	margin-left: 2px;
	margin-top: -2px;
	vertical-align: middle;
}

#subscribe input.button {
	width: 18px;
	margin-left: 0;
	/*margin-top: -4px;*/
}

/* send form */

#form, #sendForm {
	text-transform: uppercase;
	font-size: 0.9em;
	margin-bottom: 0;
	padding-bottom: 0;
}

#sendForm { padding-right: 6px; }

#sendForm p { padding-bottom: 0; }

#sendForm label { display: block; }

#sendForm input { width: 100%; }

#sendForm input.button {
	width: auto;
	background: none;
	text-transform: uppercase;
	border: 1px solid #d2d2d4;
	margin-top: 3px;
}

#sendForm textarea {
	width: 100%;
	padding-right: 4px;
	height: 100px;
}

.fb { padding-right: 20px; }

.fb img { vertical-align: middle; margin-right: 5px; }

.top {
	background: url(../img/top.gif) 0 4px no-repeat;
	padding-left: 12px;
	text-transform: uppercase;
}