#body{ overflow: visible }
#portfolio{ padding-top: 20px }

#scroller, .control, #portfolio h1 span{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACAQMAAACjTyRkAAAAA3NCSVQICAjb4U/gAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMAiJXwxioAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAAWdEVYdENyZWF0aW9uIFRpbWUAMDMvMTIvMTChRy2HAAAADElEQVQImWNoYGgAAAIEAQGYLwBWAAAAAElFTkSuQmCC") !important;
}
#scroller{
	position: relative;
	overflow: hidden;
	height:180px;
	padding: 29px 26px;
}
#items{
	position:absolute;
	width:20000em;
	height: 180px;
	margin: 0;
}
#items li{ float: left; margin-right: 28px; }
#items a{
	display:block;
	float:left;
	width:198px;
	height:178px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;
	border: 1px solid #aeaefe;
}
#items a:hover, #items a:focus, #items .active a { border-color: #ffb4db }
#items img{ opacity: 0.7 }
#items .active img{ opacity: 1 !important }

.control{
	position: absolute;
	height:50px;
	padding: 0 7px;
	z-index:5;
	font-size: 50px;
	line-height:43px;
	text-decoration: none;
	cursor:pointer;
}

a.control:hover, a.control:focus { color: #ffb4db; background-color:#000 }
#next{ top: 95px; right: -50px }
#next.narrow{ right: -30px }
#prev{ top: 95px; left: -50px }
#prev.narrow{ left: -30px }

#portfolio-nav{ position: relative }
#portfolio h1 span{ padding: 2px 10px 3px; background-color: transparent; }

#gallery{ position: relative; float: right; margin: 19px 0 0 20px; width: 440px }
.about #gallery{ margin-top: 0 }
#gallery .about{ height: 730px }
#gallery img{ border: 1px solid #aeaefe }
#gallery a:hover img, #gallery a:focus img{ border-color: #ffb4db !important }
#gallery .first{ z-index: 9 }
.controls{ height: 20px; margin: 20px 0 }
.controls a{
	background: #000 !important; border: 1px solid #343434; cursor: pointer;
	text-decoration: none; padding: 3px 8px;
}

#gallery ul{ min-height: 400px; margin-left: 0 }
.desc{
	position: absolute;
	width: 418px;
	z-index:2;
	bottom: 6px;
	left: 1px;
	margin: 0;
	padding: 10px;
	font-size: 11px;
	text-align: center;
}
.desc{
	background: transparent url(../images/transparent.png) repeat scroll 0 0;
}

#information{ margin: 20px 0; font-size: 12px }
#information p{ margin: 0 !important }

.content h2{ color: #c0c1fe; }

.infotip{ position: absolute; top: -9999px }
#tooltip.infotip p{ margin: 5px 0 !important; font-size: 11px }
#tooltip.infotip span, #information span{ color: #c0c1fe; font-weight: bold; float: left; min-width: 40px }
#information span{ min-width: 100px }

/* the overlayed element */ 
.simple_overlay {
    z-index:10000;
	 position: absolute;
	 display: none;
    background-color:#333;  
    width:960px;     
    min-height:200px; 
    border:1px solid #666; 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 

.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
	background-color: #000 !important;
}

.next, .prev { 
	position:absolute;
	top:45%;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:12px;
	background-color:#000;
	text-decoration: none;
}
.prev{
	left: 0;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-right-radius:5px;
}
.next{
	right:0;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
}
 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
.simple_overlay .close { 
    position:absolute; 
    right:-15px; 
    top:-10px; 
    cursor:pointer; 
    height:28px; 
    width:28px; 
}

.disabled{ visibility: hidden }

.morecontrol{
	overflow: hidden; margin-bottom: 0; text-align: center;
}

.morecontrol a{ text-decoration: none }
.morecontrol a span{ text-decoration: underline }
.contact span, .backtotop span{ padding-left: 50px; padding-right: 10px; background: #2a282f url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEKElEQVR42u1WaU9bRxQlgQBS1FRR07RRVsLSELr9kUr9of1QVLWpGrUpDRgKZjHGgBfMW/yen/3s5x1sQ3t7zrUhiNiRmrZRP3ikozdz5y7n3jsz9tDQYAzGYAzG/2G8eP7bt4C8QxxcJtAw44ac1lr/OQqOTwInlwlIdD0q8Whc2pWmKtaKtX8NR6WG+jTiadlY3dIqvEbgj3pLVhaWZTu8Lb6dU4NGsf6Pg59Um4oEkgsvhaVZqvcmcFo9lsjKpmyE1mULLO2kpSSOy0dvHZz2gVvQpFYXVyWGKjNOTwLNckMS2/tyEEvK7kZMQr8uy+7WnhwF9b/dkkbQKbmdsuT5s59lE4kZ+2lJ7STlpHLUm0AbmRq7KTGhaOyllUxkNSIvfloQz8hqGSv5qgRe+Y04Rr+pm0Qia0urkoYvVpMEzPghCPSpQAsVyEDRhhIJUNlOmJKMJuTlL4vq8ATlqxWqkrPzPdFGdoHrSyQckQ1k7ag/Q7xDR3KGIyb8tvtVoAXmGZTsEEythCFuOqPrLAwzSRMklvSmVLyiHqSs4YqVssU+sHVOmYtAyy9/l31UL2d68OHIIYKyghaSyUC/GdT7EYBTOPAYsBuYa4Lr2OaupGIpCeGmcH0c1MRJU9/VOSvEc7O4sKIJ0E/OzCqyWgFXdduo9BtbYHZLpoABe7e9FhHP8nCwmmiLIeFQWPZwQMvZovhWXnZwaDdxc1iFHLLlmnZnCVjwSQL03/caagVQ9jSyZP9pyPKxl+wrr49v5aDjSHI7rleLe9/P/4jrtaNy2pCkg7bEQMJG60jIYasSppLo2wLeAgsMrYSlPWO51xGgmOkEL+E+50HAOcgo2F833WlZHv1mIBIsZvJKgvc/hHawojwPqod9nrW+h5AvIA0tMI9u7Oj8FC+kj/IHSsA71+H8bE3wzBTxznf2fbUrZHJaKVaUZ8G3PU20JwHez7IXqKPoeic4n2fKAreoYM/P5r5dQMDC+bojy6sd5bV8We1LkG/iPbHRBu61y8f9nuKmlpSnvZrrGDfwqlUwL3slXL+SfonADc7nZ/KaX1HdUjY4l9f9qvqp5isSWeuQeO0hmvjo3hUIMvylSuBwNQoV+bPe0j6S1Fuj9upLfw08YPTPd4bxEPcqYw/NPf5k+If5Z1/hyQ3eyZ8RxJn/5ruvEXcUBIaHZh9OjXw2OTs+NzFz49PJJx8Cd7F+iO8E8BiYBKa6mL6AmUu4uDfVtZvs+ngEPIDfOwj8AfAe4o0xeW3B51Ozw08eTF4jESheB94HbgK3oHQb34/xvdMldw/f+3R4AVzfhw737nZ1aXMb+reAm8AN4DoDM+kvZ+Y6Lbg4KGBvoDj89NH0yBfTT0lqlOWiIWRjIDtOor2A/fFuZmMgMArZNQQagWwYvq52/V8Z/Au/OP4Cf5KXL1meLEcAAAAASUVORK5CYII=") no-repeat scroll 10px 0px }
.backtotop span{ padding-left: 40px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAYAAAAo5+5WAAADpklEQVR42u2UvW8cZRDGf/Puu7u3d2efA44dJcIgpEgpIkGgoECiAIGCaIkMQnSAEIiCxpH4aEhA4kNEQSloqI1tOmTFxn8DORcUtAEUIFHsHMl97r4zFHv+VEJiUyGx0uhtdp6ZeeZ5Bv7//rOf3MtPKwurD9YSv+Sde/hau/fiCy899v3dctw9gI6Y8fnhRvXYA2PVZDSNzyzOXnr8XwOr2aeHRrJTQY12MKYO1B+pp/784uyPx/YNvDzf/GCiVnm9mkRc7xe0CkWjiKkD9SerSfzlxbnm1J6Bl+ebb41X09ONLPY3Boo6B+Jo5QHnPVNjtZOpdx8vzTfH72l5P8yvimGn7s/Sr8Zr6eRaHuibEDlH7AU18OK4L3F0ewP9rdX+ZFDo2ZPTJ/r/2LFhTxzI0g8P1iuTrULpmeCcAwFBcCLkqqznSj1L3UQ9e0eEV5bnm3JH4MVvLz2URtHZiVp6vB2UdrASdDd/Av1CuZEHGlnaGKskZwyeuy3wxblmI43cRxP19JmBQSs3ELdrmp3gN/NA1+DIWP3waBp/sTTXPL4DeGmumUUipw+NZK9W05T13AiACGCGmWHG8LWygJTJa/2CHnCkUTteS/z5lYXVSQBZWVh1wPTBWuWbRrWSXe0VdIPiXcmnyNaWk8htdq2UhYph0YlKDEXB5fVbX5vZ287Mjo6m8czkSDUbmCAijCSeNCppMC0Tt1NhlJMkztGIPSOxpx+MRpbSqCRvAE97QfI8aPv3mx16wQCjAOIoIo4i8g0KEBRjg4fYCRIKOr2ipAn4tSvkQf8C1CNc7hbhtU4ejg4VhcGNSOTN0Wr2shOhUMMcmMnm4iKDVqf/U7ufnxORKwKJQRBhDbjknz31aAB+HsaW8+aaT4FtdlMub5uzxAiqV9Vs8fnpE3/ulqS/o9elVMwGxzZUnhmYlK8gziDa+3XbJbHytZ2d3+Gmu7vgYqbDAB3GbvB93eMNbjdNwlYMR9oH8A7XlZ2yWaC0vPh4b8DOJ0Mj7ORWrVzoNrL2BqzFAJEtC2/PNwyJYkLnFr0/frltvv/u/QtitnFWEC0Kmf7s3SL0OmitTghKgeDESulRSk8RzEwG164IwMJ7F7yZqhnmnODNrDLs3JvhEHHA9aLfraeREGUpuZZ3OYnLCWInZLGjFUUVLfJsbuZcDNRERIFghnogAWIgEkHEuWh25lyinfZ6u1ATEVEMVUXzko8B0FNHrvRcSVcVrAKoCAEo/gZlde8Msj0P+QAAAABJRU5ErkJggg==") }

.simple_overlay .close{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAUESURBVHjanFZdSBxXFJ7ZXbu1bKsVKqTUbBVTW0vFP6qx+hBWsWi1NC5VX1RCX1JpoYtLFOIPeYhPylasPgiGCKIWpDGQpGptQ7CJIskatZHaGrRG6y8G/+JmdU/PGe8d74w/TXvh2525c+/3nXPuOWfGJP37kBsavns/IuJdW1hY2Gmr1Roly/JJegAAf83NzY1MT0/fGxl52Hf+/Je/0bT0P4dcXV0d5na7L/l8vj9BGEtLSzA7OytOAa25PzR06YLTGUZ7/6uYweVy2ZD4BpF5vV5ob2+H/Px8MBgMYDQalX9Ceno6NDc3w/b2tiI8MzNzo6GhwUYcL+QVLaypqUn1eDx3iaC/vx+ioqJUEVFMnEtMTISxsTFFdGdn5259fX0qEz3WW0N5eXn4wsLCLdrY2dkJfn5+qsBhQvyfYDKZoLGxURFFg29VVVWFH+cpPfAbHBy8zD0jgsPI9cL6562trYro6OjoZeI8TJTcNlVUVMRhOB5vbW1BZGSkxnqbzQbZ2dnqPX8WGhoKTqcTAgICVHGz2Qzz8/MU2se1tbVxxK0PLVlg7rreVUqWtbS0aKxPTk5Ws7Gurk59FhMTA4uLi8o8JRU3hlBWVgYsUqXELXopMwss4+Pj12hRZmamJlSUNDwLuWhsbKwqRqOpqUkTkZCQENjd3YW1tbVrxC16ST8vIV7Hg55YX1/XbOTXhYWFGtHNzU31uqen59DkQgcoeSaIm2nIPJz+iDfQoq2pqakjk6KgoIAINAXPxfQZS+jr6yMvt4ibaRh4nRhZNkl40BK2Lom1LuWaQNcTExMSJpQm22gOu4zyHFhfA7YXxfgyP6ahEFNsX0O8hWSTq6urB2qOkJCQAMvLy6pndD58uFzfooYBrWOga0mG+w/cQJzEzTRMouBJtLabCHhJcAQHB8PKyoomjEVFRZozvXixfF8QYTCaYPXpU8Dm3k3cXFBTkAMDAyP0n5eXpwlbfHy8FBQUpFz39vZKGRkZ0tWrLdK5c19IeKbK/OmPkiiO6p6cszlSYECA9GPv7RF90ashzcrKsmP2PaG3QWBgoCakpaWlUFlZqXQfmt8LnQxnbKlKSMNPvaPccw9/vTdAmfzk40/O2vUhNbI6eRPxAfbPK7yu9FkqlopKLogQZISjxLkX+p/vXCFOxm1hWvtlgYiIjo7OwVfMIG0oKSk5UFscoogKnM/69DN8ne3Qa2ow+Ux6DnGKZaEpfMTbiNjc3FwHdpFHexnoOuDdfkj3PZRxzuEowUTyUAd69NU3FxzExTg1ha+2NsQJxHuIJLvd7sRPhyESnZychOLiYvVcZV0o7Z/nwgP3sBJG2lP8tcNJHIzrhL61qc2bWWJFRCFSsDyK2tra2rEf/k1kVAbUrjo6vsdm3QHDww+V1KdBa37outke92FSEe1lHFbGaRbDKQndhtx+hWUU4VW6T0lJOYVhjklLS4vAmrRaLBY6E2ljY2MJwzfd/dMvv3d1XXf39dz8A6epFa0j1hjo/jmC2g7IuleUkVnjz8QsDP7MGKPYolgX22Ug0mdkB8M6u/ew5z5eg3z42L9HR+ZFbCNeZj3RpBPcEdY8Yx5tsnuNmF5QFPGwRaLlZualSXiZ+pjgc7bHIwh5eRj1XUYvCEd4aBK+T0RBH1vDPfUKXvkO+5Y57pNRFgT4+ek/iHzCOXIROOoLXH7Bb1XRAPmIqIiROXL8I8AA3hm3yoiV2TIAAAAASUVORK5CYII=")
}

#contact p{	line-height: 40px }
#contact .left{ width: 340px }
#contact .left input{ width: 304px }
#contact textarea{ padding-right: 0 !important; width:514px; height: 214px }

.skillset h3{ margin-top: 0 !important }
.skillset li{ list-style: outside none }
.skillset ul li { list-style: inside square }
.skillset, .skillset ul{ margin-left: 0 !important }
.skillset .left{ margin-right: 40px }
.skillset .last{ margin-right: 0 }
img.icon{ margin: 0 15px 0 0; border: 0 none !important }