body{

	background-color:#242424;

	margin:0;

}

a{

	text-decoration:none;

	border:none;
	color:#09F;

}

a:hover{

	text-decoration:none;

	border:none;

}

img{

	border:none;

}

.container{

	width:300px;

	height:auto;

	margin:0 auto;

}

.divider{

	margin-top:180px;

	width:17px;

	height:397px;

	background-image:url(images/divide.jpg);

	float:left;

}

.nav{

	margin:0;

	padding:0;

	list-style:none;

	margin-top:210px;

	float:left;

	margin-left:15px;

}

.navitem{

	margin-bottom:4px;

	font-family:"Trebuchet MS";

	font-size:24px;

	text-transform:lowercase;

	letter-spacing:2px;

	color:#fff;

	padding-top:15px;

	height:43px;

}

.navitem a{

	text-decoration:none;

	color:#fff;

}

.navitem img{

	float:left;

	margin-top:-15px;

	margin-right:5px;

}

.insideContainer{
	width:784px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
}



.headerContainer{
	float:left;

	height:206px;

	width:584px;

	background-color:#191919;

	padding-bottom:15px;

}



.headerLogoContainer{

	width:100%;

	height:13px;

	float:left;

	background-color:#242424;

}

.headerLogo{

	width:83px;

	height:13px;

	float:right;

	background-image:url(images/h_logo.jpg);

}



.headerHome{

	width:548px;

	height:171px;

	background-image:url(images/headers/home.jpg);

	float:left;

	margin-left:18px;

	margin-top:18px;

}

.headerGames{

	width:548px;

	height:171px;

	background-image:url(images/headers/games.jpg);

	float:left;

	margin-left:18px;

	margin-top:18px;

}

.headerPortfolio{

	width:548px;

	height:171px;

	background-image:url(images/headers/portfolio.jpg);

	float:left;

	margin-left:18px;

	margin-top:18px;

}

.headerAbout{

	width:548px;

	height:171px;

	background-image:url(images/headers/about.jpg);

	float:left;

	margin-left:18px;

	margin-top:18px;

}

.headerVideos{

	width:548px;

	height:171px;

	background-image:url(images/headers/videos.jpg);

	float:left;

	margin-left:18px;

	margin-top:18px;

}

.headerResume{

	width:548px;

	height:171px;

	background-image:url(images/headers/resume.jpg);

	float:left;

	margin-left:18px;

	margin-top:18px;

}

.headerLogin{

	width:548px;

	height:171px;

	background-image:url(images/headers/login.jpg);

	float:left;

	margin-left:18px;

	margin-top:18px;

}



.menuContainer{

	height:auto;

	width:584px;

	float:left;

	margin-bottom:1px;

	background-color:#111111;

}



.menuContent{

	width:auto;

	height:18px;

	float:right;

	margin-right:9px;

	color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

}

.arrow{

	margin-right:6px;

	float:left;

	height:18px;

}

.contentContainer{

	width:584px;

	height:auto;

	background-color:#111111;

	float:left;

	overflow:hidden;

}

.postContainer{

	width:557px;

	margin-left:17px;

	margin-top:16px;

	padding-bottom:25px;

}

.postTitle{

	font-family:"Trebuchet MS";

	font-size:24px;

	color:#2a2a2a;

	letter-spacing:2px;

	text-transform:uppercase;

}

.postDate{

	color:#f1f1f1;

	font-family:"Trebuchet MS";

	font-size:10px;

	text-transform:uppercase;

	letter-spacing:2px;

	margin-top:14px;

}



.postDivider{

	background-color:#191919;

	width:100%;

	height:1px;

	float:left;

	margin-top:4px;

	margin-bottom:7px;

}



.postContent{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#f1f1f1;

	width:100%;

	height:auto;

}

.postContent .rgt{
	float:right;
}



.portfolioContainer{

	margin-left:32px;

	margin-top:10px;

	padding-bottom:32px;

}



.footerContainer{

	height:43px;

	width:584px;

	background-image:url(images/footer.jpg);

	background-repeat:repeat-x;

	float:left;

	margin-top:4px;

}



.footerContent{

	height:43px;

	width:584px;

	float:left;


}



.footerRight{

	height:43px;

	width:auto;

	float:right;

}



/* PROJECT */

.projectcontainer{

	float:left;

	margin-bottom:10px;

	width:100%;

	margin-left:20px;

	margin-top:10px;

	height:130px;

}

.projectpicture{

	float:left;

}

.projectinfo{

	float:left;

	margin-top:10px;

	width:400px;

}

.projectname{

	font-family:"Trebuchet MS";

	font-size:24px;

	color:#f1f1f1;

	text-transform:uppercase

}

.projectname a{

	color:#fff;

}

.projecttext{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#f1f1f1;

}

.projectbreak{

	background-color:#f1f1f1;

	height:4px;

	width:100%;

}

.resumeCont{

	width:379px;

	margin:0 auto;

	height:auto;

}

.resumeCont h1{

	color:#fff;

	text-transform:uppercase;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	margin-bottom:5px;

	font-weight:normal;

}

.resumeCont h2{

	color:#fff;

	text-transform:uppercase;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	margin-bottom:5px;

	font-weight:normal;

	margin-top:-8px;

	float:left;

}

.resumeBoxLong{

	width:379px;

	height:auto;

	background-color:#fff;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#111111;

	margin-bottom:12px;

	float:left;

}

.resumeBoxLong p{

	padding:0;

	margin:0;

	padding-left:20px;

	padding-top:5px;

	padding-right:10px;

	padding-bottom:5px;

}

.resumeBoxShort{

	width:189px;

	height:auto;

	background-color:#fff;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#111111;

	margin-bottom:12px;

	float:left;

}

.resumeBoxShort p{

	padding:0;

	margin:0;

	padding-left:10px;

	padding-top:5px;

	padding-bottom:5px;

}

.clear{

	clear:both;

}



/* SPECIAL */

.portfolioContainer{

	width: 500px;

	background-color:#212121;

	float:left;

}



.portfolioSearch {

	float:left;

	width:470px;

	margin-left:10px;

	margin-top:10px;

	margin-bottom:10px;

	background-color:#111;

	padding:5px;

	float:left;

}

.portfolioSearch input{

	width:100%;

	background-color:#111;

	border:none;

	border:0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px;

	color:#f1f1f1;

	letter-spacing:-1px;

}

.portfolioResults{

	float:left;

	width:470px;

	margin-left:10px;

	margin-bottom:10px;

	padding:5px;

	background-color:#111;

}



.portfolioResults .projectname{

	font-size:14px;

	text-transform:lowercase;

	padding-left:10px;

}

.sidebar{
	float:right;
	width:199px;
	margin-top:13px;
	background-color:#191919;
}

.sidebar h2{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:normal;
	margin:0;
	padding:0;
	width:179px;
	padding:5px 10px;
	float:left;
	background-color:#111;
}

.sidebar ul{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:10px;
	letter-spacing:2px;
text-transform:uppercase;
}

.sidebar ul li{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #242424;
	width:189px;
}

.sidebar ul li a{
	color:#fff;
	text-decoration:none;
}


.navigation{
	float:left;
	width:100%;
	margin-bottom:-13px;
	position:relative;
}

.navigation ul{
	margin:0;
	padding:0;
	float:left;
	background-color:#000;
	width:100%;
	list-style:none;
}
.navigation ul li:hover ul{ display:block; }
.navigation ul li ul{
	display:none;
	margin:0;
	padding:0;
	float:left;
	width:200px;
	margin-bottom:-1000px;
	margin-right:-1000px;
	position:relative;
	background-color:#212121;
	background-image:url(images/subul.jpg);
	background-repeat:repeat-x;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin-left:-10px;
}
.navigation ul li ul li ul{
	display:none;
	margin:0;
	padding:0;
	float:left;
	width:200px;
	margin-bottom:-1000px;
	margin-right:-1000px;
	position:relative;
	background-color:#111;
	background-image:url(images/subul.jpg);
	background-repeat:repeat-x;
	border:none;
	margin-top:-19px;
	margin-left:190px;
        z-index:66;
        line-height:12px;
}
.navigation ul li ul li:hover ul{
	display:block;
}
.navigation ul li:hover ul li:hover ul{
	display:block;
}
.navigation ul li:hover ul li ul{
	display:none;
}
.navigation ul li{
	padding:5px 10px;
	margin:0;
	float:left;
}
.navigation ul li ul li{
	padding:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
	padding-top:1px;
	width:180px;
	text-align:left;
	float:left;
}
.navigation ul li:hover{
	background-image:url(images/li-bg-over.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.navigation ul li ul li:hover a{
	color:#fff;
}
.navigation ul li ul li:hover{
	color:#fff;
	background-color:#000;
}
.navigation ul li.selected{
	background-image:url(images/li-bg-over.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.navigation ul li ul li.selected, .header ul li ul li.selected a{
	background:none;
	color:#fff;
}

.navigation ul li ul li.selected ul li, .header ul li ul li.selected ul li a{
	background:none;
	color:#fff;
}

.navigation ul li ul li.selected:hover{
	background-image:url(images/li-bg-over.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#fff;
}
.navigation ul li ul li:hover ul li a{
	color:#fff;
}
.navigation ul li ul li:hover ul li:hover a{
	color:#fff;
}
.navigation ul li a{
	color:#fff;
	font-family:"Trebuchet MS";
	font-stretch:wider;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	padding-bottom:6px;
	display:block;
	padding-top:5px;
}
.navigation ul li ul li ul li a{
	text-transform:none;
	font-size:10px;
}
.navigation ul li ul li a{
	color:#fff;
	font-size:10px;
}

.galleryContainer{
	color:#fff;
	font-family:"Trebuchet MS";
	font-size:10px;
	text-transform:uppercase;
}

.searchBlock{
	padding:5px 10px;
	width:179px;
	float:left;
}

.even td{
	background-color:#333;
}