body{
background-color: #FFF;
font-family: sans-serif;
background-image: url(images/bg-pattern.gif);
background-repeat: repeat-x;
background-attachment: scroll;
margin: 0em;
padding: 0em;}

#wrapper_bg {
width: 773px;
background-color: #fff;
padding: 0px;
margin-top: +10px;
margin-left: auto;
margin-bottom: +0px;
margin-right: auto;
background-image: url(images/bg_body.gif);
background-repeat: repeat-y;}

#wrapper_bgtop {
width: 773px;
height: 18px;
background-image: url(images/bg_bodytop.gif);
padding: 0px;
margin: 0px;
background-repeat: no-repeat;
background-color: #FFF;}

#wrapper_bgbottom {
width: 773px;
height: 36px;
background-image: url(images/bg_bodybottom.gif);
padding: 0px;
margin: 0px;
background-repeat: no-repeat;
background-color: #FFF;}
#wrapper, .main_pic, .mid_body, .bottom_body, #logo_nav_wrapper {
width: 753px;
margin:0 auto 0 auto;
padding: 0em;}

#wrapper {
overflow: auto;}

#logo_nav_wrapper {
margin-top: 35px;
height: 80px;}

#logo_nav_wrapper .column{
position: relative;
float: left;}

#logo {
width: 347px;
padding-right: 95px;}
.main_pic {
margin: 0px;
padding: 0px;
height: 271px;
background-color: #eee;}

.sub_pic {
margin: 0px;
padding: 0px;
height: 120px;
background-color: #eee;}

#mid_body {
margin: 0px;
padding: 0px;
background-color: #26282c;
height: 400px;
background-image: url(images/bg_mid_body.gif);
background-repeat: repeat-x;
background-attachment: scroll;
}

#mid_body .column {
position: relative;
float: left;}

#mid_body_left {
width: 251px;
}

.stylish_text {
padding:5px;
margin:5px;
font-family: sans-serif;
color: #FFF;
font-size: 1.5em;
font-weight: bold;
text-align: justify;
margin-top: 50px;}


#mid_body_right {
width: 502px;}

.recent_work_header p {
font-family: sans-serif;
color: #FFF;
font-size: 1.5em;
font-weight: bold;
text-align: justify;
margin-top: 20px;}

.recent_work_header p small {
padding:5px;
margin:5px;
font-family: sans-serif;
color: #ccc;
font-size: 0.7em;
font-weight: bold;
text-align: justify;
margin-top: 20px;}

.portfolio_pics a{
margin: 5px;
margin-top: 25px;}

.bottom_body {
margin: 0px;
padding: 0px;
height: 300px;
background-color: #FFF;
background-image: url(images/bg_bottom_body.gif);
background-repeat: repeat-x;
background-attachment: scroll;
}

.bottom_body_text {
font-family: sans-serif;
color: #000;
font-size: 1.1em;
font-weight: bold;
text-align: justify;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 5px;}

p small {
font-family: sans-serif;
color: #000;
font-size: 0.8em;
font-weight: normal;
text-align: justify;}

.bottom_body_mixes {
margin: 0px;
padding: 0px;
height: 700px;
background-color: #FFF;
background-image: url(images/bg_bottom_body.gif);
background-repeat: repeat-x;
background-attachment: scroll;
}

.music_player {
text-align: center;}

/*navigation */
#navigation {
width: 308px;
height: 68px;
padding: 0px;
display:inline;
float:right;
}

ul#nav {
padding: 0px;
margin-left: 0px;
list-style: none;
margin-top:0px;
margin-bottom: 0px;
}

#nav li {
float: left;
position: relative;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;}

#home a, #portfolio a, #mixes a, #about a, #contact a {
display: block;
height: 68px;}

#home, #home1, #portfolio, #portfolio1, #mixes, #mixes1, #about, #about1, #contact, #contact1 {
position: relative;
display: block;
height: 68px;}

#home, #home1 {
width: 53px;}


#portfolio, #portfolio1{
width: 82px;}

#mixes, #mixes1{
width: 47px;}

#about, #about1{
width: 53px;}

#contact, #contact1{
width: 73px;}

#home, #home1
	{background-image:url(images/home.gif); 
} 

#portfolio, #portfolio1
	{background-image:url(images/portfolio.gif); 
} 

#mixes, #mixes1
	{background-image:url(images/mixes.gif); 
} 

#about, #about1
	{background-image:url(images/about.gif); 
} 

#contact, #contact1
	{background-image:url(images/contact.gif); 
} 

#home1, #home a:hover  {
	background: url(images/home.gif) 0 -68px no-repeat;
}
 

#portfolio1, #portfolio a:hover  {
	background: url(images/portfolio.gif) 0 -68px no-repeat;
}

#mixes1, #mixes a:hover  {
	background: url(images/mixes.gif) 0 -68px no-repeat;
}

#about1, #about a:hover  {
	background: url(images/about.gif) 0 -68px no-repeat;
}

#contact1, #contact a:hover  {
	background: url(images/contact.gif) 0 -68px no-repeat;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

li	{
	float: left;
	position: relative;
	width: 70px;
}

.blue {
color: #05dbfb}

.dgray {
color: #666}

.lgray {
color: #a7a7a7}

.orange {
color: #cc720e}

#thumbnailNav{
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 276px;
}

#thumbnailNav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#thumbnailNav ul li{
	display: inline;
	float: left;
}

img{
	border: none;
	}
#portfolio_layout {
}

#portfolio_layout .column{
float: left;
position: relative;
}

#portfolio_left {
width: 376px;
margin-right: 10px;
}

#portfolio_right {
border-top: 2px solid #A4A4A4;
width: 276px;
margin-left: +20px;
padding-left: 10px;
}