/* Negative Space / 2009 */
/* Designed and developed by Thomas Lowry */

/* Main Structure */

* { outline: none; }

body {	
	background-color: #FFFFFF;
	margin-left: 130px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
    padding: 0;
    
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    
    overflow-x: hidden;
    
}

#header				{ margin-bottom: 60px; color: #bbbbbb; }
#copyright			{ margin-top: 15px; color: #CCCCCC; font-weight: normal; }
#content 			{ width: 824px; outline: none; margin-bottom: 80px; }
#workContent		{ height: 386px; width: 650px; overflow: hidden; outline: none; overflow: visible; margin-bottom: 15px; }
#txtContent			{ height: 386px; width: 650px; outline: none; margin-bottom: 80px; }
#homeSpacer			{ height: 80px; }
#marginBlock		{ position: absolute; z-index: 100; top: 0px; left: 0px; width: 130px; height: 530px; background-image:url(../images/wordmark.gif); background-position: top left; background-repeat: no-repeat; background-color: #ffffff; }
.name				{ color: #666666; }
.flickr				{ border: 0px; margin-right: 5px;}
.linkedin			{ border: 0px; margin-right: 5px; padding-top: 2px;}

#workInfo			{ height: 40px; margin-bottom: 15px; }
#workBox1			{ float: left; margin-right: 25px; color: #999999; line-height: 15px; padding-top: 1px;}
#workBox2			{ float: left; color: #999999; line-height: 16px; }
#workBox3			{ float: right; width: 70px; color: #999999; text-align: right; line-height: 16px; margin-right: 30px; }

/* Next / Prev Image Controls */
a#next				{ display: inline-block; background-image: url(../images/next_image.gif); background-position: top; width: 20px; height: 12px; text-indent: -999999px; }
a:hover#next		{ background-position: left -11px;}
a#prev				{ display: inline-block; background-image: url(../images/prev_image.gif); background-position: top; width: 20px; height: 12px; text-indent: -999999px; }
a:hover#prev		{ background-position: left -11px;}

/* Next / Prev Project Controls */
#projectsNav				{ height: 14px;  padding-right: 21px; margin-left: -8px; }
#projectsNav #prevProject	{ float:left; }
#projectsNav #nextProject	{ float:right; }
#nextProject a				{ background-image: url(../images/next.gif); background-position: right top; text-align: left; padding-right: 8px; background-repeat: no-repeat; color: #999999; text-decoration: none; }
#nextProject a:hover		{ background-position: right -16px; color: #FF0000; }
#prevProject a				{ background-image: url(../images/prev.gif); background-position: left top; text-align: right; padding-left: 8px; background-repeat: no-repeat; color: #999999; text-decoration: none; }
#prevProject a:hover		{ background-position: left -16px; color: #FF0000; }

/* Back to Projects Button */

#backProject			{ position: absolute; top: 87px; right: 30px; width: 138px; }
#backProject a			{ background-image: url(../images/prev.gif); background-repeat: no-repeat; background-position: left top; text-align: right; padding-left: 8px; color: #999999; text-decoration: none; outline: none; }
#backProject a:hover	{ background-position: left -16px; color: #FF0000; }


/* Type */

p					{ font-weight: normal; width: 296px; line-height: 15px; margin-top: 0px; color: #666666; }
p a					{ font-weight: normal; color: #666666; font-weight: bold; text-decoration: none; outline: none; }
p a:hover			{ color: #FF0000; }

/* Menu */

body.menuProjects #menuProjects, 
body.menuInformation #menuInformation { color: #ff0000; } 

#menu					{ width: 650px; }
ul#mainmenu				{ list-style-type: none; padding: 0px; margin-bottom: 17px; }
ul#mainmenu li			{ display: inline; margin-right: 10px; }
ul#mainmenu li a		{ color: #666666; text-decoration: none; outline: none; }
ul#mainmenu li a:hover	{ color: #FF0000; }

/* Projects Area */

.contentBlock 			{ display: inline; float: left; }
#content a 				{ display: block; border-top: #E0E0E0 1px solid; width: 310px; height: 41px; padding: 18px 9px 9px 78px; text-decoration: none; outline: none; margin-right: 15px; }
#content a:hover 		{ background-color: #f3f3f3; }
.projectRow 			{ background-position: left center; background-repeat: no-repeat; }
.projectTitle 			{ font-family: sanz, Helvetica, Arial, sans-serif; font-size: 18px; color: #666666; font-weight: bold; }
.projectTitle2 			{ font-family: sanz, Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; font-weight: bold; }
.projectDescription 	{ font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #999999; font-weight: bold; }

/* Gallery */

#wrapper {
	position: relative;
	width: 650px;
	height: 386px;
	float:left;
	display:inline;
}

#frame {
	z-index: 50;
	position: relative;
	width: 650px;
	height: 386px;
	float:left;
}

#frame ul {
	position: relative;
	width: 30000px;
	margin-top:0;
	padding-top: 0;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

#frame ul li {
	float: left;
	padding-right: 20px;
	list-style: none;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
	cursor: pointer;
}

#frame ul li.current {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}