/*-----------------------------------------------------------------------------
Sans-Concept.com Version 10 Style Sheet

version:   10.0
author:    Eric Carl
email:     eric@sans-concept.com
website:   http://www.sans-concept.com/
-----------------------------------------------------------------------------*/

/* General Styles
==============================*/

html {
	background-color:#000000;
}
body {
	color:#CCCCCC;
	margin:34px;
}

/* Links
==============================*/

a:link {
	color:#a4d9c3;
	text-decoration:none;
}
a:visited {
	color:#a4d9c3;
	text-decoration:none;
}
a:hover {
	color:#ffffff;
	text-decoration:underline;
}
a:active {
	color:#a4d9c3;
	text-decoration:none;
}

/* General Type
==============================*/

p {
	margin:0 0 1em 0;
	font-size:93%;
	line-height:1.35em;
}
#pageContent p {
	color:#999999;
}
.projectContainer {
	padding:0 2px 2px 2px;
	background-color:#333333;
}
#pageContent h2 {
	font-size:123.1%;
	margin-bottom:1em;
}
ul {
	margin-bottom:1em;
	line-height:1.35em;
}

/* Main Header 
==============================*/

#navColumn {
	width:204px;
	float:left; 
}
#navColumn h1 {
	text-indent:-2000px;
	width:233px;
	height:204px;
	background-image:url(../images/headline_logo.gif);
	margin-bottom:34px;
	margin-left:-6px;
	margin-top:-9px;
}

/* Portfolio Nav
==============================*/

#galleryCategories {
	border-bottom:2px solid #e4da2e;
	margin-bottom:34px;
}
#galleryCategories a {
	text-indent:-2000px;
	display:block;
}
#navGraphic a {
	background-image:url(../images/nav_graphic.gif);
	width:81px;
	height:17px;
	margin-bottom:2px;
}
#navGraphic a:hover {
	background-position:0 -17px;
} 
#navInteractive a {
	background-image:url(../images/nav_interactive.gif);
	width:113px;
	height:17px;
	margin-bottom:4px;
}
#navInteractive a:hover {
	background-position:0 -17px;
}

/* Sub Nav
==============================*/

#navigation {
	margin-bottom:31px;
}
#navigation a {
	display:block;
	text-indent:-2000px;
	height:16px;
	margin-bottom:3px;
}
#navBlog a {
	background-image:url(../images/nav_blog.gif);
	width:52px;
}
#navBlog a:hover {
	background-position:0 -16px;
}
#navAbout a {
	background-image:url(../images/nav_about.gif);
	width:66px;
}
#navAbout a:hover {
	background-position:0 -16px;
}
#navContact a {
	background-image:url(../images/nav_contact.gif);
	width:88px;
}
#navContact a:hover {
	background-position:0 -16px;
}

/* Shop Button
==============================*/

.shopButton a {
	background-image:url(../images/shop.gif);
	display:block;
	height:66px;
	margin-bottom:9px;
	overflow:auto;
	text-indent:-2000px;
	width:204px;
}

/* Drag Note
==============================*/

.dragNote {
	color:#7d7d7d;
	font-size:85%;
	margin-left:-34px;
	background-color:#1a1a1a;
	background-image:url(../images/dragnote_bg.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:20px;
	width:204px;
	padding:6px 0 0 34px;
}

/* Item View
==============================*/

#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:500px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	display:none;
}
#lightbox {
	position:absolute;
	left:20px;
	top:40px;
}
#lightbox-main {
	float:left;
	margin-right:20px;
	height:605px;
}
#lightbox-info {
	float:left;
	width:200px;
}
#lightbox-info p {
	margin-bottom:1em;
	color:#cacaca;
}
#lightbox-info h2 {
	font-size:123.1%;
	margin-bottom:13px;
	color:#fff;
}
#lightbox-info #visit {
	color:#fff;
}
#lightbox-info #imageNavContainer {
	border-top:solid 1px #898989;
	padding-top:5px;
	font-size:93%;
}
#lightbox-info #imageNavContainer #prev	{ 
	float:left;
}
#lightbox-info #imageNavContainer #next	{
	float:right;
	position:relative;
	top:-12px;
}
#close-button {
	position:absolute;
	top:-20px;
	left:0;
	font-size:85%;
}
#content {
	float:left; margin-left:50px;
}
#lightbox-main img {
	margin-bottom:20px;
}

/* Subpages
==============================*/

#pageContent {
	width:400px;
}

/* Footer
==============================*/

.copyright {
	font-size:85%;
	color:#2d2d2d;
}