/* @override http://localhost:8888/organic/css/masterstyle.css */

body {
	background-color: #e1e1e1;
	padding: 0px;
	margin: 15px 10px 10px 10px;
}

#heading {
	display: inline;
	padding: 0;
}

#harper_lane #heading {
	text-align: center;
}

h1, h2, h3 {
	margin: 0 0 0.08em 0;
	padding: 0;
	vertical-align: middle;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	font: 100 20em/0.61em "Times New Roman";
}

#heading h1 {
	margin-top: 50px;
}

/*e1ffe2*/
/*c6fbff*/
/*fdffe9*/

/*c6edff*/
/*fdfbd7*/
/*c6fbff*/

h1 {color: #333333; background-color: #e1e1e1; cursor: pointer;}

h2 {color: #666666; background-color: #e1e1e1; cursor: pointer;}

h3 {color: #a1a1a1; background-color: #e1e1e1; cursor: pointer;}

h1 a:link {color: #e1e1e1; text-decoration: none; }
h1 a:hover {text-decoration: none;}
h1 a:visited {text-decoration: none;}
#h1a {display: inline-block;}

h2 a:link {color: #e1e1e1; text-decoration: none;}
h2 a:hover {text-decoration: none;}
h2 a:visited {text-decoration: none;}
#h2a {display: inline-block;}

h3 a:link {color: #e1e1e1; text-decoration: none;}
h3 a:hover {text-decoration: none;}
h3 a:visited {text-decoration: none;}
#h3a {display: inline-block;}

#behance a {
	/*display: block;*/
	float: left;
}

#projects {
	display: inline;
	padding: 0;
	background-color: #e1e1e1;
}

ul {
	margin: 0;
	padding: 0;
	color: #e1e1e1;
	list-style-type: none;
	list-style-position: outside;
	letter-spacing: 0.2em;
	font: 100 1.6em/1.1em "Helvetica";
}

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

ul a:visited {
	color: #e1e1e1;
	text-decoration: none;
}

ul a:hover {
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}

ul a.selected {
	color: #a1a1a1;
	text-decoration: none;
	background-color: #e1e1e1;
}

li {
	background-color: #a1a1a1;
	margin-bottom: 0.3em;
	padding-left: 5px;
	vertical-align: middle;
}

.li_selected {
	background-color: #e1e1e1;
}

#label {
	text-transform: lowercase;
	letter-spacing: 0.1em;
	font: 0.8em/1.1em "Helvetica";
}

#project_container {
	position: absolute;
	display: block;
	margin: auto;
	top: 0px;
	left: 35%;
	color: #666665;
	letter-spacing: 0.2em;
	z-index: 101;
	font: 100 0.8em/1.1em "Helvetica";
}

#close_window {
	font-size: 5em;
	line-height: 0.2em;
	position: absolute;
	top: 25px;
	right: 15px;
	margin: 0;
	padding: 0;
}

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

#close_window a:hover {
	color: #fdffe9;
	text-decoration: none;
}

#close_window a:visited {
	color: #e1e1e1;
	text-decoration: none;
}

#project_image{
	width: auto;
	height: auto;
	padding: 10px 10px 0 10px;
	margin: 0;
	background-color: #e1e1e1;
}

#project_description {
	margin: 0 0 0 0;
	padding: 47px 10px 10px 10px;
	background-color: #e1e1e1;
}

#project_description a {
	color: #666665;
}

#project_description a:hover {
	color: #666665;
	text-decoration: none;
}

#next_arrow a{
	height: 0px !important; 
	height /**/:27px; /* for IE */
	width: 26px;
	margin: 10px 10px 0 0;
	padding: 27px 0 0 0;
	overflow: hidden;
	display: block;
	float: right;
	background: url(../images/next_arrow.gif);
}

#next_arrow a:hover {
	background-position: 0px -27px;
}

#prev_arrow a{
	height: 0px !important; 
	height /**/:27px; /* for IE */
	width: 26px;
	margin: 10px 0 0 10px;
	padding: 27px 0 0 0;
	overflow: hidden;
	display: block;
	float: left;
	background: url(../images/prev_arrow.gif);
}

#prev_arrow a:hover {
	background-position: 0px -27px;
}


#promo {
	position: absolute;
	top: 8em;
	left: 60em;
	display: none;
	font-size: 1em;
	z-index: 100;
	color: #fff;
}

#studio {
	position: absolute;
	top: 0;
	left: 2.1em;
	margin: 0;
	padding: 0;
	/*height: 7em;*/
	width: 19.2em;
	color: #333333;
	letter-spacing: 0.15em;
	font: 100 1.6em/1.1em "Helvetica";
	z-index: 100;
	background-color: #e1e1e1;
	cursor: pointer;
	opacity: 0;
}

#studio p {
	margin: 1em;
}

#studio a:link {
	color: #666666;
	font: 100 0.5em/1em "Helvetica";
	letter-spacing: 0.2em;
	text-decoration: none;
}

#studio a:hover {
	color: #000;
}

#organic {
	position: absolute;
	top: 11em;
	left: 12em;
	width: 40em;
	opacity: 0;
	margin: 0;
	padding: 0;
	color: #666666;
	font: 100 1em/2em "Helvetica";
	z-index: 100;
	cursor: pointer;
}

#organic p {
	margin: 1em;
	padding: 0 0.5em 0 0.5em;
	background-color: #e1e1e1;
}

#organic a:link {
	color: #666666;
	font: 100 0.5em/1em "Helvetica";
	letter-spacing: 0.2em;
	text-decoration: none;
}

#organic a:hover {
	color: #000;
}

#video_container {
	width: 480px;
	margin: 50px auto 0 auto;
}