@charset "UTF-8";
/* CSS Document */


/*Blank that shit out*/

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, font, img, ins, kbd, q, s, samp, small, strike, 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 
{margin: 0; padding: 0;	 border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent;}

ol, ul 
{list-style: none;}


/* Generic shit */

h1
{font-size: 2.25em; padding: 50px 0 0 0; color: #341f02; letter-spacing: -.05em;}

h3
{font-size: 1.25em; padding: 0 0 .7em 0; color: #341f02; letter-spacing: -.05em; line-height: .8em;}

h4
{font-size: 1em; padding: .5em; color: #fff; letter-spacing: -.05em; line-height: .8em;}

p
{font-size: .6em; font-family: Helvetica, Arial, sans-serif; padding: 0 0 1em 0; line-height: 1.25em; color: #676153; margin: 0 40px 0 0;}

a:link
{color: #341f02; text-decoration: none; font-weight: bold;}

a:visited
{color: #341f02; text-decoration: none; font-weight: bold;}

a:hover
{color: #341f02; text-decoration: none; font-weight: bold;}



input, textarea
{background: #fff; padding: .5em; font-size: .6em; border: 1px solid #fff; width: 75%; margin: 0 0 5px 0;}

textarea
{font-size: .9em;}

input.button
{background: #dc3f12; border: 1px solid #dc3f12; width: auto; padding: .5em; font-size: .8em; color: #fff;}


/* Main shit */

body
{background: url(../img/main/page-bg.jpg) top left repeat-x #fff; font-family: "Times New Roman", Times, serif; font-size: 1em;}

#nav-bg
{background: url(../img/main/nav-bg-index.jpg) top center no-repeat; width: 100%; height: 95px; margin: 0 0 -95px 0;}

#nav
{background: url(../img/main/nav-bg-index.jpg) top center no-repeat; height: 95px; padding: 0; width: 1000px;}


.social
{display: block; position: absolute; right: 0; top: 0;}

#socialcontent
{position: absolute; display: block; right: 0; top: 0; padding: 10px 0 0 0; text-align: center; font-family: Helvetica, Arial, sans-serif; background: #fff; height: 85px; width: 150px; z-index: 2000;}

#socialcontent
{font-size: .45em; color: #bcc98a;}

#socialcontent a
{font-weight: normal; color: #999;}

#hiddennav
{display: none;}


#nav a.worklink
{width: 315px; height: 95px; margin: 0; padding: 0; display: inline-block;}

#nav a:hover.worklink
{background: url(../img/main/nav-work-bg.jpg) top left no-repeat;}

#nav a.stufflink
{width: 320px; height: 95px; margin: 0; padding: 0; display: inline-block;}

#nav a:hover.stufflink
{background: url(../img/main/nav-stuff-bg.jpg) top left no-repeat;}

#nav a.contactlink
{width: 365px; height: 95px; margin: 0; padding: 0; display: inline-block;}

#nav a:hover.contactlink
{background: url(../img/main/nav-contact-bg.jpg) top left no-repeat;}


#content
{background: url(../img/main/content-bg.jpg) top center no-repeat; height: 640px;}

#index
{background: url(../img/index/index-bg.jpg) top center no-repeat; height: 640px; margin: 0 0 0 200px; display: block; position: relative; z-index: 1000;}

#stuff
{background: url(../img/stuff/stuff-bg.jpg) top center no-repeat; height: 640px; margin: 0 0 0 200px; display: block; position: relative; z-index: 1000;}

#work
{background: url(../img/work/work-bg.jpg) top center no-repeat; height: 640px; margin: 0 0 0 200px; display: block; position: relative; z-index: 1000;}

#contact
{background: url(../img/contact/contact-bg.jpg) top center no-repeat; height: 640px; margin: 0 0 0 200px; display: block; position: relative; z-index: 1000;}

#content-body
{width: 416px; display: block; text-align: left; position: relative; left: -325px;}

#hiddencontent
{display: none;}


#twitter
{clear: both; margin: 0; background: url(../img/main/twitter-bg.gif) top center no-repeat; height: 200px; padding: 75px 0 0 0;}

#twitter_div
{width: 300px; font-size: .75em; color: #999;}

#twitter_div li
{line-height: 1em;}

#twitter_div a
{text-decoration: none; color: #ccc;}

#twitter_div a.follow
{color: #3ec4e4; font-size: .85em; font-weight: bold;}

#footer
{clear: both; margin: 0; background: url(../img/main/footer-bg.jpg) top center no-repeat; height: 200px; padding: 20px 0 0 0;}


/* Pieces of shit */

.sofresh
{margin: -1px 0 0 -19px;}

.stuffimages
{margin: 10px 0 0 0;}

.stuffimages img
{padding: 0 4px 4px 0;}


/* Sliding shit */


#box4{
	position:absolute;
	margin: 0 0 5px 0;
}
#box4 div{
	width:480px;
	height:298px;
	float:left;
	background:#fff;
}

#box4 div h3 {color: #141414; font-size: .9em; background: #fff; padding: .75em; position: absolute; margin: 5px 0 0 5px; width: 384px; /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.80;}

#box4 div a.view {color: #fff; font-size: .6em; font-weight: normal; background: #fc5000; padding: .5em; margin: 0 0 0 .5em; text-decoration: none; letter-spacing: 0em;}

#box4 div a:hover.view {color: #fff; font-size: .6em; font-weight: normal; background: #f30; padding: .5em; margin: 0 0 0 .5em; text-decoration: none;}


#box4 h3, #box4 p, #box4 ul{
	padding: 0;
}


#box4 p{
	text-indent:16px;
}

}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}


.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:416px;
	height:50px;
	background:#000;
	position:absolute;
}

.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:416px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:416px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:416px;
	height:240px;
	overflow:hidden;
	margin: 0 0 5px 0;
}

span img{
	display:block;
	border:none;
}


/* SLIMBOX shit */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/img/slimbox/slimbox-bg.gif) top left repeat #e07c3a;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../img/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../img/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../img/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}