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

body {
	background-color: #202020;
	font-family: 'PT Sans', arial, serif;
	font-size: 12px;
	color: #202020;
	margin: 0px auto;
	text-align: center;
	padding: 0px;
}
#wrapper {
	width: 100%;
	background-color: #FFFFFF;
	margin: 20px auto;
	padding: 0px;
	overflow: auto;
}
#container {
	width: 900px;
	height: 500px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
h1 {
	float: right;
	width: 133px;
	padding: 20px 0px 0px 0px;
	margin: 0px;
}
h1 a {
	padding: 0px;
	margin: 0px;
	background: url('images/nickBruhn.gif');
	height: 23px;
	width: 133px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
}
h1 a:hover {
	background-position: 0 -23px;
}
ul#homeNav {
	background: url('images/homeBG.gif') no-repeat;
	background-position: 342px 50px;
	clear: right;
	padding: 50px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	overflow: auto;
}
ul#homeNav li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
.built,
.conceptual,
.artwork {
	float: left;
	width: 114px;
	display: block;
}
.resume {
	float: right;
	width: 114px;
	display: block;
}
.built a {
	padding: 0px;
	margin: 0px;
	background: url('images/builtWork.jpg');
	background-position: 0 -0px;
	height: 301px;
	width: 114px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.built a:hover {
	background-position: 0 301px;
}
.conceptual a {
	padding: 0px;
	margin: 0px;
	background: url('images/conceptualWork.jpg');
	background-position: 0 -0px;
	height: 301px;
	width: 114px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.conceptual a:hover {
	background-position: 0 301px;
}
.artwork a {
	padding: 0px;
	margin: 0px;
	background: url('images/artWork.jpg');
	background-position: 0 0px;
	height: 301px;
	width: 114px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.artwork a:hover {
	background-position: 0 301px;
}
.resume a {
	padding: 0px;
	margin: 0px;
	background: url('images/myResume.jpg');
	background-position: 0 -0px;
	height: 301px;
	width: 114px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.resume a:hover {
	background-position: 0 301px;
}
.homecopy {
	clear: both;
	padding: 20px 0px 10px 0px;
	margin: 0px;
}
p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 17px;
	font-family: 'PT Sans', arial, serif;
}
.boldWords {
	font-size: 17px;
	font-family: 'PT Sans', arial, serif;
	font-weight: bold;
}
.socialLinksContainer {
	clear: both;
	width: 920px;
	margin: 0 auto;
	padding: 0px 0px 10px 0px;
}
ul#socialLinks {
	bottom: 0px;
	float: right;
	width: 200px;
}
ul#socialLinks li {
	display: inline;
}
.contact a {
	text-decoration: none;
	font-size: 11px;
	color: #202020;
	padding: 5px 7px 0px 0px;
	margin: 0px;
	float: right;
}
.contact a:hover {
	text-decoration: underline;
	color: #202020;
	padding: 5px 7px 0px 0px;
	margin: 0px;
}
.blogger a {
	width: 26px;
	height: 26px;
	background: url('images/blogger.gif') no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	padding: 0px 7px 0px 0px;
	margin: 0px;
	overflow: hidden;
}
.linkedIn a {
	width: 26px;
	height: 26px;
	background: url('images/linkedIn.gif') no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	overflow: hidden;
}

/*--------- Top Nav -------- */
ul#topNav {
	list-style: none;
	clear: right;
	padding: 43px 0px 20px 0px;
	margin: 0px;
	text-align: right;
	
}
ul#topNav li {
	display: inline;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #aeaeae;
	letter-spacing: 1px;
}
ul#topNav li a:link,
ul#topNav li a:visited {
	color: #aeaeae;
	text-decoration: none;
}
ul#topNav li a:active,
ul#topNav li a:hover {
	color: #202020;
	text-decoration: none;
}
.topBuilt a:active strong,
.topBuilt a:hover strong  {
	color: #ffa200;
	text-decoration: none;
}
.topConceptual a:active strong,
.topConceptual a:hover strong  {
	color: #05e4ff;
	text-decoration: none;
}
.topArt a:active strong,
.topArt a:hover strong  {
	color: #e404bd;
	text-decoration: none;
}
ul#topNav li.topResume {
	border: none;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
}
.topResume a:active strong,
.topResume a:hover strong  {
	color: #00ff00;
	text-decoration: none;
}
/*--------- Gallery -------- */
#leftColumn {
	width: 275px;
	clear: right;
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}
#imageContainer {
	width: 605px;
	float: right;
}
h2.builtWorkTitle {
	background: url('images/builtWorkTitle.gif') no-repeat;
	width: 100px;
	text-indent: -9999px;
	display: block;
	height: 18px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
h2.conceptualWorkTitle {
	background: url('images/conceptualWorkTitle.gif') no-repeat;
	width: 171px;
	text-indent: -9999px;
	display: block;
	height: 24px;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}
h2.artWorkTitle {
	background: url('images/artWorkTitle.gif') no-repeat;
	width: 84px;
	text-indent: -9999px;
	display: block;
	height: 18px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
#imageContainer dl,
#imageContainer dd,
#imageContainer dd {
	display: inline;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}
#imageContainer dt {
	text-transform: uppercase;
	float: left;
	padding: 0px 0px 10px 0px;
}
#imageContainer dd {
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #aeaeae;
}
#imageContainer dl a:link,
#imageContainer dl a:visited {
	color: #aeaeae;
	text-decoration: none;
}
#imageContainer dl a:hover,
#imageContainer dl a:active,
#imageContainer dl a.categorySelected {
	text-decoration: underline;
	color: #202020;
}
#imageContainer dd.noBorder {
	border: none;
}
/*---------- Carousel ---------*/
#carousel_inner {
	position: relative;
	float: left; /* important for inline positioning */
	width: 605px; /* important (this width = width of list item(including margin) * items shown */ 
	background: #ffffff;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	overflow: hidden;
}
 
#carousel_ul {
	position: relative;
	left: -118px; 
	list-style-type: none; 
	margin: 0px;
	padding: 0px;
	width: 9999px; 
}
 
#carousel_ul li{
	float: left;                              
	width: 118px;  
	margin: 0px 3px 0px 0px;
	height: 255px;
	background: #ffffff;
	padding: 0px;
}
 
#carousel_ul li img {
	.margin-bottom: -4px; 
	cursor: pointer;
	border: none;
	cursor: hand; 
}
#left_scroll {
	clear: both;
	float: left;
	width: 98px;
}
#right_scroll {
	float: right;
	width: 98px;
}
#left_scroll a:link,
#left_scroll a:visited {
	background: url('images/left.gif') no-repeat;
	height: 15px;
	width: 98px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	adding: 0px;
	margin: 0px;
}
#left_scroll a:hover {
	background-position: 0 -15px;
}
#left_scroll a:active {
	background: url('images/left.gif') no-repeat;
	height: 15px;
	width: 98px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	adding: 0px;
	margin: 0px;
}
#right_scroll a:link,
#right_scroll a:visited {
	background: url('images/right.gif') no-repeat;
	height: 15px;
	width: 98px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	margin: 0px;
}
#right_scroll a:hover {
	background-position: 0 -15px;
}
#right_scroll a:active {
	background: url('images/right.gif') no-repeat;
	height: 15px;
	width: 98px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	adding: 0px;
	margin: 0px;
}