html, body{
	height: 100%;
}
body {
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #dee2e6;
	height: 100%;
}
a {
	color: #419de6;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}

#container {
	text-align: left;
	width: 900px;
	margin: 0px auto 0px auto;
}
.nav {
	float: left;
	margin-right: 33px;
	width: 180px;
	background: url(../_img/nav_bg.png) no-repeat;
}
.nav .pad {
	padding: 0 16px 0 16px;
}
.nav h1 a {
	display: block;
	width: 103px;
	height: 103px;
	text-indent: -8008px;
	background: url(../_img/bossconstruct_logo.png) no-repeat;
	margin: 55px auto 35px auto;
}
.nav ul.menu {
	border-top: 1px solid #334e64;
	padding-top: 16px;
}
.nav ul.sub {
	margin-top: 30px;
}
.nav ul li {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 3px;
}
.nav ul li a {
	text-decoration: none;
	background-repeat: no-repeat;
	display: block;
	height: 10px;
	text-indent: -8008px;
}
.nav ul li a:hover {
	background-position: 0px -10px;
}
.nav ul li#news a {
	background-image: url(../_img/nav_news.png);
}
.nav ul li#posters a {
	background-image: url(../_img/nav_posters.png);
}
.nav ul li#print a {
	background-image: url(../_img/nav_print.png);
}
.nav ul li#packaging a {
	background-image: url(../_img/nav_packaging.png);
}
.nav ul li#illustration a {
	background-image: url(../_img/nav_illustration.png);
}
.nav ul li#tshirts a {
	background-image: url(../_img/nav_tshirts.png);
}
.nav ul li#logos a {
	background-image: url(../_img/nav_logos.png);
}
.nav ul li#photography a {
	background-image: url(../_img/nav_photography.png);
}
.nav ul li#about a {
	background-image: url(../_img/nav_about.png);
}
.nav ul li#contact a {
	background-image: url(../_img/nav_contact.png);
}
.nav ul li#store a {
	background-image: url(../_img/nav_store.png);
}
body#newsPage li#news a, 
body#postersPage li#posters a,
body#innerPosterPage li#posters a,
body#printPage li#print a,
body#packagingPage li#packaging a,
body#illustrationPage li#illustration a,
body#tshirtsPage li#tshirts a,
body#logosPage li#logos a,
body#photographyPage li#photography a,
body#aboutPage li#about a,
body#contactPage li#contact a,
body#storePage li#store a, 
body#storeDetailPage li#store a {
	background-position: 0px -20px;
}
.nav .copyright {
	color: #8898a5;
	font-size: 9px;
	border-top: 1px solid #334e64;
	margin-top: 25px;
}
.nav .copyright p {
	text-align: center;
	padding: 2px;
}
.nav .spacer {
	height: 150px;
}

#newsPage .paginationBlock,
#storePage .paginationBlock {
	border-top: 1px dotted #8d9ba7;
	text-align: right;
	color: #8d9ba7;
}
#newsPage .paginationBlock .pad,
#storePage .paginationBlock .pad {
	margin-top: 8px;
}
#newsPage .paginationBlock a, 
.paginationBlock span,
#storePage .paginationBlock a {
	border: 1px solid #8d9ba7;
	color: #8d9ba7;
	text-decoration: none;
	font-size: 10px;
	padding: 2px 4px 2px 4px;
	margin-right: 8px;
}
#newsPage .paginationBlock span.disabled, 
#newsPage .paginationBlock span.current,
#storePage .paginationBlock span.disabled, 
#storePage .paginationBlock span.current {
	color: #b2b5b8;
	border: 1px solid #b2b5b8;
}


#newsPage .paginationBlock a:hover,
#storePage .paginationBlock a:hover {
	background-color: #8d9ba7;
	color: #fff;
}
#newsPage .paginationBlock a.active,
#storePage .paginationBlock a.active {
	color: #c0c3c5;
	border: 1px solid #c0c3c5;
}
#newsPage .paginationBlock a.active:hover,
#storePage .paginationBlock a.active:hover {
	background: none;
	color: #c0c3c5;
}
#newsPage .paginationBlock .pagination, 
#storePage .paginationBlock .pagination {

}



#content {
	margin-top: 110px;
	float: left;
	width: 685px;
	margin-bottom: 200px;
}
body#newsPage #content p {
	margin-bottom: 12px;
	line-height: 1.8em;
	width: 80%;
}
body#newsPage #content .item {
	margin-bottom: 40px;
}

body#newsPage #content h2,
body#innerPosterPage .posterDetail h2,
body#storeDetailPage .posterDetail h2 {
	font-size: 18px;
	padding:2px;
	padding-left: 0px;
	margin:0px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
}
body#storePage #content .item .copy h3 {
	padding: 0px;
	margin: 0px;
	font-size: 5px;
}
.sIFR-alternate {
	display: none;
}

body#newsPage #content .date {
	font-weight: bold;
	color: #334e64;
	font-size: 10px;
	margin-bottom: 6px;
}
body#newsPage #content .date a {
	color: #334e64;
	text-decoration: none;
}
body#newsPage #content .date a:hover {
	text-decoration: underline;
}

/* REDUX! */

#newsColumn {
	width: 420px;
	margin-right: 15px;
	float: left;
}
#sidebar {
	float: left;
	border-left: 1px solid #b6bfc6;
	padding-top: 18px;
	min-height: 200px;
	width: 245px;
	background: url(../_img/sidebar_ds.png) repeat-y;
}
body#newsPage #content #newsColumn p {
	margin-bottom: 12px;
	line-height: 1.8em;
	width: 100%;
}
body#newsPage #content #newsColumn .thebody a img {
	max-width: 410px;
	height: auto;
}
body#newsPage #content .thebody a img {
	padding: 4px;
	border: 1px solid #8d9ba7;
	margin: 0 5px 5px 0;
	display: block;
	float: left; 
}
#sidebar .padded {
	padding: 14px 24px 24px 14px;	
}
#content #sidebar h3 {
	font-size: 14px;	
}

#twitter {
	padding-top: 30px;
	margin-left: 4px;
	background: url(../_img/sidebar_twitter_bg.png) no-repeat top center;
}
#twitter h3 {
	background: url(../_img/sidebar_twitter_header.png) no-repeat 4px 0px;
	display: block;
	width: 146px;
	height: 14px;
	visibility: visible;
	text-indent: -9999px;
	padding-left: 3px;
	margin-top: 10px;
}
#twitter .date {
	padding-left: 5px;	
}
#sidebar .tweetItem {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #3a5469;
	line-height: 1.5em;
	padding-left: 5px;
}
#sidebar .tweetItem a {
	text-decoration: none;
	color: #419de6;
}
#sidebar .tweetItem .channels,
#sidebar .tweetItem a.channels {
		color: #a6a6a6;
}
#sidebar .tweetItem .timestamp,
#sidebar .tweetItem .timestamp a {
	color: #8898a5;
	font-weight: bold;
	text-decoration: none;
}
#sidebar .tweetItem:last-child {
	border-bottom: none;	
}
#featuredWorks .date {
	padding-left:4px;	
}
#featuredWorksMask {
	width: 207px;
	overflow: hidden;
	margin-left: 4px;
}
#featuredWorksMask ul {
	width: 645px;	
}
#featuredWorksMask ul li {
	float: left;	
	width: 205px;
	margin-right: 10px;
}
#featuredWorksMask a.poster img {
	width: 205px;
	height: auto;
	border: 1px solid #94a1ac;
}
#featuredWorksMask ul li a.details {
	display: block;
	height: 22px;
	width: 90px;
	background: url(../_img/btn_viewdetails.gif) no-repeat;
	text-indent: -9999px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: none;
}
#featuredWorksMask ul li .descrip {
	margin-top: 38px;	
}
body#newsPage #content #sidebar p {
	margin-bottom: 12px;
	line-height: 1.4em;
	width: 100%;
	height: 100px;
	overflow: hidden;
}
#featuredWorksNav {
	margin-top: -20px;
	position: relative;
	top: 290px;
	left: 75px;
}
#featuredWorksNav ul li a {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	text-indent: -9999px;
	background: url(../_img/featured_nav_dots.png) no-repeat 0px -20px;
}
#featuredWorksNav ul li a:hover,
#featuredWorksNav ul li a.active {
	background-position: 0px 0px;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* ABOUT */

body#aboutPage .header {
	float: right;
	margin-bottom: 20px;
}
#aboutPage .header h2 {
	display: block;
	float: left;
	width: 345px;
	height: 172px;
	margin-right: 17px;
	margin-top: 12px;
	font-size: 30px;
	line-height: 1.2em;
	text-indent: -8008px;
	background-image: url(../_img/about_header.png);
	background-repeat: no-repeat;
}
body#aboutPage .header img {
	padding: 4px;
	border: 1px solid #8d9ba7;
}
body#aboutPage .inner {
	margin-top: 20px;
}
body#aboutPage .inner p  {
	text-align: justify;
	margin-left: 145px;
	width: 400px;
	margin-bottom: 13px;
}

body#aboutPage .photos {
	float: right;
	width: 110px;
	margin-left: 30px;
}
body#aboutPage .photos a {
	display: block;
	width: 100px;
	height: 100px;
	padding: 4px;
	border: 1px solid #8d9ba7;
}
body#aboutPage .photos ul li {
	margin-bottom: 15px;
	font-weight: bold;
	color: #334e64;
	font-size: 11px;
}

body#aboutPage .photos ul li .caption {
	padding-left: 6px;
	padding-top: 5px;
}
body#aboutPage fieldset {
	margin-left: 145px;
	margin-top: 40px;
	padding: 0px;
}

body#aboutPage fieldset ul li {
	margin-bottom: 8px;	
}
body#aboutPage fieldset ul li a {
	font-size: 16px;
	text-decoration: none;
	color: #000;
}
body#aboutPage fieldset ul li a:hover {
	color: #419de6;
}
body#aboutPage fieldset ul li a:before {
	content: "\21AA \0020";
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* CONTACT */
body#contactPage fieldset {
	margin-bottom: 40px;
}
body#contactPage legend,
body#aboutPage legend,
body#storePage .title {
	font-size: 10px;
	color: #334e64;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
	padding-left: 15px;
}
body#aboutPage legend {
	padding: 0px;
}

body#contactPage fieldset h2 {
	font-size: 60px;
	line-height: 1em;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px 0px 0px 11px;
	margin: 0px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* LOGOS, TSHIRTS, any page with the image viewer */
.imageViewerMask {
	width: 658px;
	height: 332px;
	border: 1px solid #8d9ba7;
	margin-bottom: 10px;

	overflow: hidden;
}
body#tshirtsPage .imageViewerMask, 
body#illustrationPage .imageViewerMask, 
body#packagingPage .imageViewerMask, 
body#printPage .imageViewerMask, 
body#innerPosterPage .imageViewerMask,
body#storeDetailPage .imageViewerMask {
	height: 439px;
}
.imageViewer {
	width: 658px;
	height: 332px;	
}	
body#tshirtsPage .imageViewer, 
body#illustrationPage .imageViewer, 
body#packagingPage .imageViewer, 
body#printPage .imageViewer, 
body#innerPosterPage .imageViewer,
body#storeDetailPage .imageViewer {
	height: 439px;
}
.imageViewer  {
	
}
.imageViewer ul {
	width: 4000px;
}
.imageViewer ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	
}
.imageViewer ul li img {

	
	
}
.imageViewer ul li .desc {
	width: 658px;
	background-image: url(../_img/imageviewer_bg.png);
	color: #FFF;
	z-index: 3;
	position: relative;
	margin-top: -18px;
	
}
.imageViewer ul li .desc .pad {
	padding: 18px 18px 8px 18px;
}

.imageViewer ul li .desc .pad .close a {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../_img/imageviewer_close.png) no-repeat top left;
	overflow: hidden;
	float: right;
	text-indent: -9999px;
}
.imageViewer ul li .desc .pad .close a:hover {
	background-position: 0px -16px;
}
.imageViewer ul li .desc p {
	margin-bottom: 10px;
}
.imageViewer ul li .desc p .title {
	font-weight: bold;
}
.imageViewer ul li .desc p a:hover {
	color: #FFF;
}

.desc div.buyit {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: 15px;	
}

.desc div.buyit div.price {
	padding: 18px 15px 18px 15px;
	border: 1px dotted #FFF;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	width: 40px;
	float: left;
	margin-right: 15px;
}
.desc div.buyit div.options {
	padding: 1px 15px 30px 15px;
	margin-bottom: 0px;
	border: 1px dotted #FFF;
	margin-left: 85px;
	height: 20px; /* was 44px */
}
body#innerPosterPage .desc div.buyit div.price,
body#storeDetailPage .desc div.buyit div.price  { 
	border: 1px dotted #8d9ba7;
	color: #000;
} 
body#innerPosterPage .desc div.buyit div.options,
body#storeDetailPage .desc div.buyit div.options {
	border: 1px dotted #8d9ba7;
	color: #8d9ba7;
}
.desc div.buyit div.options a, 
.desc div.buyit div.options .ppBtn {
	margin-top: 12px;
	display: block;
	width: 90px;
	height: 22px;
	float: left;
	margin-right: 12px;
}
.desc div.buyit div.options .select {
	padding: 0px;
	margin: 13px 12px 0px 0px;
	line-height: 0px;
	float: left;
	width: 190px;
}
.imageThumbsMask { 
	width: 690px;
	height: 215px;
	overflow:hidden;
}

.imageThumbs ul li {
	float:left;
}
.imageThumbs ul li a {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 4px;
	border: 1px solid #8d9ba7;
}
.imageThumbs ul li a img {
	width: 92px;
	height: 92px;
}

.thumbPagination {
	width: 660px;
	text-align: right;
	margin-top: 10px;
}
.thumbPagination ul {
	float: right;
}
.thumbPagination ul li {
	float: left;
	margin-right: 4px;
}
.thumbPagination ul li:last-child {
	margin-right: 0px;
}
.thumbPagination a {
	padding: 2px 6px;
	border: 1px dotted #8d9ba7;
	color: #8d9ba7;
	text-decoration: none; 
}
.thumbPagination a:hover, .thumbPagination a.active {
	color: #000;
	border: 1px dotted #000;
}



#content .quickPagination .prev a , 
#content .quickPagination .next a {
	display: block;
	position: relative;
	top: -450px;
	left: 1px;
	width: 210px;
	height: 424px;
	text-indent: -8008px;
	z-index: 500;
	/*opacity: 0;*/
	float: left;
	margin: 0px 0px -439px 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
#content .quickPagination .prev a {
	background-image: url(../_img/quickclick_blank.png);
}
#content .quickPagination .next a {
	left: 449px;
	background-image: url(../_img/quickclick_blank.png);
}
#content .quickPagination .prev a:hover, 
#content .quickPagination .next a:hover {
	cursor: pointer;
	/*opacity: .8;*/
}

body#logosPage #content .quickPagination .prev a , 
body#logosPage #content .quickPagination .next a {
	height: 318px;
	margin-bottom: -330px;
	top: -344px;
	background-position: 0px -50px;
}


/* ---------------------------------------------------------------------------------------------------------------- */
/* posters */
body#postersPage #content {
	width: 560px;
	margin-left: 25px;
}
body#postersPage .sorter, 
body#innerPosterPage .sorter,
body#storeDetailPage .sorter {
	margin-bottom: 10px;
	margin-right: 10px;
	float: right;
}
body#innerPosterPage .sorter,
body#storeDetailPage .sorter {
	margin-right: 30px; 
}
body#innerPosterPage .sorter a,
body#storeDetailPAge .sorter a {
 	text-decoration: none;
 }
.posterThumbsMask {
	height: 550px;
	overflow: hidden;
}
.storeThumbs {
	width: 670px;

}
.storeThumbs .item {
	width: 212px;
	margin-bottom: 25px;
	margin-right: 10px;
	float: left;

}
.storeThumbs .item .copy {
	padding: 0px 4px 0px 4px;
}
.posterThumbs div a,
.storeThumbs div a {
	padding: 4px;
	border: 1px solid #8d9ba7;
	margin: 0 10px 10px 0;
	display: block;
	width: 92px;
	height: 92px;
	float: left; 
}
.posterThumbs div a:hover,
.storeThumbs div a:hover {
	background-color: #FFF;
}
.posterThumbs div.lrg a,
.storeThumbs div.lrg a {
	width: 204px;
	height: 204px;
}
.posterThumbs div.alt a,
.storeThumbs div.alt a {
	float: right;
	margin: 0px 10px 0px 0px;
}
body#postersPage .thumbPagination,
body#storePage .thumbPagination {
	width: 550px;
	margin-top: 10px;
}
body#innerPosterPage #content {

}
body#innerPosterPage .posterDetail,
body#storeDetailPAge .posterDetail {
	margin-top: 20px;
}
body#innerPosterPage .col,
body#storeDetailPage .col {
	float: left;
}
body#innerPosterPage .one,
body#storeDetailPage .one {
	margin-right: 27px;
	width: 308px;
}
body#innerPosterPage .two,
body#storeDetailPage .two {
	width: 325px;
	margin-right: 0px;
}
body#innerPosterPage .tall .desc .buyit div.options,
body#storeDetailPage .tall .desc .buyit div.options {
	height: 84px;
}
body#innerPosterPage .tall .desc .buyit div.price,
body#storeDetailPage .tall .desc .buyit div.price {
	padding: 35px 15px;
}
body#innerPosterPage .tall .desc .buyit .options select,
body#storeDetailPage .tall .desc .buyit .options select {
	width: 190px;
}
div.one .views {
	text-transform: uppercase;
	margin-top: 20px;
}

div.one .views a {
	padding: 2px 6px;
	border: 1px dotted #8d9ba7;
	color: #8d9ba7;
	text-decoration: none; 
}
div.one .views a:hover, div.one .views a.active {
	color: #000;
	border: 1px dotted #000;
}
/* ---------------------------------------------------------------------------------------------------------------- */
/* store */
body#storePage .title {
	padding-left: 0px;
	margin-top: 30px;
}
body#storePage .item .btn a {
	display: block;
	height: 22px;
	width: 90px;
	background: url(../_img/btn_viewdetails.gif) no-repeat;
	text-indent: -9999px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: none;
}
body#storePage .item.blank .lrg { 
	width: 204px;
	height: 204px;
	padding: 4px;
	background: #d7dbdf url(../_img/store_comingsoon.gif) no-repeat 4px 4px;
	border: 1px solid #8d9ba7;
}
body#storePage .viewall {
	float: left;
	margin: 0px;
	padding: 0px;
}
body#storePage .viewall a {
	display: inline;
	width: auto;
	height: auto;
	padding: 4px 24px 4px 0px;
	margin: 10px 15px 0px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #426177;
	border: none;
	background: url(../_img/btn_viewall.png) no-repeat right center;
}
body#storePage .viewall.back a {
	display: inline;
	width: auto;
	height: auto;
	padding: 4px 0px 4px 24px;
	margin: 10px 15px 0px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #426177;
	border: none;
	background: url(../_img/btn_back.png) no-repeat left center;
}
body#storePage .paginationBlock {

}
body#storePage .paginationBlock span {
	float: left;
	display: block;
}
body#storePage .paginationBlock a {
	padding: 2px 6px;
	width: auto;
	height: auto;
}
body#storePage .viewall a:hover {
	text-decoration: underline;
}