body {
	font: 12px "Tahoma", Verdana, Arial, sans-serif;
	background: url(../img/bg.jpg) top left repeat-x #FBFBFB;
	color: #333;
	text-align:center;
}
a {
	color:#82CB20;
	text-decoration:underline;
}

a u {	color:#797979!important;}

a:hover {
	color:#82CB20;
	text-decoration:underline;
}

.logo {
	position: absolute;
	top: 67px;
	left: 60px;
	height: 61px;
	width: 203px;
	background: url(../img/logo.png) top center no-repeat transparent;
	z-index: 200;
}
.logo:hover {
	position: absolute;
	top: 67px;
	left: 60px;
	height: 61px;
	width: 203px;
	background: url(../img/logofar.png) top center no-repeat;
	z-index: 200;
}

/* Main Container */
#container {
	position:relative;
	height:381px; /*552*/
	width:328px;
	background: url(../img/module.jpg) top center no-repeat #0d0d0d;
	margin:0 auto;
	text-align:center;
	padding-top:171px;
}
/* Panel/Door */
#door {
	position:absolute;
	top:0px;
	left:4px;
	z-index:100;
	width:320px;
	height:171px; /*548px*/
	background: url(../img/doornoshadow.png) no-repeat bottom center transparent;
}
/* Navigation */
#nav {
	width:87px;
	height:103px;
	position:absolute;
	top:0px;
	right:-113px;
	top:171px;
}
#nav a {
	display:block;
	width:87px;
	height:29px;
	margin-bottom:8px;
}

#nav span {
	display:block;
	width:87px;
	height:29px;
}

#nav a#social_ { background:url(../img/nav_social.jpg) top left;}
#nav a#connect_ { background:url(../img/nav_connect.jpg) top left;}
#nav a#contact_ { background:url(../img/nav_contact.jpg) top left;}
#nav a#portfolio_ { background:url(../img/nav_portfolio.jpg) top left;}

#nav #social_hov { background:url(../img/nav_social.jpg) bottom left;}
#nav #connect_hov { background:url(../img/nav_connect.jpg) bottom left;}
#nav #contact_hov {	background:url(../img/nav_contact.jpg) bottom left;}
#nav #portfolio_hov {	background:url(../img/nav_portfolio.jpg) bottom left;}
/*
#nav a#social_button:hover,#nav a#social_button.selected { background:url(../img/nav_social.jpg) bottom left;}
#nav a#connect_button:hover,#nav a#connect_button.selected { background:url(../img/nav_connect.jpg) bottom left;}
#nav a#contact_button:hover,#nav a#contact_button.selected { background:url(../img/nav_contact.jpg) bottom left;}
*/
/* Headers (Social/Connect/Contact) */
#subheader {
	height:53px;
	background: url(../img/subheader.png) no-repeat top center;
	margin-top: -5px;
}
#header {
	height:58px;
	background: no-repeat center center transparent;
}
#header.social { background-image:url(../img/social_header.gif); }
#header.connect { background-image:url(../img/connect_header.gif); }
#header.contact { background-image:url(../img/contact_header.gif); }

/* Main Frame around content */
#content {
	background: url(../img/content.jpg) no-repeat top center;
	height:329px;
}

/* List of Social Links */
#list {
	width:302px;
	margin:0px 13px;
}

#list a {
	display:block;
	position:relative;
	height:40px; /*53 */
	background:url(../img/shade.gif) no-repeat top left #181818;
	border:1px solid #111111;
	border-top:0px;
	width:278px; /*300px*/
	padding:6px 11px;
	text-align:left;
	font-size:16px;
	color:#fbfbfb;
	font-weight:600;
	text-decoration:none;
	text-shadow: #000 0 -1px 0;

}
#list a:hover {
	background:url(../img/nav_hover.gif) repeat-x top left;
}

#list a:hover span { color:#82CB20;}
#list a span {
	display:block;
	margin-top:3px;
	color:#797979;
	font-weight:normal;
	font-size:12px;
}
#list a .icon {
	position:absolute;
	top:13px;
	right:14px;
	height:26px;
	width:25px;
}
#list a .icon.da { background:url(../img/icons/social/da.gif) no-repeat top left; }
#list a .icon.twitter { background:url(../img/icons/social/twit.gif) no-repeat top left; }
#list a .icon.lfm { background:url(../img/icons/social/lfm.gif) no-repeat top left; }
#list a .icon.su { background:url(../img/icons/social/stumble.gif) no-repeat top left; }
#list a .icon.fb { background:url(../img/icons/social/face.gif) no-repeat top left; }
#list a .icon.del { background:url(../img/icons/social/del.gif) no-repeat top left; }
#list a .icon.who { background:url(../img/icons/social/who.gif) no-repeat top left; }
#list a .icon.cmjk { background:url(../img/icons/social/mouse.gif) no-repeat top left; }

#list a:hover .icon.da { background:url(../img/icons/social/da.gif) no-repeat bottom right; padding-top: 1px; }
#list a:hover .icon.twitter { background:url(../img/icons/social/twit.gif) no-repeat bottom right; padding-top: 1px; }
#list a:hover .icon.lfm { background:url(../img/icons/social/lfm.gif) no-repeat bottom right; padding-top: 1px; }
#list a:hover .icon.su { background:url(../img/icons/social/stumble.gif) no-repeat bottom right; padding-top: 1px; }
#list a:hover .icon.fb { background:url(../img/icons/social/face.gif) no-repeat bottom right; padding-top: 1px; }
#list a:hover .icon.del { background:url(../img/icons/social/del.gif) no-repeat bottom right; padding-top: 1px; }
#list a:hover .icon.who { background:url(../img/icons/social/who.gif) no-repeat bottom right; padding-top: 1px; }
#list a:hover .icon.cmjk { background:url(../img/icons/social/mouse.gif) no-repeat bottom right; padding-top: 1px; }

#list a.top {
	height:41px;
	background:#181818;
}
#list a.top:hover {
	height:41px;
	background:url(../img/nav_hover.gif) repeat-x top left;
}
#list a.bottom {
	height:42px;
	border-bottom:none;
}
#list a .top_curve {
	position:absolute;
	height:6px;
	width:302px;
	top:0px;
	left:-1px;
	background:url(../img/top_curve.gif) no-repeat top left;
}
#list a .bottom_curve {
	position:absolute;
	height:7px;
	width:302px;
	bottom:0px;
	left:-1px;
	background:url(../img/bottom_curve.gif) no-repeat top left;
}
#list a:hover .top_curve {
	background:url(../img/top_curve_hov.gif) no-repeat top left;
}
#list a:hover .bottom_curve {
	background:url(../img/bottom_curve_hov.gif) no-repeat top left;
}


/* Connect Stuff */
#holder {
	width:302px;
	margin:0px 13px;
}
.t {
	height:6px;
	background:url(../img/top_curve.gif) no-repeat top center;
}
.b {
	height:7px;
	background:url(../img/bottom_curve_n.gif) no-repeat top center;
}
.b.end {
	height:7px;
	background:url(../img/bottom_curve.gif) no-repeat top center;
}
.info {
	margin:0;
	position:relative;
	background:#181818;
	border:1px solid #111111;
	border-top:0px;
	width:278px; /*300px*/
	padding:6px 11px;
	font-size:16px;
	color:#fbfbfb;
	padding-top:0px;
	font-weight:600;
	text-decoration:none;
	text-shadow: #000 0 -1.5px 0;
	text-align:justify;
}
.info span {
	display:block;
	margin:0;
	margin-top:4px;
	color:#797979;
	font-weight:normal;
	font-size:12px;
}
#connect .info {
	padding-bottom:4px;
}
#connect .info span {margin-top:7px;}

.info .icon {
	position:absolute;
	top:7px;
	right:14px;
	height:26px;
	width:25px;
}
.info .icon.who { background:url(../img/who.gif) no-repeat top left; }

.info.no_head {
	color:#494949;
	font-weight:normal;
	font-size:11px;
	line-height:20px;
	padding-top:6px;
	background:url(../img/shade.gif) no-repeat top left #181818;
}

/* Contact Stuf */
.spacer {
	height:17px;
	background:#262626;
	width:302px;
	margin:-1px 13px;
}
.info.contact {
	color:#494949;
	font-weight:normal;
	font-size:11px;
	line-height:17px;
	border-bottom:0px;
	padding-top:6px;
	padding-bottom:2px;
	background:url(../img/shade.gif) no-repeat top left #181818;
}

.info.contact span {
	margin:0;
	display:inline-block;
	width:113px;
	line-height:21px;
	padding-left:20px;
}
.info.contact a {text-decoration:none;}
.info.contact a:hover span {
	color:#82CB20;
}
.info.contact span.label { padding-left:25px; }
.info.contact span.value { width:115px; padding-left:22px;}

.info.contact span.gray {color:#494949; }

.info.contact span.aim { background:url(../img/icons/icons/aim.gif) 0px 2px no-repeat; }
.info.contact span.msn { background:url(../img/icons/icons/msn.gif) 0px 3px no-repeat; }
.info.contact span.gtalk { background:url(../img/icons/icons/gtalk.gif) 0px 3px no-repeat; }
.info.contact span.web { background:url(../img/icons/icons/web.gif) 0px 1px no-repeat; }
.info.contact span.browser { background:url(../img/icons/icons/browse.gif) 0px 2px no-repeat; }
.info.contact span.mail { line-height:14px; background:url(../img/icons/icons/mail.gif) 0px 2px no-repeat; }
.info.contact span.resume { background:url(../img/icons/icons/resume.gif) 3px 1px no-repeat; }
.info.contact span.cell { background:url(../img/icons/icons/cell.gif) 3px 1px no-repeat; }
.info.contact span.skype { background:url(../img/icons/icons/skype.gif) 0px 4px no-repeat; }
.info.contact span.vcard { background:url(../img/icons/icons/vcard.gif) 0px 5px no-repeat; }

.info.contact a:hover span.aim { background:url(../img/icons/icons/aim.gif) 0px -16px no-repeat; }
.info.contact a:hover span.msn { background:url(../img/icons/icons/msn.gif) 0px -14px no-repeat; }
.info.contact a:hover span.gtalk { background:url(../img/icons/icons/gtalk.gif) 0px -14px no-repeat; }
.info.contact a:hover span.web { background:url(../img/icons/icons/web.gif) 0px -12px no-repeat; }
.info.contact a:hover span.browser { background:url(../img/icons/icons/browse.gif) 0px -16px no-repeat; }
.info.contact a:hover span.mail { line-height:14px; background:url(../img/icons/icons/mail.gif) 0px -12px no-repeat; }
.info.contact a:hover span.resume { background:url(../img/icons/icons/resume.gif) 3px -18px no-repeat; }
.info.contact a:hover span.cell { background:url(../img/icons/icons/cell.gif) 3px -18px no-repeat; }
.info.contact a:hover span.skype { background:url(../img/icons/icons/skype.gif) 0px -15px no-repeat; }
.info.contact a:hover span.vcard { background:url(../img/icons/icons/vcard.gif) 0px -14px no-repeat; }


/* Footer */
#footer {
	color:#D0D0D0;
	text-align:center;
	width:328px;
	margin:1px auto 15px auto;
	text-shadow: #fff 0 1px 0;
}