/*----------------------------- / / Zombie 0.2.1 – It's Alive! / / Gatorworks Web Design / / David Link &Chase Swindler / / www.gatorworks.net / / -----------------------------*/ /*----------------------------- Revisions Immense Networks Jason Cross www.immense.net -----------------------------*/ /* Browser Reset via Blueprint ------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; vertical-align:baseline;} body {line-height:1.5;} /* Tables still need 'cellspacing="0"' in the markup. */ table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} table, td, th {vertical-align:middle;} /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"""";} /* Remove annoying border on linked images. */ a img {border:none;} #home .recentwork {float:left; margin-left:10px; margin-right:45px;} /* Layout ---------------------------------------------------- */ .floater {float:left; margin-left:20px; height:203px;} .design_serv {float:left; width:250px; height:390px;} body {text-align:center; margin:0 auto; background:#fefdef url('../images/brush_bg.jpg') no-repeat fixed center top; font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;} #yella {background:url('../images/nav_bg.jpg') repeat-x top center; width:100%; height:44px; margin:0px auto; position:absolute; top:0; left:0;} #container {background:url('../images/frills_bg.png') repeat-y center top; width:100%; margin:0px auto; min-height:100%; position:absolute; top:0; left:0;} #content {width:860px; margin:0 auto; text-align:left; position:relative; left:1px; padding-bottom:100px; /* Must match #footer height */} #header {position:relative; height:44px;} #logo {width:162px; height:150px; position:absolute; top:0; left:-40px;} #logo a {display:block; height:150px; background:url('../images/logo.png') no-repeat; text-indent:-10000em; overflow:hidden;} #nav {float:left; margin-left:126px; margin-top:7px; position:absolute; width:900px;} #nav li {float:left; list-style:none; padding:7px 13px 6px 13px; margin-left:5px; overflow:hidden;} #nav li a {display:block; text-decoration:none; color:#000; /*padding:0px 7px; */font-family: "crete-rounded-web-1","crete-rounded-web-2"; background-repeat:no-repeat; background-position:top center;} #nav li:hover, #nav li:active, #home #nav .home, #screenprinting #nav .screenprinting, #designservices #nav .designservices, #quote #nav .quote, #clients #nav .ourclients, #faq #nav .faq, #contact #nav .contact, #about #nav .about {background-color:#DC6218;} #nav li:hover a, #home #nav .home a, #screenprinting #nav .screenprinting a, #designservices #nav .designservices a, #quote #nav .quote a, #clients #nav .ourclients a, #faq #nav .faq a, #contact #nav .contact a, #about #nav .about a {background-position:bottom center; color:#fff;} #nav .giraphicapparel {background-color:#607D17;} #nav .giraphicapparel a {width:106px; background-position:bottom center;} #banner h1 {text-indent:-10000em; background:url('../images/banner.jpg') no-repeat; height:302px;} #banner #strap h3 {width:947px; height:91px; text-indent:-10000em; background:url('../images/strap.png'); position:relative; left:-45px; top:-7px;} #print_work {background-image:url('../images/printwork.png') !important;} #design_work {background-image:url('../images/designwork.png') !important;} #main {margin-top:25px; overflow:hidden;} .subpage #main {margin-top:70px;} #home #maincontent {width:800px;} #maincontent {width:430px; float:left; margin:0 25px; padding:20px 10px;} #maincontent .left {float:left;} #maincontent .right {float:right;} #maincontent .left, #maincontent .right {width:375px;} #designservices #maincontent, #faq #maincontent {width:342px;} #screenprinting #maincontent, #clients #maincontent, #faq #maincontent, #contact #maincontent {width:auto;} #screenprinting #maincontent #title {width:422px; height:38px; background:url('../images/screenprintingservices.png') no-repeat; text-indent:-10000em;} #clients #maincontent #title {width:370px; height:30px; background:url('../images/ourclients.png') no-repeat; text-indent:-10000em;} .subpage #maincontent {margin-top:55px; border-top:none;} #maincontent h1 {margin-bottom:0; color:#91bf00; font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif; font-size:28px; font-weight:bold; font-style:italic;} #maincontent h2 {color:#0958A8; font-weight:bold;} #screenprinting #maincontent h2 {color: inherit; font-weight: inherit;} #maincontent p {font-size:15px; margin:20px 0; line-height:1.75em; color:#444;} .subpage #maincontent p, #maincontent ul {font-size:12px; margin:15px 0; padding-right: 36px;} #maincontent ul {color:#0958a8; background:#efefef; list-style-position:outside; padding:10px 15px 10px 30px; line-height:1.5em;} #maincontent li {padding:5px 0;} #brands.design_ul {padding: 1px;} #brands.design_ul li {padding: 0; margin: 0 7px;} #maincontent .bonus {padding-top:1px; border-top:1px dotted #ff8a00;} #maincontent label {display:block; margin-top:10px; font-size:12px; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; color:#666;} #maincontent input[type="text"] {width:300px; padding:5px;} #maincontent input, #maincontent select {margin-bottom:10px; display:block;} #maincontent table {background:#fff; clear:both;} #maincontent table th {background:#e9e6e6; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight:bold; text-transform:uppercase; color:#ff8a00; text-align:center; font-size:15px; padding:5px 10px; border:1px dotted #ff8a00; border-top:none; border-right:none;} #maincontent table td {border:1px dotted #ff8a00; border-top:none; border-right:none; padding:5px 10px; color:#231f20; font-size:12px; text-align:center;} #maincontent table th:first-child, #maincontent table td:first-child {border-left:none;} #maincontent table td ul {background:none; text-align:left; color:#231f20; list-style-position:outside; line-height:1.5em;} #maincontent table img {padding:5px;} #home #maincontent strong {font-size:50px; font-weight:normal; line-height:30px;} .serif {font-family:Georgia,Times,serif;} .orange {color:#ff8a00;} .green {color:#709300;} .blue {color:#0958a8 !important;} .big {font-size:28px; line-height:36px;} .bump {font-size:17px; line-height:14px;} #home #maincontent em.bump {font-size:20px;} em {font-style:italic;} b, strong {font-weight:bold;} #maincontent #clientlist {background:#eeecec; border-top:1px dotted #ccc; margin-top:30px; padding:25px 0;} #maincontent #clientlist ul {list-style:none; background:none; float:left; margin:0; padding:0; width:231px;} #maincontent #clientlist li {margin:0; padding:0;} #maincontent #clientlist li a {font-size:18px; color:#444; text-decoration:none; padding:8px 25px; display:block;} #maincontent #clientlist li a:hover {background:#ff8a00;} #home #secondarycontent {width:640px !important;} #secondarycontent {width:310px; float:right; margin:0 25px;} #designservices #secondarycontent, #faq #secondarycontent {width:396px;} #secondarycontent .section {margin-bottom:15px;} #home #secondarycontent h3 {margin-bottom:7px; height:27px; background-color:#E7E5E5; border-bottom:1px dotted #153686; padding:10px 0; background-repeat:no-repeat; background-position:center center; color:#153686; text-align:center; display: block; width: 180px;} #secondarycontent #contactinfo {margin-top:80px; font-size:12px; padding:10px; background:#EAEAEA;} #contactinfo address, #contactinfo p {margin-bottom:5px; color:#444;} .subpage #secondarycontent h3 {background-position:left center; background-repeat:no-repeat; color:#153686; margin-bottom:15px; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:16px; font-weight:bold;} #secondarycontent #recentwork h3, #secondarycontent .recentwork h3 {background-image:url('../images/viewourrecentwork.png'); text-indent:-10000em; height:22px;} #home .recentwork a {display:block; margin:0 auto; text-align:center;} .design_ul li {float:left; margin-right:15px;} #screenprinting #maincontent #large_head { display:block; width:700px; height:113px; text-indent:-10000px; background:url('../images/services_strap.png') no-repeat top left;} #secondarycontent #recentwork img, .design_serv img {background:#fff; padding:7px; -webkit-box-shadow:0 0 3px #ccc; -moz-box-shadow:0 0 3px #ccc; box-shadow:0 0 3px #ccc;} #secondarycontent #connected h3, #subfooter #connected h3 {background-image:url('../images/stayconnected.png'); text-indent:-10000em;} #subfooter #connected h3 {background-repeat:no-repeat; background-position:left center; width:189px; float:left; padding:10px 0; position:relative; top:10px;} #secondarycontent #connected a, #subfooter #connected a {display:block; float:left; text-indent:-10000em; background-position:center center; height:38px; background-repeat:no-repeat; margin:10px 0 10px 25px;} #secondarycontent #connected a.facebook, #subfooter #connected a.facebook {width:116px; background-image:url('../images/facebook.png');} #secondarycontent #connected a.twitter, #subfooter #connected a.twitter {width:102px; background-image:url('../images/twitter.png');} #get_a_quote {display:block; font-size:30px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; background:#91bf00 url('../images/add.png') no-repeat 250px center; color:#fff; padding:5px 25px; text-decoration:none; text-transform:uppercase;} #brands {width: 100%; overflow: hidden; list-style-type: none;} #subfooter {margin:10px 30px; overflow: hidden;} #subfooter #get_a_quote {float:right; width:260px; position:relative; top:-6px; text-indent:0 !important; background-position:250px center !important; height:auto !important;} #footer {/* Locks footer to the bottom */position:absolute; left:0; bottom:0; /* -------------------------- */width:100%; height:100px; /* Must match #content padding-bottom */text-align:center;} #footercontent {width:810px; margin:0 auto; border-top:1px dotted #555; padding:10px 0;} #footercontent .credits {float:left; font-size:11px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#666;} #footercontent .credits a {color:#333; font-weight:bold;} #footercontent ul {float:right;} #footercontent ul li {float:left; list-style:none; border-left:1px solid #333; margin-left:6px; padding-left:6px; line-height:10px;} #footercontent ul li:first-child {border-left:0 none;} #footercontent ul li a {color:#333; font-size:10px; text-transform:lowercase; text-decoration:none; font-family:"Lucida Grande",Arial,Helvetica,sans-serif;} #footercontent ul li a:hover {text-decoration:underline;} #footer #contactdetails {clear:both; text-align:center; padding:10px; border-top:1px dotted #ccc; position:relative; top:10px; background:#eee;} #footer #contactdetails address, #footer #contactdetails p {display:inline; padding:5px 10px; font-size:11px; color:#888;} #footer #contactdetails p {border-left:1px solid #999;} #footer #contactdetails a {color:#666;} #matte {background:url('../images/trans_bg.png'); width:100%; height:100%; position:fixed; top:0; left:0; z-index:100; cursor:pointer;} #matte #large_image {position:relative; text-align:center; cursor:pointer; float:left; left:50%;} #matte #large_image img {margin-left:-50%; cursor:pointer; display:block; margin-top:20px; padding:20px 20px 70px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000;} #matte #large_image a {position:absolute; display:block; width:34px; height:34px; background:url('../images/close.png') no-repeat; text-align:-100000em; right:47%; top:5px;} .clear {clear:both;}