@charset "UTF-8";
/* CSS Document */

/*  GLOBAL
/******************************************/

* { margin: 0; padding: 0; outline: none; font-family: Verdana, Helvetica, sans-serif; font-size: small; color: #333333; }
img, fieldset, abbr, acronym { border: 0; }
.hidden { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #000000; }


/* BODY
*********************************************************/
body {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: small;
  background: #ffffff;

}

div#wrap{
  width: 792px;
  margin: 0 auto; 
}

div#leftDrop{
  height: 300px;
  width: 6px;
  float: left;
  background: url(images/left_shadow.jpg) no-repeat;
}

div#banner{
  width: 780px;
  height: 300px;
  background: url(images/orangeglue.gif) no-repeat;
}

div#rightDrop{
  height: 300px;
  width: 6px;
  float: left;
  background: url(images/right_shadow.jpg) no-repeat;
}

div#content{
  width: 780px;
  float: left;
  background: #ffffff;
}


/*  MAIN NAV
/******************************************/
ul#mainNav{
  list-style: none;
  float: left;
  width: 780px;
  height: 23px;
  background: #333333;
}
ul#mainNav li{
  float: left;
  background: url(images/divider.gif) center right no-repeat;
}
ul#mainNav li a{
  color: #f0f0f0;
}

ul#mainNav li a{
  float: left;
  text-indent: -9999em; 
  height: 23px;
  padding: 0px 5px 0px 4px;
}

a#navHome{
  width: 32px;
  background: url(images/home_active.gif) 50% no-repeat;
}
a#navPrint{
  width: 32px;
  background: url(images/print_active.gif) 50% no-repeat;
}
a#navArt{
  width: 22px;
  background: url(images/art_active.gif) 50% no-repeat;
}
a#navPackaging{
  width: 63px;
  background: url(images/packaging_active.gif) 50% no-repeat;
}
a#navMultimedia{
  width: 67px;
  background: url(images/multimedia_active.gif) 50% no-repeat;
}
a#navInfo{
  width: 25px;
  background: url(images/info_active.gif) 50% no-repeat;
}
a#navStore{
  width: 32px;
  background: url(images/store_active.gif) 50% no-repeat;
}

a#navHome.selected, a#navHome:hover{
  background: url(images/home_over.gif) 50% no-repeat;
}
a#navPrint.selected, a#navPrint:hover {
  width: 32px;
  background: url(images/print_over.gif) 50% no-repeat;
}
a#navArt.selected, a#navArt:hover{
  width: 22px;
  background: url(images/art_over.gif) 50% no-repeat;
}
a#navPackaging.selected, a#navPackaging:hover{
  width: 63px;
  background: url(images/packaging_over.gif) 50% no-repeat;
}
a#navMultimedia.selected, a#navMultimedia:hover{
  width: 67px;
  background: url(images/multimedia_over.gif) 50% no-repeat;
}
a#navInfo.selected, a#navInfo:hover{
  width: 25px;
  background: url(images/info_over.gif) 50% no-repeat;
}
a#navStore:hover{
  width: 32px;
  background: url(images/store_over.gif) 50% no-repeat;
}
a#navStore.selected{
  width: 32px;
  background: url(images/store_select.gif) 50% no-repeat;
}

/*  INNER CONTENT HOME & GENERAL
/******************************************/

div.innerContent{
  float: left;
  width: 778px;
  min-height: 450px;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-bottom: 2px solid #f0f0f0;
}

div#homeContent.innerContent{
  background: url(images/shoes.jpg) 280px 0px no-repeat;
}
div#infoContent.innerContent{
  /* currently no background assigned */
}
h1.contentHeader{
  text-indent: -9999em;
  text-transform: uppercase;
  font-size: 123.1%;
  width: 227px;
  height: 23px;
  float: left;
  color: #cccccc;
  border-bottom: 1px solid #f0f0f0;
  padding-left: 8px;
}

h1.enjoy {
  background: #f9f9f9 url(images/enjoy_header.gif) 4% 60% no-repeat;
}
h1.info {
  background: #f9f9f9 url(images/info_header.gif) 4% 60% no-repeat;
}
h1.multimedia {
  background: #f9f9f9 url(images/multimedia_header.gif) 4% 60% no-repeat;
}
h1.packaging {
  background: #f9f9f9 url(images/packaging_header.gif) 4% 60% no-repeat;
}
h1.art {
  background: #f9f9f9 url(images/art_header.gif) 4% 60% no-repeat;
}
h1.print {
  background: #f9f9f9 url(images/print_header.gif) 4% 60% no-repeat;
}
h1.store {
  background: #1a1a1a url(images/store_header.gif) 4% 60% no-repeat;
}
div.innerContent ol{
  margin-left: 8px;
  width: 227px;
  list-style: none;
  float: left;
  clear: left;
}
div#infoContent p{
  margin: 0 0 0 8px;
  float: left;
  clear: left;
  width: 227px;
  font-size: 77%;
}
div.innerContent li h3{
  font-size: 77%;
}
div.innerContent li p{
  font-size: 77%;
  margin-bottom: 14px;
}
div.innerContent li p.blogDate{
  margin-bottom: 0px;
    font-size: 65%;
}
div.innerContent li p.blogSignature{
    font-size: 65%;
	border-bottom:solid #CCCCCC 1px;
}
div.innerContent h2{
  text-transform: uppercase;
  float: left;
  clear: left;
  margin: 12px 0 15px 8px;
  font-size: 100%;
  color: #333333;
}


/*  INNER CONTENT INFO
/******************************************/

div#infoContent.innerContent form {
  float: left;
  clear: left;
  background: #f9f9f9;
  width: 505px;
}


div#infoContent fieldset#formInputs input{
  display: inline;
  height: 29px;
  width: 200px;
  float: left;
  color: #999999;
  font-size: 138.5%;
  line-height: 29px;
  border: 1px solid #f0f0f0;
}

div#contactCreds fieldset#formInputs {
  padding: 8px 0 8px 8px;
  width: 420px;
  float: left;
}
div.borderBottom {
  float: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
  width: 505px;
}

div#contactCreds ol {
  float: left;
  width: 420px;
  margin: 0px;
}

div#contactCreds li {
  float: left;
  padding-right: 8px;
  margin-bottom: 8px;
  width: 200px;
}

div#contactCreds li#messageArea {
  clear: left;
  
}

div#contactCreds textarea {
  float: left;
  color: #999999;
  font-size: 138.5%;
  width: 408px;
  height: 103px;
  border: 1px solid #f0f0f0;
}

div#contactCreds img {
  float: right;
  margin-top: 40px;
}

div#contactCreds fieldset#send {
  display: inline;
}

div#contactCreds fieldset#send #sendBtn {
  float: left;
  margin-top: 8px;
}

div#infoContent div#contactCreds {
  margin-top: 23px;
  margin-right: 10px;
  width: 505px;
  float: right;
}

div#contactCreds span.numberFormat {
  float: left;
  font-size: 197%;
  margin-bottom: 3px;
  width: 300px;
}

div#contactCreds p{
  width: 300px;
  float: left;
}

/*  MULTIMEDIA/PACKAGING CONTENT
/******************************************/
div#multimediaContent ul {
  list-style: none;
  float: left;
  clear: left;
}
div#multimediaContent li {
  display: inline;
  margin: 10px 10px 10px 18px;
  float: left;
  clear: left;
  border-bottom: 1px solid #cccccc;
}
div#multimediaContent h2 {
  margin: 0;
  width: 750px;
}
div#multimediaContent img{
  float: left;
  clear: left;
  
}
div#multimediaContent p {
  float: left;
  clear: left;
  margin: 0;
  width: 750px;
  margin-bottom: 20px;
  
}

div#multimediaContent p.projectInfo {
 font-size: 73%;
 margin-bottom: 2px;
}
div#multimediaContent p.projectInfo a{
  font-size: 100%;
}

/*  ART CONTENT
/******************************************/
div#artContent ul {
  list-style: none;
  float: left;
  clear: left;
}
div#artContent li {
  margin: 10px 10px 10px 18px;
  float: left;
}
div#artContent h2 {
  margin: 0 0 4px 0;
}
div.artEntry {
  float: left;
}
div#artContent img{
  clear: left;
  float: left;
  
}
div#artContent p {
  float: left;
  clear: left;
  margin: 0;
  
}
div#artContent p.projectInfo {
  //display: none;
  line-height: 1em;
  clear: none;
  margin: 4px 0 0 4px;
  font-size: 73%;
}
div#artContent p.projectInfo a{
  font-size: 100%;
}

/*  STORE CONTENT
/******************************************/
body.store {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: small;
  background: #000;

}

div#Storebanner{
  width: 780px;
  height: 300px;
  background: url(images/orangeglue_black.gif) no-repeat;
}

div#content2{
  width: 780px;
  float: left;
  background: #000;
}


div#leftStore{
  height: 300px;
  width: 6px;
  float: left;
  background: #111 url(images/left_store-shadow.jpg) no-repeat;
}

div#rightStore{
  height: 300px;
  width: 6px;
  float: left;
  background: #111 url(images/right_store-shadow.jpg) no-repeat;
}

h1.storeHeader{
  text-indent: -9999em;
  text-transform: uppercase;
  font-size: 123.1%;
  width: 227px;
  height: 23px;
  float: left;
  color: #000;
  border-bottom: 1px solid #111;
  padding-left: 8px;
}

div.innerStoreContent{
  float: left;
  width: 778px;
  min-height: 450px;
  border-right: 1px solid #111;
  border-left: 1px solid #111;
  border-bottom: 2px solid #111;
  background: #111111;
}



div#storeContent ul {
  list-style: none;
  float: left;
  clear: left;
}
div#storeContent li {
  margin: 10px 10px 10px 18px;
  float: left;
}
div#storeContent h2 {
  margin: 0 0 4px 0;
}
div.storeEntry {
  float: left;
}
div.storeLG {
  float: left;
}
div.storeDescription {
  float: left;
  font-size: 100%;
  margin-top: 10px;
}
div#storeContent img{
  clear: left;
  float: left;
  
}
div#storeContent p {
  float: left;
  clear: left;
  margin: 0;
  color: #fff;
  
}
div#storeContent p.projectInfo {
  display: none;
  line-height: 1em;
  clear: none;
  margin: 4px 0 0 4px;
  font-size: 73%;
  
}
div#storeContent p.projectInfo a{
  font-size: 100%;
}


div.innerStoreContent ol{
  margin-left: 8px;
  width: 227px;
  list-style: none;
  float: left;
  clear: left;
}
div#innerStoreContent p{
  margin: 0 0 0 8px;
  float: left;
  clear: left;
  width: 227px;
  font-size: 77%;
}
div.innerStoreContent li h3{
  font-size: 77%;
}
div.innerStoreContent li p{
  font-size: 77%;
  margin-bottom: 14px;
}
div.innerStoreContent li p.blogDate{
  margin-bottom: 0px;
}
div.innerStoreContent h2{
  text-transform: uppercase;
  float: left;
  clear: left;
  margin: 12px 0 15px 8px;
  font-size: 100%;
  color: #cccccc;
}

/*  COPYRIGHT
/******************************************/

p.copyright {
 font-size: 73%;
 float: left;
 background: #fff;
 color: #333;
 width: 778px;
}

p.copyright a{
  font-size: 100%;
}


p.storeCopyright {
 font-size: 73%;
 float: left;
 background: #000;
 color: #888;
 width: 778px;
}

p.storeCopyright a{
  font-size: 100%;
   color: #999;
}