/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* ------------------- MAIN STRUCTURE MUSICONS---------------- */

article,aside, details, figure, footer, header, hgroup, menu, nav, section, figcaption {display: block;}


body {
	  font-family: "aktiv-grotesk-std",sans-serif;
	line-height:1.5;
	font-size: 18px;
	color: #1c1c1c;
	padding-top: 15px;
	background:
		url(../img/top_layer1.png) repeat-x -130% 0,
		url(../img/top_layer2.png) repeat-x  40% 0,
		url(../img/top_layer3.png) repeat-x -80% 0;
	background-color: #fff; 
	}
		

.content,footer{
	max-width:690px;
	min-width:260px;
	margin:0 auto;
	padding:50px 10px}
	
.content h1 {
	text-align: center;
	font-style: normal;
	line-height: 1em;}	

	
.logo {
	padding-top: 50px;
	margin-left: 42%;}
	
img {max-width: 100%}

	
img.center {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	padding-top: 50px;} 

/*-------- BACKGROUND PAPER POSITIONING --------*/


.graph {
	display: block;
	clear: both;
	width:100%;
	background: url(../img/graph_paper_light.jpg) repeat;
	padding: 0;
	}
	
.blacklaid {
	width:100%;
	background:  #111 ;
	padding-bottom: 4.44444%;
	}
	
.blacklaid:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
	
.blacklaid h2 {color: #c18d02;}

.blacklaid p {color: #d5d5d5}


.center-logo {
	float: left;
	padding: 0	5px;}
	
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */
		

/*-------- TYPOGRAPHIC STYLING --------*/


h1, h2, h3, h4, li, aside, blockquote {
		  font-family: "aktiv-grotesk-std",sans-serif;
		font-style: normal;
		font-weight: 200;
		text-align: left;
		line-height: 1.4em;
		padding: 10px 0}
		
	
h1, h2, h3 {color: #333;}

h1 {text-align: center;
	font-size:3.375em;
	}
	
		
h2	{font-size:	2.25em;
	text-align: center;
	padding-bottom: 30px}
	
h3 {text-align: center;
	font-size:1.5em}			

p {	font-weight: 300;
	padding-bottom: 10px}

.graph h1 {padding: 50px 0 20px 0}

aside {text-align: center;
	color: #888;
	font-size: 0.667em}
/*--------- LINKS ---------*/


a{	color: #c18d02;
	text-decoration: none;}
	
a:link {color: #c18d02;}

a:hover {color:#2973ba;
-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out; 
		  -o-transition: all 0.3s ease-in-out;
			 transition: all 0.3s ease-in-out;}
	

/*---------	WE ALL NEED TO TAKE A BREAK ---------*/	

#brown_card p  {
	color: rgb(217,217,217);}
	
#brown_card span {
	color: rgb(217,217,217);}
	


/*--------- LETS TAKE A JOURNEY TOGETHER ---------*/

.contact{
	padding: 0;}	

.contact p {
	color: rgb(150,150,150);}
	
.contact a:link {
	color: rgb(173,201,100);
	}	

.contact a:hover {
	color: rgb(255,255,255);
	 -webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out; 
		  -o-transition: all 0.3s ease-in-out;
			 transition: all 0.3s ease-in-out; 
	}
	
.shopfront{
	position: relative;
	margin: 0 auto;
	padding: 20px, 0;
	text-align: center}

.shopfront ul {
	margin: 0;
	padding: 0}

.shopfront li {
	margin: 0 5px 5px 0;
	padding: 0;
	list-style: none; 
	display: inline-block}
	
.shopfront img {
	opacity: 0.8;
	padding: 30px 2px 0 2px;
	}
	
.shopfront a:hover img {
		opacity: 1.0;
		border-bottom: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out; 
		-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out; 
			-moz-transform:scale(1.2);
			-webkit-transform:scale(1.2);
				transform:scale(1.2);}	


/*---------	SEE WHERE IT TAKES US ---------*/	
	
	
footer {
	overflow: hidden;
	clear: both;
	font-size: 0.64em;
	text-align: center
	}
	
	
.connections {
	position: relative;
	margin: 0 auto;
	padding: 20px, 0;
}

.connections ul {
	margin: 0;
	padding: 0;
	text-align: center;}

.connections li {
	margin: 0 5px 5px 0;
	padding: 0;
	list-style: none; 
	display: inline-block;}
	
.connections a:link {
	border-bottom: none;}
	
.connections img {
	opacity: 0.6;
	padding: 0 2px 0 2px;
	}
	
.connections a:hover img {
		opacity: 1.0;
		border-bottom: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out; 
		-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out; 
			-moz-transform:scale(1.3);
			-webkit-transform:scale(1.3);
				transform:scale(1.3);}