@font-face {
	font-family: 'saxMonoRegular';
	src: url('saxmono-webfont.eot');
	src: local('☺'), url('saxmono-webfont.woff') format('woff'), url('saxmono-webfont.ttf') format('truetype'), url('saxmono-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	height:100%;
}
body {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: right top;
	color: #999;
	height:100%; 
	margin:0; 
	padding:0;
}
h1, h2, h3, h4 {
	color: #999;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'saxMonoRegular';
	line-height: 140%;
	letter-spacing: 2px;	
}

#content h1, #content h2, #content h3, #content h4 {margin:0; color:#bbb; padding: 0.3em 0 0.9em 0; text-shadow: 2px 2px 1px rgba(0,0,0,0.4); font-size: 1.5em; }
#content, #top_nav, #footer, #sub_footer {font: normal 0.8em/1.3 "Helvetica Neue", arial, sans-serif; font-weight: 300;}
#content p {margin:0; padding:0 0 0.8em 0; line-height: 1.4; width: 550px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}

#bg {
	position:fixed; 
	top:0; 
	right:0; 
	width:100%; 
	height:100%;
	text-align: right;
}
a {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #CCC;
}
.intro {
	color: #999;
}
#sidebar {
	background-color: #111;
	margin: 50px -20px 0 0;
	padding: 10px 10px 10px 20px;
	color: #CCC;
	background-image: url('../img/skull.png');
	background-repeat: no-repeat;
	background-position: center top;
}
#sidebar #address {
	margin-top: 350px;
}
#content {
	background-color: #202020;
	padding: 10px;
	min-height: 700px;
}
#top_nav {
	height: 30px;
	background-color: #111;
	margin: 20px 0 0 0;
}
#top_nav ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#top_nav ul li {
	float: left;
	margin: 5px 20px 0 0;
	padding: 0;
}
#top_nav ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #999;
}
#top_nav ul li a:hover {
	color: #FFF;
}
#footer {
	height: 30px;
	background-color: #111;
	margin: 20px 0 0 0;
}
#footer ul {
	text-align:center;
	list-style:none
	margin: 0;
	padding: 0;
	width: 100%;
	line-height: 30px;
}
#footer ul li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #999;
}
#footer ul li.last {
	border: 0;
}
#footer ul li a {
	text-decoration: none;
	color: #999;
}
#footer ul li a:hover {
	color: #FFF;
}
#sub_footer p {
	text-align: center;
	margin: 10px 0 0 0;
	color: #999;
}
.promo_item {
	padding-bottom: 10px;
	border-bottom: 1px dotted #111;
}
.promo_item p span {
	text-transform:uppercase;
	color: #999;
	font-weight: bold;
}
.promo_image {
	text-align: center;
}
.promo_image img {
	border: 2px solid #111;
	padding: 4px;
}
.paging {
	text-align:center;
}
.paging div {
	display: inline;
}
.news_images p {
	text-align:center;
}
.news_images img {
	background-color: #777;
	border: 2px solid #111;
	padding: 4px;
}
.news_item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #111;
}
.news_item h4 {
	margin: 0;
}
.news_item .date {
	color: #777;
	font-style: italic;
}
#project_cats {
	margin-bottom: 1em;
}
#projects ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#projects ul li {
	list-style: none;
	margin: 0 0 0 0;
	padding: 10px;
	float: left;
}

#projects div.scrollable {  
    position:relative; 
    overflow:hidden;
	width: 680px;
	height: 250px;
}


#scroll_nav #leftFloat {
  float: left;
  width: 300px;
}

#scroll_nav #rightFloat {
  float: right;
  text-align: right;
  width: 300px;
}
#scroll_nav a {
	cursor:pointer;
}

#projects div.scrollable div.items {  
    width:20000em; 
    position:absolute; 
} 

#projects div.scrollable div.items div { 
    float:left;
	margin: 6px;
	background-color:#999; 
} 
#projects div.scrollable div.items div.item img {
	border: 2px solid #111;
	padding: 4px;
}
#projects div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.cats {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.cats li {
	border-left: 1px solid #999;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}
.cats li.first {
	border-left:0;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}

#photographs div.scrollable {  
    position:relative; 
    overflow:hidden;
	width: 675px;
	height: 180px;
}
#photographs div.scrollable div.items {  
    width:20000em; 
    position:absolute; 
} 

#photographs div.scrollable div.items div { 
    float:left;
	margin: 6px;
	background-color:#999; 
} 
#photographs div.scrollable div.items div.item img {
	border: 2px solid #111;
	padding: 4px;
}
#photographs div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


#artwork div.scrollable {  
    position:relative; 
    overflow:hidden;
	width: 675px;
	height: 260px;
}
#artwork div.scrollable div.items {  
    width:20000em; 
    position:absolute; 
} 

#artwork div.scrollable div.items div { 
    float:left;
	margin: 6px;
	background-color:#999; 
} 
#artwork div.scrollable div.items div.item img {
	border: 2px solid #111;
	padding: 4px;
}
#artwork div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

#contact_form .input {
	margin-bottom: 10px;	
}

#contact_form .input input {
	width: 100%;
}
#contact_form .input textarea {
	width: 100%;
}

.product {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #111;
}

.hidethis {
    display:none;
}
.showthis {
    display:inline;
}
.carttable th {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin: 0 0 4px 0;
    padding: 0 0 4px 0;
}
.carttable td {
    padding: 4px 0 4px 0;
}
.cart_border {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #111;
}
.cart_row {
    padding: 5px 0 5px 0;
}
#cart_totals p {
    padding: 0 0 0 0;
    margin: 5px 0 5px 0;
}
.remove a {
    color: #990000;
    font-weight: bold;
    text-decoration: none;
}
.remove a:hover {
    color: #cc0000;
    font-weight: bold;
    text-decoration: none;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

#corporate ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}
#corporate ul li {
	list-style: none;
	margin: 0 20px 10px 0;
	padding: 0 0 0 0;
	float: left;
}
#corporate ul li.end {
	margin: 0 0 10px 0;
}
#corporate img {
	background-color:#999; 
	border: 2px solid #111;
	padding: 4px;
}