* {
	margin:0pt;
	padding:0pt;
	border:none;
	outline:none;
}

html {
	min-height:100%;
	margin-bottom:1px;
	line-height: 14px;
}

::selection {
background: #FC0; /* Safari */
color: #000;
}
::-moz-selection {
background: #FC0; /* Firefox */
color: #000;
}

/* clearfix */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* links */
a:link { text-decoration: none;}
a:active { text-decoration: none; color: #fff; }
a:visited { text-decoration: none;  color:#221e1f; }
a:hover { text-decoration: none; }

body {text-align: center;}

#logo {
	border: none; margin: 20px 0 20px 0;}

#MENU {
margin-left: auto;
margin-right: auto;
margin-top: 100px;
width: 176px;
padding: 20px;
text-align: center;
height: 430px;
font-size: 12px;
font-family: Helvetica Neue, Helvetica, sans-serif;
line-height: 12px;
background: #FC0;
border: #FCC;
}

.MENU-catname {
font-size:12px;
text-align: center;
color: #FFF;
font-weight:bold;
margin: 8px 0 6px 0;
padding: 2px 2px 2px 2px;
width: 171px;
text-transform: uppercase;
background: #221e1f;
display: block;
}

#MENU ul {
list-style: none;
text-align: right;
margin: 6px 0 6px 0;
font-size: 12px;
text-transform: lowercase;
padding: 0px;
width: 170px;
}

#MENU ul li 			{margin: 3px 0 3px 0;}
#MENU ul li a			{color:#000; font-weight: bold; }
#MENU ul li a:hover	{color:#000;background: #FC0; font-weight: bold;}

.MENU-catname:hover { background:#FC0; color:#000;}		
.menucatlink {
	width: auto;
	display:block;
}

.MENU-social {width: 170px; height: 44px; margin: 0 0 0px 0;}

/* css sprites - social badges */

#spr { position: relative; margin: 0px auto; width: 170px;}
#spr li { width: 20px; height: 20px; position: absolute; top: 0px; background: url(img/social.png) 0 0 no-repeat; display: block; list-style: none;}
#spr a { width: 20px; height: 20px; display: block; }

#spr #twitter {left: 0px; background: url(img/social.png) -400px 0;}
#spr #linkedin {left: 30px; background: url(img/social.png) -300px 0;}
#spr #facebook {left: 60px; background: url(img/social.png) -150px 0;}
/*#spr #behance {left: 90px; background: url(img/social.png) 0px 0;}*/
#spr #lastfm { left: 120px; background: url(img/social.png) -250px 0; }
#spr #delicious { left: 150px; background: url(img/social.png) -50px 0; }

#spr #flickr { top: 24px; left: 0px; background: url(img/social.png) -200px 0; }
#spr #digg { top: 24px; left: 30px; background: url(img/social.png) -100px 0; }
#spr #stumble { top: 24px; left: 60px; background: url(img/social.png) -350px 0; }
#spr #vimeo { left: 90px; background: url(img/social.png) -450px 0; }

#spr #twitter a:hover {background: url(img/social.png) -425px 0 no-repeat; }
#spr #linkedin a:hover {background: url(img/social.png) -325px 0 no-repeat;}
#spr #facebook a:hover {background: url(img/social.png) -175px 0 no-repeat;}
#spr #behance a:hover {background: url(img/social.png) -25px 0 no-repeat;}
#spr #lastfm a:hover { background: url(img/social.png) -275px 0 no-repeat; }
#spr #delicious a:hover { background: url(img/social.png) -75px 0 no-repeat; }
#spr #vimeo a:hover { background: url(img/social.png) -475px 0 no-repeat; }
#spr #flickr a:hover { background: url(img/social.png) -225px 0 no-repeat; }
#spr #digg a:hover { background: url(img/social.png) -125px 0 no-repeat; }
#spr #stumble a:hover { background: url(img/social.png) -375px 0 no-repeat; }

/* contact form */
.MENU-contact {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 10px;
	padding:2px;
	width: 170px;
	text-align: left;
	margin:5px 0px 5px 0px;
	background: #FFF;
	border: solid 1px #999;
	color: #222;
}

.MENU-confirm {font: 10px sans-serif; color:#C30; margin:5px 0 5px 0; float:left; text-align: right; width: 175px; line-height: 12px;}
#MENU-contactme { width: 170px; }