/*--------------------------------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	1
author:		Damien van Holten
email:		damien@reaact.net
website:	http://www.reaact.net
--------------------------------------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
	font-family: georgia, times, serif;
}

body
{
	font-size: 82.5%;
	background: #181818;
}

/* Typography
--------------------------------------------------------------------------------------------------*/

a:link,
a:visited
{
	color: #105a7e;
	text-decoration: none;
	border-bottom: 1px solid #e1efef;
}

a:hover,
a:active
{
	color: #105a7e;
	text-decoration: none;
	background: #e1efef;
	border-bottom: 1px solid #105a7e;
}

h1#logo
{
	background: url(../images/img-header.jpg) 0 0 no-repeat;
	width: 591px;
	height: 223px;
	text-indent: -999em;
	display: block;
}

h2#payoff
{
	display: none;
}

h3
{
	font-style: italic;
	font-size: 18px;
	color: #262729;
	font-weight: normal;
	margin: 15px 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #c7cdcd;
	text-align: center;
}


h4
{
	font-style: italic;
	font-size: 18px;
	color: #262729;
	font-weight: normal;
	margin: 15px 0 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #c7cdcd;
}

p
{
	padding-bottom: 1em;
	line-height: 1.5em;
	color: #262729;
}

p.intro
{
	font-size: 23px;
	text-align: center;
	background: #e9f5f5;
	border: 1px solid #daeaea;
	padding: 10px;
}

p.intro span
{
	background: #fafde0;
	border-bottom: 1px solid #e6e9d4;
	padding: 1px 3px;
}

span.amp
{
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
}

/* Helper classes
--------------------------------------------------------------------------------------------------*/

.clear
{
	clear: both;
}

/* Lists
--------------------------------------------------------------------------------------------------*/

ul#navigation
{
	position: absolute;
	top: 125px;
	right: 20px;
	list-style: none;
	width: 200px;
}

ul#navigation li
{
}

ul#navigation li a:link,
ul#navigation li a:visited
{
	display: block;
	padding: 4px 0;
	border-bottom: 1px solid #444545;
	color: #b5c2cc;
}

ul#navigation li a:hover,
ul#navigation li a:active
{
	background: transparent;
	border-bottom: 1px solid #fff;
	color: #fff;
}

/* Initial layout
--------------------------------------------------------------------------------------------------*/

#wrapper
{
	position: relative;
	width: 865px;
	margin: 0 auto;
}

#share
{
	position: absolute;
	top: 20px;
	right: 20px;
}

#share a:link,
#share a:visited,
#share a:hover,
#share a:active
{
	border-bottom: none;
	text-decoration: none;
}

#content
{
	background: url(../images/bg-content.gif) 0 0 no-repeat #f3f9f9;
	padding: 25px;
}

#footer
{
	background: url(../images/bg-footer.gif) 0 0 no-repeat;
	padding: 25px 0 50px 25px;
	font-size: 11px;
}

#footer p,
#footer p a
{
	font-family: arial, helvetica, verdana, sans-serif;
}

#footer p
{
	padding: 0;
	color: #9d9d9d;
}

#footer p.secondary
{
	color: #787878;
}

#footer p a:link,
#footer p a:visited
{
	color: #9d9d9d;
	border: 0;
	text-decoration: underline;
}

#footer p a:hover,
#footer p a:active
{
	background: transparent;
	color: #fafde2;
	border: 0;
	text-decoration: underline;
}

/* Content (shirts)
--------------------------------------------------------------------------------------------------*/

.shirt
{
	background: #fff;
	border: 1px solid #e5edef;
	float: left;
	margin: 0 21px 21px 0; 
	padding: 13px;
}

.shirt.last-child
{
	margin-right: 0;
}

.shirt img
{
	border: 1px solid #e5edef;
	margin-bottom: 15px;
}

.shirt p
{
	text-align: center;
	padding: 0;
	margin-top: 5px;
}

.shirt p span
{
	color: #aaa;
	margin-left: 6px;
}

/* Shirt movement
--------------------------------------------------------------------------------------------------*/

.nav
{
	position: relative;
	list-style: none;
	display: block;
	height: 178px;
	width: 160px;
}

.nav li
{
	display: inline;
}

.nav a:link,
.nav a:visited
{
	text-indent: -999em;
	display: block;
	height: 178px;
	width: 160px;
	position: absolute;
	top: 0;
	overflow: hidden;
	z-index: 10;
	text-decoration: none;
	border: 1px solid #e5edef;
	padding: 0;
}

.ampersand_holder
{
	background: url(../images/shirts/img-shirt-design-ampersand.jpg) 0 0 no-repeat;
}

/* Shirt - Ampersand
--------------------------------------------------------------------------------------------------*/

.nav .ampersand a:hover,
.nav .ampersand a:focus,
.nav .ampersand a:active
{
	background: url(../images/shirts/img-shirt-design-ampersand.jpg) 0 -178px no-repeat;
}

.nav-ampersand,
.nav-ampersand-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-design-ampersand.jpg) 0 -178px no-repeat;
}

/* Shirt - Font - Helvetica
--------------------------------------------------------------------------------------------------*/

.helvetica_holder
{
	background: url(../images/shirts/img-shirt-font-helvetica.jpg) 0 0 no-repeat;
}

.nav .helvetica a:hover,
.nav .helvetica a:focus,
.nav .helvetica a:active
{
	background: url(../images/shirts/img-shirt-font-helvetica.jpg) 0 -178px no-repeat;
}

.nav-helvetica,
.nav-helvetica-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-font-helvetica.jpg) 0 -178px no-repeat;
}

/* Shirt - Font - Futura
--------------------------------------------------------------------------------------------------*/

.futura_holder
{
	background: url(../images/shirts/img-shirt-font-futura.jpg) 0 0 no-repeat;
}

.nav .futura a:hover,
.nav .futura a:focus,
.nav .futura a:active
{
	background: url(../images/shirts/img-shirt-font-futura.jpg) 0 -178px no-repeat;
}

.nav-futura,
.nav-futura-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-font-futura.jpg) 0 -178px no-repeat;
}

/* Shirt - Font - DIN
--------------------------------------------------------------------------------------------------*/

.din_holder
{
	background: url(../images/shirts/img-shirt-font-din.jpg) 0 0 no-repeat;
}

.nav .din a:hover,
.nav .din a:focus,
.nav .din a:active
{
	background: url(../images/shirts/img-shirt-font-din.jpg) 0 -178px no-repeat;
}

.nav-din,
.nav-din-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-font-din.jpg) 0 -178px no-repeat;
}

/* Shirt - Font - interstate
--------------------------------------------------------------------------------------------------*/

.interstate_holder
{
	background: url(../images/shirts/img-shirt-font-interstate.jpg) 0 0 no-repeat;
}

.nav .interstate a:hover,
.nav .interstate a:focus,
.nav .interstate a:active
{
	background: url(../images/shirts/img-shirt-font-interstate.jpg) 0 -178px no-repeat;
}

.nav-interstate,
.nav-interstate-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-font-interstate.jpg) 0 -178px no-repeat;
}

/* Shirt - Font - gill-sans
--------------------------------------------------------------------------------------------------*/

.gill-sans_holder
{
	background: url(../images/shirts/img-shirt-font-gill-sans.jpg) 0 0 no-repeat;
}

.nav .gill-sans a:hover,
.nav .gill-sans a:focus,
.nav .gill-sans a:active
{
	background: url(../images/shirts/img-shirt-font-gill-sans.jpg) 0 -178px no-repeat;
}

.nav-gill-sans,
.nav-gill-sans-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-font-gill-sans.jpg) 0 -178px no-repeat;
}

/* Shirt - Font - frutiger
--------------------------------------------------------------------------------------------------*/

.frutiger_holder
{
	background: url(../images/shirts/img-shirt-font-frutiger.jpg) 0 0 no-repeat;
}

.nav .frutiger a:hover,
.nav .frutiger a:focus,
.nav .frutiger a:active
{
	background: url(../images/shirts/img-shirt-font-frutiger.jpg) 0 -178px no-repeat;
}

.nav-frutiger,
.nav-frutiger-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-font-frutiger.jpg) 0 -178px no-repeat;
}

/* Shirt - Font - akzidenz-grotesk
--------------------------------------------------------------------------------------------------*/

.akzidenz-grotesk_holder
{
	background: url(../images/shirts/img-shirt-font-akzidenz-grotesk.jpg) 0 0 no-repeat;
}

.nav .akzidenz-grotesk a:hover,
.nav .akzidenz-grotesk a:focus,
.nav .akzidenz-grotesk a:active
{
	background: url(../images/shirts/img-shirt-font-akzidenz-grotesk.jpg) 0 -178px no-repeat;
}

.nav-akzidenz-grotesk,
.nav-akzidenz-grotesk-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-font-akzidenz-grotesk.jpg) 0 -178px no-repeat;
}

/* Shirt & Hoefler
--------------------------------------------------------------------------------------------------*/

.ampersand_hoef_holder
{
	background: url(../images/shirts/img-shirt-ampersand-hoefler.jpg) 0 0 no-repeat;
}

.nav .ampersand_hoef a:hover,
.nav .ampersand_hoef a:focus,
.nav .ampersand_hoef a:active
{
	background: url(../images/shirts/img-shirt-ampersand-hoefler.jpg) 0 -178px no-repeat;
}

.nav-ampersand_hoef,
.nav-ampersand_hoef-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-ampersand-hoefler.jpg) 0 -178px no-repeat;
}

/* Shirt - FL Ligature
--------------------------------------------------------------------------------------------------*/

.fl_ligature_holder
{
	background: url(../images/shirts/img-shirt-symbol-ligaturefl.jpg) 0 0 no-repeat;
}

.nav .fl_ligature a:hover,
.nav .fl_ligature a:focus,
.nav .fl_ligature a:active
{
	background: url(../images/shirts/img-shirt-symbol-ligaturefl.jpg) 0 -178px no-repeat;
}

.nav-fl_ligature,
.nav-fl_ligature-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-symbol-ligaturefl.jpg) 0 -178px no-repeat;
}

/* Shirt - Cooper B
--------------------------------------------------------------------------------------------------*/

.cooperb_holder
{
	background: url(../images/shirts/img-shirt-symbol-coopera.jpg) 0 0 no-repeat;
}

.nav .cooperb a:hover,
.nav .cooperb a:focus,
.nav .cooperb a:active
{
	background: url(../images/shirts/img-shirt-symbol-coopera.jpg) 0 -178px no-repeat;
}

.nav-cooperb,
.nav-cooperb-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-symbol-coopera.jpg) 0 -178px no-repeat;
}

/* Shirt - Dagger
--------------------------------------------------------------------------------------------------*/

.dagger_holder
{
	background: url(../images/shirts/img-shirt-symbol-dagger.jpg) 0 0 no-repeat;
}

.nav .dagger a:hover,
.nav .dagger a:focus,
.nav .dagger a:active
{
	background: url(../images/shirts/img-shirt-symbol-dagger.jpg) 0 -178px no-repeat;
}

.nav-dagger,
.nav-dagger-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-symbol-dagger.jpg) 0 -178px no-repeat;
}

/* Shirt - Justification
--------------------------------------------------------------------------------------------------*/

.justification_holder
{
	background: url(../images/shirts/img-shirt-quote-justification.jpg) 0 0 no-repeat;
}

.nav .justification a:hover,
.nav .justification a:focus,
.nav .justification a:active
{
	background: url(../images/shirts/img-shirt-quote-justification.jpg) 0 -178px no-repeat;
}

.nav-justification,
.nav-justification-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-quote-justification.jpg) 0 -178px no-repeat;
}

/* Shirt - Fontastic
--------------------------------------------------------------------------------------------------*/

.fontastic_holder
{
	background: url(../images/shirts/img-shirt-quote-fontastic.jpg) 0 0 no-repeat;
}

.nav .fontastic a:hover,
.nav .fontastic a:focus,
.nav .fontastic a:active
{
	background: url(../images/shirts/img-shirt-quote-fontastic.jpg) 0 -178px no-repeat;
}

.nav-fontastic,
.nav-fontastic-click
{
	position: absolute;
	top: 0;
	left: 0;
	height: 178px;
	width: 160px;
	background: url(../images/shirts/img-shirt-quote-fontastic.jpg) 0 -178px no-repeat;
}

/* Page sub content (desc)
--------------------------------------------------------------------------------------------------*/

.infobox_l,
.infobox_r
{
	float: left;
	width: 395px;
	height: 130px;
}

.infobox_r
{
	float: right;
}