/*
Login Page Style Sheet: Q-Cloud
Version: 1.0
Author: Michael Ciarlo
Author URI: http://www.mciarlo.com/
-------------------------------------------------------------------------------------*/

/* Global 
----------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
}

html, body{
	margin: 0;
	padding: 0;
	font: 12px "Corbel", "Verdana", serif;
	color: #d7d7d7;
	height: 100%;
	line-height: 1.5;
	background: #6f6e6e url('/images/bodyBg.gif') top left repeat;
}


a#player {
margin: 0px auto 30px 0;
}

h2.animation {
float: left;
margin: 0 0 20px 0;
font-size: 14px;
}

a:link, a:visited {
        color: #565453;
        text-decoration: none;
        font-weight: normal;
}

a:hover {
        color: #909090;
        text-decoration: none;
        font-weight: normal;
}

img {
border: none;
}

.details {
float: left;
padding: 0;
margin: 0;
background: black;
}

img#splash{
float: left;
margin:0;
padding: 0;
}

img#logo {
float: left;
margin: 30px 0;
padding: 0;
}

img#video {
float: left;
margin: 0 0 30px 0;
padding: 0;
}

img#splash {
float: left;
margin: 0 0 40px 5px;
padding: 0;
}

img#quote {
float: left;
margin: 0 0 30px 5px;
padding: 0;
}

.clear {
clear: left;}

/* @end
----------------------------------------------------------------------*/

/* Main
----------------------------------------------------------------------*/
#wrapper {
margin: 0px auto;
width: 700px;
}

.wrapper {
margin: 0px auto;
padding: 0 30px;
width: 700px;
}
/* Navigation Yo
----------------------------------------------------------------------*/
ul#nav {width: 391px; height: 34px; background: url('/images/nav.png') no-repeat top left; float: right; margin: 40px 0 30px 0; padding: 0;}
ul#nav li {display: inline; list-style: none;}
ul#nav li a {background: url('images/nav.png') no-repeat;}
ul#nav li a {float: left; height: 34px; padding-top: 0px; overflow: hidden; text-indent: -9999px; font-size: 0px;}

ul#nav li#home a { width: 64px; background-position: 0 0; }
ul#nav li#animation a { width: 94px; background-position: 0 -86px; margin-left: 14px;}
ul#nav li#art a { width: 37px; background-position: 0 -195px; margin-left: 14px;}
ul#nav li#contact a { width: 90px; background-position: 0 -260px; margin-left: 13px;}
ul#nav li#blog a { width: 51px; background-position: 0 -334px; margin-left: 14px;}

ul#nav li#home a:hover { width: 64px; background-position: 0 0; border-bottom: 2px solid white;}
ul#nav li#animation a:hover { width: 94px; background-position: 0 -86px; border-bottom: 2px solid white; margin-left: 14px;}
ul#nav li#art a:hover { width: 37px; background-position: 0 -195px; border-bottom: 2px solid white; margin-left: 14px;}
ul#nav li#contact a:hover { width: 90px; background-position: 0 -260px; border-bottom: 2px solid white; margin-left: 13px;}
ul#nav li#blog a:hover { width: 51px; background-position: 0 -334px; border-bottom: 2px solid white; margin-left: 14px;}

ul#nav li#home a:active { width: 64px; background-position: 0 0; border-bottom: 2px solid white;}
ul#nav li#animation a:active { width: 94px; background-position: 0 -86px; border-bottom: 2px solid white; margin-left: 14px;}
ul#nav li#art a:active { width: 37px; background-position: 0 -195px; border-bottom: 2px solid white; margin-left: 14px;}
ul#nav li#contact a:active { width: 90px; background-position: 0 -260px; border-bottom: 2px solid white; margin-left: 13px;}
ul#nav li#blog a:active { width: 51px; background-position: 0 -334px; border-bottom: 2px solid white; margin-left: 14px;}


ul#nav li#home a.current { width: 64px; background-position: 0 0; border-bottom: 2px solid white;}
ul#nav li#animation a.current { width: 94px; background-position: 0 -86px; border-bottom: 2px solid white; margin-left: 14px;}
ul#nav li#art a.current { width: 37px; background-position: 0 -195px; border-bottom: 2px solid white; margin-left: 14px;}
ul#nav li#contact a.current { width: 90px; background-position: 0 -260px; border-bottom: 2px solid white; margin-left: 13px;}
ul#nav li#blog a.current { width: 51px; background-position: 0 -334px; border-bottom: 2px solid white; margin-left: 14px;}


/*@end
-----------------------------------------------------------------------*/

#main {
margin: 50px auto 0 auto;
padding: 20px;
width: 675px;
background: white;
overflow: hidden;
min-height: 407px;
}

#comingsoon {
margin: 0px auto 0 auto;
padding: 20px;
width: 675px;
background: none;
overflow: hidden;
}

#comingsoon h1 {
font-size: 20px;
float: left;
color: white;
font-weight: bold;
text-align: center;
width:675px;
font-weight: 100;
}

#comingsoon p {
font-size: 14px;
float: left;
color: #a7a7a7;
text-align: center;
width:675px;
}


#footer {
float: left;
height: 76px;
width: 700px;
padding: 10px 0 0 0;
background: url('/images/footerbg.png') top left repeat-x;
}
 
 #footer p {
 float: left;
 margin: 0 0 0 0;
 padding: 0;
 color: #565453;
 }
 
 
 ul#footernav {
list-style: none;
float: right;
margin: 0 0 0 0;
padding: 0;
}






ul#footernav li {
float: left;
text-align: right;
display: inline;
margin: 0 0 0 12px;
padding: 0;
}



#contactform {
float: left;
width: 500px;
margin: 0 0 18px 0;
padding: 0;
}

#contactform ul{
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#contactform ul li {
float: left;
margin: 0 0 5px 0;
padding: 0;
clear: left;
}
input#name, input#subject, input#email, input#htest, input#s{
float: left;
margin: 0 0 10px 0;
padding: 5px;
font-size: 14px;
width: 300px;
background: #151515;
color: white;
border: 2px solid #333;
}

input#name:focus, input#subject:focus, input#email:focus, input#htest:focus, #contactform textarea:focus{
background: #151515;
color: white;
border: 2px solid #565453;
}

input.contactsubmit{
float: left;
margin: 10px 0 10px 0;
padding: 4px 8px;
font-size: 14px;
background: #222;
color: white;
border: none;
cursor: pointer;
}
input#searchsubmit{
float: left;
margin: 0 0 10px 10px;
padding: 4px 8px;
font-size: 14px;
background: #222;
color: white;
border: none;
cursor: pointer;
}

#searchform {
float: left;
margin: 10px 0 18px 0;
}


#anim {
width: 640px;
float: left;
padding: 30px;
margin: 0 0 18px 0;
background: url('/images/bgopaque.png') top repeat;
}

#contactform textarea{
float: left;
margin: 0 0 15px 0;
padding: 5px;
font-size: 14px;
width: 450px;
height: 130px;
	font: 14px "Corbel", "Verdana", serif;
	overflow-y: auto;
background: #151515;
color: white;
border: 2px solid #333;
}

ul#contact { float: left; list-style: none; margin-left: 0; padding: 30px; width: 640px; background: url('/images/bgopaque.png') top repeat;}


img#guy1 {
float: right;
margin: 0px 50px 0 0
}

img#guy2 {
float: right;
margin: 0 15px 0 0;
}

#contact a#resume {
float: right;
margin: -465px 160px 0 0;
padding: 0;
font-size: 0;
text-indent: -9999px;
background: url('/images/guy3.png') top no-repeat;
background-position: 0 0;
width:104px;
height: 205px;
}

#contact a:hover#resume {
background: url('/images/guy3.png') top no-repeat;
background-position: -104px 0;
width:104px;
height: 205px;
}

img#guy3 {
float: right;
margin: 0px 200px 0 0;
}

/* Portfolio Filter Stylesheet */

a { color: #333; }
a:visited { }
a:hover { text-decoration: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
ul#filter { float: left; font-size: 16px; list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;
border-bottom: 2px solid #565453; width: 700px; }

ul#filter li a{ 
	float: left;
margin: 0;
padding: 2px 15px;
}



ul#filter a { color: #777; text-decoration: none; margin: 0; float: left;}
ul#filter li.current a { 
	float: left;
margin: 0;
padding: 2px 15px;
background: #565453;
color: white;
}

ul#filter a:hover { 
	float: left;
margin: 0;
padding: 2px 15px;
background: #151515;
color: white;
}


ul#portfolio { float: left; list-style: none; margin-left: 0; padding: 30px; width: 640px; background: url('/images/bgopaque.png') top repeat;}
ul#portfolio li { 
	float: left; 
	margin: 0 52px 35px 0; 
	width: 120px;
	text-align: center;
}

ul#portfolio li.end { 
	float: left; 
	margin: 0 0 35px 0; 
	width: 120px;
}

ul#portfolio li.bottom { 
	float: left; 
	margin: 0 52px 0 0; 
	width: 120px;
}
ul#portfolio a { display: block; width: 100%; color: #555;
}
ul#portfolio a:hover { text-decoration: none; color: #e7e7e7}
ul#portfolio img { display: block; padding-bottom: 5px;}