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

.background {
	background-image: url(../images/background.jpg);
	background-position: left bottom;
	text-align : left;
	width: 1024px;
	height: 768px;
	margin-left : auto;
	margin-right : auto;
	position : relative;
}
.aharon_williams {
	height: 153px;
	width: 758px;
	position: absolute;
	background-image: url(../images/aharon_williams_rollover.png);
	background-repeat: no-repeat;	
}

.aharon_williams:hover img {
	visibility:hidden;
}

.grc_175 {
	height: 43px;
	width: 619px;
	position: absolute;
	left: 78px;
	top: 166px;
	background-image: url(../images/grc175_rollover.png);
	background-repeat: no-repeat;
}

.grc_175:hover img {
	visibility:hidden;
}

.aol {
	height: 34px;
	width: 265px;
	position: absolute;
	left: 243px;
	top: 223px;
	background-image: url(../images/aol_rollover.png);
	background-repeat: no-repeat;
}

.aol:hover img {
	visibility:hidden;
}

.tmcc_logo {
	background-image: url(../images/tmcc_logo.jpg);
	background-position: center top;
	height: 768px;
	width: 1024px;
	background-attachment: fixed;
	position: relative;
}

.navigation {
	padding: 0px;
	float: none;
	height: 420px;
	width: 440px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	top: 30px;
	left: 155px;
}

.projects_button {
	height: 200px;
	width: 210px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/projects_button_rollover.png);
	background-repeat: no-repeat;
	margin: 0px;
	position: relative;
}

.projects_button:hover img {
	
	visibility:hidden;
}
	

.me_button {
	float: right;
	height: 200px;
	width: 210px;
	left: 0px;
	background-image: url(../images/me_button_rollover.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
}
.bottom_nav {
	height: 200px;
	width: 440px;
	float: right;
	clear: both;
	position: relative;
}
body {
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: left bottom;
	text-align : center;
	min-width : 1024px;
	background-color: #000000;
}

.me_button:hover img {
	visibility:hidden;
}

.links_button {
	height: 200px;
	width: 210px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/links_button_rollover.png);
	background-repeat: no-repeat;
	position: relative;
	padding: 0px;
	float: left;
}

.links_button:hover img {
	visibility:hidden;
}



.contact_button {
	float: right;
	height: 200px;
	width: 210px;
	bottom: 0px;
	top: 0px;
	position: relative;
	left: 0px;
	background-image: url(../images/contact_button_rollover.png);
	background-repeat: no-repeat;
	right: 0px;
	clip: rect(0px,0px,0px,0px);
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.contact_button:hover img {
	visibility:hidden;
}



.header {
	float: none;
	height: 267px;
	width: 759px;
	margin-top: 0px;
	position: relative;
	top: 48px;
	left: 193px;
	right: 0px;
	bottom: 0px;
}



.design_and_me {
	float: right;
	height: 375px;
	width: 320px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFF;
	text-align: justify;
	clear: left;
	top: -613px;
	right: 72px;
}
.sidebar {
	height: 420px;
	width: 320px;
	position: relative;
	left: 0px;
	top: -420px;
	float: right;
	right: 0px;
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFF;
	text-align: justify;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
.bottom_content {
	float: none;
	height: 267px;
	width: 759px;
	margin-top: 0px;
	position: absolute;
	top: 481px;
	left: 189px;
	right: 0px;
	bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
}
.home {
	position: relative;
	height: 64px;
	width: 115px;
	left: -72px;
	top: 30px;
	background-image: url(../images/home_link_rollover.png);
	background-repeat: no-repeat;
	float: right;
	clear: none;
	right: 0px;
}
.sidebar_headline {
	float: left;
	height: 244px;
	width: 319px;
	top: 180px;
	clear: right;
	position: absolute;
	left: -1px;
}

.home:hover img {
	visibility:hidden;
}
.project_2 {
	height: 153px;
	width: 403px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/project_2_rollover.png);
	background-repeat: no-repeat;
	float: left;
}

.project_2:hover img {
	visibility:hidden;
}
.project_3 {
	height: 149px;
	width: 415px;
	position: absolute;
	left: 343px;
	top: 118px;
	background-image: url(../images/project_3_rollover.png);
	background-repeat: no-repeat;
	float: right;
}

.project_3:hover img {
	visibility:hidden;
}
.top_nav {
	height: 200px;
	width: 440px;
	clear: both;
	float: left;
}
.dribbble {
	position: absolute;
	background-image: url(../images/dribbble_rollover.png);
	background-repeat: no-repeat;
}


.dribbble:hover img {
	visibility:hidden;
}

.aisleone {
	position: absolute;
	top: 84px;
	background-image: url(../images/aisleone_rollover.png);
	background-repeat: no-repeat;
}

.aisleone:hover img {
	visibility:hidden;
}
.noupe {
	position: absolute;
	left: 0px;
	top: 175px;
	background-image: url(../images/noupe_rollover.png);
	background-repeat: no-repeat;
}

.noupe:hover img {
	visibility:hidden;
}
.sixrevisions {
	float: right;
	position: absolute;
	left: 414px;
	top: 10px;
	background-image: url(../images/sixrevisions_rollover.png);
	background-repeat: no-repeat;
}

.sixrevisions:hover img {
	visibility:hidden;
}
.me_title {
	position: absolute;
	height: 258px;
	width: 316px;
	left: -1px;
	top: 164px;
}
.email_me {
	height: 218px;
	width: 682px;
	position: absolute;
	left: 39px;
	top: 26px;
	background-image: url(../images/email_me_rollover.png);
	background-repeat: no-repeat;
}

.email_me:hover img {
	
	visibility:hidden;
}