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

* { margin: 0; padding: 0; }

body {
	background: #000;
	font-family: Verdana, Geneva, sans-serif;
}

img { border: none; }

.clearfix { clear: both; }

.floatright { float: right; }

.floatleft { float: left; }

.expandedmargin { margin-bottom: 20px; }

.expandedtop { margin-top: 5px; }

.portfoliospacer { display: block; height: 20px; }

.artmargins { margin: 10px 3px 0 0; float: left; }

.artmarginlast { margin: 10px 0 0 0; float: left; }

/*----------------------
		LAYOUT
----------------------*/

#wrapper {
	position: absolute;
	left: 50%;
	margin-left: -488px;
	width: 976px;
}
	
#header {
	background: url(graphics/header.png) no-repeat;
	height: 310px;
}

.content {
	background: #111111 url(graphics/contentbg.png) repeat-x;
	height: auto;
	width: 858px;
	margin: 0 34px 0 34px;
	padding: 25px;
	overflow: hidden;
}

/*----------------------
	   CONTENT
----------------------*/

#services {
	height: auto;
	width: 410px;
	float: left;
}

	#services img.screen {
		margin: 0 25px 0 0;
		float: left;
	}
	
	#services img.title {
		margin: -4px 0 5px 0;
	}
	
.block {
	width: 417px;
	height: auto;
	margin: 7px 0 0 0;
}

		/* Fix IE7 */
		*:first-child+html .block { margin: 2px 0 0 0; }

	.block img.blocktitle {
		float: right;
		margin: -11px 23px 0 0;
	}
	
		/* Fix IE7 */
		*:first-child+html .block img.blocktitle { margin: -11px 23px -11px 0; position: relative; z-index: 10; }
	
	.blocktop {
		background: url(graphics/blocktop.png) no-repeat;
		height: 9px;
		width: 417px;
	}

	.blockcontent {
		background: url(graphics/blockcontent.png) repeat-y;
		height: auto;
		width: 372px;
		overflow: hidden;
		padding: 10px 25px 10px 20px;
	}

	.blockbottom {
		background: url(graphics/blockbottom.png) no-repeat;
		height: 9px;
		width: 417px;
	}
	
	.twitterbottom {
		background: url(graphics/twitterbottom.png) no-repeat;
		height: 97px;
		width: 417;
	}
	
#twitter_update_list {
	list-style: none;
}
	
.checklist {
	list-style: none;
	margin-left: 10px;
	color: #969595;
}

	.checklist li {
		background: url(graphics/checkmark.png) no-repeat 0 5px;
		padding: 0 0 3px 20px;
	}
	
img.divider {
	margin: 15px 0 15px 0;
	clear: both;
}
	
/*----------------------
		FOOTER
----------------------*/

#footer {
	margin: 0 0 10px 0;
	clear: both;
}
	
/*----------------------
	TEXT AND LINKS
----------------------*/

.content { font-size: 11px; line-height: 19px; color: #969595; }
.content a { text-decoration: none; color: #c5d4ee; }
.content a:hover { text-decoration: none; color: #fff; }

.blockcontent { color: #b4b4b4; }

a.externallink {
	background: url(graphics/externallink.png) no-repeat 100% 2px;
	padding: 0 14px 0 0;
}

a:hover.externallink { color: #fff; text-decoration: none; }

/* #twitter_update_list a {
	background: url(graphics/icon_twitterlink.png) no-repeat 100% 50%;
	padding-right: 13px;
	color: #45b6bd;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration: none;
}
		
#twitter_update_list a:hover {
	color: #2f8a90;
} */

i, em, b, strong { color: #c2c2c2; }

.graddate { color: #616161; }

.backtotop { font-size: 9px; text-transform: uppercase; width: 100px; text-align: right; }
.backtotop a { color: #616161; }
.backtotop a:hover { color: #484747; }

.acronym { border-bottom: 1px dotted #616161; cursor: help; }

p { margin: 10px 0 10px 0; }

.footercontent { font-size: 9px; line-height: 20px; color: #3a3d4c; text-align: center; }

/*----------------------
		PORTFOLIO
----------------------*/

a.p_hitoshura, a.p_anr, a.p_mg, a.p_dairystore, a.p_km, a.p_metanomaly, a.p_sdzw, a.p_thetachi, a.p_metanomicon {
	height: 97px;
	width: 141px;
	display: block;
}

a.p_hitoshura:hover, a.p_anr:hover, a.p_mg:hover, a.p_dairystore:hover, a.p_km:hover, a.p_metanomaly:hover, a.p_sdzw:hover, a.p_thetachi:hover, a.p_metanomicon:hover { 
	background-position: -141px;
}

a.p_hitoshura {
	background: url(graphics/p_hitoshura.png) no-repeat;
}

a.p_anr {
	background: url(graphics/p_anr.png) no-repeat;
}

a.p_mg {
	background: url(graphics/p_mg.png) no-repeat;
}

a.p_dairystore {
	background: url(graphics/p_dairystore.png) no-repeat;
}

a.p_km {
	background: url(graphics/p_km.png) no-repeat;
}

a.p_metanomaly {
	background: url(graphics/p_metanomaly.png) no-repeat;
}

a.p_sdzw {
	background: url(graphics/p_sdzw.png) no-repeat;
}

a.p_thetachi {
	background: url(graphics/p_thetachi.png) no-repeat;
}

a.p_metanomicon {
	background: url(graphics/p_metanomicon.png) no-repeat;
}

/* ART */

a.pa_androids, a.pa_baphomet, a.pa_shux2, a.pa_death, a.pa_sushi, a.pa_festival {
	height: 97px;
	width: 59px;
	display: block;
}

a.pa_androids:hover, a.pa_baphomet:hover, a.pa_shux2:hover, a.pa_death:hover, a.pa_sushi:hover, a.pa_festival:hover {
	background-position: -59px;
}

a.pa_androids {
	background: url(graphics/pa_androids.png) no-repeat;
}

a.pa_baphomet {
	background: url(graphics/pa_baphomet.png) no-repeat;
}

a.pa_shux2 {
	background: url(graphics/pa_shux2.png) no-repeat;
}

a.pa_death {
	background: url(graphics/pa_death.png) no-repeat;
}

a.pa_sushi {
	background: url(graphics/pa_sushi.png) no-repeat;
}

a.pa_festival {
	background: url(graphics/pa_festival.png) no-repeat;
}

/*----------------------
		MENU
----------------------*/

.nav {
	width: 315px;
	height: 54px;
	background: url(graphics/nav.png) no-repeat;
	position: absolute;
    top: 230px;
    left: 50%;
    margin-left: -140px;
}

.nav li {
	display: inline;
}

.nav li a:link, .nav li a:visited {
	position: absolute;
	height: 54px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
	.nav .about a:link, .nav .about a:visited {
		left: 0;
		width: 82px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(graphics/nav.png) no-repeat 0 -54px;
	}
	.nav .about a:active {
		background: url(graphics/nav.png) no-repeat 0 -108px;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 82px;
		height: 54px;
		background: url(graphics/nav.png) no-repeat 0 -54px;
	}
	.nav-about-click {
		background: url(graphics/nav.png) no-repeat 0 -108px;
	}

/* portfolio */

	.nav .portfolio a:link, .nav .portfolio a:visited {
		left: 82px;
		width: 131px;
	}
	.nav .portfolio a:hover, .nav .portfolio a:focus {
		background: url(graphics/nav.png) no-repeat -82px -54px;
	}
	.nav .portfolio a:active {
		background: url(graphics/nav.png) no-repeat -82px -108px;
	}
	.nav-portfolio, .nav-portfolio-click {
		position: absolute;
		top: 0;
		left: 82px;
		width: 131px;
		height: 54px;
		background: url(graphics/nav.png) no-repeat -82px -54px;
	}
	.nav-portfolio-click {
		background: url(graphics/nav.png) no-repeat -82px -108px;
	}

/* contact */

	.nav .contact a:link, .nav .contact a:visited {
		left: 213px;
		width: 102px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(graphics/nav.png) no-repeat -213px -54px;
	}
	.nav .contact a:active {
		background: url(graphics/nav.png) no-repeat -213px -108px;
	}
/*	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(graphics/nav.png) no-repeat -213px -147px;
		cursor: default;
	} */
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 213px;
		width: 102px;
		height: 54px;
		background: url(graphics/nav.png) no-repeat -213px -54px;
	}
	.nav-contact-click {
		background: url(graphics/nav.png) no-repeat -213px -108px;
	}
	
/*----------------------
	PrettyPhoto
----------------------*/

	div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */
	div.pp_pic_holder .pp_content a.pp_next:hover { background: url(graphics/pp/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(graphics/pp/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_pic_holder .pp_content a.pp_expand { background: url(graphics/pp/dark_square/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(graphics/pp/dark_square/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_pic_holder .pp_content a.pp_contract { background: url(graphics/pp/dark_square/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(graphics/pp/dark_square/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_pic_holder .pp_content a.pp_close { width: 75px; height: 22px; background: url(graphics/pp/dark_square/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */

	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(graphics/pp/dark_square/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(graphics/pp/dark_square/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */

	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_top .pp_left ,
	div.dark_square .pp_top .pp_middle,
	div.dark_square .pp_top .pp_right,
	div.dark_square .pp_bottom .pp_left,
	div.dark_square .pp_bottom .pp_middle,
	div.dark_square .pp_bottom .pp_right,
	div.dark_square .pp_content { background: url(graphics/pp/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square  p.pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(graphics/pp/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */

	
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 100px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 0 4px; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
					
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled { background-position: 0 -16px; cursor: default; }
		
		div.pp_pic_holder .pp_content div.pp_hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(graphics/pp/dark_square/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(graphics/pp/dark_square/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #pp_full_res { width: 100%; text-align: center; }
			div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			div.ppt div.ppt_left,
			div.ppt div.ppt_right { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.ppt div.ppt_content { float: left; line-height: 23px; }

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */