/* @override http://yosoh.com/css/layout.css */

/* CSS Document */
/*standard document elements*/
.obscure {
	position: absolute;
	left: -9999px;
	float: left;
}
.clear {
	clear: both;
}
/*general layout elements*/
body {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
}
html, body {
	height: 100%;
}
#container {
	height: 100%;
}
#footer {
	height:100px;
	position:fixed;
	bottom:0;
	z-index:10;
}
#footerWrapper {
	position:fixed;
	height: 100%;
}
/* navigation */
#header {
	width: 960px;
	position: fixed;
	left: 0px;
	top: 0px;
	margin-top: 4px;
}
#branding {
	float: left;
	display: block;
	width: 320px;
	text-align: center;
}
#navigation li {
	float: left;
	text-align: left;
	display: block;
	width: 150px;
	height: 47px;
	padding-top: 14px;
}
/*rules for content display*/
#mainContent {
	position: absolute;
	top: 55px;
	left: 0px;
	visibility: visible;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 24px;
	padding-bottom: 24px;
	height: 560px;
}
#search #mainContent{
	height: auto!important;
}
/*BASED OFF OF BODY ID this should match the width of all images, the number of images times 12px, plus 48px (for left and right margins)*/
#home #mainContent {width: 2660px;}
#about #mainContent {width: 2348px;}
#advertising #mainContent {width: 1900px;}
#artwork #mainContent {width: 1600px;}
#blog #mainContent {width: 3348px;}
#contact #mainContent {width: 1648px;}
#design #mainContent {width: 3348px;}
#download #mainContent {width: 1548px;}
#links #mainContent {width: 1548px;}
#news #mainContent {width: 3348px;}
#search #mainContent {width: 3348px;}
#photos #mainContent {width: 3348px;}
#shop #mainContent {width: 1648px;}
#press #mainContent {width: 1648px;}
#press_fragiles #mainContent {width: 2924px;}
#press_blkmrkt #mainContent {width: 5820px;}
#press_faesthetic #mainContent {width: 2376px;}
#press_artravel #mainContent {width: 3200px;}
#press_an #mainContent {width: 1600px;}
#press_lucky #mainContent {width: 4048px;}
#press_mac #mainContent {width: 2076px;}
#press_paintedclay #mainContent {width: 2300px;}
#press_sofa #mainContent {width: 2400px;}
#press_plugzine #mainContent {width:9160px;}
#press_cs #mainContent {width: 2324px;}
#press_kutani #mainContent {width: 2250px;}
#press_hop #mainContent {width: 3200px;}
#press_transfer #mainContent {width: 3548px;}
#press_cm #mainContent {width: 7176px;}
#press_creativeEngine #mainContent {width: 5048px;}
#press_ceramics_and_print #mainContent {width: 2948px;}
#press_clay_national #mainContent {width: 2324px;}
#press_ceramics_technical #mainContent {width: 4848px;}
#artwork_litho #mainContent {width: 2996px;}
#artwork_geta #mainContent {width: 6360px;}
#artwork_blue #mainContent {width: 3000px;}
#artwork_spoils #mainContent {width: 3436px;}
#artwork_red #mainContent {width: 2436px;}
#artwork_interactive #mainContent {width: 1636px;}
#artwork_dreams #mainContent {width: 2336px;}
#artwork_download #mainContent {width: 2076px;}
.advertising#navistar #mainContent {width: 3136px;}
.advertising#beyond #mainContent {width: 3748px;}
.advertising#headphones #mainContent {width: 5800px;}
.advertising#memories #mainContent {width: 2400px;}
.advertising#suggestion #mainContent {width: 3276px;}
.advertising#walkman #mainContent {width: 2400px;}
/*BASED OFF OF BODY ID this should match the width of #mainContent plus 48px*/
#home #container, #home #footer {width: 2708px;}
#about #container, #about #footer {width: 2396px;}
#advertising #container, #advertising #footer {width: 1948px;}
#artwork #container, #artwork #footer {width: 1696px;}
#blog #container, #blog #footer {width: 3396px;}
#contact #container, #contact #footer {width: 1744px;}
#design #container, #design #footer {width: 3396px;}
#download #container, #download #footer {width: 1644px;}
#links #container, #links #footer {width: 1644px;}
#news #container, #news #footer {width: 3444px;}
#search #container, #search #footer {width: 3396px;}
#photo #container, #photo #footer {width: 3396px;}
#shop #container, #shop #footer {width: 1744px;}
#press #container, #press #footer {width: 1784px;}
#press_fragiles #container, #press_fragiles #footer {width: 3020px;}
#press_blkmrkt #container, #press_blkmrkt #footer {width: 5916px;}
#press_faesthetic #container, #press_faesthetic #footer {width: 2472px;}
#press_artravel #container, #press_artravel #footer {width: 3296px;}
#press_an #container, #press_an #footer {width: 1696px;}
#press_lucky #container, #press_lucky #footer {width: 4144px;}
#press_mac #container, #press_mac #footer {width: 2172px;}
#press_paintedclay #container, #press_paintedclay #footer {width: 2396px;}
#press_sofa #container, #press_sofa #footer {width: 2496px;}
#press_plugzine #container, #press_plugzine #footer {width: 9256px;}
#press_cs #container, #press_cs #footer {width: 2420px;}
#press_kutani #container, #press_kutani #footer {width: 2346px;}
#press_hop #container, #press_hop #footer {width: 3296px;}
#press_transfer #container, #press_transfer #footer {width: 3644px;}
#press_cm #container, #press_cm #footer {width: 7272px;}
#press_creativeEngine #container, #press_creativeEngine #footer {width: 5144px;}
#press_ceramics_and_print #container, #press_ceramics_and_print #footer {width: 3044px;}
#press_clay_national #container, #press_clay_national #footer {width: 2420px;}
#press_ceramics_technical #container, #press_ceramics_technical #footer {width: 4944px;}
#artwork_litho #container, #artwork_litho #footer {width: 3092px;}
#artwork_geta #container, #artwork_geta #footer {width: 6456px;}
#artwork_blue #container, #artwork_blue #footer {width: 3096px;}
#artwork_spoils #container, #artwork_spoils #footer {width: 3532px;}
#artwork_red #container, #artwork_red #footer {width: 2532px;}
#artwork_interactive #container, #artwork_interactive #footer {width: 1732px;}
#artwork_dreams #container, #artwork_dreams #footer {width: 2432px;}
#artwork_download #container, #artwork_download #footer {width: 2172px;}
.advertising#navistar #container, .advertising#navistar #footer {width: 3232px;}
.advertising#beyond #container, .advertising#beyond #footer {width: 3844px;}
.advertising#headphones #container, .advertising#headphones #footer {width: 5896px;}
.advertising#memories #container, .advertising#memories #footer {width: 2496px;}
.advertising#suggestion #container, .advertising#suggestion #footer {width: 3372px;}
.advertising#walkman #container, .advertising#walkman #footer {width: 2496px;}

#mainContent img {
float: left;
/*margin-right: 24px;*/
margin-right: 7px;
}

/*footer styles*/
#footerMenu {
margin-left: 24px;
width: 936px;
}

#footerMenu li {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
#footerMenu a {
	padding-right: .4em;
	padding-left: .4em;
}
#footer h1 {
	margin-bottom: 2px;
	margin-left: 24px;
	padding-top: 12px;
}
/*rules to display or hide mailing list info based on page ID*/#joinMailingList {
	display: none;
}
#joinMailingList .indent {
	margin-left: 30px;
}
#joinMailingList img {
	position:relative;
	left: 136px;
	bottom: 146px;
	float: left;
}
#joinMailingList a {
	padding-left: 8px;
}
#home #joinMailingList {
	display: inline!important;
}
#home #footer h1,
#home #footer #footerMenu {
	display: none;
}
#home .joinList {
	display: block!important;
}
#joinMailingList {
	display: none;
}
#home #joinMailingList {
	display: inline!important;
}
#home #footer p {
	padding-top: 0px!important;
	margin-left: 0px!important;
	float: left;
	position: relative;
	right: 240px;
	top: -10px;
	clear:none!important;
}
#footer p{
	margin-left: 24px;
	clear:both;
}

/*text within content areas*/
.copyBlock,
.portfolioIntro {
	float: left;
	height: 394px;
	width: 620px;
	overflow: auto;
	margin-top: 148px;
	margin-bottom: 48px;
	margin-right:24px;
}
#headphones #adsYouNeverSaw{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 120px;
	width: 140px;
	margin-right: 0px;
	height: 440px;
	margin-left: 200px;
	text-align: right;

}
#headphones #adsYouNeverSaw span{
	padding-right: 8px;
	padding-left: 8px;
}
#headphones #adsYouNeverSaw h3{
	position: absolute;
	left: 3130px;
}
#advertising #clientList{
	margin-top: 148px;
	padding-top: 0px;
	height: 394px;
	width: 620px;
	float: left;
}
#about #mainContent,
#advertising #mainContent,
#home #mainContent,
#artwork #mainContent {
	padding: 0px!important;
	height: 608px!important;
}
#home #mainContent #sorry img{
	padding-top: 94px;
	padding-left: 94px;
	padding-right: 94px;
}
#home #mainContent #printWindows img{
	padding-right: 94px;
}
#home #mainContent #artWindows img{
	padding-top: 24px;
}
#press #mainContent{
	padding-right: 0px!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	height: 608px!important;
	padding-left: 88px;
}
#about .portfolioEntry img,
#advertising .portfolioEntry img{
	margin-right: 0px!important;
}
#links .copyBlock{
	width: 240px;
	margin-top: 48px;
}
.copyBlock h3{
	margin-bottom: 8px;
}
body#contact h3,
body#contact form{
	float: left;
}
body#contact .copyBlock{
	width: 800px;
	margin-top: 48px;
}
body#contact h3{
	display: block;
	width: 210px;
	font-size: 2em;
	margin-right: 30px;
	margin-left: 120px;
	margin-top: 100px;
	text-align: right
}
.copyBlock p {
	margin-bottom: 12px;
}
/*#clientList {
	padding-top: 16px;
}*/
#clientList li {
	/*float: left;*/
	/*width: 48%;*/
	display: block;
	padding-left: 8px;
}
#clientList ul{
	float: left;
	width: 48%;
}
* html #clientList li { /*fixes float in IE*/
	width: 180px!important;
	padding: 0px!important;
	margin: 0px!important;
}
.portfolioEntry ol{
	float: left!important;
	display: block;
}
.portfolioEntry .image{
	margin-bottom: 8px;
}

/*links page styles*/
#links ul.links li a{
	padding-top: .2em;
	padding-top: .2em;
	padding-left: .5em;
	padding-right: .5em;
}
#links ul.links li{
	margin-bottom: 8px;
}
#links h3,
.entry h1 {
	margin-bottom: 8px;
}
#contact .contactHeader{
	padding-left: 12px;
	padding-right: 12px;
}
#about #aboutCopy{
	padding-left: 400px;
}
#advertising #aboutCopy{
	padding-left: 100px;
}
#artwork #aboutCopy{
	padding-left:  0px;
	margin-top: 20px!important;
}
#press #aboutCopy{
	padding-left: 48px;
}
#download #aboutCopy{
	width: 420px!important;
}
#artwork_interactive #aboutCopy{
	margin-top: 0px!important;
	height: auto!important;
	width: 518px;
	margin-right: 0px!important;
}
#artwork_interactive #aboutCopy img{
	width: 518px;
	margin-right: 0px!important;
}
#artwork_interactive #aboutCopy p{
	clear: both;
	margin-left: 60px;
	width: 400px;
}
#advertising #clientList h3 span{
	padding: 8px;
}
#advertising #clientList ul{
	margin-top: 16px;
}
/*news blog related styles*/
.entry{
	float: left;
	height: 394px;
	width: 620px;
	overflow: auto;
	margin-top: 48px;
	margin-bottom: 48px;
	margin-right:24px;
}
.entry img{
	max-width: 620px;
	max-height: 300px;
}
.entry h1 span{
	padding: 8px;
	
}
.entry h1{
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 16px;
	
}
.entry p.time{
	margin-bottom: 4px;
	margin-left: 8px;
	
}
#searchBar{
	float: left;
	margin-top: 12px!important;
}
#footer #paginationNav{
	float: left;
	margin-top: 14px!important;
	/*padding-left: 120px;*/
	/*padding-right: 120px;*/
	height: 20px!important;
	line-height: 20px;
}
#news #footer h1,
#search #footer h1{
	float: left;
	margin-right: 16px;
}
#news #supersimple,
#search #supersimple{
	/*float: left;
	margin-top: 16px!important;
	height: 20px!important;
	line-height: 20px;*/
	position:absolute;
	left: 900px;
	margin-top: 16px!important;
	padding: 0px!important;
	margin-bottom: 0px!important;
}
#news img{
	margin-right: 16px;
	margin-bottom: 16px;
}
.copyBlock .highlightEmphasis{
	padding: 8px;
}
#artwork_spoils .portfolioEntry .title,
#artwork_spoils .portfolioEntry .description{
	padding-left: 80px;
}
#artwork_blue .portfolioEntry .title,
#artwork_blue .portfolioEntry .description{
	padding-left: 80px;
}
#contactThanks.copyBlock h3{
	text-align: left!important;
}
#contactThanks.copyBlock{
	padding-left: 300px;
}