/* CSS Document */
/* branding font */
@import url("steelfish.css");


/* BASIC STRUCTURE */
* { margin: 0px; padding: 0px; } /* RESETS ALL THE MARGINS AND PADDING */
body { background: #d4d4d4 /*url(../images/grid.png) repeat-y center;*/ }
#wrapper { width: 940px; margin-right: auto; margin-left: auto; }
#header { padding: 20px; overflow: auto; /* background: url(../images/PJStudio_head.png) no-repeat 20px 10px;*/ }
#header ul, #footer ul { list-style: none; /*padding-bottom: 20px;*/ }
#header ul { /* margin-top: 75px; */ }
#header ul li, #footer ul li { padding-right: 10px; float: left; }
#header ul li:after, #footer ul li:after { content: "|"; padding-left: 10px; }
#header ul li.last:after, #footer ul li.last:after { content: none; }
#main { background: white; padding: 20px 0px; overflow: auto; margin-bottom: 20px; }
#footer { padding: 50px 20px 20px; background: white; margin-bottom: 20px; }
#footer p { clear: left; }
.copyright { margin-left: 20px;}
img { padding-bottom: 25px; }
ul#art { list-style: none; display: inline; }
ul#art li { float: left; /*clear: right;*/ padding-right: 8px; }
ul#art img { border: 0; padding-bottom: 8px; }
ul#art a:hover { background: none; }

/* GRID - COLUMN WIDTHS */
.col1, .col1-5, .col2, .col2-5, .col3, .col3-5, .col4, .col5, .col6 { float: left; margin-left: 20px; }
.col1 { width: 120px; /*background: #666666;*/ }
.col1-5 { width: 200px; }
.col2 { width: 280px; /*background: #FF0099;*/ }
.col2-5 { width: 360px; }
.col3 { width: 440px; /*background: #CC0066;*/ }
.col3-5 { width: 520px; }
.col4 { width: 600px; /*background: #33CCCC;*/ }
.col5 { width: 760px; /*background: #009999;*/ }
.col6 { width: 900px; /*background: #FFFF33;*/ }

/* TYPOGRAPHY & COLORS */
body { font-family: Helvetica, Arial, sans-serif; color: #363636; font-size: 62.5%; }
a { color: #4d4d4d; text-decoration: none; padding: 1px; }
a:hover { color: white; background: #4d4d4d; }
p { font-size: 1.3em; line-height: 1.3em; padding-bottom: 1em; letter-spacing: -.025em; }
p a { font-weight:bold; }
p.large { margin-top: 30px; }
.large a { color: white; background: #808080; font-size: 18px;  padding: 8px; font-weight: bold; letter-spacing: -.025em; }
.large a:hover { color: #4d4d4d; background: #D2D2D2; }
h1 { font-size: 70px; font-family:"SteelfishRegular"; text-transform:uppercase; font-weight:normal; }
h2 { }
h3 { font-size: 1.9em; line-height: 1em; font-weight: bold; padding-bottom: 1em; letter-spacing: -.025em; }
h4 { font-size: 1.4em; }
.caption { font-size: 1.4em; }
#header ul { font-size: 1.8em; }
#footer ul { font-size: 1.2em; }
.copyright { font-size: 1.1em; }
.altinfo h3 { border-bottom: 1px solid #4d4d4d; padding-bottom:2px; margin-bottom:8px; }
.reviews { color: white; background: #808080; padding:10px 10px 0px; }
.reviews a { font-weight: bold; color: white; }
table { font-size: 1.3em; line-height: 1.3em; padding-bottom: 2em; letter-spacing: -0.025em; }
td { vertical-align: top; padding-bottom:7px; padding-top:7px; border-bottom: 1px solid #DDD; }
td.date { width: 65px; padding-right: 5px; }