@font-face {
    font-family: 'AristotlePunkRegular';
    src: url('../font/aristotlepunk-webfont.eot');
    src: url('../font/aristotlepunk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aristotlepunk-webfont.woff') format('woff'),
         url('../font/aristotlepunk-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Agencyb';
    src: url('../font/AGENCYB.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{font-family: Helvetica, sans-serif;padding: 0;margin: 0;width:100%;height:100%;font-size:16px; background:url('../images/bg.jpg') center top;}
body ul{margin:0;padding:0;list-style-type:none;}

.hide{display:none;}
.clear{clear:both;}
.link{cursor:pointer;}
a img{border:0;}
h1,h2,h3,h4{font-family:'Agencyb', Arial, Helvetica, sans-serif;letter-spacing:2px;}

.curved{-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius:8px;overflow:hidden;}
.shadow{-webkit-box-shadow: 2px 2px 2px 2px #c9c9c9;-moz-box-shadow: 2px 2px 2px 2px #c9c9c9;box-shadow: 2px 2px 2px 2px #c9c9c9;}
.grid{display:table;border-collapse:collapse;}
.grid .row.odd, .grid .row:nth-child(odd){background-color:#CCC;}
.grid .row.even, .grid .row:nth-child(even){background-color:#FFF;}
.grid .row{display:table-row;}
.grid .cell{display:table-cell;border:2px solid #CCC;}
.grid .head, .grid .foot{font-weight:bold;}
.grid .head .cell{background-color:#333;text-align:center;color:#CCC;}
.grid .foot{background-color:#999;}
.inline, .inliner > li, label,
#header .links a, 
#footer .links a{display:-moz-inline-block;display:inline-block;zoom:1;*display:inline;_height:1em;;vertical-align:top;}

.box{background-color:#E7E6DD;border:2px solid #651414;padding:0;}
.box > .heading{padding: .15em .2em .25em .2em;background-color:#651414;color:#FFF;font-size:1.1em;font-weight:600;text-align:center;}
.box > .subheading{background-color:#651414;padding:3px;border-top:2px solid #f70;border-bottom:2px solid #312E2F;text-align:center;}
.box > .content{padding:.5em .2em;background-color:#e7e6dd;}
.box > .content .grid{width:100%;}
.box > .content .grid .cell{text-align:center;}
.box > .footing{background-color:#651414;color:#FFF;text-align:right;padding:4px 5px;color:#FFF;}
.box > .footing a, .box > .footing span.link{color:#FFF;padding:5px;text-decoration:underline;}
.box > .footing input{border:0; background-color:transparent;color:#FFF; text-decoration:underline;cursor:pointer;}

#header,#main,#footer{width:1010px;margin-left:auto;margin-right:auto;}
#header{background:url('../images/Logo.png') no-repeat;padding-top:90px;}
#header .links li a{margin-right:10px; text-decoration: none; padding-bottom: 25px; padding-top: 20px; }
#header .links li:after{content:'\00B7';padding-right:10px; position: relative; top:13px; color: white; font-size: 26px;}
#header .links li:last-of-type:after{content:'';padding-right:5px; position: relative; top:13px; color: white; font-size: 26px;}

#header .links li a, #footer .links li a{color:white;}
/*#header .links li a{background:url('../images/sprite.png') no-repeat -1010px 0;}*/
/*#header .links li.home a{width:68px;height:70px;background-position:-1281px 0;}
#header .links li.about a{width:70px;height:70px;background-position:-1075px 0;}
#header .links li.info a{width:66px;height:70px;background-position:-1349px 0;}
#header .links li.quote a{width:65px;height:70px;background-position:-1010px 0;}
#header .links li.download a{width:66px;height:70px;background-position:-1215px 0;}
#header .links li.contact a{width:70px;height:70px;background-position:-1145px 0;}*
#header .links li.home:hover a, #header .links li.home.active a{width:68px;height:70px;background-position:-1686px 0;}
#header .links li.about:hover a, #header .links li.about.active a{width:70px;height:70px;background-position:-1480px 0;}
#header .links li.info:hover a, #header .links li.info.active a{width:66px;height:70px;background-position:-1753px 0;}
#header .links li.quote:hover a, #header .links li.quote.active a{width:65px;height:70px;background-position:-1415px 0;}
#header .links li.download:hover a, #header .links li.download.active a{width:66px;height:70px;background-position:-1620px 0;}
#header .links li.contact:hover a, #header .links li.contact.active a{width:70px;height:70px;background-position:-1550px 0;}*/

#main{min-height:500px;background-color:#FFF;margin-bottom:2em;}

#footer{clear:both;}
#footer .links{text-align:center;}
#footer .links li{width:150px;}
#footer .links li a{width:144px;height:89px;background:url('../images/sprite.png') no-repeat -1819px 0;}
#footer .links li.job a{background-position:-1962px 0;}
#footer .links li.clip a{width:143px;background-position:-2107px 0;}
#footer .links li.eli a{background-position:-2251px 0;}
#footer .links li.spazz a{background-position:-2395px 0;}
#footer .links li.j6 a{background-position:-2539px 0;}
#footer .copyright{color:#FFF;text-align:center;}

#index,#contact,#quote,#download,#about{padding:1em;}
#index .box{clear:both;}
#index .states{text-align:center;}
#index .states li{width:200px;}
#index .cities li{width:200px;}
#index .footing{font-size:9px;}
#index > .content h1{font-size:3em;}
#index > .content .services{float:right;margin-left:2em;margin-bottom:1em;width:329px;height:326px;background:url('../images/index/services.png') no-repeat;}
#index > .content .services .title{position:relative;top:60px;left:80px;border-bottom:2px solid #000;width:175px;font-size:1.7em;}
#index > .content .services ul{position:relative;top:50px;left:95px;font-size:1.4em;font-weight:600; list-style-type:disc;}
#index > .content .services ul a{text-decoration:none;color:#000;}
#index > .content .banner {float:right; padding-left: 50px; padding-bottom: 30px;}
#index .services {padding-top: 50px;}
#index .services img {padding-right: 22px;}

.box{clear:both;}
.states{text-align:center;}
.states li{width:200px;}
.cities li{width:200px;}

#info{padding-top:1em;padding-bottom:1em;}
#info .grid{width:600px;text-align:center;}

#contact > ul{position:relative;width:600px;}
#contact li > p{margin-left:2em;}
#contact li.map img{position:absolute;left:600px;top:0;}

#download{text-align:center;}
#download > ul > li{width:300px;margin-bottom:1em;}
#download > ul > li a > span{display:block;margin-bottom:.5em;}

#quote{width:800px;margin-left:auto;margin-right:auto;}
#quote li{margin-bottom:.5em;}
#quote label{width:185px;text-align:right;padding-right:1em;font-weight:600;}
#quote input{width:200px;} 
#quote select{width:206px;}
#quote textarea{width:500px;height:150px;}
#quote .title{font-size:1.1em;}
#quote .service{margin-top:2em;}
#quote .service input{width:auto;}
#quote .service label{text-align:left;}
#quote .submit{text-align:center;}
#quote .submit input{width:auto;border:2px solid #333;padding:5px;font-size:1.5em;cursor:pointer;}
#quote .submit input:hover{background-color:#666;color:#FFF;}

#about p{clear:both;}
#about .section{clear:both;margin-bottom:1em;}
#about .section span.image{width:299px;height:224px;float:right;margin-left:1em;margin-bottom:1em;}
#about .section.screen p:first-child span.image{background-position:left top;}
#about .section.screen p:last-child span.image{background-position:-598px 0;}
#about .section.embroidery span.image{width:299px;height:225px;background-position:-897px 0;}
#about .section.embroidery p:last-child span.image{width:225px;height:299px;background-position:-1495px 0;}
#about .section.vinyl span.image{width:224px;height:298px;background-position:-1720px 0;}
#about .section.graphics span.image{width:298px;background-position:-1197px 0;}