html, body {
        height: 100%;
        width: 100%;
        font-family: Georgia;
        font-size: 11px;
        color: #838383;
        background-color: #000000;
        margin: 0px 0px 0px 0px;
}

a:link, a:visited, a:active {
        color: #ffffff;
        text-decoration: none;
}

a:hover {
        color: #c7c7c7;
        text-decoration: underline;
}

#homeContainer {
	width: 740px;
	margin: 0 auto;
	text-align: center;
}

#mainLogo {
	width: 354px;
	height: 168px;
	background: url("../images/logo.png") no-repeat top;
	margin: 0 auto;
	padding-bottom: 5px;
}

#buttonProjects {
	float: left;
	width: 180px;
	height: 578px;
	background: url("../images/button1.png") no-repeat top;
	background-position: 0px;
	margin-right: 5px;
}

#buttonProjectsON {
	float: left;
	width: 180px;
	height: 578px;
	background: url("../images/button1.png") no-repeat top;
	background-position: -180px 0px;
	margin-right: 5px;
}

#buttonProjectsSmall {
	float: left;
	width: 180px;
	height: 78px;
	background: url("../images/button1-small.png") no-repeat top;
	margin-right: 5px;
}

#buttonProjects:hover {
	background-position: -180px;
}

#buttonDrums {
	float: left;
	width: 180px;
	height: 578px;
	background: url("../images/button2.png") no-repeat top;
	background-position: 0px;
	margin-right: 5px;
}

#buttonDrumsON {
	float: left;
	width: 180px;
	height: 578px;
	background: url("../images/button2on.png") no-repeat top;
	background-position: 0px 0px;
	margin-right: 5px;
}

#buttonDrumsSmall {
	float: left;
	width: 180px;
	height: 78px;
	background: url("../images/button2-small.png") no-repeat top;
	margin-right: 5px;
}

#buttonDrums:hover {
	background-position: -180px;
}

#buttonAbout {
	float: left;
	width: 180px;
	height: 578px;
	background: url("../images/button3.png") no-repeat top;
	background-position: 0px;
	margin-right: 5px;
}

#buttonAboutSmall {
	float: left;
	width: 180px;
	height: 78px;
	background: url("../images/button3-small.png") no-repeat top;
	margin-right: 5px;
}

#buttonAboutON {
	float: left;
	width: 180px;
	height: 578px;
	background: url("../images/button3.png") no-repeat top;
	background-position: -180px;
	margin-right: 5px;
}

#buttonAbout:hover {
	background-position: -180px;
}

#buttonContact {
	float: left;
	width: 180px;
	height: 578px;
	background: url("../images/button4.png") no-repeat top;
	background-position: 0px;
}

#buttonContactSmall {
	float: left;
	width: 180px;
	height: 78px;
	background: url("../images/button4-small.png") no-repeat top;
	margin-right: 5px;
}

#buttonContactON {
	float: left;
	width: 180px;
	height: 578px;
	background: url("../images/button4on.png") no-repeat top;
	background-position: 0px 0px;
	margin-right: 5px;
}

#buttonContact:hover {
	background-position: -180px;
}

#miniLogos {
	width: 493px;
	height: 49px;
	background: url("../images/minilogos.png") no-repeat top;
	margin: 0 auto;
}

#drakkcoilLogo {
	width: 250px;
	height: 98px;
	background: url("../images/drakkcoil.png") no-repeat top;
	margin: 0 auto;
}

.clear {
	clear: both;
}

#contentContainer {
	margin: 0 auto;
	background: #181818;
	min-height: 485px;
	width: 540px;
	margin-left: 185px;
	margin-top: 83px;
	text-align: left;
	padding: 5px;
}

#contentContainer .title {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	
}

#contentContainer .left {
	float: left;
}

#contentContainer .right {
	float: right;
}

#contentContainer .heading {
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	width: 100px;
}

#contentContainer .linebreak {
	float: left;
	width: 355px;
	height: 1px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #b5b5b5;
}

#contentContainer .contact {
	height: 38px;
}

#contentContainer .mp3 {
	margin-top: 80px;
	margin-top: 114px;
	width: 310px;
	height: 30px;
}

#aboutPic {
	background: url("../images/adam2.png");
	float: right;
	width: 180px;
	height: 485px;
	border: none;
	margin-left: 5px;
}

#drumKit {
	background: url("../images/drumkit6.png");
	width: 540px;
	height: 288px;
}

#drumKitOld {
	background: url("../images/olddrums.png");
	width: 540px;
	height: 381px;
}

#micSetup {
	background: url("../images/micsetup3.png") no-repeat top;
	width: 540px;
	height: 451px;
}

#mixingSetup {
	background: url("../images/mixer.png") no-repeat top;
	width: 540px;
	height: 403px;
}

#pageColumn {
	width: 258px;
	margin: 0 auto;
	background: #242424;
	padding: 5px;
	font-size: 10px;
	margin-bottom: 10px;
}

#pageColumn .left {
	margin-right: 4px;
}

#pageColumn ul {
	margin: 0px;
	padding-left: 14px;
	list-style-type: circle;
	color: #527213;
}

#pageColumn span {
	color: #ffffff;
}

#innerContent {
	width: 350px;
	text-align: justify;
}

#innerContent2 {
	text-align: justify;
}

#albumDrakkcoil {
	background: url("../images/drakkcoil-demo.png") no-repeat top;
	height: 225px;
	width: 225px;
	float: right;
	font-size: 10px;
	text-align: center;
}

#projectPost {
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

#projectPost .entry {
	height: 17px;
	border-bottom: 1px dotted #424242;
	width: 100%;
	margin-bottom: 10px;
}

#projectPost .date {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 4px;
	float: right;
}

#projectPost .title {
	color: #cccccc;
	font-weight: bold;
	font-size: 13px;
	float: left;
}

#projectPost .list {
	list-style-type: decimal;
}

#projectInner {
	width: 315px;
	float: left;
}

#trackList {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	list-style-type: decimal;
}

#contactAdam {
	background: url("../images/contact-adam.png") no-repeat bottom;
	width: 540px;
	height: 288px;
	margin: 0 auto;
	padding: 0px;
	margin-bottom: -10px;
}

#footer {
	color: #838383;
}

#error {
	color: #ffffff;
	font-size: 24px;
}

#error .code {
	padding: 20px;
	background: #527213;
	width: 18%;
	float: left;
}

#error .body {
	padding: 20px;
	float: left;
	background: #242424;
	width: 70%;
}

#clear {
	clear: both;
}