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

body {
background-image:url(../images/bg.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#afc4b3;
}

a {
color:#afc4b3;
text-decoration: none;
position:relative;
}

a:hover {
text-decoration: underline;
}

h1 {
font-size:20px;
 margin-top:0px;
}

h3 {
	padding-bottom: 0;
	margin-bottom:0;
	border-bottom:1px dotted #afc4b3;
}

#container {
	width: 850px;
}

#q {
	float:left;
	border:0;
	margin-top:0px; 
	padding-right:0px;
}

#videos {
	margin-top:30px;
}

#about {
	margin-top:15px;
	margin-left:10px;
}

#otherwork {
	margin-top:15px;
	margin-left:10px;
}

#contact {
	margin-top:15px;
	margin-left:0px;
}

#main {
	margin-left:250px;
	margin-top:25px;
}

#mainContact {
	margin-left:250px;
	margin-top:100px;
	font-size:16px;
}

#mainVideo {
	margin-left:175px;
	margin-top:0px;
	width:750px;
	background-image:url(../images/bg_splatter.png);
	background-repeat:no-repeat;
}


#mainVideoEp5 {
	margin-left:175px;
	margin-top:0px;
	width:800px;
	background-image:url(../images/bg_splatter.png);
	background-repeat:no-repeat;
}


.video {
	margin-bottom: 30px;
}

#videoBox {
	padding-left:50px;
	padding-top:40px;
}

#otherworkVideo {
	clear:both;
	margin-left:200px;
	width:750px;
}

#otherworkVideoBox {
	padding-left:50px;
}

#thumbs {
	margin-left:10px;
	padding-top:20px; 
}

.thumbnails {
	padding-right:5px;
}

.thumbnailsFade {
	padding-right:5px;
	opacity:0.3;
	filter: alpha(opacity=20);

}