/* 
ShipShapes
Started: 01/30/08
Ended: End Date
Chip Medema - eClick Performance
Modified By: 
*/

/* HTML Styles */
body{ margin: 0px 0px 5px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #fff; }
h1{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #ab1d05; text-transform: capitalize; margin: 0px 0px 17px; padding: 0px; }
h2{ font-size: 16px; text-transform: capitalize;  font-weight: bold; color: #ab1d05; margin: 7px 0px 3px; padding: 0px; }
h3{ font-size: 14px; color: #ab1d05; font-weight: bold; padding: 5px 10px; }
h4{ font-size: 30px; color: #ab1d05; font-weight: bold; text-transform: uppercase; text-align: right; }
h5{ font-size: 20px; color: #2d2d2d; font-weight: bold; text-transform: uppercase; text-align: right; margin-top: 5px; }
h6{ font-size: 16px; color: #2d2d2d; font-weight: bold; text-transform: uppercase; text-align: right; margin: 0px; padding: 0px; }
h6 a{ font-size: 22px; color: #ab1d05; }
ul{ margin: 0px 0px 0px 40px; padding: 0px;  }
li{ list-style-image: url('../images/small-nav-star.jpg'); margin: 5px 0px;  }
li a{ color: #ab1d05; }
strong{ font-weight: bolder; }

/* DIV ID Styles */
div#topSection{ width: 100%; height: 145px; background: url('../images/top_bg.jpg'); }
div#topContainer{ width: 800px; margin: 0 auto; }
div#SS_LogoDiv{ float: left; width: 210px; }
div#rightSideLinks{ float: right; width: 575px; }
div#navigation{ width: 100%; height: 30px; background: #AB1D05; }
div#navigationContainer{ width: 800px; margin: 0px auto; padding-left: 20px; }
div#header-index{ width: 100%; height: 316px; background: url('../images/header-BG1.jpg'); border: 1px solid #fff; }
div#header-index2{ width: 100%; height: 175px; background: url('../images/header-BG1.jpg'); }
div#header-inside{ width: 100%; height: 168px; background: url('../images/header-BG2.jpg'); }
div#headerContainer{ width: 900px; margin: 0px auto; }


div#contentContainer{ width: 800px; margin: 10px auto; }
div#leftColumn{ float: left; width: 220px; }
div#rightColumn{ float: right; width: 570px; border-left: 1px solid #d6d6d6; }
div#content{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; line-height: 17px; padding: 10px 0px 10px 20px; }
div#content > a{ color: #ab1d05; }

div#footer{ width: 800px; font-size: 9px; color: #ab1d05; margin: 0px auto; }
div#footerLinks{ width: 800px; margin: 0 auto; text-align: center; font-size: 10px; color: #ab1d05; }
div#footerLinks > a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-transform: uppercase; color: #ab1d05; text-decoration: none; }

/* Classes */
.topLinks{ float: right; width: 325px; }
.bottomLinks{ float: right; width: 565px;}

.sideBoxes{ width: 185px; margin: 00px auto 10px; font-size: 12px; border: 0px solid #000; }
.sideNav{ width: 200px; margin: 25px auto 10px; font-size: 12px; }
.testimonials{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width: 200px; margin: 25px auto 10px; font-size: 12px; }
.news{ display: block; margin: 3px 0px 0px 25px; }
.hRule{ width: 100%; height: 0px; font-size: 0px; border-top: 1px dashed #2d2d2d; }
.bottomRule{ width: 100%; height: 5px; background: url('../images/bottomRule.jpg') repeat-x; margin: 10px 0px 5px }
.headShot{ display: block; float: left; border: 1px dotted #ccc; padding: .5em; margin: 0px 5px 25px 0px; }

.galleryItem{ float: left; width: 250px; height: 200px; border: 1px solid #D6D6D6; margin: 0px 5px 5px 0px; }

.cleraRight{ clear: right; }
.clearLeft{ clear: left; }
.clearBoth{ clear: both; }

/* Link Classes */
a.requestQuote{ float: left; display: block; font-size: 16px; font-weight: bolder; color: #2d2d2d; text-decoration: none; text-indent: 30px; padding: 2px 0px 5px; margin: 25px 20px 0px 0px; background: url('../images/large-star.gif') no-repeat; }
a.requestQuote:hover{ color: #ab1d05; }
a.requestQuoteOn{ float: left; display: block; font-size: 16px; font-weight: bolder; color: #ab1d05; text-decoration: none; text-indent: 30px; padding: 2px 0px 5px; margin: 25px 20px 0px 0px; background: url('../images/large-star.gif') no-repeat; }

a.getSamples{ float: left; display: block; font-size: 16px; font-weight: bolder; color: #2d2d2d; text-decoration: none; text-indent: 30px; padding: 2px 0px 5px; margin: 25px 20px 0px 0px; background: url('../images/large-star.gif') no-repeat; }
a.getSamples:hover{ color: #ab1d05; }
a.getSamplesOn{ float: left; display: block; font-size: 16px; font-weight: bolder; color: #ab1d05; text-decoration: none; text-indent: 30px; padding: 2px 0px 5px; margin: 25px 20px 0px 0px; background: url('../images/large-star.gif') no-repeat; }

a.topNavLinks{ float: left; display: block; font-size: 16px; font-weight: bolder; color: #2d2d2d; text-decoration: none; text-indent: 30px; padding: 2px 0px 5px; margin: 25px 20px 0px 0px; background: url('../images/large-star.gif') no-repeat; }
a.topNavLinks:hover{ color: #ab1d05; }

a.shipShapesNav{ float: left; display: block; width: 139px; font-size: 20px; font-weight: bolder; text-decoration: none; text-align: center; color: #2d2d2d; padding: 14px 0px; margin: 48px 2px 0px 0px; background: url('../images/nav-bg2.jpg'); }
a.shipShapesNav:hover{ color: #ab1d05; }
a.shipShapesNavOn{ float: left; display: block; width: 139px; font-size: 20px; font-weight: bolder; text-decoration: none; text-align: center; color: #ab1d05; padding: 14px 0px; margin: 48px 2px 0px 0px; background: url('../images/nav-bg2.jpg'); }

a.clearCardNav{ float: left; display: block; width: 139px; font-size: 20px; font-weight: bolder; text-decoration: none; text-align: center; color: #2d2d2d; padding: 14px 0px; margin: 48px 2px 0px 0px; background: url('../images/nav-bg2.jpg'); }
a.clearCardNav:hover{ color: #ab1d05; }
a.clearCardNavOn{ float: left; display: block; width: 139px; font-size: 20px; font-weight: bolder; text-decoration: none; text-align: center; color: #ab1d05; padding: 14px 0px; margin: 48px 2px 0px 0px; background: url('../images/nav-bg2.jpg'); }

a.metalMailNav{ float: left; display: block; width: 139px; font-size: 20px; font-weight: bolder; text-decoration: none; text-align: center; color: #2d2d2d; padding: 14px 0px; margin: 48px 2px 0px 0px; background: url('../images/nav-bg2.jpg'); }
a.metalMailNav:hover{ color: #ab1d05; }
a.metalMailNavOn{ float: left; display: block; width: 139px; font-size: 20px; font-weight: bolder; text-decoration: none; text-align: center; color: #ab1d05; padding: 14px 0px; margin: 48px 2px 0px 0px; background: url('../images/nav-bg2.jpg'); }

a.greenMailNav{ float: left; display: block; width: 139px; font-size: 20px; font-weight: bolder; text-decoration: none; text-align: center; color: #2d2d2d; padding: 14px 0px; margin: 48px 0px 0px 0px; background: url('../images/nav-bg2.jpg'); }
a.greenMailNav:hover{ color: #ab1d05; }
a.greenMailNavOn{ float: left; display: block; width: 139px; font-size: 20px; font-weight: bolder; text-decoration: none; text-align: center; color: #ab1d05; padding: 14px 0px; margin: 48px 0px 0px 0px; background: url('../images/nav-bg2.jpg'); }

/* bof Navigation bar */

a.extras, a.extrasOn{ width: 96px; border-left: 1px solid #841e0c;  } 
a.portfolio, a.portfolioOn{ width: 143px; border-left: 1px solid #841e0c; }
a.design, a.designOn{ width: 180px; border-left: 1px solid #841e0c; }
a.resources, a.resourcesOn{ width: 117px; border-left: 1px solid #841e0c; }
a.about, a.aboutOn{ width: 112px; border-left: 1px solid #841e0c; }
a.contact, a.contactOn{ width: 125px; border-left: 1px solid #841e0c; border-right: 1px solid #841e0c; }

a.extras{ display: block; float: left; font-size: 12px; color: #fff; border-bottom: 2px solid #AB1D05; text-transform: uppercase; text-align: center; text-decoration: none; padding: 8px 0px;  }
a.portfolio, a.design, a.resources, 
a.about, a.contact{ display: block; float: left; font-size: 12px; color: #fff; border-bottom: 2px solid #AB1D05; text-transform: uppercase; text-align: center; text-decoration: none; padding: 8px 0px;  }

a.extras:hover, a.portfolio:hover, a.design:hover, 
a.resources:hover, a.about:hover, a.contact:hover{ background: #841e0c; border-bottom: 2px solid #fff; }

a.extrasOn{ display: block; float: left; background: #841e0c; font-size: 12px; color: #fff; border-bottom: 2px solid #fff; text-transform: uppercase; text-align: center; text-decoration: none; padding: 8px 0px; } 
a.portfolioOn, a.designOn, a.resourcesOn, 
a.aboutOn, a.contactOn{ display: block; float: left; background: #841e0c; font-size: 12px; color: #fff; border-bottom: 2px solid #fff; text-transform: uppercase; text-align: center; text-decoration: none; padding: 8px 0px; }

/* eof Navigation bar */

a.sideNavLinks{ display: block; width: 100%; color: #2d2d2d; font-size: 12px; font-weight: bold; text-indent: 20px; text-decoration: none; margin: 10px 0px; padding: 0px; }
a.sideNavLinks:hover{ color: #ab1d05; background: url('../images/small-nav-star.jpg') no-repeat 5px 0px; }
a.sideNavLinksOn{ display: block; width: 100%; color: #ab1d05; font-size: 12px; font-weight: bold; text-indent: 20px; text-decoration: none; margin: 10px 0px; padding: 0px; background: url('../images/small-nav-star.jpg') no-repeat 5px 0px; }
a.sideBoxLinks{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ab1d05; text-decoration: underline; }
a.footerLinks{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-transform: uppercase; color: #ab1d05; text-decoration: none;  }
.faqDiv { margin-bottom:5px; }
.faqDiv > a { color:#ab1d05; text-decoration: none; }
.faqDiv > a:hover { text-decoration: underline; }
a.press{ text-decoration: none; }
a.press:hover{ text-decoration: underline; }

a#galleryLink{ display: block; color: #ab1d05; text-decoration: none; text-align: center; border-top: 1px dotted #D6D6D6; font-size: 12px; padding: 5px 0px 5px; }

/* Text Class Styles */
span.topFooterText{ display: block; font-size: 10px; color: #2d2d2d; text-align: center; margin: 0px 0px 5px; }
span.sideBoxText{ display: block; font-size: 12px; line-height: 14px; color: #2d2d2d; margin-bottom: 8px; }
span.testimonial{ color: #2D2D2D; font-size: 12	px; font-style: oblique; text-align: justify; }
strong.quoteFrom{ color: #ab1d05; font-size: 12px; font-weight: bold; }
span.quoteFrom2{ display: block; text-align: right; font-weight: bold; font-style: oblique; }
strong.client{ font-weight: bold; color: #ab1d05; }
strong.teamName{ font-weight: bold; color: #ab1d05;} 

table{ width: 95%; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #2D2D2D; margin: 20px auto; }
th{ color: #fff; font-weight: bold; text-align: left; padding: .5em.25em; background: #ab1d05; text-indent: 2px; }
td{ text-align: left; padding: .5em.25em; text-indent: 2px; }

table.clients{ width: 100%; border: 0px; }
td.clientsData { border: 0px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

/* eClick Footer Must Have On All Sites Unless Clients Says Different */
#eClick { width: 100%; text-align: center; margin: 10px 0px 25px; }
a.eClickFooterLink{ color: #2d2d2d; font-size: 9px; text-decoration: underline; }