/*
    ____  ___    ____  __________________    ______
   / __ \/   |  / __ \/_  __/  _/ ____/ /   / ____/
  / /_/ / /| | / /_/ / / /  / // /   / /   / __/   
 / ____/ ___ |/ _, _/ / / _/ // /___/ /___/ /___   
/_/   /_/  |_/_/ |_| /_/ /___/\____/_____/_____/

author: cole rise
created: forth day of september, two-thousand & eight.

*/


/* global styles ---------------------------------------------------------------- */

* { behavior: url(/images/pngfix/iepngfix.htc); }

body {
	background: url(../images/paper-gradient.png) repeat-x 0 0;
    background-color: #F7F1E8; 
	color: #121616;
    font: normal 12px helvetica neue, helvetica, arial, sans-serif;
    margin:0;
    padding:0;
    text-align: center;
}
a {
    color: #099;
    margin:0;
    padding:0;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:visited {
    text-decoration: line-through;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin: 0 0 0 0;
	padding:0;
}
img {
	border:0px;
	margin:0;
	padding:0;
}
p {
	margin:0 0 20px 0;
	padding:0;
}
.hidden {
	display: none;
}


/* global typographic styles ---------------------------------------------------------------- */

.bold {
	font-weight: bold;
}
.skinny {
	font-weight: 100;
}
.line-through {
	text-decoration: line-through;
}

/* global sizes ---------------------------------------------------------------- */

.large{
	font-size: 30px;
}
.medium{
	font-size:14px;
}
.standard{
	font-size:12px;
}
.small {
	font-size: 11px;
}
.tiny {
	font-size: 10px;
}



/* global colors ---------------------------------------------------------------- */

.grey-dark {
	color: #121616;
}
.grey-mid {
	color: #6E6E6A;
}
.grey-light {
	color: #9F9D97;
}
.green {
	color:#096;
}
.red {
	color:#900;
}
.white {
	color: #FFF;
}

/* global bullets ---------------------------------------------------------------- */

.bullet-r {
	background: #B82432;
	clear:none;
	float:left;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 0;
	width: 4px;
}
.bullet-o {
	background: #DA4C1A;
	clear:none;
	float:left;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 0;
	width: 4px;
}
.bullet-y {
	background: #DAB860;
	clear:none;
	float:left;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 0;
	width: 4px;
}
.bullet-g {
	background: #98A699;
	clear:none;
	float:left;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 0;
	width: 4px;
}
.bullet-b {
	background: #396296;
	clear:none;
	float:left;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 0;
	width: 4px;
}
.bullet-i {
	background: #344076;
	clear:none;
	float:left;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 0;
	width: 4px;
}
.bullet-v {
	background: #763D6D;
	clear:none;
	float:left;
	height: 16px;
	margin: 0 8px 0 0;
	padding: 0;
	width: 4px;
}


/* global uniques ---------------------------------------------------------------- */

.redact-lg {
	background-repeat: repeat-x;
	background: url(../images/redact-lg.png);
}
.redact{
	background-repeat: repeat-x;
	background: url(../images/redact.png);
}
.redact-sm {
	background-repeat: repeat-x;
	background: url(../images/redact-sm.png);
}
.top-space{
	display: block;
	margin: 12px 0 0 0;
}
.cta{
	display: block;
	width: 100%;	
}
.view-more{
	padding:  0 0 0 10px;
}
.back {
	background: url(../images/btn-back.png) no-repeat top left;
	clear:none;
	color: white;
	display: block;
	float:left;
	height:30px;
	line-height: 30px;
	margin: 20px 0 0 60px;
	overflow: hidden;
	padding: 0 0 0 10px;
	text-align: center;
	width: 200px;
}
.tip {
	background: url(../images/tip.png) no-repeat top left;
	display: block;
	color: white;
	height: 31px;
	overflow: hidden;
	padding: 22px 0 0 0;
	text-align: center;
	width:128px;
}

/* header styles ---------------------------------------------------------------- */

#header {
	background: #121616;
	height:100px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	top:0;
	width:860px;
}
#header-left {
	background: url(../images/header-left.png) no-repeat top left;
	clear:none;
	float:left;
	height: 100px;
	position: relative;
	width: 60px;
}
#brand {
	clear:none;
	float:left;
	height: 100px;
	position: relative;
	width: 210px;
}
#slogan {
	background: url(../images/massively-small-products.png) no-repeat top left;
	clear:none;
	float:left;
	height: 100px;
	position: relative;
	width: 530px;
}
#header-right {
	background: url(../images/header-right.png) no-repeat top left;
	clear:none;
	float:left;
	height: 100px;
	position: relative;
	width: 60px;
}


/* page styles ---------------------------------------------------------------- */

#page {
	background: url(../images/paper-edge.png) no-repeat 0 0;
	display: block;
	margin: 0 auto;
	min-height: 70px;
	padding: 0 0px;
	position: relative;
	top: 0px;
	width: 860px;
}


/* nav styles ---------------------------------------------------------------- */

#nav {
	height: 40px;
	padding: 0;
	position: absolute;
	right:80px;
	top:0;
	width: 490px;
}
.nav-item {
	clear:none;
	float:right;
	height: 40px;
	margin: 0 0 0 2px;
	width: 120px;
}


/* content ---------------------------------------------------------------- */

#content {
	background: #F7F1E8;
	height: 340px;
	left:80px;
	padding: 20px 0;
	position: absolute;
	text-align: left;
	top:70px;
	width:700px;
}
.section-label {
	display: block;
	margin: 0 0 10px 0;
}

/* cover styles ---------------------------------------------------------------- */

#cover {
	margin: 0 0 40px 20px;
}
#cover-narrow {
	margin: 5px 40px 40px 40px;
}

/* visit shop styles ---------------------------------------------------------------- */

#visit-shop {
	background: url(../images/info-area.png) no-repeat 0 0;
	clear:none;
	float:left;
	height: 120px;
	margin: 30px 0 0 20px;
	padding: 20px 0 0 20px;
	position: relative;
	width: 220px;
}

/* footer ---------------------------------------------------------------- */

#footer {
	clear:both;
	float: left;
	margin: 40px 0 40px 20px;
	position: relative;
	height: 40px;
	width: 660px;
}

.twitter-follow{
	clear:both;
	text-align: center;
}