html {
  overflow-x: scroll;
  overflow-y: hidden;
}
body {
	background-color: #000000;
	background-image: url(../images/background_tree.gif);
	background-repeat: no-repeat;
	background-position:center top;
  background-attachment: fixed;
	font-size: 13px;;
	text-decoration: none;
	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	
	cursor:default;
	margin:0px;
}
h1 {
	color: #FFFFFF;
}
img {
	border: thin solid #FFFFFF;
}
a {
  cursor:pointer;
	font-size:small;
	text-decoration:none;
	color:#fff;
}
a:hover {
  color:#34ADF0;
}
.op {
	opacity:70;
	-moz-opacity:0.50;
}
#all {margin-left:30px;width:auto;}
#all tr {
	opacity:95;
	-moz-opacity:0.95;
}

#all tr td a img {height:220px;display:block;margin-bottom:10px}
#all tr a {
  display:block;
  text-align:right;
  color:#fff;
  font-size:12px;
  text-decoration:none;
}
#all tr td {vertical-align:top; position:relative;padding-right:10px;}
#all tr td:hover p {
  color:#ccc;
}
.badge {position:absolute;top:-215px;right:10px;width:62px;border:0 !important;}
#all tr p {
  position:relative;
   -webkit-transition: all 0.4s ease-in-out;
  text-align:right;
  font-size:12px;
  color:#555;
}
#all tr p a {display:inline;color:#999;}
a.artwork {
	font-size:small;
	text-decoration:none;
}
.small {
	color: #666666;
	font-size: x-small;
}
a.webdesign {
	font-size:small;
	text-decoration:none;
}
a.webdesign:link {
	color: #000000;
}
a.webdesign:active {
	color: #000000;
}
a.webdesign:visited {
	color: #000000;
}
a.webdesign:hover {
	color: #89C0C0;
	color: #00cccc;
}
a.artwork:link {
	color: #FFFFFF;
}
a.artwork:visited {
	color: #FFFFFF;
}
a.artwork:active {
	color: #FFFFFF;
}
a.artwork:hover {
	color: #34ADF0;
}
.td-image{width:300px;vertical-align:middle;background-color:#080808;padding:0;text-align:center;}
.td-image a{color:#ccc;text-decoration:none;display:block;text-align:center;padding:15px 0 15px 0px;font-size:1.2em;}
td:hover a{color:#f30 !important;color: #00cccc !important; outline:0;}
td a {outline:0;}
td:hover{cursor:pointer;}
table{margin-top:200px;}
tr.op a {height:10px;}
tr.op {background:#080808;}
.topnav {margin:15px;padding:10px;color:white;z-index:99;position:relative;}
#container #all {
  position:absolute;
  padding:0;
  margin:-100px 0 0 10px;
  top:50%;
  color:#fff; 
  font-size:x-small;
  z-index:1;
}
.arrow {position:fixed; right: 60px; top:50%; font-size:70px;color:#fff; margin-top:-200px; opacity:0.1;}
.arrow:hover {opacity:1!important;}
.arrow span {font-size:12px;color:#ccc;display:block;text-align:left;padding-left:20px;color:#555}
.arrow {font-size:30px;text-align:center;}
.topnav {color:#444;}
.topnav a.artwork {color:#999}
.brand {
  font-size:16px;
  color:#888;
  position:fixed;
  top:50%;
  left:78px;
  z-index:3;
  margin-top:-230px;
}
.brand {
  
}
.brand b{
  display:block;
  font-weight:normal;
}
.brand small {
  font-size:12px;
  color:#555;
  display:block;
  margin-bottom:10px;
}
.brand h1 {
  
  margin:0;
  color:#fff;
  display:block;
  font-size:20px;
  font-weight:100;
}
#overlay {
  /*
  slows down scrolling speed with fixed prop. 
  */
  width:10000px;
  height:100%;
  background:none;  
  position:absolute;
  top:0;
  left:0;
  z-index:0;
}
hr {border:0;border-top:1px solid #333;}
#experience {
  display:none;
  position:absolute;
  top:50%;
  left:80px;
  z-index:2;
  color:#ccc;
  font-size:11px;
  margin:0;
  margin-top:-100px;
  height:100%;
  overflow:auto!important;
  max-width:1920px;
}
#experience ul {margin:0;padding:0px;list-style-type:none;}
#experience ul li b {display:block;color:#fff;font-size:14px;font-weight:normal;margin-bottom:10px;}
#experience ul li {
  float:left;padding:20px;background:#222;margin-right:0px;
  border-right:1px solid #333;
  border-bottom:1px solid #333;
  color:#aaa;max-width:280px;min-width:180px;
  background-image:url(../images/noise.png);
  -webkit-transition: all 0.4s;
}
#experience ul li.expert {
  background-color:#111;
}
#experience ul li.advanced {
  background-color:#464343;
}
#experience ul li.beginner {
  background-color:#6A6A6A;
}  
#experience ul li:hover {
  background-color:#831F40;
  background-color:#3667AD;
  color:#fff;
  cursor:pointer;
  
}