/* 
===================================================== 

Vitalic Clothing
Design by Dan Clark
Styles by CramDesign.com

===================================================== 
*/
   
body {
 background: #fff url(images/backgrounds/rotate.php) no-repeat center top;
 font-size: 0.85em;
 margin: 0;
}

h1 {
}

h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.8em;
 font-weight: normal;
 text-transform: uppercase;
 margin-bottom: 5px;
}

h3 {
 margin-top: 20px;
}

h4 {
 margin-bottom: 10px;
 font-weight: normal;
 color: #666;
}

p {
 margin: 10px 0;
}

a {
 color: #900;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

#page-wrap {
 width: 920px;
 margin: 30px auto 60px auto;
}

#header {
 background: url(images/vitalic-header.png) no-repeat left top;
 height: 290px;
}

#header h1 {
 display: none;
}

#menu {
 margin-left: 70px;
 padding-bottom: 20px;
 display: block;
}

#menu li {
 display: inline;
 float: left;
 margin-right: 20px;
}

#menu li a {
 padding: 5px 20px 5px 10px;
 color: #fff;
 background: #000;
 text-transform: uppercase;
 font-weight: bold;
 text-decoration: none;
}

#menu li a:hover {
 background: #900;
}

#menu #about {
 display: none;
}

#content {
 clear: both;
 border-top: 2px dotted #666;
 margin-top: 20px;
 padding-top: 2px;
 height: auto;
 overflow: hidden;
}

#primary {
 border-right: 2px dotted #666;
 display: block;
 float: left;
 width: 530px;
 padding: 20px 2px 20px 0;
 padding-bottom: 30000px;
 margin-bottom: -29960px;
}

#primary .item {
 margin-bottom: 20px;
 padding-right: 20px;
}

#contact {
 border-top: 2px dotted #666;
 border-bottom: 2px dotted #666;
 padding: 20px 20px 20px 0;
}

#contact p {
 background: #ccc;
 padding: 5px;
 margin-top: 10px;
 font-size: 0.85em;
}

#contact h2 {
 margin-bottom: 20px;
}

#secondary {
 display: block;
 float: right;
 width: 360px;
 padding: 20px 0;
 padding-bottom: 30000px;
 margin-bottom: -29960px;
}

#secondary .item {
 margin-bottom: 20px;
}

#secondary .item p {
 margin: 2px 0;
}

#secondary .item .img {
 width: 280px;
 height: 140px;
 overflow: hidden;
 background: #bbb;
}

#gallery {
 clear: both;
 border-top: 2px dotted #666;
 margin-top: 20px;
 padding-top: 20px;
}

#gallery h3, #gallery .info {
 display: none;
}

#gallery .pagination {
 text-transform: uppercase;
 font-size: 90%;
}

#gallery .pagination strong {
 background: #000;
 padding: 2px 5px;
 color: #fff;
}

#gallery .item {
 display: inline-block;
 margin: 10px 10px 10px 0;
 padding: 10px;
 background: #ddd;
}

#gallery .item p {
 width: 280px;
 margin: 0;
}

#gallery .item .img {
 width: 280px;
 height: 140px;
 overflow: hidden;
 background: #bbb;
}

#footer {
 clear: both;
 border-top: 2px dotted #666;
 padding-top: 20px;
 display: none;
}

/* 
===================================================== 

H2 Title Swaps

===================================================== 
*/

#intro h2 {
 text-indent: -9000px;
 background: url(images/h2/REINVISIONING.png) no-repeat;
 height: 30px;
}
#primary #contact h2 {
 text-indent: -9000px;
 background: url(images/h2/GET-IN-TOUCH.png) no-repeat;
 height: 30px;
}
#catalog h2 {
 text-indent: -9000px;
 background: url(images/h2/CATALOG-REQUEST.png) no-repeat;
 height: 30px;
}
#featured h2 {
 text-indent: -9000px;
 background: url(images/h2/FEATURED-TEES.png) no-repeat;
 height: 30px;
}
#printinfo h2 {
 text-indent: -9000px;
 background: url(images/h2/printing-info-and-fees.png) no-repeat;
 height: 30px;
}
#howtoorder h2 {
 text-indent: -9000px;
 background: url(images/h2/how-to-order.png) no-repeat;
 height: 30px;
}
#contact h2 {
 text-indent: -9000px;
 background: url(images/h2/contact-information.png) no-repeat;
 height: 30px;
}
#faq h2 {
 text-indent: -9000px;
 background: url(images/h2/faq.png) no-repeat;
 height: 30px;
}
#gallery h2 {
 text-indent: -9000px;
 background: url(images/h2/shirt-designs.png) no-repeat;
 height: 30px;
}