/* ---------------------------------------------

/////////////// /////////////// /////////////
    /////           /////       ////
    /////           /////       ////
    /////           /////       //// ////////
    /////           /////       ////    /////
    /////           /////       /////////////

Site Developed by The Thomas Group
www.thomasgrouponline.com
Webmaster / Designer - Ian Arensbak
Web Developer - Brad Proctor

------------------------------------------------ */

/* -------------------------------- 
RESETS & BASIC PAGE SETUP
-------------------------------- */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5% Arial, Helvetica, sans-serif; background:#fff; }
ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a { outline: none; }
a img { border: none; }
table { border-collapse: collapse; }
h1 { margin-bottom: 5px; }
h2 { margin-bottom: 10px; }
h3 { margin-bottom: 2px; font-size: 1.8em; text-decoration: underline; }
hr { background: url(../images/hr.png) repeat-x; border: 0; height: 10px; width: 800px; margin: 0 auto; clear: both;}

/* -------------------------------- 
TOOLBOX
-------------------------------- */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.center { text-align: center; }

/* -------------------------------- 
PAGE STRUCTURE
-------------------------------- */
#page-wrap { width: 942px; margin: 0 auto; }
#top { width: 942px; height: 58px; background: url(../images/top.jpg); }
#header { width:942px; height:234px; background: url(../images/header.jpg); margin: 0; text-indent: -9999px; }
#content-wrap { width: 942px; background: #EFEFEE url(../images/content-bg.jpg) repeat-y; }
#content { padding: 15px 25px 5px 25px; }
#content p { font: 1.3em/1.3em Verdana, Arial, Helvetica, sans-serif; }
#content ul { list-style: disc outside; font-size: 1.4em; line-height: 1.4em; margin-left: 25px; margin-bottom: 15px; }
#footer { width: 942px; height:79px; background: url(../images/footer.jpg); }
#footer p { padding: 42px 20px 0px 20px; color: #fff; text-align: center; }
#footer a { text-decoration: none; color: #fff; }
#footer a:hover { text-decoration: underline; }

/* -------------------------------- 
FORM STYLING
-------------------------------- */
label { display: block; }
fieldset { margin: 1.5em 0 0 1.5em; padding: 0; }
legend { margin-left: 1em; color: #000000; font-size: 1em; font-weight: bold; }
fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
fieldset li { padding-bottom: 1em; }
fieldset.submit { border-style: none; }
input.submit { display: block; width: 136px; height: 51px; background: url(../images/submit-over.png); }
input.submit:hover { background: url(../images/submit.png); }
/* -------------------------------- 
SPECIALS BLOCK
-------------------------------- */
#specials-block { width: 918px; height: 303px; margin: 0 auto; background: #ccc; }
#specials-block table { margin: 0 auto; width: 765px; }
#specials-block table td { vertical-align: top; }
#specials-block table td a { display: block; width: 100%; height: 100%; }
#digital-printing { width:255px; height: 303px; margin: 0 auto; background: url(../images/specials/digital-printing-specials.jpg) no-repeat; }
#large-format { width:255px; height: 303px; margin: 0 auto; background: url(../images/specials/large-format-specials.jpg) no-repeat; }
#design-bindery { width:255px; height: 303px; margin: 0 auto; background: url(../images/specials/design-bindery-specials.jpg) no-repeat; }
#digital-printing h1, #large-format h1, #design-bindery h1, #digital-printing p, #large-format p, #design-bindery p { text-indent: -9999px; }

/* -------------------------------- 
NAVIGATION
-------------------------------- */
#navcontainer { float: right; padding: 18px 30px 0px 0px; }
#navlist li { font: 1.2em Verdana, Arial, Helvetica, sans-serif; display: inline; padding-bottom: 14px; padding-left: 10px; background-repeat: no-repeat; }
#navlist a { padding-left: 10px; padding-bottom: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#navlist a:link, #navlist a:visited { padding-left: 10px; color: #fff; }
#navlist a:hover { color: #0193DE; padding-left: 10px; }

/* --------------------------------
QUOTING PAGE
-------------------------------- */
.quote { margin-left: 10px; text-align: center; float: left; }
.quote-form { border: 1px solid #ccc; background: #e0e0e0 url(../images/quote-bg.png); width: 260px; height: 250px; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: left; }
.quote-form h2 { margin: 10px 0; }
.quote-form select { font-size: 11px; }
.total { font-size: 14px; color: #900; }

/* --------------------------------
THREE COLUMNS FORMATTING
--------------------------------- */
.services_column { }
.services-column div { float:left; padding:0 40px 0 40px; }
.services-column div a { font-size: 1.2em; color: #0297DC; }
.services-column div p { font-size:1em; margin-bottom:1.4em; line-height:1.3em; }
.services-column div.begin { padding-left:0; }
.services-column div.end { padding-right:0; }
input, select { padding: 3px; border: 1px solid #999; }
input:hover, select:hover { border: 1px solid #333; }
input[type=image], input[type=image]:hover { border: none; }
td { padding: 2px; }

/* --------------------------------
CONTACT PAGE
--------------------------------- */

.section { position: relative; width: 400px; border: 1px solid #555; margin: 25px auto; padding: 15px; background: url(../images/coupon-strip.png); }
.inborder { position: absolute; top: -1.2em; left: .5em; padding: .5em; font-weight: bold; background-color: #fff; }
#response { border: 1px solid #c00; background: #fee; padding: 3px; }

/* ------------------------------ 
PORTFOLIO
------------------------------ */
.coda-slider-wrapper { width: 880px; padding: 20px 0; clear: both; overflow: hidden; }
.coda-slider-wrapper h1 { margin-left: 30px; }
.coda-slider { background: #fff; float: left; overflow: hidden; position: relative; }
td h1 { margin-left: 20px; }
td h2 { margin-left: 20px; }
.coda-slider, .coda-slider .panel { position: relative; background: url(../images/content_pane-gradient.gif) repeat-x; width: 380px; height: 310px; }
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 380px; }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 5px; }
.coda-slider p.loading { padding: 20px; text-align: center; }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel img { width: 360px; height: 240px; padding: 10px; }
.coda-slider .panel-container { position: relative; }
.coda-nav-left, .coda-nav-right { float: left; padding-top: 115px; }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }
.caption { position: absolute; background: #000; width: 360px; height: 30px; top: 220px; left: 10px; opacity: .8; }
.caption p { color: #fff; padding: 6px 4px; }
.shade { background: url(../images/shade.jpg) no-repeat; height: 50px; width: 400px; position: absolute; top: 260px; }
.description { float: left; width: 430px; margin-left: 15px; overflow: hidden; }
.description p { padding-right: 20px; }
.description h1 { margin-left: 0px; }

/* ------------------------------
ORDERING
------------------------------ */
#order table { border: 1px solid #f88; background: #fee; width: 50%; }
#order table td { padding: 3px 5px; font-size: 12px; color: #444; }
#order table th { text-align: left; padding: 3px 5px; }