@charset "utf-8";
/* CSS Document */

html {
	overflow: hidden; /* hide scroll bars */
}
body {
	background:#000;
}
a	{
	color: #fff;
	text-decoration: none;
}

#main {
	position:absolute;
	background:url(images/portrait01bw.jpg) no-repeat;
	top: 26px;
	left:0px;
	height: 901px;
	width:1600px;
	background-color:#000;
	overflow:hidden;
	z-index:1;
}
#footerbar {
	position:fixed;
	height: 35px; /*was 90*/
	bottom: 0;
	left:0;
	width:100%;
	border-top: inset #282828;
	border-top-width:1px;
	/*background:url("images/stripe_e45391c8f8bd16694a80809e762aec56.png") repeat-x;*/
	background:url(images/footer.jpg) no-repeat center #000;
	text-align:center;
	z-index: 100;
}
#audioplayer_1 {
	margin-top: 5px;
	z-index:101;
}

#connect {
	position:absolute;
	left:300px;
	top:420px;
}
#social-icons {
	position:absolute;
	height:30px;
	width:362px;
	left:266px;
	top:425px;
}
#social-icons li {
	float:left;
	width:30px;
	height:30px;
	margin:0 6px 0 0;
}
#social-icons li a {
	position:relative;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:30px;
	height:30px;
	background:url(images/social-icons.png) no-repeat;
}
#social-icons li.deviant a:hover {
	background-position:0 -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.flickr a {
	background-position:-30px top;
}
#social-icons li.flickr a:hover {
	background-position:-30px -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.facebook a {
	background-position:-60px top;
}
#social-icons li.facebook a:hover {
	background-position:-60px -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.lastfm a {
	background-position:-90px top;
}
#social-icons li.lastfm a:hover {
	background-position:-90px -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.youtube a {
	background-position:-120px top;
}
#social-icons li.youtube a:hover {
	background-position:-120px -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.vimeo a {
	background-position:-150px top;
}
#social-icons li.vimeo a:hover {
	background-position:-150px -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.linkedin a {
	background-position:-180px top;
}
#social-icons li.linkedin a:hover {
	background-position:-180px -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.twitter a {
	background-position:-210px top;
}
#social-icons li.twitter a:hover {
	background-position:-210px -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.wordpress a {
	background-position:-240px top;
}
#social-icons li.wordpress a:hover {
	background-position:-240px -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.flash a {
	background-position:-360px top;
}
#social-icons li.flash a:hover {
	background-position:-360px -30px;
	margin: -4px 6px 0 0;
}
#social-icons li.sannhac a {
	background-position:-390px top;
}
#social-icons li.sannhac a:hover {
	background-position:-390px -30px;
	margin: -4px 6px 0 0;
}
#enter {
	position:absolute;
	left: 295px;
	top: 250px;
}
#flash {
	position:absolute;
	left: 300px;
	top: 302px;
}
#separator {
	position:absolute;
	left: 335px;
	top: 300px;
}
#blog {
	position:absolute;
	left: 336px;
	top: 300px;
}
#welcome {
	position:absolute;
	left: 305px;
	top: 233px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
#intro {
	position:absolute;
	left: 305px;
	top: 305px;
	width: 290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;
}
#openmy {
	position:absolute;
	left:300px;
	top:515px;
	z-index:3;
}
#enterport {
	position:absolute;
	left: 295px;
	top: 515px;
	z-index:3;
}

#gotoportfolio {
	position: absolute;
	left:305px;
	top:519px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	z-index:3;
}
#gotoportfolio .firstword {
	color:#ffad39;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	z-index:3;
}
#gotoportfolio .therest {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	z-index:3;
}