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

* {margin:0px;padding:0px;border:0px;font-family:Arial, Helvetica, sans-serif;font-size:8px;}
html {width:100%;height:100%;}
body {width:100%;height:100%;}

a {color:#C8FFFF;outline:none;text-decoration:none;}
#navLeft a,#navRight a {color:#FFF;}
a:hover {color:#efbff3 !important;}
a.selected {color:#efbff3 !important;}

body,#bannerTop,#bannerBot,#bannerLeft,.artNavs {background:#2e211a;color:#FFF;}
#canvas,#hotspot,#bannerTop,#bannerRight,#bannerBot,#bannerLeft,#artbox,#artback,#artboard {position:absolute;}
#canvas,#bannerTop,#bannerBot {width:826px;}
#canvas {z-index:0;left:0px;top:0px;height:100%;background:#e5e7d1;border-right:1px solid #FFF;}

#artbox {z-index:1;top:69px;width:100%;height:462px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;}

#goBack,#goNext {z-index:10;position:absolute;top:120px;}
#goBack {left:185px;}
#goNext {left:783px;}
	.artNavs {position:absolute;padding-top:6px;width:42px;height:16px;border:1px solid #FFF;font-weight:bold;letter-spacing:0.2em;text-align:center;text-transform:uppercase;}
  .artNavs:hover {cursor:pointer;background:#000;color:#efbff3;}


#artback {z-index:1;left:183px;top:68px;width:644px;height:442px;background:#FFF url(images/img_loading.gif) 305px 185px no-repeat;}
	#artback img {margin-left:1px;}
	.recWork {z-index:10;width:643px;height:220px;color:#2e211a;}
		#pic1 {background:url(../portfolio/_recent/recent_img1.jpg) #FFF no-repeat;}
		#pic2 {background:url(../portfolio/_recent/recent_img2.jpg) #FFF no-repeat;}
		.recWork p {margin-left:360px;font-size:11px;}
		.recWork p.title {padding-top:30px;font-weight:bold;text-transform:uppercase;}
		.recWork p.text {height:100px;padding-top:6px;line-height:16px;}
		.recWork a {line-height:30px;color:#2e211a;font-size:11px;font-weight:bold;}
		.recWork a:hover {color:#2e211a !important;text-decoration:underline;}
#artboard {z-index:1;left:184px;top:68px;width:642px;height:442px;}

#artboxText,#newsboxText {width:100%;height:100%;background:#C8FFFF;}
#artboxText div {position:absolute;left:250px;top:0px;padding:20px;}
#artboxText p {margin-bottom:10px;color:#2e211a;font-size:10px;}
#artboxText p.title {font-weight:bold;}
#artboxText a {color:#2e211a;font-size:10px;font-weight:bold;}
#artboxText a:hover {color:#2e211a !important;text-decoration:underline;}
#newsboxText {padding-top:1px;}
	.newsPost {height:110px;border-bottom:1px solid #FFF;}
	.newsPost a {color:#2e211a;font-size:10px;font-weight:bold;}
	.newsPost a:hover {color:#2e211a !important;text-decoration:underline;}
	.newsPost p {padding-right:20px;color:#2e211a;font-size:10px;}
	.newsPost p.title {padding-top:10px;font-weight:bold;text-transform:uppercase;}
	.newsImg {float:left;margin:0px 16px 0px 0px;width:251px;height:110px;background:#FFF;}

#bannerTop,#bannerBot {height:21px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;}
#bannerTop .spacer,#bannerBot .spacer {margin:3px 0px 0px 186px;}
#bannerTop .nav,#bannerBot .nav {float:left;margin:2px 0px;width:640px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}

#bannerTop {z-index:2;left:0px;top:47px;}
	#bannerTop a {margin:0px 14px;}

#bannerBot {z-index:2;left:0px;top:510px;}
  #bannerBot a {color:#FFF;}

#bannerLeft {z-index:3;left:0px;top:0px;width:185px;height:100%;border-right:1px solid #FFF;}
  #bannerLeft * {font-size:11px;line-height:16px;}
	#bannerLeft div {padding:12px;}
  #masthead,#navLeft {border-bottom:1px solid #FFF;}
  #masthead {height:45px;}
  #navLeft {height:438px;}

#bannerRight {z-index:3;left:827px;top:70px;height:462px;}
	#bannerRight * {font-size:11px;line-height:16px;}
  #navRight {position:absolute;left:12px;top:12px;width:200px;height:252px;}
  .weblink {position:absolute;left:12px;width:200px !important;}
	#description {position:absolute;left:12px;top:308px;width:170px;height:134px;}