* {
margin: 0;
padding: 0;
}

html {
}

body {
color: #646464;
font-family: 'trebuchet ms';
font-size: 100%;
}

img {
border: 0px;	
}

a {
color: #52a9c5;	
text-decoration: none;
}

a:hover {
color: #37788d;	
}

.container {
width: 970px;
margin: 0 auto;
margin-top: 150px;
}

		.left {
		width: 550px;
		height: 365px;
		float: left;
		background: url('images/index-cloud.png') no-repeat;
		
		}
		
		.music {
		width: 115px;
		height: 150px;
		float: left;
		margin: 110px 0 0 45px;
		position: absolute;
		cursor: pointer;
		}
		
		.portfolio {
		width: 160px;
		height: 120px;
		float: left;
		margin: 45px 0 0 165px;
		cursor: pointer;
		position: absolute;
		}
		
		.whoami {
		width: 160px;
		height: 130px;
		float: left;
		margin: 170px 0 0 165px;
		position: absolute;
		cursor: pointer;
		}
		
		.blog {
		width: 190px;
		height: 120px;
		float: left;
		margin: 80px 0 0 330px;
		position: absolute;
		cursor: pointer;
		}
		
		.hireme {
		width: 190px;
		height: 80px;
		float: left;
		margin: 200px 0 0 330px;
		position: absolute;
		cursor: pointer;
		}
		
		.right {
		width: 420px;
		float: left;
		}	

		.header {
		width: 420px;
		height: 165px;
		margin-top: 45px;
		}
			
		.header #logo {
		margin: 0 0 0 0;	
		}
				
		.footer {
		border-top: 1px #82d5f0 solid;
		width: 365px;
		margin: 0 0 15px 30px;
		text-align: center;
		}

		.footer p {
		margin: 15px 0 0 0;
		color: #7a7a7a;
		font-size: 13px;
		}
		
		.footer p#news {
		margin-top: 5px;
		font-size: 11px;
		color: #ababab;
		}	
		
		.footer p#quote {
		margin-top: 5px;
		color: #ababab;	
		font-size: 11px;
		font-style: italic;
		}