@font-face {
    font-family: 'GillSansMT';
    src: url('fonts/gill-sans-mt.eot');
    src: url('fonts/gill-sans-mt.eot?#iefix') format('embedded-opentype'),
         url('fonts/gill-sans-mt.woff') format('woff'),
         url('fonts/gill-sans-mt.ttf') format('truetype'),
         url('fonts/gill-sans-mt.svg#GillSansMT') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GillSansMT-Bold';
    src: url('fonts/gillsansmtbold.eot');
    src: url('fonts/gillsansmtbold.eot?#iefix') format('embedded-opentype'),
         url('fonts/gillsansmtbold.woff') format('woff'),
         url('fonts/gillsansmtbold.ttf') format('truetype'),
         url('fonts/gillsansmtbold.svg#gillsansmtbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'soulhandwriting';
    src: url('fonts/soul-handwriting_free-version-webfont.eot');
    src: url('fonts/soul-handwriting_free-version-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/soul-handwriting_free-version-webfont.woff') format('woff'),
         url('fonts/soul-handwriting_free-version-webfont.ttf') format('truetype'),
         url('fonts/soul-handwriting_free-version-webfont.svg#soulhandwriting') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Gill Sans MT','GillSansMT', arial, sans-serif;
    color: #000;
    background: #fff url(images/top-section.png);
    min-width: 986px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: 'GillSansMT', arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.hidden { display: none; }

h2 { font-size: 45px; line-height: 84px; font-family: 'soulhandwriting'; font-weight: normal; color: #000; }
h3 { font-size: 30px; line-height: 36px; font-family: 'soulhandwriting'; font-weight: normal; }

.shell { width: 986px; margin: 0 auto; position: relative; }

#header { background: #202b3b url(images/header.jpg) repeat-x 0 0; height: 151px; }
#header .shell { position: relative; }

h1#logo { position: absolute; top: 0; left: 369px; width: 242px; height: 207px; background: url(images/logo-bg.png) no-repeat 0 0; }
h1#logo a { position: absolute; top: 0; left: 0; width: 242px; height: 207px; font-size: 0; line-height: 0; text-indent: -4000px; }
h1#logo a.logo-1 { background: url(images/logo.png) no-repeat 0 0; }
h1#logo a.logo-2 { background: url(images/logo.png) no-repeat 0 bottom; display: none; }

#navigation { font-size: 20px; line-height: 24px; font-family: 'soulhandwriting'; padding: 90px 129px 0 148px; }
#navigation ul li { list-style: none; float: left; display: inline; }
#navigation ul li + li { padding-left: 51px; }
#navigation ul li a { color: #fff; }
#navigation ul li a:hover { color: #ff0000; text-decoration: none; }

#main { padding: 44px 0 0; }

#the-jeans { padding: 593px 0 0; background: url(images/jeans.png) no-repeat center 0; width: 100%; position: relative; z-index: 2; }
#the-jeans .post { padding: 0 0 0 28px; color: #919394; font-size: 15px; line-height: 18px; font-family: 'GillSansMT'; }
#the-jeans .post .image { float: left; display: inline; width: 105px; }
#the-jeans .post .body { float: right; display: inline; width: 844px; }
#the-jeans .post .space { padding: 0 16px;}
#the-jeans .post h3 { color: #000; padding: 29px 0 0 34px; position: relative; margin-bottom: -7px; position: relative; }
#the-jeans .post a { color: #bf1717; text-decoration: underline; }
#the-jeans .post a:hover { text-decoration: none; }

#about { background: url(images/about.png) no-repeat center 0; padding: 81px 0 126px; width: 100%; margin: -28px 0 0; position: relative; z-index: 1; }
#about .post { color: #fff; text-align: center; padding: 0 98px 0 84px; }
#about .post h3 { padding: 0 0 11px; }
#about .post p { padding: 0 0 20px; text-shadow: 1px 1px 2px #000; }
#about .post span { color: #d3723f; }

#streetgear { width: 100%; height: 538px; margin: -113px 0 0; position: relative; z-index: 2; background: url(images/streetgear-bg.png) no-repeat center 0; }
#streetgear .content { position: relative; width: 100%; z-index: 3; }
#streetgear .image-bg { position: absolute; top: 0; left: 0; width: 100%; height: 538px; z-index: 2; }
#streetgear .image-bg .shell { height: 100%; }
#streetgear .image-bg.streetgear { background: url(images/streetgear.png) no-repeat center 0; }
#streetgear .image-bg.streetgear .colors { position: absolute; left: 481px; bottom: 25px; width: 217px; height: 78px; background: url(images/colors.png); }
#streetgear .image-bg.dog { background: url(images/streetgear-dog.png) no-repeat center 0; display: none; }
#streetgear .image-bg.dog .colors { position: absolute; width: 218px; height: 77px; background: url(images/colors-dog.png); right: 10px; bottom: 10px; }
#streetgear .image-bg.plane { background: url(images/streetgear-plane.png) no-repeat center 0; display: none;}
#streetgear .button-top { position: absolute; top: 27px; right: 26px; width: 111px; height: 76px; background: url(images/top-btn.png) no-repeat 0 0; }
#streetgear p.arrow { font-size: 20px; line-height: 24px; background: url(images/clickme-arrow.png) no-repeat 0 bottom; padding: 0 0 32px 70px; font-family: 'soulhandwriting'; margin: 0 0 6px 25px; }
#streetgear h2 { padding: 89px 0 0 63px; }
#streetgear .slider { position: absolute; top: 56px; right: 130px; width: 314px; height: 245px; }
#streetgear .slider-nav { width: 246px; padding: 40px 0 0 55px; }
#streetgear .slider-nav ul li { list-style: none; float: left; display: inline; width: 73px; height: 63px; padding: 0 9px 14px 0;}
#streetgear .slider-nav ul li a { display: block; width: 73px; height: 64px; background-position: center center; background-repeat: no-repeat; }
#streetgear .slider-nav ul li a.button-graphic { background-image:url(images/button-graphic.png); }
#streetgear .slider-nav ul li a.button-dog-paw { background-image:url(images/button-dog-paw.png); }
#streetgear .slider-nav ul li a.button-plane { background-image:url(images/button-plane.png); }

#shirts { background: url(images/shirts.png) no-repeat center 0; height: 940px; width: 100%; position: relative; }
#shirts h2 { position: absolute; left: 307px; bottom: 143px; color: #000; font-size: 55px; z-index: 3; }
#shirts .content { position: relative; height: 940px; width: 100%; z-index: 2; }
#shirts .content .shell { height: 100%; }
#shirts .content .button-top { position: absolute; top: 97px; right: 267px; width: 110px; height: 57px; background: url(images/top-btn-2.png) no-repeat 0 0; z-index: 10; }
#shirts .image-polo { position: absolute; top: 142px; left: 0; width: 50%; height: 739px; z-index: 1; }
#shirts .image-polo .image { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: right 0; }
#shirts .image-polo .image-1 { background-image:url(images/polo-1.jpg);  }
#shirts .image-polo .image-2 { background-image:url(images/polo-2.jpg); display: none; }
#shirts .image-polo .image-3 { background-image:url(images/polo-3.jpg); display: none; }
#shirts .image-polo .image-4 { background-image:url(images/polo-4.jpg); display: none; }
#shirts .image-vneck { position: absolute; top: 160px; right: 0; width: 50%; height: 739px; z-index: 1; }
#shirts .image-vneck .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: left 0; }
#shirts .image-vneck .image-1 { background-image:url(images/vneck-1.jpg);  }
#shirts .image-vneck .image-2 { background-image:url(images/vneck-2.jpg); display: none; }
#shirts .image-vneck .image-3 { background-image:url(images/vneck-3.jpg); display: none; }
#shirts .image-vneck .image-4 { background-image:url(images/vneck-4.jpg); display: none; }

#shirts #polos { position: absolute; top: 0; left: 0; width: 50%; z-index: 4;}
#shirts #polos .nav { position: absolute; top: 135px; left: 381px; width: 293px; }
#shirts #polos .click-on-color { position: absolute; top: 527px; left: 338px; width: 120px; height: 104px; background: url(images/shirts-arrow-up.png); font-size: 0; line-height: 0; text-indent: -4000px; }
#shirts #vnecks { position: absolute; top: 0; right: 0; width: 380px; z-index: 4;}
#shirts #vnecks .nav { position: absolute; top: 545px; left: 0; width: 115px; }
#shirts #vnecks .nav ul { position: absolute; top: 32px; left: 70px; list-style: none; width: 45px; height: 223px; }
#shirts #vnecks .nav ul li { display: block; width: 45px; height: 45px; padding-bottom: 14px; }
#shirts #vnecks .nav ul li a { display: block; height: 45px; background: url(images/shirts-colors.png); }
#shirts #vnecks .nav ul li a.color-1 { background-position: 0 0;  }
#shirts #vnecks .nav ul li a.color-2 { background-position: 0 -45px;  }
#shirts #vnecks .nav ul li a.color-3 { background-position: 0 -90px;  }
#shirts #vnecks .nav ul li a.color-4 { background-position: 0 -135px;  }
#shirts #vnecks .nav .and-here { font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 0; left: 0; width: 95px; height: 121px; background: url(images/shirts-arrow-down.png); }

#contact { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; }
#contact .button-contact { display: block; position: absolute; top: -51px; left: 50%; margin: 0 0 0 -73px; width: 146px; height: 51px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/button-contact.png) no-repeat 0 0; z-index: 101; }
#contact .button-contact:hover { text-decoration: none; background-position: 0 bottom; }

#contact .content { width: 100%; height: 380px; background: url(images/contact.png) repeat-x 0 0; position: relative; margin-top: -11px; display: none; padding: 5px 0 0;}
#contact .content .button-close { display: block; margin: 0 auto 10px; font-size: 0; line-height: 0; text-indent: -4000px; width: 160px; height: 51px; background: url(images/button-close.png); }
#contact .content .button-close:hover { text-decoration: none; background-position: 0 bottom; }
#contact .info { float: left; display: inline; font-size: 14px; line-height: 17px; color: #ababac; width: 246px; padding: 0 0 0 19px; }
#contact .info p { padding-bottom: 17px; }
#contact .info img.left { position: relative; margin: -30px -30px -30px -40px; }
#contact .info a { color: #fff; text-decoration: underline; }
#contact .info a:hover { text-decoration: none; }
#contact .form-wrapper { float: right; display: inline; width: 691px; padding: 0 0 0 28px; background: url(images/separator.png) no-repeat 0 0; min-height: 308px;}
#contact .form-wrapper .row { padding: 6px 0 3px; width: 336px; border: solid 3px transparent; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 4px; }
#contact .form-wrapper .row.error { border-color: #ff0000; }
#contact .form-wrapper .right label { width: 75px; padding-left: 4px; }
#contact label { float: left; display: inline; width: 120px; text-align: right; color: #fff; font-size: 17px; line-height: 30px; margin-right: 18px; }
#contact label.error { display: none !important; visibility: hidden; position: absolute; font-size: 0; line-height: 0; text-indent: -4000px; }
#contact label span { color: #ff0000; }
#contact .field { float: left; display: inline; width: 180px; border: 0; background: url(images/field.png) repeat-x 0 bottom; font-size: 17px; color: #aaabac; padding: 0 6px 7px; }
#contact textarea.field { width: 201px; height: 165px; background: #fff; padding: 6px; resize: none; }
#contact .captcha { float: left; display: inline; width: 213px; }
#contact .captcha .field { width: 105px; padding: 4px 8px 5px; line-height: 21px; height: 21px; background: #fff; font-size: 14px; color: #999; }
#contact .captcha img { float: right; }
#contact .submit-button { display: block; margin: 0 18px 0 auto; width: 138px; height: 63px; background: url(images/submit-button.png) no-repeat 0 0; border: 0; cursor: pointer; font-size: 18px; color: #fff; line-height: 63px; font-family: 'soulhandwriting'; }
#contact .success { display: none; font-size: 18px; line-height: 44px; color: #fff; text-align: center; font-family: 'soulhandwriting'; padding: 60px 0 0; }

#footer { background: url(images/footer.jpg); font-size: 14px; color: #9ea2a6; text-align: center; padding: 0 0 49px; }
#footer .shell { position: relative; }
#footer .wrapper { position: relative; float: left; display: inline; width: 100%; top: -49px; margin-bottom: -49px; }
#footer .button-top { position: absolute; top: -97px; right: 52px; width: 108px; height: 68px; background: url(images/top-btn-3.png); z-index: 50; }
#footer .copy a { margin-left: 8px; color: #fff; text-decoration: underline; }
#footer .copy a:hover { text-decoration: none; }
#footer .social-links { position: absolute; top: -74px; left: 45px; padding: 29px 38px 0 0; background: url(images/social-links.png) no-repeat 0 0; z-index: 5; }
#footer .social-links a { float: left; display: inline; }
#footer .social-links a img { display: block; }
#footer .social-links a + a { margin-left: 10px; }
#footer .social-links a:hover img { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70);}

#footer-logo { display: block; margin: 0 auto 9px; width: 84px; height: 74px; }
#footer-logo a { display: block; height: 74px; background: url(images/footer-logo.png); }

.terms #footer { background: url(images/footer.png) no-repeat center 0; position: relative; width: 100%; margin: -42px 0 0; z-index: 1; padding: 108px 0 20px;}
.terms #footer .social-links { top: -54px; }
.terms .post { font-size: 12px; line-height: 20px; padding: 0 30px; }
.terms .post a { color: #ff0000; text-decoration: underline; }
.terms .post a:hover { text-decoration: none; }
.terms .post p { padding-bottom: 20px; }
.terms .post h2 { font-size: 20px; line-height: 20px; color: #000; font-family: 'GillSansMT-Bold', 'Gill Sans MT','GillSansMT', arial, sans-serif; padding-bottom: 20px; }
.terms .post h3 { font-size: 12px; line-height: 20px; font-family: 'GillSansMT-Bold', 'Gill Sans MT','GillSansMT', arial, sans-serif; text-transform: uppercase; font-weight: normal; }
.terms .post ul { padding: 0 0 20px 45px; }

.terms #main { position: relative; z-index: 2; width: 100%; padding: 87px 0 0; }