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

/*
	Matt Slosky
	http://sloskycreative.com
*/

/* reset */

#		{ margin: 0; padding: 0; }
html		{overflow-y: scroll; }
html, body	{height: 100%; }
body		{font-size: 62.5%; font-family: Arial, sans-serif; color: #272727;
		 background: url(/images/body-bg.png) top center repeat-x white; }
ul		{list-style: square inside; }
ol		{list style: decimal inside; }
a		{outline: none; text-decoration: none; }
a img		{border: none; }
img		{vertical-align: middle; }
table		{border collapse: collapse; }

/* utility */

.floatLeft	{float: left; }
.floatRight	{float: right; }
.clear		{clear: both; }

/* type */

h1 { font: 10pt Arial, Helvetica, sans-serif; color: #fff; letter-spacing: 5px; padding: 0; }
h2 { font: 22pt Verdana, Arial, Helvetica, sans-serif; color: #272727; letter-spacing: 5px; padding: 0; margin-bottom: 25px; font-weight: bold; }
h3 { font: 12pt Arial, Helvetica, sans-serif; color: #272727; font-weight: bold;  }
h4 { font: 18pt Verdana, Arial, Helvetica, sans-serif; color: #272727; letter-spacing: 5px; padding: 0; margin-bottom: 25px; font-weight: bold; }
p { font: 10pt Arial, Helvetica, sans-serif; color: #272727; line-height: 20px;  }
a { color: #cbccd1;}


/* set the page background color and margins. */ 

body { margin: 0; background:#3b3e40 url(../images/background.gif) no-repeat;}

/* modules */

#container {
	width: 900px;
	margin: 0 auto;
		}
		
.social {
	float: right;
	margin: 15px 15px 15px 0;
		}
		
#header {
	height: 90px;
	margin-bottom: 15px;
	padding-top: 10px;
	background: url(../images/header_home.png) repeat-x;
		}
		
#headercontent {
	width: 900px;
	margin: 0 auto;
		}
					
#logo {float: left; padding-right: 20px;}

#nav {float: left;}

#contentbio {
	width: 820px;
	height: 1050px;
	padding: 20px 40px 20px 40px;
	margin: 0 auto 20px auto;
	background: #fff url(../images/background_home.jpg) no-repeat;
		}
		
#contentdemo {
	width: 820px;
	height: 900px;
	padding: 20px 40px 20px 40px;
	margin: 0 auto 20px auto;
	background: #fff url(../images/background_demo.jpg) no-repeat;
		}
		
#contentphotos {
	width: 820px;
	height: 900px;
	padding: 20px 40px 20px 40px;
	margin: 0 auto 20px auto;
	background: #fff url(../images/background_cheez.jpg) no-repeat;
		}
		
#contentfunreel {
	width: 820px;
	height: 900px;
	padding: 20px 40px 20px 40px;
	margin: 0 auto 20px auto;
	background: #fff url(../images/background_shack.jpg) no-repeat;
		}
	
		
#contentcontacts {
	width: 820px;
	height: 900px;
	padding: 20px 40px 20px 40px;
	margin: 0 auto 20px auto;
	background: #fff url(../images/background_contacts.jpg) no-repeat;
		}
		
		
#contentaskmatt {
	width: 820px;
	height: 900px;
	padding: 20px 40px 20px 40px;
	margin: 0 auto 20px auto;
	background: #fff url(../images/background_askmatt2.jpg) no-repeat;
		}	
		
#sociallist li {display: inline; list-style-type: none; padding-right: 10px;}

#navlist li {display: inline; list-style-type: none; padding-right: 25px; font: 10pt Arial, Helvetica, sans-serif; color: #d7d7d7;}
#navlist a:hover {color: #fff;}



		
.nav {padding-top: 10px;}

.footer {font: 8pt Arial, Helvetica, sans-serif; color: #fff; letter-spacing: 5px; text-align: center; padding-bottom: 15px;}

.askmatt {font: 16pt Arial, Helvetica, sans-serif; color: #272727; line-height: 35px; }

.forms { font: 10pt Arial, Helvetica, sans-serif; color: #272727; font-weight: bold; }

.email {color: #3333CC;}

.biocontent {font: 12pt Arial, Helvetica, sans-serif; color: #272727; line-height: 35px;}

.underconstruction {font: 24pt Corbel; Color: #F00; text-align: center;}

.h2padding {padding-bottom: 175px;} 
		
		
		
		
.clear {clear: both;}

#activelink {color: #fff;}


#nav_bio {float: left; padding: 55px 35px 0 0;}
#nav_demoreel {float: left; padding: 55px 35px 0 0;}
#nav_funreel {float: left; padding: 55px 35px 0 0;}
#nav_photos {float: left; padding: 55px 30px 0 0;}
#nav_contact {float: left; padding: 55px 30px 0 0;}
#nav_ask {float: left; padding: 55px 35px 0 0;}


#nav_bio a:hover {font-weight: bold; color: #fff;}
#nav_demoreel a:hover {font-weight: bold; color: #fff;}
#nav_funreel a:hover {font-weight: bold; color: #fff;}
#nav_photos a:hover {font-weight: bold; color: #fff;}
#nav_contact a:hover {font-weight: bold; color: #fff;}		
#nav_ask a:hover {font-weight: bold; color: #fff;}