/* Generics, and website layout */
body 			{ background: url(http://www.benblenner.com/images/background.jpg); color: #767676; font-size: 13px; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; }
img				{ border: 0px; }
a				{ color: #767676; text-decoration: none; }
a:hover			{ font-weight: 600; }
html, body		{ height: 100%; padding: 0px; margin: 0px; }
ul, li			{ list-style-type: none; padding: 0; margin: 0; }
#floater 		{ position: relative; float: left; height: 50%; margin-bottom: -288px; width: 1px; }
#content 		{ position: relative; clear: left; height: 576px; margin: 0 auto; }
#sitewrapper	{ width: 1175px; margin: 0 auto; }

/* More details layout.. floats+widths etc. */
#wrapper		{ float: left; text-align: right; }
#contact-wrapper	{ line-height: 13px; padding-top: 100px; text-align: left; width: 500px; margin: 0 auto; }
#mainwrap		{ width: 858px; height: 576px; float: left; background: url(http://www.benblenner.com/images/main.png) top right no-repeat; text-align: right; }
#main			{ width: 850px; height: 566px; max-height: 566px; min-height: 566px; background: #fff; line-height: 566px !important; text-align: center; }
#main img		{ vertical-align: middle; }

/* Formatting + alignment for the thumbnails */
#thumbswrap		{ width: 152px; height: 576px; float: left; background: url(http://www.benblenner.com/images/thumbs.png) top left no-repeat; }
#thumbs			{ width: 137px; height: 566px; background: #fff; text-align: center; position: relative; }
#thumbs ul		{ padding: 5px 0 0 0; }
#thumbs ul li	{ margin: 5px 0 0 0; text-align: center; }
#thumbs li img 	{ width: 120px; }
#thumbs a img:hover { filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; }

/* This is to give a shadow to the selected images thumbnail.. format goes: horizontal offest (0px), vertical offset (0px), width of shadow (3px) and color (#767676); */
/*
	#thumbs .selected img { -moz-box-shadow: 0px 0px 3px #767676; -webkit-box-shadow: 0px 0px 3px #767676; box-shadow: 0px 0px 3px #767676; }
*/

/* This is to give a border to the selected images thumbnail.. format goes: border width (1px), border style (solid), border color (#767676); */
/* 
	#thumbs .selected img { margin: -1px; border: 1px solid #767676; }
*/

#nav			{ width: 150px; height: 560px; float: right; text-align: right; }
#title			{ width: 147px; height: 30px; background: url(http://www.benblenner.com/images/ben.jpg) top left no-repeat; }
#title h1 a		{ height: 30px; display: block; font-size: 0px; color:#f7f7f7; }
#ul ul			{ text-align: right; }
#ul ul li		{ width: 133px; line-height: 14px; height: 14px; padding-right: 18px; }
#ul ul #current	{ width: 150px; padding-right: 0px !important; }
#ul li img 		{ vertical-align: top; }
#controls		{ margin: 30px 18px 350px 0; }

.nav-controls .prev { margin-right: 5px; }
.bottom { position: absolute; bottom: 0px; width:137px; padding-bottom: 3px; text-align: center; }
.bottom .current { color: #bdbdbd; }
.bottom * { margin: 0 1px; }

.screenReader { left: -9999px; position: absolute; top: -9999px; }

#contact-wrapper div { margin-bottom: 10px; }
#contact-wrapper input { width: 250px; font-size: 15px; border: 1px solid #c2c2c2; padding: 5px; background: #fff; }
#contact-wrapper textarea { width: 400px; height: 200px; padding: 5px; font-size: 15px; border: 1px solid #c2c2c2; }
#contact-wrapper #submit { border: 1px solid #b77ed2; color: #b77ed2; font-weight: 600; }
#contact-wrapper #submit:hover { border: 1px solid #c2c2c2; color: #c2c2c2; }
#contact-wrapper * { font-family: Helvetica, Arial, sans-serif; color: #767676; }
#contact-wrapper label.error { color: red; padding-left: 15px; }

#main .current { height: 566px !important; max-height: 566px; min-height: 566px; }
#main .current a { height: 566px !important; }

#about-wrapper 	{ line-height: 13px; width: 850px; text-align: center; padding-top: 15px;}
#about-bio		{ width: 480px; text-align: left; margin: 0 auto; }
#about-bio p 	{ line-height: 15px; }

.center { text-align: center; }

#motion { display: none; visibility: hidden; }