@charset "UTF-8";
/* CSS Document */

* {
padding: 0px;
margin: 0px;
}

body {
background: #fff;
background: url('background.jpg') top center repeat #fff;
}

a, a:link, a:visited {
color: #1456b2;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

#interval #intervallink, #melody #melodylink, #beatboxpad #beatboxpadlink, #bluesguitar #bluesguitarlink, #vizvideo #vizvideolink, #ocean #oceanlink, #amoskowitz #amoskowitzlink, #danpalmere #danpalmerelink, #jeremy #jeremylink, #troublecity #troublecitylink, #mattgerhard #mattgerhardlink, #about #aboutlink, #contact #contactlink, #oluwadara #oluwadaralink {
text-decoration: underline;
}

a img {
border: none;
}

#container {
width: 1024px;
height: 700px;
margin: 0px auto 0px auto;

/*height: 700px;
moz-box-shadow: 0px 1px 3px #333; -webkit-box-shadow: 0px 0px 20px #222;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; */
}

#nav {
float: left;
width: 250px;
color: #222;
font-family: "Myriad Web Pro", Arial, Helvetica, sans-serif;
text-align: left;
font-size: 13px;
line-height: 140%;
}

#nav p {
padding-left: 25px;
}

#nav strong {
font-size: 20px;
line-height: 200%;
font-weight: normal;
}

#logo {
padding: 15px 0px 20px 15px;
}

#content {
width: auto;
text-align: center;
}

#content h1 {
text-align: center;
color: #222;
font-family: "Myriad Web Pro", Arial, Helvetica, sans-serif;
font-size: 40px;
padding-top: 82px;
font-weight: normal;
}

#content #link {
text-align: center;
font-family: "Myriad Web Pro", Arial, Helvetica, sans-serif;
font-size: 18px;
}

#content img {
}

#content p {
text-align: justify;
color: #222;
font-family: "Myriad Web Pro", Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 140%;
}

#fade {
	height: 332px;
	width: 579px;
	background: url('computer.png') top center no-repeat;
	display: inline-block;
}

#fade div {
	display: inline-block;
}