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


body {
	background-color:#000;
	font-size:14px;
	color:#FFFFFF;
	font-weight:lighter;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
}
#wrapper {
	/*background: url(960/img/16_col.png) repeat-y;*/
	position:relative;
	margin-left:20px;
	overflow:hidden;
	background-color:#000;
}
#navbar {
	height:100%;
	float:left;
	position:fixed;
}
#logo {
	margin-top:30px;
	margin-bottom:30px;
}
#markmotion {
	margin-top:4px;
}
#markweb {
	margin-top:43px;
}
#markprint {
	margin-top:81px;
}
#markphoto {
	margin-top:119px;
}
#links {
	margin-top:12px;
}
#links ul {
	list-style:none;
}

#links li {
	margin:0px;
	margin-bottom:20px;
}

#socialmedia {
	margin-bottom:20px;
}

#footer {
	position:absolute;
	float:left;
	clear:none;
	bottom:0;
	left:0;
	margin-bottom:30px;
}
#footerlinks {
	margin-top:10px;
}
.footerlinks li {
	display:inline;
	margin:0px
}
#footer a:link {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:11px;
	color:#666;
	text-decoration:none;
}
#footer a:hover {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:11px;
	color:#CCC;
	text-decoration:none;
}
#footerlinks a {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:11px;
	color:#666;
	text-decoration:none;
}
#footerlinks a:hover {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:11px;
	color:#CCC;
	text-decoration:none;
}

.outerglow {
	background-color:#333;
	-webkit-box-shadow: 1px 1px 20px #555;
	-moz-box-shadow: 1px 1px 20px #555;
	box-shadow: 1px 1px 20px #555;
}

#indexcontainer {
	padding-top:118px;
	float:right;
}
#indexcontainer img {
	margin-bottom:5px;
}
#container {
	padding-top:121px;
	float:right;
}
.thumbnail {
	margin-bottom:20px;
}

.thumbnail2 {
	margin-bottom:15px;
}

.thumbnail a {
	margin-bottom:10px;
}
.lastpicture {
	margin-bottom:34px;
}

#spacebottom {
	width:700px;
	height:18px;
	background-color:#000;
}

#twitter {
	margin-top:20px;
}

h2.title {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:15px;
	margin-bottom:15px;
}
h2.indextitle {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:15px;
	margin-bottom:0px;
}
p.desc {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:12px;
	color:#CCC;
	margin-bottom:15px;
}
p.desc2 {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-style:italic;
	font-size:12px;
	color:#CCC;
}
a.launch {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:14px;
	color:#DDD;
	text-decoration:none;
}
a.desclaunch {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:12px;
	color:#FFF;
	text-decoration:underline;
}

#featured {
	margin-top:20px;
}


/* motion */
#digital {
	padding-top:30px;
}

#webbumper{
	padding-top:30px;
}

#motionbumper{
	padding-top:30px;
}

#soundbumper{
	padding-top:30px;
}

#printbumper{
	padding-top:30px;
}

#imagingbumper{
	padding-top:30px;
}

/* web */
#volcom {
	padding-top:15px;
}

#trigger {
	padding-top:15px;
}

#gsclaw {
	padding-top:15px;
}


#waterbombali {
	padding-top:10px;
}

#gojek {
	padding-top:15px;
}

#robinmoran {
	padding-top:15px;
}

#personalposters {
	padding-top:15px;
}
#theslanteddoor {
	padding-top:25px;
}
#flashportfolio {
	padding-top:15px;
}
#typographydesign {
	padding-top:15px;
}
#djmikeyblog {
	padding-top:25px;
}

#goldengate {
	padding-top:25px;
}

#craigslist {
	padding-top:25px;
}

/* photo */
#liquidpaper {
	padding-top:30px;
}
#experimental {
	padding-top:30px;
}

#experimentalphoto{
clear:both;}

#mixer {
	padding-top:30px;
}
#arcadefire {
	padding-top:30px;
}
#aiga {
	padding-top:30px;
}
#multiplicity {
	padding-top:30px;
}
#blur {
	padding-top:30px;
}
#artdeco {
	padding-top:30px;
}
#otherstudio {
	padding-top:30px;
}

/* print */
#urbanforest {
	padding-top:30px;
}

#ufp1{
clear:both;}



#bangsa {
	padding-top:30px;
}
#rvca {
	padding-top:30px;
}

#rvca1{
clear:both;}

.boxgrid {
	width: 340px;
	height: 210px;
	float:left;
	overflow: hidden;
	position: relative;
	margin-bottom:20px;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxcaption {
	float: left;
	position: absolute;
	background: #111;
	height: 60px;
	width: 100%;
	padding:10px;
	top:210px;
	opacity: .8;
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 210;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}

.tooltip {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:15px;
	color:#FFF;
	text-decoration:underline;
}

#sharethis {
	margin-left:-5px;
	margin-bottom:20px;
}