* {
	margin: 0;
	padding: 0;
}

body {
	background: #000;
	color: #fff;
	background: #000 url('bitmaps/background.jpg') center center no-repeat;
	font-family: 'Myriad Pro', 'Myriad', Helvetica, Arial, sans-serif;
	font-size: 14px;
	height: 100%;
}

a {
	color: #fff;
}

	#sparks {
		width: 90%;
		margin: 0 auto;
	}

	#container {
		background: url('bitmaps/box.png') no-repeat;
		width: 570px;
		height: 381px;
		margin: 40px auto;
		position: relative;
	}
	
		#header {
			padding-top: 10px;
			height: 95px;
			width: 570px;
			position: absolute;
			background: url('bitmaps/header.png') no-repeat;
		}
	
			#header h1 {
				background: url('bitmaps/title.png') no-repeat;
				width: 205px;
				height: 60px;
				margin: 15px 0 0 25px;
				text-indent: -9999px;
				overflow: hidden;
				float: left;
			}
			
			#header .vcard {
				display: block;
				width: 105px;
				height: 70px;
				text-indent: -9999px;
				overflow: hidden;
				float: right;
				margin-right: 20px;
			}
			
		#menu {
			text-align: center;
			list-style: none;
			position: absolute;
			top: 98px;
			padding-left: 125px;
		}
			#menu li {
				float: left;
				width: 100px;
				text-align: center;
				margin-right: 5px;
/*				background: rgba(0,0,0,0.5);*/

			}
			
			#menu a {
				display: block;
				line-height: 30px;
				background:url('bitmaps/bg.jpg') 0 0;
				-webkit-border-bottom-right-radius: 10px;
				-webkit-border-bottom-left-radius: 10px;
				border-bottom-right-radius: 10px;
				border-bottom-left-radius: 10px;
				-moz-border-radius-bottomright: 10px;
				-moz-border-radius-bottomleft: 10px;
				color: #333;
				letter-spacing: -1px;
				text-decoration: none;
				font-weight: bold;
				-webkit-box-shadow: #000 0 0 3px;
				-moz-box-shadow: #000 0 0 3px;
			}
			#menu a.selected {
				background-position: 0 30px;
/*				color: #003366!important;*/
			}

	#content {
		position: absolute;
		top: 125px;
		padding: 20px;
		height: 200px;
		overflow: hidden;
	}
		
		#about,
		#projects,
		#contact {
			height: 220px;
			width: 530px;
		}
		
		#content h2,
		#content h3 {
			text-shadow: #000 0 0 5px;
			margin-bottom: 5px;
/*			font-style: italic;*/
		}
			#content h2 {
			}
		#content p {
			font-size: 13px;
			line-height: 140%;
		}
		#content strong {
			text-shadow: #000 0 0 5px;
		}
		
		
	#social {
		clear: both;
		background: url('bitmaps/shadow.gif') center top no-repeat;
		margin: 15px auto;
		padding-top: 20px;
		width: 500px;
		overflow: hidden;
	}
		#social_icons {
			width: 200px;
			float: left;
		}
			#social_icons a {
				display: block;
				float: left;
				list-style: none;
				margin-right: 10px;
				width: 40px;
				height: 40px;
				text-indent: -9999px;
				overflow: hidden;
			}
				#social .icon_twitter {
					background: url('bitmaps/icon_twitter.jpg') no-repeat;
				}
				#social .icon_facebook {
					background: url('bitmaps/icon_facebook.jpg') no-repeat;
				}
				#social .icon_wave {
					background: url('bitmaps/icon_wave.jpg') no-repeat;
				}
				#social .icon_linkedin {
					background: url('bitmaps/icon_linkedin.jpg') no-repeat;
				}
				#social .icon_skype {
					background: url('bitmaps/icon_skype.jpg') no-repeat;
				}
				#social .icon_deviantart {
					background: url('bitmaps/icon_deviantart.jpg') no-repeat;
				}

		.tweet {
			width: 190px;
			overflow: hidden;
			height: 65px;
			float: right;
			text-align: right;
			background: url('bitmaps/twit_bird.gif') right center no-repeat;
			padding-right: 100px;
			font-size: 11px;
		}
			.tweet span {
				display: block;
			}
			.tweet .tweet_list {
				list-style: none;
			}
			.tweet .tweet_list a {
				font-style: italic;
				font-size: 10px;
			}
			.tweet .tweet_text {
				display: block;
			}
			
		#contact img {
			float: left;
			margin: 0 20px 0 50px;
		}
		#contact ul {
			float: left;
			list-style: none;
			margin: 10px 0;
		}
			#contact li {
				margin-bottom: 10px;
			}
			#contact a {
				padding: 5px 0 5px 25px;
			}
			#contact .mail {
				background: url('bitmaps/mail.gif') left center no-repeat;
			}
			#contact .phone {
				background: url('bitmaps/phone.gif') left center no-repeat;
			}
			#contact .skype {
				background: url('bitmaps/skype.gif') left center no-repeat;
			}
			#contact .gmaps {
				background: url('bitmaps/gmaps.gif') left center no-repeat;
			}
			
		#my_projects {
			list-style: none;
		}
			#my_projects li {
				float: left;
				margin-top: 8px;
				width: 255px;
				height: 45px;
				margin-right: 10px;
			}
				#my_projects a {
					display: block;
					width: 255px;
					height: 45px;
					text-indent: -9999px;
					overflow: hidden;
				}
					#my_projects .bestudios {
						background: url('bitmaps/bestudios.jpg') no-repeat;
					}
					#my_projects .catalizado {
						background: url('bitmaps/catalizado.jpg') no-repeat;
					}
					#my_projects .csslab {
						background: url('bitmaps/csslab.jpg') no-repeat;
					}
					#my_projects .dosmonos {
						background: url('bitmaps/dosmonos.jpg') no-repeat;
					}
					#my_projects .rulz {
						background: url('bitmaps/rulz.jpg') no-repeat;
					}
					#my_projects .designinsocial {
						background: url('bitmaps/designinsocial.jpg') no-repeat;
					}


/* The Tip */
/*
.tip {
	font-size: 14px;
	text-align: center;
	padding: 10px 10px 5px 10px;
	background: rgba(0,0,0,0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	border: 5px solid rgba(0,0,0,0.2);
	
	width: 100px;
	height: 49px;
	position: absolute;
	z-index: 2;

}

.tip {
	position:absolute;
	display:none;
	text-align: center;
}

	#vcard_tip {
		padding: 30px 25px 25px;
		width:88px;
		height:45px;
		background:url('bitmaps/tip.png');
	}
*/
p#vtip { 
	display: none; 
	position: absolute; 
	padding: 5px 10px; 
	left: 5px;
	background-color: rgba(0,0,0,0.8); 
	border: 2px solid rgba(0,0,0,0.5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 9999; 
}