body{
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #333333;
}
img{
border:none;
}

#content{
position: absolute; 
left: 50%; width: 1000px; 
margin-left: -500px;
}
#contentInner{
padding-left:100px;
padding-top:45px;
}

.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}


/*nav*/

#nav-menu{
width:1000px;
}
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
position:relative;
padding:0;
list-style:none;
margin: 0 95px 0 3px;
height: 19px;
width: 105px;
background-repeat: no-repeat;
}

#nav-menu li a, #nav-menu li a:hover
{
height: 19px;
width: 105px;
display: block;
text-decoration: none;
background-repeat: no-repeat;
}

#nav-menu ul li.projects {background-image:url(../images/projects-gray.png);}
#nav-menu ul.home li.projects {background-image:url(../images/projects.png);}
#nav-menu ul li.projects a:hover, #nav-menu ul li.projects a.selected {background-image:url(../images/projects-on.png);}
#nav-menu ul li.profile {background-image:url(../images/profile-gray.png);}
#nav-menu ul.home li.profile {background-image:url(../images/profile.png);}
#nav-menu ul li.profile a:hover, #nav-menu ul li.profile a.selected {background-image:url(../images/profile-on.png);}

#nav-menu ul li.contact {background-image:url(../images/contact-gray.png);}
#nav-menu ul.home li.contact {background-image:url(../images/contact.png);}
#nav-menu ul li.contact a:hover, #nav-menu ul li.contact a.selected {background-image:url(../images/contact-on.png);}

#nav-menu ul li.playlist {background-image:url(../images/playlist-gray.png);}
#nav-menu ul.home li.playlist {background-image:url(../images/playlist.png);}
#nav-menu ul li.playlist a:hover, #nav-menu ul li.playlist a.selected {background-image:url(../images/playlist-on.png);}

#nav-menu ul li a {background: none;}
#nav-menu  ul li span{visibility:hidden;}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none;
}
/* End hide */
 
/*project main*/
#main{
width:800px;
height:600px;
margin:53px 0 0 0;
}

#main-left{
float:left;
position:relative;
width:208px;
}

#main-left a{
	text-decoration:none;
	color:#333;
}
#main-left a:hover{
	text-decoration:none;
	color:#000;
}

#main-left div{
padding-right:15px;
}

#main-right{
float:left;
position:relative;
width:592px;
}

#main-right a{
color:#CC6600;
}


.navfooter{
	padding-left:6px;
	font-size: 10px; color: #333333;
	}
.navfooter a{
	text-decoration:none;
	color:#333;
}
.navfooter a:hover{
	text-decoration:none;
	color:#000;
}
	
	
	
/* slideshow styles */
.slideShow ul, .slideShow li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.slideShow li{
float: left;
}

.slideShow {
	display: table;
	clear: both;
}
.slideShow .navigation {
	margin-top: 5px;
	float:left;
	position:relative;
	width:220px;
}
#main-right .navigation a {
	margin: 0px 2px 0px 0px;
	padding: 2px 4px;
	color:#333333;
	text-decoration: none;
	display:block;
	float: left;
}
#main-right .navigation a:hover{
	color: #000000;
}

#main-right .navigation a.selected {
	background-color: #ddd;
	color: #000000;
}
.slide{
width:592px;
height:423px;
border:0px;
}
		
/** slides with more than an image in it **/
.slide img {
	position: absolute;
}
.slide h1 {
	position: absolute;
	background-color: #ffffff;
	left: 0px;
	top: 0px;
}
		
.callBackSlideShowLog{
	float:left;
	position:relative;
	width:370px;
	text-align:right;
	padding-top:6px;
}