@charset "utf-8";

body {
	background-color: #000000;
	background-image: url(/images/bgpattern.gif);
	background-repeat: repeat;
	color: #FAFAFA;
	font-family: Arial, Helvetica, sans-serif;
}

::-moz-selection{
	background: #0ACD6E;
	color: #111111;
}
::selection {
	background: #0ACD6E;
	color:#111111;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 684px;
}

#header {
	background-image: url(/images/header.png);
	background-repeat: no-repeat;
	height: 460px;
	margin-left: auto;
	margin-right: auto;
	width: 684px;
}

#contentContainer {
	background-image: url(/images/contentbody.png);
	background-repeat: repeat-y;
	/*
	margin-left: auto;
	margin-right: auto;
	*/
	margin-left: 82px;
	width: 519px;
}

#content {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* 75% ==  12pt */
	margin-left: auto;
	margin-right: auto;
	width: 462px;
}

#nav {
	color: #9C560E;
	height: 15px;
	margin-bottom: -8px;
	margin-left: 24px;
	text-align: left;
}

#nav div {
	background-repeat: no-repeat;
	cursor: pointer;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

#navDo {
	background-image: url(/images/nav_do.png);
	height: 15px;
	width: 64px;
}
#navDo:hover {
	background-position: -64px 0px;
}

#navDone {
	background-image: url(/images/nav_done.png);
	height: 15px;
	width: 93px;
}
#navDone:hover {
	background-position: -93px 0px;
}

#navEmployers {
	background-image: url(/images/nav_employers.png);
	height: 15px;
	width: 203px;
}
#navEmployers:hover {
	background-position: -203px 0px;
}

div.divider {
	background-repeat: no-repeat;
	height: 16px;
	margin-bottom: 2px;
	margin-left: 20px;
	margin-top: 20px;
}
#doDivider {
	background-image: url(/images/divider_do.png);
}
#doneDivider {
	background-image: url(/images/divider_done.png);
}
#employersDivider {
	background-image: url(/images/divider_employers.png);
}

div.arrow {
	background-image: url(/images/arrow.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	float: left;
	height: 17px;
	width: 14px;
}
div.arrow:hover {
	background-position: -14px 0px;
}

div.headingContainer {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	height: 17px;
	margin-bottom: 5px;
	margin-left: 24px;
	text-align: left;
}

div.heading {
	background-repeat: no-repeat;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

#doHeading {
	background-image: url(/images/heading_do.png);
	height: 16px;
	width: 80px;
}
#doneHeading {
	background-image: url(/images/heading_done.png);
	height: 17px;
	width: 119px;
}
#employersHeading {
	background-image: url(/images/heading_employers.png);
	height: 16px;
	width: 281px;
}

div.project {
	height: 140px;
	margin-bottom: 16px;
	margin-left: 19px;
	margin-right: 27px;
	overflow: visible;
	/*width: 478;*/
}

a.projectImage {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 138px;
	width: 191px;
}
a.projectImage:hover {
	background-position: 0px -137px;
}

a.projectName {
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 15px;
	margin-top: 8px;
	width: 219px; /*221px*/
}
a.projectName:hover {
	background-position: 0px -14px;
}

div.projectText {
	float: right;
	padding-top: 2px;
	text-align: justify;
	width: 219px; /*221px*/
}

#collectionProjectImage {
	background-image: url(/images/projectimages/collection.png);
}
#collectionProjectName {
	background-image: url(/images/projectnames/collection.png);
}
#safetyDanceProjectImage {
	background-image: url(/images/projectimages/safetydance.png);
}
#safetyDanceProjectName {
	background-image: url(/images/projectnames/safetydance.png);
}
#tempMusicAirProjectImage {
	background-image: url(/images/projectimages/tempmusicair.png);
}
#tempMusicAirProjectName {
	background-image: url(/images/projectnames/tempmusicair.png);
}
#scrambledLegsProjectImage {
	background-image: url(/images/projectimages/scrambledlegs.png);
}
#scrambledLegsProjectName {
	background-image: url(/images/projectnames/scrambledlegs.png);
}
#pocketPresenceProjectImage {
	background-image: url(/images/projectimages/pocketpresence.png);
}
#pocketPresenceProjectName {
	background-image: url(/images/projectnames/pocketpresence.png);
}
#hotelProjectImage {
	background-image: url(/images/projectimages/hotel.png);
}
#hotelProjectName {
	background-image: url(/images/projectnames/hotel.png);
}

div.projectInfo {
	text-align: justify;
}

div.employersSubSection {
	margin-bottom: 15px;
	margin-left: 27px;
	margin-top: 2px;
	text-align: left;
}

div.employersSubSectionDivider {
	background-repeat: no-repeat;
	height: 16px;
	margin-bottom: 2px;
	margin-left: -7px;
	margin-top: 0px;
}

#educationDivider {
	background-image: url(/images/divider_education.png);
	width: 120px;
}
#workExperienceDivider {
	background-image: url(/images/divider_workexperience.png);
	width: 118px;
}
#contactDivider {
	background-image: url(/images/divider_contact.png);
	width: 137px;
}

div.employersSubSectionHeading {
	background-repeat: no-repeat;
	height: 17px;
}

#educationHeading {
	background-image: url(/images/employerssubheadings/education.png);
	width: 106px;
}
#workExperienceHeading {
	background-image: url(/images/employerssubheadings/workexperience.png);
	width: 103px;
}
#contactHeading {
	background-image: url(/images/employerssubheadings/contact.png);
	width: 123px;
}

ul {
	list-style: none;
	margin-bottom: 10px;
	text-align: left;

}

#bottomSection {
	background-image: url(/images/bottom.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 38px;
	width: 462px;
}

p {
	margin-bottom: 15px;
	margin-left: 27px;
	margin-right: 27px;
	margin-top: 0px;
	text-align: justify;
}

a:link {
	color: #9C560E;
}
a:visited {
	color: #9C560E;
}
a:active {
	color: #0ACD6e; /* #0ACD6e green or #9C560E orange */
}
a:hover {
	color: #0ACD6e; /* #0ACD6e green or #9C560E orange */
}