div#wrapper { width:100%; }
div#content-wrap { width:960px; margin: 0 auto; }

div#left-bar-bg { position:fixed; width:320px; height:1050px; background:url(../img/left-bar-bg.jpg) no-repeat; padding-left: 360px; margin-left: -360px; z-index:100; }
div#left-bar {}
div#branding { display:block; background:url(../img/branding.png) 0 20px no-repeat; width:315px; height:303px; }
ul#nav-main { margin:10px 0 0 88px; width:232px; }
ul#nav-main li { background:url(../img/nav-items.png) no-repeat; margin-bottom:10px; }
ul#nav-main li#nav-work { background-position:0 -70px; }
ul#nav-main li#nav-email { background-position:0 -140px; }
ul#nav-main li { display:block; width:232px; height:57px; padding-bottom:4px; text-indent:-9999px; overflow:hidden; cursor:pointer; }
div#content { width:620px; margin:10px; float:right; }
div#about-box { display:none; position:fixed; background-position:425px 98px; padding:0 36px 55px 0; }
div#contact-box { display:none; position:fixed; background-position:425px 300px; padding:0 36px 55px 0; }
div.title-bar { display:block; background:#e0e0e0 url(../img/title-bar-fade.gif) no-repeat; width:620px; height:45px; overflow:hidden; text-indent:-9999px; }
div.title-bar span { display:block; background:url(../img/content-titles.gif) 0 -39px no-repeat; width:111px; height:38px; float:right; margin-top:10px; }
div#contact-box div.title-bar span { background-position:0 0; width:155px; }
div#work-wrap div.title-bar span { background-position:0 -77px; width:96px; }
div#contact-box div.info-box div#fields { clear:both; margin:5px auto; width:400px; padding:10px 20px 20px; background:#CCC; }
div#contact-box div.info-box label { display:block; float:none; width:auto; margin:5px 0 0; font-size:18px; color:#555; }
div#contact-box div.info-box div#note { width:440px; margin:0 auto; }
.notification_ok { background:#093; padding:10px; margin: 0 0 20px; }
.notification_error { background:#E87400; padding:10px; }
div.info-box { display:block; background:#e0e0e0; width:500px; margin: 0 auto; padding-bottom:5px; font-size:14px; }
p.first-p { background:url(../img/info-box-fade.gif) repeat-x; padding:20px 20px 5px; margin:0; }
div.info-box-bg { background:url(../img/info-box-splat.png) no-repeat; }
.work-box { padding:10px 0 0 28px; color:#e9e9e9; }
.work-box img { background:#000; padding:4px; }
.work-box img:hover { border: 1px solid #fff; padding:3px; }
#digital-art span { background:url(../img/content-titles.gif) no-repeat 400px -151px; display:block; height:36px; width:100%; margin:0 0 10px; }
#web-design span { background:url(../img/content-titles.gif) no-repeat 400px -115px; display:block; height:36px; width:100%; margin:0 0 10px; }
.web-shot { display:block; float:left; margin:0 10px 10px; }

input.textbox {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
	width:300px;
}
textarea.messagebox {
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	margin: 0 0 20px;
}
.button { border-style:solid; background:#093; border:3px #063 solid; padding:5px; font-size:16px; }