body {
	background:url(bg.jpg) repeat-x #151515;
	margin:0;
	padding:0;
	font:11px "Lucida Sans", "Trebuchet MS";
	color:#686868;
}
#main a {
	color: #dda42a;
	border-bottom: dashed 1px #252525;
	text-decoration: none;
}
#main a:hover {
	color: #ffc64c;
	border-bottom: dashed 1px #a0a0a0;
}

#bg {
	background:url(../images/bg3.jpg) repeat-y;
	float:left;
	position:absolute;
	width:214px;
	height:100%;
	z-index:-1;
}

#wrap {
	padding:0;
	width:1000px;
	height:800px;
	z-index:1;
}
#top {
	background:url(../images/index_01.jpg);
	width:1000px;
	height:19px;
	float:left;
}
#banner {
	background:url(../images/index_02.jpg);
	width:1000px;
	height:144px;
	float:left;
}
#nav {
	background:url(../images/index_03.jpg) no-repeat;
	width:1000px;
	height:66px;
	float:left;
}
#left {
	background:url(../images/index_04.jpg);
	width:214px;
	height:571px;
	float:left;
}
	#side {
		background:url(../images/side.jpg);
		width:182px;
		height:280px;
		margin-top:40px;
		float:right;
	}
#main {
	padding:15px;
	width:756px;
	height:541px;
	float:left;
	background:#151515;
	line-height:16px;
}
	#inside {
		float:left;
		padding:10px;
		width:550px;
	}
h1 {
	font:bold 17px "Lucida Sans", "Trebuchet MS";
	color:#bbb;
	letter-spacing:-1px;
	margin:0;
}


#navigation {
	margin:0 0 0 150px;
	padding:0;
}
#navigation a, #navigation a .hover {
	background:url(../images/index_03.jpg);
	height:66px;
	float:left;
	display:block;
	cursor:pointer;
}
#navigation li, #navigation ul {
	list-style:none;
	float:left;
}


#navigation a.home {
	background-position:-150px 0;
	width:120px;
}
#navigation a.portfolio {
	background-position:-275px 0;
	width:150px;
}
#navigation a.services {
	background-position:-425px 0;
	width:140px;
}
#navigation a.contact {
	background-position:-565px 0;
	width:140px;
}


#navigation .highlight a.home:hover, #navigation a.home .hover {
	background-position: -150px 66px;
	width:120px;
}
#navigation .highlight a.portfolio:hover, #navigation a.portfolio .hover {
	background-position: -275px 66px;
	width:150px;
}
#navigation .highlight a.services:hover, #navigation a.services .hover {
	background-position: -425px 66px;
	width:140px;
}
#navigation .highlight a.contact:hover, #navigation a.contact .hover {
	background-position: -565px 66px;
	width:140px;
}
#navigation span {
	display:none;
}



#tab {
	margin:0;
	padding:0;
}
#tab a, #tab a .hover {
	background:url(../images/side.jpg);
	height:66px;
	float:left;
	display:block;
	cursor:pointer;
}
#tab li, #tab ul {
	list-style:none;
	float:left;
}


#tab a.about {
	background-position:0 0;
	width:182px;
	height:70px;
}
#tab a.code {
	background-position:0 -70px;
	width:182px;
	height:66px;
}
#tab a.design {
	background-position:0 -136px;
	width:182px;
	height:64px;
}
#tab a.projects {
	background-position:0 -200px;
	width:182px;
	height:70px;
}


#tab .highlight a.about:hover, #tab a.about .hover {
	background-position: 0 -280px;
	width:182px;
	height:70px;
}
#tab .highlight a.code:hover, #tab a.code .hover {
	background-position: 0 -350px;
	width:182px;
	height:66px;
}
#tab .highlight a.design:hover, #tab a.design .hover {
	background-position: 0 -416px;
	width:182px;
	height:64px;
}
#tab .highlight a.projects:hover, #tab a.projects .hover {
	background-position: 0 -480px;
	width:182px;
	height:70px;
}
#tab span {
	display:none;
}