@charset "UTF-8";

/* Global Content Formatting and Styles */

body {
    line-height: 1.35em;
    font-family: Arial;
    font-size: 14px;
    background: #FFF ; margin: 0px; padding: 0px; 
    text-align: center;
    overflow-x: hidden; text-decoration: none;
}

p {
    margin-top: 0.6em; 
    margin-bottom: 0.6em;
} 

a {
    color: #484848;
    text-decoration-line: none;
}

.about_text2 br {
    margin-bottom: 0.4em;
}

h1 {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1.5em; color: #f99e3d;text-decoration: none; line-height: 1.1em; margin-top: 10px; margin-bottom: 5px;}

h2 {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1.25em; color: #aaaaaa;text-decoration: none; line-height: 1.1em; margin-top: 0px; margin-bottom: 10px;}

h3 {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 400; font-size: 1.25em; color: #484848;text-decoration: none; line-height: 1.1em; margin-top: 20px; margin-bottom: 2px;}

h4 {font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 300; font-size: 1.15em; color: #6b6c70;text-decoration: none; line-height: 1.1em; margin-top: 0px; margin-bottom: 2px;}

h6 {font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 300; font-size: 1.5em; color: #aaaaaa;text-decoration: none; line-height: 1.1em; margin-top: 10px; margin-bottom: 5px;}

.jk_submit {
    width: 80px;
    height: 30px;
    background: #aaaaaa;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif; 
    letter-spacing: .5px; 
    font-weight: 400; 
    font-size: 1.25em;
    cursor: pointer;
}

.jk_submit:hover {
    background: #484848;
    transition: all .2s ease-in-out;
}

.header_bar {height: 80px; width: 5000px; top: 0px; position: fixed; background: #484848 url(../images/bgstripes.jpg) repeat-x 0px 0px; z-index:2; box-shadow: -10px 2px 6px #000000;}

.content_wrapper {
    height: auto;
    max-width: 960px;
    margin: 0px auto auto auto;
    background-color: #fff;
    text-align: center;
    position: relative;  
}

.header_wrapper {
    width: 960px;
    top: 0px;
    text-align: left;
    position: fixed;
    z-index: 2;
}

.jk_logo {
    height: 80px;
    width: 310px;
    margin: 0px;
    left: 28px;
    display: inline-block;
    background: url(../images/jk_logo.png);
    text-align: center;
    position: relative;
    float: left;
}

nav {height: 80px;
    overflow: hidden;
    width: auto;
    text-align: left;
    display: inline-block;
    z-index: 2;
    margin-top: 28px;
    margin-right: 30px;
    background-color: none;
    line-height: 20px;
    right: 30px;
    float: right;
}

nav a {
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 1.2em;
    padding-top: 4px;
    padding-left: 20px;
    transition: all .4s ease-in-out;
    float: left;
}

nav a:hover {color: #484848; background-color: none; text-shadow: 1px 1px 3px #000000;}

a.mobile_menu {
    display: none;
}

.name {color: #aaaaaa;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 1.2em;
    padding-top: 10px;
    float: left;
    z-index: 3;
}

.graphic_design {color: #f99e3d;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1em;
    z-index: 3;
}

#mobile_nav_header {height: 0px; display: none;}

.mobile_nav {height: 0px; display: none;}

footer {height: 30px; width: 960px; text-align: left; position: fixed; bottom: 0px; z-index: 3; }

.footertext {height: 30px; width: 100%;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    position: relative;
    z-index: 3;}

.copyright {color: #aaaaaa; position: absolute;  text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1em; margin: auto; z-index: 3; float: right; display: inline-block; padding: 5px 0px auto 10px; margin-top: 5px; right: 25px;}

.email {display: inline-block; float: left; padding: 5px 10px auto 10px; position: relative; z-index: 3; text-decoration: none; margin: -10px 20px 0px 15px;}

.email a {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1em; color: #fff;text-decoration: none;  transition: all .4s ease-in-out;}

.email a:hover {color: #484848; text-shadow: 1px 1px 3px #000000; text-decoration: none;}

.email .email_logo {display: inline-block; float: left; padding: 3px 5px 0px 10px; }

.linkedin {display: block; float: left; padding: 10px 10px auto 10px; position: relative; z-index: 3; text-decoration: none; margin: 0px 0px 0px 0px; }

.linkedin a {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1em; color: #fff; text-decoration: none; transition: all .4s ease-in-out;}

.linkedin a:hover {color: #484848; text-shadow: 1px 1px 3px #000000; transition: .4s;text-decoration: none;}

.linkedin .linkedin_logo {display: inline-block; float: left; padding: 0px 5px 0px 10px; }

.linkedin_header {
    display: inline-block; 
    text-decoration: none; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
}

hr {border: 0; border-top: 1px solid #aaaaaa; width: 100%; margin-top: 6px;}

#email_m {display: inline-block; text-decoration: none; margin: 0px 0px 0px 0px;}

#email_m a {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1.2em; color: #fff;text-decoration: none;  transition: all .4s ease-in-out;}

#email_m a:hover {color: #484848; text-shadow: 1px 1px 3px #000000; text-decoration: none;}

#email_m #email_logo_m {display: inline-block; padding: 3px 5px 0px 10px; }

#linkedin_m {display: block; text-decoration: none;}

#linkedin_m a {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1.2em; color: #fff;text-decoration: none;transition: all .4s ease-in-out;}

#linkedin_m a:hover {color: #484848; text-shadow: 1px 1px 3px #000000; transition: .4s;text-decoration: none;}

#linkedin_m #linkedin_logo_m {display: inline-block; padding: 0px 5px 0px 10px; }

#copyright_m {color: #fff; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif;font-weight: 700; font-size: 1.2em; display: block;}

.bottom_bar {height: 30px; width: 5000px; background: #FFF url(../images/gray_bar_footer.jpg) repeat-x; position: fixed; bottom: 0px; margin: auto; z-index:2;box-shadow: -10px -2px 6px #000000;}

.content {
    height: auto;
    width: 100%;
    margin: 120px 0px 40px 0px; 
    padding: 0px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    display: block;
}

#contact {height: auto; width: 94%; display: inline-block; z-index: 1; position: relative; margin-left: auto; margin-right: auto;
}

textarea { 
    resize: none; 
    font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 300; font-size: 1.1em; color: #000;text-decoration: none; line-height: 1.1em;
}

.contact_table {
    border: 1px;
    width: 100%;
    height: auto;
}

.contact_category {
    text-align: right;
    width: 15%;  
}

.contact_input {
    text-align: left;
    width: 85%;
}

.contact_text1_header {margin-top: 0px; width: 48%; height: auto; float: left; text-align: left; display: inline-block}

.contact_text1 {margin-top: 0px; width: 48%; height: auto; float: left; text-align: left; display: inline-block; clear: both;}

.contact_text2_header {margin-top: 0px; width: 50%; height: auto; float: right; text-align: left; display: inline-block}

.contact_text2 {margin-top: 0px; width: 48%; height: auto; float: left; text-align: left; display: inline-block; clear: both;}

.content_clear {height: 40px; width: 960px; margin: 1110px auto 50px auto; background: #fff url(../images/white_spacer.jpg) repeat-x; background-size: 40px 1px; display: block; z-index: 1; clear: both; position: absolute;}

.artwork_holder {height: 100%; width: 960px; background: #fff; z-index: 1; display: block; }

.arrows {width: 94%; height: auto; display: inline-block; float: none;}

#previous {text-decoration: none; float: left; position: absolute; display: block; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1em; color: #aaaaaa;}

#previous a {text-decoration: none; float: left; position: relative; display: block; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1em; color: #aaaaaa;}

#previous a:hover {text-decoration: none; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1em; color: #484848;  transition: all .4s ease-in-out; }

#next {float: right; position: relative; display: block; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1em; color: #aaaaaa; text-decoration: none; }

#next a {float: right; position: relative; display: block; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1em; color: #aaaaaa; text-decoration: none; }

#next a:hover {text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .5px; font-weight: 700; font-size: 1em; color: #484848;  transition: all .4s ease-in-out;}

#artwork {height: auto; width: 94%; float: center; display: inline-block; z-index: 1; margin-top: 20px;}

#artwork img.main1 {margin-top: 0px; margin-bottom: 60px;}

#artwork img.main3 {margin-top: 0px; float: left; margin-right: 30px;}

#artwork img.main7 {margin-top: 0px; float: left; margin-right: 30px; width: 60%;}

#artwork img.secondary1 {width: 50%; float: right; margin-top: 10px;}

#artwork img.secondary2 {width: 60%; float: right; margin-top: 10px;}

#artwork img.secondary4 {width: 30%; float: right; margin-top: 0px;}

#artwork img.secondary5_1 {width: 33%; height: auto; float: left; display: inline-block; margin-top: 5px;}

#artwork img.secondary5_2 {width: 33%; height: auto; float: left; display: inline-block; margin-left: .5%; margin-right: .5%; margin-top: 5px;}

#artwork img.secondary5_3 {width: 33%; height: auto; float: right; display: inline-block; margin-top: 5px;}

#artwork img.secondary7 {width: 30%; float: left; margin-bottom: 10px; margin-left: 0px; margin-top: 10px;}

#artwork img.secondary8 {width: 30%; float: left; margin-bottom: 10px; margin-left: 25px; margin-top: 10px; margin-right: 10px;}

#artwork img.primary9_1 {float: left; display: inline-block; margin-bottom: 4px;}

#secondary_9_left {width: 49%; height: auto; float: left;}

#secondary_9_right {width: 49%; height: auto; float: right;}

#artwork img.secondary9_1 {width: 98%; height: auto; float: left; display: inline-block; margin-top: 5px; margin-bottom: 4px;}

#artwork img.secondary9_2 {width: 98%; height: auto; float: left; display: inline-block; margin-top: 5px; margin-bottom: 4px;}

#artwork img.secondary9_3 {width: 98%; height: auto; float: left; display: inline-block; margin-top: 5px; margin-bottom: 4px;}

#artwork img.secondary9_4 {width: 98%; height: auto; float: right; display: inline-block; margin-top: 5px; margin-bottom: 4px;}

#artwork img.secondary9_5 {width: 98%; height: auto; float: right; display: inline-block; margin-top: 5px; margin-bottom: 4px;}

#artwork img.secondary9_6 {width: 98%; height: auto; float: right; display: inline-block; margin-top: 5px; margin-bottom: 4px;}

#caption_secondary_2 {width: 60%; float: right; text-align: left;}

#caption_secondary_4 {width: 30%; float: right; text-align: left;}

#caption_secondary_6 {width: 60%; float: right; text-align: left;}

#artwork img.third8 {width: 25%; float: right; margin-bottom: 0px; margin-left: 0px; margin-top: 0px;}

#artwork img.fourth8 {width: 27%; float: left; margin-bottom: 0px; margin-left: -10px; margin-top: 5px;}

.artwork_text_1 {margin-top: 0px; width: 55%; float: center; text-align: left; display: inline-block}

.artwork_text_2 {margin-top: 0px; float: left; width: 35%; text-align: left; display: inline-block}

.artwork_text_3 {margin-top: 100px; width: 30%; float: left; text-align:left; display: block;}

.artwork_text_4 {margin-top: 0px; width: 65%; float: left; text-align:left; display: block;}

.artwork_text_5 {margin-top: 0px; float: center; width: 55%; text-align: left; display: inline-block}

.artwork_text_6 {margin-top: 0px; float: left; width: 35%; text-align: left; display: inline-block}

.artwork_text_7 {margin-top: -15px; width: 30%; float: left; text-align:left; display: block;}

.artwork_text_8 {margin-top: 0px; width: 40%; float: left; text-align:left; display: block;}

.artwork_text_9 {margin-top: 0px; float: left; width: 50%; text-align: left; display: inline-block}

.artwork_text_12 {margin-top: 0px; float: left; width: 95%; text-align: left; display: inline-block; margin-left: 20px; margin-right: -20px;}

.logo {
    width: 30%;
    max-width: 440px;
    height: auto;
    max-height: 440px;
    padding: 1%;
}

/* Artwork Menu Holder */

.artwork_menu_holder {height: 1000px; width: 4875px; margin-top: 60px; margin-bottom: 0px; background: #d1d1d1; background: url(../images/bg_gray.jpg); background-repeat: repeat; background-size: 800px 1000px; display: block; z-index: 1; float: left; text-align: center; margin-left: -2000px; margin-right: auto; box-shadow: inset 0 12px 9px -7px #5f5f5f; padding-bottom: 20px;}

.artwork_menu {height: auto; width: 880px; display: block; z-index: 2; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 10px; }

/* About Me Section */

#about {height: auto; width: 94%; display: inline-block; z-index: 1; position: relative; margin-left: auto; margin-right: auto;}

#about img.main1 {margin-top: 0px;}

.about_text1_header {margin-top: 0px; width: 48%; height: auto; float: left; text-align: left; display: inline-block}

.about_text1 {margin-top: 0px; width: 48%; height: auto; float: left; text-align: left; display: inline-block; clear: both;}

.about_text2_header {margin-top: -38px; margin-bottom: -10px; width: 48%; height: auto; float: right; text-align: left; display: inline-block}

.about_text2 {margin-top: -12px; margin-bottom: 80px; width: 48%; height: auto; float: right; text-align: left; display: inline-block; }


/* Index Thumbnails */

#T1 {height: 220px; width: 220px; position: absolute;  margin: 0px 0px 0px 25px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_cinelife.jpg); background-size: 220px 220px;}
#T1 .T1_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T1 .T1_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T1:hover .T1_fade {opacity: .85;}
#T1:hover .T1_text {opacity: 1; }


#T2 {height: 220px; width: 220px; position: absolute;  margin: 0px 0px 0px 255px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_cat_hunting.jpg); background-size: 220px 220px;}
#T2 .T2_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T2 .T2_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T2:hover .T2_fade {opacity: .85;}
#T2:hover .T2_text {opacity: 1;}


#T3 {height: 220px; width: 220px; position: absolute;  margin: 0px 0px 0px 485px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_chrysler.jpg); background-size: 220px 220px;}
#T3 .T3_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T3 .T3_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T3:hover .T3_fade {opacity: .85;}
#T3:hover .T3_text {opacity: 1;}


#T4 {height: 220px; width: 220px; position: absolute;  margin: 0px 0px 0px 715px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_velocity.jpg); background-size: 220px 220px;}
#T4 .T4_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T4 .T4_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T4:hover .T4_fade {opacity: .85;}
#T4:hover .T4_text {opacity: 1;}


#T5 {height: 220px; width: 220px; position: absolute;  margin: 230px 0px 0px 25px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_ads.jpg); background-size: 220px 220px;}
#T5 .T5_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T5 .T5_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T5:hover .T5_fade {opacity: .85;}
#T5:hover .T5_text {opacity: 1;}


#T6 {height: 220px; width: 220px; position: absolute;  margin: 230px 0px 0px 255px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_cp.jpg); background-size: 220px 220px;}
#T6 .T6_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T6 .T6_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T6:hover .T6_fade {opacity: .85;}
#T6:hover .T6_text {opacity: 1;}


#T7 {height: 220px; width: 220px; position: absolute;  margin: 230px 0px 0px 485px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_gap.jpg); background-size: 220px 220px;}
#T7 .T7_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T7 .T7_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T7:hover .T7_fade {opacity: .85;}
#T7:hover .T7_text {opacity: 1;}


#T8 {height: 220px; width: 220px; position: absolute;  margin: 230px 0px 0px 715px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_cat_usmc.jpg); background-size: 220px 220px;}
#T8 .T8_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T8 .T8_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T8:hover .T8_fade {opacity: .85;}
#T8:hover .T8_text {opacity: 1;}


#T9 {height: 220px; width: 220px; position: absolute;  margin: 460px 0px 0px 25px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_trade.jpg); background-size: 220px 220px;}
#T9 .T9_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T9 .T9_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T9:hover .T9_fade {opacity: .85;}
#T9:hover .T9_text {opacity: 1;}


#T10 {height: 220px; width: 220px; position: absolute;  margin: 460px 0px 0px 255px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_cat_foldout.jpg); background-size: 220px 220px;}
#T10 .T10_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T10 .T10_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T10:hover .T10_fade {opacity: .85;}
#T10:hover .T10_text {opacity: 1;}


#T11 {height: 220px; width: 220px; position: absolute;  margin: 460px 0px 0px 485px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_logos.jpg); background-size: 220px 220px;}
#T11 .T11_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T11 .T11_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T11:hover .T11_fade {opacity: .85;}
#T11:hover .T11_text {opacity: 1;}


#T12 {height: 220px; width: 220px; position: absolute;  margin: 460px 0px 0px 715px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_web.jpg); background-size: 220px 220px;}
#T12 .T12_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T12 .T12_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T12:hover .T12_fade {opacity: .85;}
#T12:hover .T12_text {opacity: 1;}


#T13 {height: 220px; width: 220px; position: absolute;  margin: 690px 0px 0px 25px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_havoc.jpg); background-size: 220px 220px;}
#T13 .T13_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T13 .T13_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T13:hover .T13_fade {opacity: .85;}
#T13:hover .T13_text {opacity: 1;}


#T14 {height: 220px; width: 220px; position: absolute;  margin: 690px 0px 0px 255px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_gf_vid.jpg); background-size: 220px 220px;}
#T14 .T14_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T14 .T14_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T14:hover .T14_fade {opacity: .85;}
#T14:hover .T14_text {opacity: 1;}


#T15 {height: 220px; width: 220px; position: absolute;  margin: 690px 0px 0px 485px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_fce.jpg); background-size: 220px 220px;}
#T15 .T15_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T15 .T15_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T15:hover .T15_fade {opacity: .85;}
#T15:hover .T15_text {opacity: 1;}


#T16 {height: 220px; width: 220px; position: absolute;  margin: 690px 0px 0px 715px; padding: 0px; text-align: left; transition: all .4s ease-in-out; background: url(../images/thumbs_hotsauce.jpg); background-size: 220px 220px;}
#T16 .T16_fade {position: absolute; height: 220px; width: 220px; opacity:0; background: #fff; bottom: 0px; left: 0px; transition: all .4s ease-in-out;}
#T16 .T16_text {position: absolute; width: 220px; left: 10px; bottom: 10px; color: #4f4f51 ; font-size: 2em; font-family: 'Roboto Condensed', sans-serif;font-weight: 400; letter-spacing: .5px; line-height: 100%; opacity:0; text-align: left; transition: all .4s ease-in-out;}

#T16:hover .T16_fade {opacity: .85;}
#T16:hover .T16_text {opacity: 1;}