html {
	width: 100%;
	height: 100%;
}
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 10px;
	width: 940px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #000000;
	color: #c0c0c0;
}
a {	color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

/*div { border: #000000 1px solid; margin: -1px;}*/
/* helpers
*/

.border { border: #363636 solid 0px; }
.border-top { border-top-width: 1px; }
.border-bottom { border-bottom-width: 1px; }
.border-right {	border-right-width: 1px; }
.border-left {	border-left-width: 1px; }
.clear-both { clear: both; }
.float-right { float: right; }
.float-left { float: left; }
.inline-block { display: inline-block; }
.hide { display: none; }
.show { display: inherit; }



/* header images, images
*/

.header { background-repeat: no-repeat; background-position: left center; }

.header-about { background-image: url(images/hdr-about.gif) }
.header-alternativeviews { background-image: url(images/hdr-alternativeviews.gif) }
.header-archives { width: 110px; height: 15px; background-image: url(images/hdr-archives.gif) }
.header-benjipeckphotography { background-image: url(images/hdr-benjipeckphotography.gif) }
.header-bpositiveinc { background-image: url(images/hdr-bpositiveinc.gif) }
.header-description { background-image: url(images/hdr-description.gif) }
.header-email { width: 48px; height: 11px; background-image: url(images/hdr-email.gif) }
.header-emailus { width: 118px; height: 22px; background-image: url(images/hdr-emailus.gif) }
.header-hearabout { width: 217px; height: 11px; background-image: url(images/hdr-hearabout.gif) }
.header-identity { width: 74px; height: 9px; background-image: url(images/hdr-identity.gif) }
.header-music { background-image: url(images/hdr-music.gif) }
.header-name { width: 45px; height: 11px; background-image: url(images/hdr-name.gif) }
.header-other { background-image: url(images/hdr-other.gif) }
.header-art { background-image: url(images/hdr-art.gif) }
.header-otherrecentwork { width: 248px; height: 24px; background-image: url(images/hdr-otherrecentwork.gif) }
.header-otherventures { width: 248px; height: 29px; background-image: url(images/hdr-otherventures.png) }
.header-planbart { background-image: url(images/hdr-planbart.gif) }
.header-status { width: 211px; height: 38px; background-image: url(images/hdr-status.gif) }
.header-thoughts { width: 83px; height: 11px; background-image: url(images/hdr-thoughts.gif) }
.header-thumnails { width: 83px; height: 9px; background-image: url(images/hdr-thumnails.gif) }

.img { background-repeat: no-repeat; }
.img-bposman {	background-image: url(images/img-bposman.jpg); }
.img-benji { width: 208px; height: 427px; background-image: none; }
.img-aboutbg {	width: 235px; height: 28px; background-image: none; }
.img-loading {	width: 32px; height: 32px; background-image: url(images/img-loading.gif);  }

.txt-callus { background: url(images/txt-callus.gif) no-repeat left center; width: 272px; height: 27px; }


/* buttons
*/

.button { height: 18px;	width: 87px; background: 90% 50% no-repeat;	display: block; cursor: pointer; } 
.button-followus { padding-right: 5px; width: 151px; background-image: url(images/btn-followus.gif); }
.button-more { background-image: url(images/btn-more.gif); }
.button-less { background-image: url(images/btn-less.gif); }
.button-submit { height: 11px; background-image: url(images/btn-submit.gif); }
.button-show { width: 50px; height: 20px; background-image: url(images/btn-show.jpg); }
.button-hide { width: 53px; height: 20px; background-image: url(images/btn-hide.jpg); }


/* global
*/

.title-large { font-family: Georgia; font-size: 15px; line-height: 20px; color: #c0c0c0;  }
.title-medium-upper { font-family: Helvetica; font-size: 9px; line-height: 16px; color: #797979; text-transform: uppercase; }

.img-frame { border: 5px solid #c0c0c0; }


/* header
*/

#home { position: absolute; width: 720px; height: 109px; display: block; }

#header { background: #000000 url(images/hdr.jpg) no-repeat; height: 109px; width: 100%; }

.sidenav { height: 19px; float: right; border-bottom: #363636 1px solid; display: block; background: right center no-repeat; clear: both; }
.sidenav-clients { width: 160px; background-image: url(images/sidenav-clients.gif); }
.sidenav-contact { width: 174px; background-image: url(images/sidenav-contact.gif); }
.sidenav-blog { width: 179px; background-image: url(images/sidenav-blog.gif); }

.sidenav-noborder { border: 0; }
.sidenav-icon {  display: block;  width: 30px; height: 31px; padding: 9px 5px; float: right; }
.sidenav-icon-twitter { background: url(images/icon-twitter.jpg) center center no-repeat; }
.sidenav-icon-facebook {  background: url(images/icon-facebook.jpg) center center no-repeat; }


/* left column content 
*/

	/* global content
	*/
#content-left {	width: 720px; height: 867px; float: left; }
.portfolio #content-left { height: 717px; }


		/* nav
		*/

.nav { height: 38px; width: 120px; float: left; display: block; background: no-repeat; }
.nav-identity {	background-image: url(images/nav-identity.gif); }
.nav-identity:hover, .nav-identity.nav-hover { background-image: url(images/nav-identity-over.gif); }
.nav-music { background-image: url(images/nav-music.gif); }
.nav-music:hover, .nav-music.nav-hover { background-image: url(images/nav-music-over.gif); }
.nav-art { background-image: url(images/nav-art.gif); }
.nav-art:hover, .nav-art.nav-hover { background-image: url(images/nav-art-over.gif); }
.nav-other { background-image: url(images/nav-other.gif); }
.nav-other:hover, .nav-other.nav-hover { background-image: url(images/nav-other-over.gif); }
.nav-about { background-image: url(images/nav-about.gif); }
.nav-about:hover, .nav-about.nav-hover { background-image: url(images/nav-about-over.gif); }
.nav-right { width: 237px; background-image: url(images/nav-rght.jpg); }


		/* featured
		*/
	
.content-left-padding { padding: 26px 21px 0 0;  }
.featured-slides { width: 100%; height: 350px; overflow: hidden; /*background: #c0c0c0;*/ margin: 0; padding: 0; list-style: none; }
.featured-slide-title, .featured-slide-type { display: none; }
.featured-title { padding-top: 4px; font-family: Georgia; font-size: 18px; line-height: 22px; color: #c0c0c0; }
.featured-type { font-family: Helvetica; font-size: 10px; line-height: 16px; color: #797979; text-transform: uppercase; }
.featured-icons a { cursor: pointer; display: inline-block; padding: 2px 4px; margin: 19px 0 0 5px; font-size: 10px; color: #ffffff; line-height: 10px; }
.featured-state-default { background: #202020; border-color: #202020;  }
.featured-state-active { background: #363636; border-color: #363636; }

		/* recent work
		*/

.header-otherrecentwork { padding: 25px 0 0 0; background-position: left 90%;  }
.recentwork { padding: 1px 0; height: 328px; }
.recentwork-type { float:left; width: 220px; padding: 0 7px 0 7px; margin: 0 4px 0 0; }
.recentwork-type-first { padding-left: 0; }
.recentwork-header { padding: 5px 0; width: 100%; height: 21px; }
.recentwork-item { padding: 14px 0 0 0; }
.recentwork-item-img { width: 210px; height: 74px; display: block; background: #000000; }
.recentwork-title { padding: 4px 0 0 0; }

	/* about page
	*/
.about-top { height: 427px; background: url(images/img-aboutbg.jpg) no-repeat; }
.about-img-benji { float: left; }
.about-content { font: 12px Georgia; line-height: 19px; width: 492px; padding: 85px 20px 0 0; float:left; }
.about-header { font-size: 28px; line-height: 28px; }
.about-body { padding: 20px 0 0 68px;}
.about-body-padding { padding-left: 50px; }
.about-headline, .about-body strong { font-size: 13px; font-weight: bold; }
.img-aboutbg { background-position: right top; }

.header-otherventures { position: absolute; margin-top: -27px; }

	/* contact page
	*/
	
.contact-content {  width: auto; height: 788px; font: 12px Georgia; line-height: 19px; }
.contact-header { height: 64px; background-position: left 90%; }
.contact-form { margin: 17px 0 0 0; }

.contact-form-column-1 { width: 217px; padding: 0 25px 0 0 ; }
.contact-form-header { width: 100%; padding: 7px 0; display: block; }
.contact-form input, .contact-form textarea { width: 207px; }
.contact-form-column-2 { width: 450px; }
.contact-form textarea { height: 153px; width: 100%; }
.contact-form-button-submit, input.contact-form-button-submit { width: 100%; height: 23px; background-color: #ffffff; background-position: left center; border: 5px solid #c0c0c0;  }
.contact-msg { display: none; padding-top: 15px; font-weight: bold; }
.contact-msg-error { color: #ff0000; }

	/* portfolio pages
	*   - Identity
	*   - Music
	*   - Other
	*/
	
.portfolio-title { font: 11px Georgia; color: #c0c0c0; text-transform: uppercase; padding: 7px 0; }
.portfolio-slideshow { padding: 0 21px 5px 0;  }
.slideshow-item { display: none; }
.portfolio-detail { padding: 1px 0;  }
.portfolio-detail-header { padding: 0; width: 100%; height: 21px; }
.header-description { width: 119px; }
.portfolio-detail-description { font: 12px Georgia; color: #c0c0c0; float: left; width: 219px; height: 209px; vertical-align: top; padding: 0 7px 0 0; }
.portfolio-detail-alt { float: left; width: 462px; padding: 0 0 0 8px; }
.portfolio-detail-thumbs { padding: 15px 0 0 0; margin-left: -10px; }
.portfolio-detail-thumb { cursor: pointer; width: 90px; height: 67px; display: inline-block; margin: 0 0 19px 18px; }



/* right column content
*/

	/* global content
	*/

#content-right { display: inline-block;	width: 218px; height: 867px; background: right top no-repeat;  }
.portfolio #content-right { height: 717px; }

.header-status { background-position: 5px center; }
.img-bposman {	position: absolute;	width: 218px; height: 38px;	background-position: right center; }

.twitter { padding: 0 0 15px 0; overflow: hidden; }
.twitter-padding { padding: 12px 5px 0; }
.twitter-title { font-style: italic; color: #989898; }

.archives-padding { padding: 15px 8px 0; }
.archives-item { padding-bottom: 6px; }
.header-archives { margin-bottom: 20px; }

.archives-all {  height: 475px; }
.archives-portfolio { height: 628px; width: 218px; overflow: hidden; }
.archives-column { display: none;   width: 218px; }
.archives-button-less { float: left; width: 48.5%; background-position: left center; }
.archives-button-more { float: right; width: 48.5%; }


	/* portolio pages
	*   -Identity
	*   -Music
	*   -Other
	*/
	
.portfolio .header-archives { margin: 0; background-position: 5px center; height: 38px; width: 210px; }
.portfolio .header-thumnails { width: 100%; height: 20px; background-position: 6px center; background-color: #000000; }
.portfolio .archives-less-more { margin: 0 8px; }
.portfolio-archive-img { width: 208px; height: 74px; display: block; background: #000000; clear:both; }
.portfolio .archives-item { padding: 0 10px; }



/* footer
*/

.footer { height: 43px; padding: 19px 0 0 0; color: #777777; }
.footer a { font-family: Georgia; text-transform: uppercase; font-size: 10px; line-height: 10px; letter-spacing: 1.35px; display: inline-block; margin: 4px 0 3px; padding: 0 10px 0 9px; }
.footer a.first { padding-left: 0; }
.footer-copyright { font-size: 9px; }