body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
font-size:100%; 
font-family: Tahoma, sans-serif; 
background: url("../img/main_bkg.jpg") left top repeat-x;
}

#header {
color:#c2c2c2;
font-family: Arial, sans-serif; 
font-size:20px;
letter-spacing: -0.5px;
line-height: 100%;
text-align:center;
}
.web {
text-decoration:none;
color:#46dbaf;
}
.mm {
text-decoration:none;
color:#00baff;
}
.bb{
text-decoration:none;
color:#f7941e;
}

#outer1 {float:left; width:33%; }
#outer2 {float:left; width:34%; }
#outer3 {float:left; width:33%; }
#outer1, #outer2, #outer3 {padding-bottom:0px; margin-bottom:0px;}

#wrapper {overflow:hidden; }

#footer {clear:both; }
#port_list {margin:0px;}

/* h1 {font-family: Helvetica, sans-serif; font-size:36px;letter-spacing: -2px;margin:0; padding:10px 0; color:#ffffff;}  */
/*   h3{font-family: Helvetica, sans-serif;font-size:24px;font-weight:normal;letter-spacing: -2px;line-height: 80%;margin:0; padding:8px 0; color:#ffffff;}  */
.content {
padding-left:10px;padding-top:10px;padding-right:15px;
}
.headline{
height:103px;
}
.port{
background: url("../img/portfolio_bkg.jpg") right top no-repeat;
}
.music{
background: url("../img/music_bkg.jpg") right top no-repeat;
}
.blog{
background: url("../img/blog_bkg.jpg") right top no-repeat;
}
.blank {
height: 2px;
}
.green{
background:#46dbaf;
}
.blue{
background:#00baff;
}
.orange{
background:#f7941e;
}
.out_content{
background: url("../img/list_bkg.jpg") left top no-repeat;
}
.bottom{
float:right;
font-family: Helvetica,Arial, sans-serif; 
font-weight:bold;
font-size:24px;
letter-spacing: -1px;
padding-right:20px;
}
.portfolio_b a{
text-decoration:none;
color:#46dbaf;
}
.portfolio_b a:hover{
text-decoration:none;
color:#ffffff;
}
.music_b a{
text-decoration:none;
color:#00baff;
}
.music_b a:hover{
text-decoration:none;
color:#ffffff;
}
.blog_b a{
text-decoration:none;
color:#f7941e;
}
.blog_b a:hover{
text-decoration:none;
color:#ffffff;
}

.pf{
font-family: Helvetica, Arial ,sans-serif; 
font-weight:bold;
font-size:36px;
letter-spacing: -2px;
padding-left:10px; 
padding-top:23px;
color:#46dbaf;
}
.mus{
font-family: Helvetica,Arial, sans-serif; 
font-weight:bold;
font-size:36px;
letter-spacing: -2px;
padding-left:10px; 
padding-top:23px;
color:#00baff;
}
.bl{
font-family: Helvetica, Arial,sans-serif; 
font-weight:bold;
font-size:36px;
letter-spacing: -2px;
padding-left:10px; 
padding-top:23px;
color:#f7941e;
}

 
 
 
.shadow_p  { position:relative; display:block; color:#46dbaf; }
.shadow_p span { position:absolute; display:block; top:0px;  }
.shadow_p:before { display:block; padding:1px; content: attr(title); color:#129a72;  } 
 
.shadow_m  { position:relative; display:block; color:#00baff; }
.shadow_m span{ position:absolute; display:block; top:0px;  }
.shadow_m:before { display:block; padding:1px; content: attr(title); color:#008ec2;  } 

.shadow_b  { position:relative; display:block; color:#f7941e; }
.shadow_b span { position:absolute; display:block; top:0px;  }
.shadow_b:before { display:block; padding:1px; content: attr(title); color:#cb7106;  } 
 
.portt{
text-decoration:none;
color:#46dbaf;
}
.portt:hover{
text-decoration:none;
color:#ffffff;
}
.muss{
text-decoration:none;
color:#00baff;
}
.muss:hover{
text-decoration:none;
color:#ffffff;
}
.blogg{
text-decoration:none;
color:#f7941e;
}
.blogg:hover{
text-decoration:none;
color:#ffffff;
}
 
#portfolio_ul {
margin: 0;
padding: 0;
list-style:none;
width:100%;
}
#portfolio_ul li {
margin-bottom:22px;
padding:0px;

}
#portfolio_ul li a{
display: block;
background: url("../img/p_bullet.gif") no-repeat top left;
padding-left:20px;
font-family: Arial, sans-serif;font-size:24px;font-weight:normal;letter-spacing: -1px;line-height: 80%;margin:0;color:#ffffff;text-decoration:none;
}
#portfolio_ul li a:hover{
display: block;
background:url("../img/p_bullet_over.gif") no-repeat top left;
font-family: Arial, sans-serif;font-size:24px;font-weight:normal;letter-spacing: -1px;line-height: 80%;margin:0;color:#46dbaf;text-decoration:none;}
#portfolio_ul div {
padding-left:20px;
color:#797979;
font-size:14px;
margin-top:-15px;
letter-spacing: 0px;
}
#portfolio_ul div a {
background:none;
letter-spacing: 0px;
color:#46dbaf;
font-size:14px;
}
#portfolio_ul div a:hover {
background:none;
letter-spacing: 0px;
color:#ffffff;
font-size:14px;
}



 
 
#music_ul {
margin: 0;
padding: 0;
list-style:none;
width:100%;
}
#music_ul li {
margin-bottom:22px;
padding:0px;

}
#music_ul li a{
display: block;
background: url("../img/m_bullet.gif") no-repeat top left;
padding-left:20px;
font-family: Arial, sans-serif;font-size:24px;font-weight:normal;letter-spacing: -1px;line-height: 80%;margin:0;color:#ffffff;text-decoration:none;
}
#music_ul li a:hover{
display: block;
background:url("../img/m_bullet_over.gif") no-repeat top left;
font-family: Arial, sans-serif;font-size:24px;font-weight:normal;letter-spacing: -1px;line-height: 80%;margin:0;color:#00baff;text-decoration:none;}
#music_ul div {
padding-left:20px;
color:#797979;
font-size:14px;
margin-top:-15px;
letter-spacing: 0px;
}
#music_ul div a {
background:none;
letter-spacing: 0px;
color:#00baff;
font-size:14px;
}
#music_ul div a:hover {
background:none;
letter-spacing: 0px;
color:#ffffff;
font-size:14px;
}







#blog_ul {
margin: 0;
padding: 0;
list-style:none;
width:100%;
}
#blog_ul li {
margin-bottom:22px;
padding:0px;

}
#blog_ul li a{
display: block;
background: url("../img/b_bullet.gif") no-repeat top left;
padding-left:20px;
font-family: Arial, sans-serif;font-size:24px;font-weight:normal;letter-spacing: -1px;line-height: 80%;margin:0;color:#ffffff;text-decoration:none;
}
#blog_ul li a:hover{
display: block;
background:url("../img/b_bullet_over.gif") no-repeat top left;
font-family: Arial, sans-serif;font-size:24px;font-weight:normal;letter-spacing: -1px;line-height: 80%;margin:0;color:#f7941e;text-decoration:none;}
#blog_ul div {
padding-left:20px;
color:#797979;
font-size:14px;
margin-top:-15px;
letter-spacing: 0px;
}
#blog_ul div a {
background:none;
letter-spacing: 0px;
color:#f7941e;
font-size:14px;
}
#blog_ul div a:hover {
background:none;
letter-spacing: 0px;
color:#ffffff;
font-size:14px;
}

#screenshot{
	position:absolute;
	border:1px solid #46dbaf;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	font-size:14px;
	}