html{
	font-family: arial, tahoma, helvetica;
	font-size:90%;
	background:#f9f9f9;
}

body{
	margin:0px;
	padding:0px;				
}

.arrowlr{			
	position:absolute;
	left:10px;
	top:30px;
	z-index:4;
}

.arrowud{			
	position:absolute;
	left:30px;
	top:58px;
	z-index:4;
}
			
#skills{
	top:57px;
	width:100%;
	height:120px; 
	float:left; 
	position:relative; 
	overflow:hidden;
	background:url("../images/bg.png");
}

#sites{
	width:105px;
	height:100%; 
	position:absolute;
	top:0px;
	right:78px;
	overflow:hidden;
	z-index:1;
	background:url("../images/bg.png");
}

#skillsholder{
	float:left;
	position:relative;
	display:inline;
	width:3000px;
	height:100px;
	padding-left:50px;
}


#sitesholder{
	float:left;
	position:relative;
	display:inline;
	width:100px;
	height:3000px;
	padding-top:35px;
}

#skillsholder div, #sitesholder div{
   float:left;
   position:relative;
   text-align:center;
   overflow:hidden;
   height:30px;			   
   margin:5px;
   width:81px;
   background-repeat:no-repeat;
   background-position:50% 25%;
   padding-top:60px;
   cursor:pointer;
   cursor:hand;
}

#highlight{
	float:left;
	position:relative;
	width:100%;
	margin-top:5px;
}

#highlight div{
	width:100%;
	background-repeat:no-repeat;
	background-position:2% 50%;
	text-align:left;
	padding-bottom:10px;
}

#highlight div p:first-child{
	font-size:130%;
	font-weight:bold;
	padding-top:10px;
}

#highlight div p{
	padding-left:100px;
	padding-right:300px;
	font-size:80%;
	margin:0px;
}

#highlight a{
	color:#000;
}

#skillsholder div, #sitesholder div{
	display:none;
}

#skillsholder div p, #sitesholder div p{
	font-size:70%;
	margin:5px;
	font-weight:bold;
	display:none;
}

#skillsholder div p:first-child, #sitesholder div p:first-child{
	display:block;
}

p.pagetext{
	clear:left;
	padding:0px;
	margin:0px;
}

.skillsheader{
	padding:5px 0 2px 5px; margin:0px; font-size:85%; border-bottom:1px solid #ccc; color:#fff;
}

.sitesheader{
	padding:1px 0 3px 5px; margin:0px; font-size:85%; border-bottom:1px solid #ccc; color:#fff; z-index:4;
}

.skillsheader span, .sitesheader span{
	font-weight:bold;
}

.arrowlr p, .arrowud span{
	cursor:pointer;
	cursor:hand;
}

#logobar{
	float:left;
	position:relative;
	background:#000; 
	width:100%;
	color:#fff;
	margin-bottom:5px;
}

#introbar{
	float:left;
	position:relative;
	background:#ddd; 
	width:100%;
	color:#000;
	font-size:80%;
	padding:5px 0px;
}

#introbar ul, #introbar ul li{
	list-style:none;
	display:inline;
	padding:5px;
}

#introbar a{
	color:#000;
}