/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* body
----------------------------------------------------------------------------------------------------*/

body {
		padding: 0;
		margin: 0;
		background: #000 center top;
}

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

.work {
				padding-bottom: 15px;
}

.resume {
				padding-bottom: 60px;
}

.category { 	color: #333333; 
				line-height: 16px; 
				font-size: 14px; 
				right: 0px; 
				float: right;
				padding-top: 10px; 
				margin-bottom: 0px;
}

.title { 		color: black; 
				line-height: 16px; 
				font-size: 14px; 
                float: left; 
				padding-top: 10px;
				margin-bottom: 0px;
}
	

a {	height: 100%;	color: #656565; text-decoration:none; }

a:hover	{ color: #262626; text-decoration:none; }

/* `Menu
----------------------------------------------------------------------------------------------------*/

#menu {
	list-style: none;
	padding-bottom: 15px;
	margin: 0;
	width: 1000px;
	height: 84px;
	background: url(http://www.kreathaus.com/brittany/images/headerAllWork.png) no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -9000%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .allwork {
	width: 79px;
	height: 16px;
	background: url(http://www.kreathaus.com/brittany/images/nav_all_both.png) no-repeat;
	left: 697px;
	top: 18px;
}
#menu .interactive {
	width: 94px;
	height: 16px;
	background: url(http://www.kreathaus.com/brittany/images/nav_int_both.png) no-repeat;
	left: 776px;
	top: 18px;
}
#menu .interactivemenu {
	width: 94px;
	height: 16px;
	position:absolute;
	left: 776px;
	top: 18px;
}

#menu .print {
	width: 51px;
	height: 16px;
	background: url(http://www.kreathaus.com/brittany/images/nav_pt_both.png) no-repeat;
	left: 870px;
	top: 18px;
}
#menu .printmenu {
	width: 51px;
	height: 16px;
	position:absolute;
	left: 870px;
	top: 18px;
}
#menu .identity {
	width: 70px;
	height: 16px;
	background: url(http://www.kreathaus.com/brittany/images/nav_id_both.png) no-repeat;
	left: 921px;
	top: 18px;
}
#menu .identitymenu {
	width: 70px;
	height: 16px;
	position:absolute;
	left: 921px;
	top: 18px;
}
#menu .brittanyresume {
	width: 56px;
	height: 18px;
	background: url(http://www.kreathaus.com/brittany/images/nav_resume_both.png) no-repeat;
	left: 862px;
	top: 56px;
}
#menu .resumemenu {
	width: 56px;
	height: 18px;
	position:absolute;
	left: 862px;
	top: 56px;
}
#menu .contact {
	width: 61px;
	height: 18px;
	background: url(http://www.kreathaus.com/brittany/images/nav_contact_both.png) no-repeat;
	left: 928px;
	top: 56px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}