body {
    /*background-color:#DDD;*/
    /*background-color:#272727;*/
    background-color:#111;
    font-size:13px;
}

/*
::-moz-selection{ background: #ff0137; color:#fff; text-shadow: none; }
::selection { background:#ff0137; color:#fff; text-shadow: none; }
*/

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */

::-webkit-scrollbar-track { background:#e5e5e5 url('../img/3x3_ko_stripe.gif'); border-left:1px solid #e5e5e5; }
::-webkit-scrollbar-track:hover { background-color:#d5d5d5; }
::-webkit-scrollbar-thumb { background:#ccc; border:1px solid #999; border-right:0; }
::-webkit-scrollbar-thumb:hover { background:#bbb; border:1px solid #888; border-right:0; }
::-webkit-scrollbar-thumb:window-inactive { background: #e5e5e5; border:1px solid #ccc; }

ul#nav_footer,
#content,
.position,
.container { width:990px; }

h1, h2, h3, h4, h5, h6 {
    font-weight:bold;
    margin:0;
    padding:0;
    color:#181818; /* header_color */
    text-align:left;
    font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
}

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:22px; line-height:24px; font-weight:600; }
h4 { font-size:17px; }
h5 { font-size:16px; }
h6 { font-size:15px; }

p { 
    font-size:14px;
    line-height:20px; 
    color:#666; /* text_color */
    padding:0 0 20px 0; /* text_padding */
    text-align:left;
    font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
}

ul {}

ul li {
    color:#666; /* text_color */
    padding:5px 0;
}

ol li p,
ul li p { padding-bottom:5px; }

.serif { font-family:Georgia, 'Times New Roman', serif; }

.loader { 
    background-image:url('../img/loader.png'); 
    height:52px;
}

.required { color:#ff0137; }

#wrap { }

#content_wrap ul, 
#content_wrap ol { padding-bottom:15px; text-align:left; }

#content_wrap ol { margin-left:20px; }
#content_wrap ul li { list-style-type:disc; margin-left:20px; }

#content_wrap ul li, 
#content_wrap ol li {
    color:#666; /* text_color */
    padding:5px 0;
}

#content_wrap ul.errorlist,
#content_wrap .media ul,
#content_wrap .thumbnails ul,
#content_wrap ul.services,
#content_wrap ul.social,
#content_wrap ul.share_services,
.videos #content_wrap ul,
.accounts #content_wrap ul,
.catalog #content_wrap ul {
    padding-bottom:0;
}

#content_wrap ul.errorlist li,
#content_wrap .media ul li,
#content_wrap .thumbnails ul li,
#content_wrap ul.services li,
#content_wrap ul.social li,
#content_wrap ul.share_services li,
.videos #content_wrap ul li,
.accounts #content_wrap ul li,
.catalog #content_wrap ul li { 
    list-style-type:none; 
    margin-left:0; 
/*    padding:0; */
}

#content_wrap ul.services li,
#content_wrap ul.social li,
#content_wrap ul.share_services li {
    margin-left:5px;
}



a, a:link, a:visited, a:hover { 
	text-decoration:none; 
	color:#ff0137; /* accent_color */
}

a.button, a.button:link, a.button:visited, a.button:hover { 
    color:#FFF;
}


/* form styling */

form,
form input, 
form select, 
form label,
form textarea,
form p,
form .row,
form ul.errorlist { 
    float:left; position:relative;
}

form, form p { width:500px; padding:0 0 10px 0; }

form input, 
form select,
form textarea { 
    width:244px; 
    padding:7px; 
    border:1px solid #c0c0c0; 
}

form input, 
form textarea { 
    -webkit-appearance: none;
    -webkit-border-radius:0;
}


form input[type="file"] { border:none; padding-left:0; }

form label { width:230px; padding:7px 10px 0 0; text-align:right; }

form #row_honeypot { display:none; visibility:hidden; }

form input.id_quantity { width:20px; }

form input.button { padding:5px 30px; }

form input.button, form input.submit, form input.sub_accent_button { width:auto;  }

form ul.errorlist li { padding:0 0 5px; color:#fa2829; }
/* form .error input { border-color:#c00; } */

form .error label {
    color:#fa2829;
}

form .error input { background:#ffecea; border:1px solid red; }

#content_wrap form .error ul.errorlist { 
    z-index:98; margin-top:0; 
    font-family:"proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif;
}

#content_wrap form .error ul.errorlist li {
    float:left; position:relative;
    padding:7px 10px 6px 0;
    color:red;
/*    
    background:#fa2829;
    font-weight:bold;
    color:#FFF;
*/
}

form p.no_label { margin-left:240px; }

/* Elements */
/* TODO: Fill out all background images for template */
.icon, .graphic, .accent_graphic, .rss, 
.twitter, .facebook, ul.share_services li a {
  background-image:url('../img/elements.png');
}


.rss { background-position: -247px -185px; height:17px; }
p a:hover .rss, h3 a:hover .rss { background-position:-307px -185px; }

.blog #content_wrap .entry .footer .share ul li a,
ul.share_services li a {
    background-position:-4px -364px;
    width:20px;
    height:20px;
    margin-left:0;
}

.blog #content_wrap .entry .footer .share ul li,
ul.share_services li { width:auto; height:auto; }


.blog #content_wrap .entry .footer .share ul li.facebook,
.blog #content_wrap .entry .footer .share ul li.twitter,
ul.share_services li.facebook,
ul.share_services li.twitter { width:20px; }

.blog #content_wrap .entry .footer .share ul li.twitter a,
ul.share_services li.twitter a { background-position:-64px -364px; }

.blog #content_wrap .entry .footer .share ul li.pinterest a,
ul.share_services li.pinterest a { background-position:-244px -664px; }

.blog #content_wrap .entry .footer .share ul li.googleplus a,
ul.share_services li.googleplus a { background-position: -66px -837px; }

.blog #content_wrap .entry .footer .share ul li.linkedin a,
ul.share_services li.linkedin a { background-position: -6px -837px; }

.blog #content_wrap .entry .footer .share ul li.delicious a,
ul.share_services li.delicious a { background-position:-124px -364px; }

.blog #content_wrap .entry .footer .share ul li.stumbleupon,
ul.share_services li.stumbleupon { display:none; visibility:hidden; }
/*ul.share_services li.stumbleupon a { background-position:-184px -304px; }*/
.blog #content_wrap .entry .footer .share ul li.email a,
ul.share_services li.e-mail a,
ul.share_services li.email a { background-position:-184px -364px; }

.blog #content_wrap .entry .footer .share ul li.print a,
ul.share_services li .print a { background-position:-179px -119px; float:right; }

/* share hovers */
.blog #content_wrap .entry .footer .share ul li a:hover,
ul.share_services li a:hover { background-position:-4px -424px;}

.blog #content_wrap .entry .footer .share ul li.twitter a:hover,
ul.share_services li.twitter a:hover { background-position:-64px -424px;}

.blog #content_wrap .entry .footer .share ul li.googleplus a:hover,
ul.share_services li.googleplus a:hover { background-position: -66px -897px; }

.blog #content_wrap .entry .footer .share ul li.linkedin a:hover,
ul.share_services li.linkedin a:hover { background-position: -6px -897px; }

.blog #content_wrap .entry .footer .share ul li.pinterest a:hover,
ul.share_services li.pinterest a:hover { background-position:-305px -664px; }

.blog #content_wrap .entry .footer .share ul li.delicious a:hover,
ul.share_services li.delicious a:hover { background-position:-124px -424px;}

/* ul.share_services li.stumbleupon a:hover { background-position:-184px -424px;}*/
.blog #content_wrap .entry .footer .share ul li.email a:hover,
ul.share_services li.e-mail a:hover,
ul.share_services li.email a:hover { background-position:-184px -424px;}
.blog #content_wrap .entry .footer .share ul li.print a:hover,
ul.share_services li .print a:hover { background-position:-180px -179px; }

#content .video a .icon {
    position:absolute;
    width:47px;
    height:47px;
    background-position:0 -180px;
    top:50%;
    left:50%;
    margin:-23px 0 0 -23px;
}

#content .video a:hover .icon {
   -webkit-transform:scale(1.1);
   -moz-transform:scale(1.1);
   -o-transform:scale(1.1);
   transform:scale(1.1);
}


.button, .submit {
    border:none;
    color:#fff;
    text-shadow:none;
    background: #ff0137;
    padding:5px 10px;
    text-transform:uppercase;
}

.submit {
    font-size:18px;
    font-weight:bold;
    padding:10px 20px;
    text-transform:uppercase;
    text-shadow:0 -1px #1155c1;

    -webkit-transition:all .1s linear;
    -moz-transition:all .1s linear;
    -o-transition:all .1s linear;
    transition:all .1s linear;

}

.button:hover,
.submit:hover {
    background-color:#EB0032;
}


.sub_accent_button, a.sub_accent_button {
    float:left;
    position:relative;
    
    font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
    color:#FFF;
    padding: 8px 10px;

    background:#ff0137;
    text-transform:uppercase;
    font-weight:600;
    font-size:12px;
    border:none;

    -webkit-transition:all .1s linear;
    -moz-transition:all .1s linear;
    -o-transition:all .1s linear;
    transition:all .1s linear;
}

.sub_accent_button a { color:#FFF; }

.sub_accent_button:hover {
    color:#fff;
    background:#eb0032;
}

.sub_accent_button .accent_graphic {
    margin-left:10px;
    background-position:-201px -127px;
}

.accent_block {
    background:#f0f0f0; 
    border:1px solid #d2d2d2;
    padding:0px;

    /* border_radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

.accent_block h2 {
    padding:15px 20px;
    border-bottom:1px solid #d2d2d2;
    text-shadow:0 1px #FFF;
    text-align:center;
}

.accent_block form, .accent_block .body {
    border-top:1px solid #FFF;
    padding:20px 20px 0;
}

.accent_block .body, .accent_block .body_no_footer {
    padding:20px;
}

.accent_block .body_button {
    padding:0px 20px 45px;
}


.accent_block p.footer {
    padding:10px 20px;
    border-top:1px solid #fff;
}

.accent_block form, .accent_block form p { width:410px; }
.accent_block form input, 
.accent_block form textarea { width:199px; }
.accent_block form label { width:150px; }

.accent_block form ul.errorlist, 
.accent_block form p.no_label,
.accent_block form p span.help { 
    margin:0 0 10px 160px; 
    width:199px;
}

.accent_block ul.connect {
   padding:0;
   margin:0;
   border-top:1px solid #fff;
   border-bottom:1px solid #d2d2d2;
}
.accent_block ul.connect li { 
    padding:0;
    border-right:1px solid #d2d2d2;
    width:149px;
}

#content_wrap .accent_block ul.connect li { padding:0; }

.accent_block ul.connect li a {
    height:auto;
    margin:0; padding:0;
    padding:10px 15px;
    text-align:center;
    text-shadow:0 1px #FFF;
    font-weight:bold;
    color:#999;
    width:119px;
}

.accent_block ul.connect li.google { border-right:none; width:150px;}

.accent_block ul.connect li a:hover {
    background:#f9f9f9; color:#666;
}

.accent_block ul.connect li.active a {
    background:#f9f9f9;
    color:#666;
}

h3 .rss { margin-top:2px; }

#content_wrap ul.paginator { float:right; }

.news #content_wrap .header_paginator ul.paginator {
    position:absolute;
    top:-25px; right:0;
    padding:0;
}

.jobs #content_wrap .footer_paginator ul.paginator,
.news #content_wrap .footer_paginator ul.paginator {
    padding-top:20px;
}

#content_wrap ul.paginator li { 
    padding:0 4px 0;  
    font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
    font-weight:400;
    font-size:12px;
    letter-spacing:1px;
    color:#ff0137;
}

#content_wrap ul.paginator li a { color:#666666; }
#content_wrap ul.paginator li a:hover {color:#ff0137; }

#content_wrap ul.paginator li.previous { padding-left:0; }
#content_wrap ul.paginator li.next { padding-left:6px; }

#content_wrap ul.paginator li.last, #content_wrap ul.paginator li.next { 
    padding-right:0; 
}
#content_wrap ul.paginator li.total { padding-left:3px; padding-right:0; }

#content_wrap ul.paginator li.previous a, 
#content_wrap ul.paginator li.next a { 
    /* #ff0137 */
    background:#d6d6d6 url('../img/elements.png') no-repeat -191px -608px;
}
#content_wrap ul.paginator li.previous a { background-position:-131px -608px; }

#content_wrap ul.paginator li.previous a:hover, #content_wrap ul.paginator li.next a:hover { background-color:#ff0137; }

#content_wrap ul.paginator li.previous, #content_wrap ul.paginator li.first, 
#content_wrap ul.paginator li.total, #content_wrap ul.paginator li.next { border:none;}

#global {
    background:#FFF;
    border-bottom:1px solid #e5e5e5;
    border-top:6px solid #181818;
}

#global div#logo { float:left; position: relative; }
#global div#logo a, #global div#logo a:link,
#global div#logo a:visited, #global div#logo a:visited {
    float: left;
    position: relative;
    width: 220px;
    height: 40px;
    text-indent: -9999px;
    display: block;
}

#global div#logo a, #global div#logo a:link, 
#global div#logo a:visited {
	background:transparent url('../img/cuker_logo.png') no-repeat -10px -100px;
        width:116px;
}

/*
#global div#logo a:hover {
    background-color:#ff0137;
}
*/

#global div#logo { 
    background-color:#292929; 
    margin:17px 0 15px;
}

#global div#logo:hover { 
    /* animated gif */
    background:#000000; 
}

/* NAVIGATION: GLOBAL */

ul#nav_global { 
    font-size:14px; 
    width:auto;
    float:right;
    text-transform:uppercase;
    font-family:"proxima-nova-1","proxima-nova-2",Helvetica, sans-serif;
    padding:0;
    /*margin-right:10px;*/
}

ul#nav_global li { padding:0 10px; }

ul#nav_global li#nav_global_facebook,
ul#nav_global li#nav_global_twitter,
ul#nav_global li#nav_global_googleplus,
ul#nav_global li#nav_global_pinterest { padding:0; }


/* active state */
ul#nav_global li a {
    color:#313131;
    line-height:14px;
    padding:30px 0;
    background:none;
    float:left; position:relative;
}

ul#nav_global li a.facebook,
ul#nav_global li a.twitter,
ul#nav_global li a.googleplus,
ul#nav_global li a.pinterest { 
    width:30px;
    height:30px;
    padding:22px 5px 22px 10px;
    text-indent:-9999px;
}

ul#nav_global li.social a {  padding:22px 0; }

ul#nav_global li a.facebook span,
ul#nav_global li a.twitter span,
ul#nav_global li a.googleplus span,
ul#nav_global li a.pinterest span {
    float:left; position:relative;
    width:30px; height:30px;
    background:url('../img/elements.png') no-repeat 0 0;
}

ul#nav_global li a.twitter span { background-position:-60px 0; }
ul#nav_global li a.googleplus span { background-position:-116px -836px; }
ul#nav_global li a.pinterest span { background-position:-120px 0; }


ul#nav_global li a.facebook:hover span { background-position:0 -60px; }
ul#nav_global li a.twitter:hover span { background-position:-60px -60px; }
ul#nav_global li a.googleplus:hover span { background-position:-116px -896px; }
ul#nav_global li a.pinterest:hover span { background-position:-120px -60px; }


ul#nav_global li.current a { 
    margin-top:-6px; 
    border-top:6px solid #ff0137; 
    color:#ff0137;
}


.sticky_nav ul#nav_global li.social a {  
    padding:4px 0;
}


.sticky_nav ul#nav_global li a.facebook span { background-position:0 -120px; }
.sticky_nav ul#nav_global li a.twitter span { background-position:-60px -120px; }
.sticky_nav ul#nav_global li a.googleplus span { background-position:-173px -836px; }
.sticky_nav ul#nav_global li a.pinterest span { background-position:-120px -120px; }

.sticky_nav ul#nav_global li a.facebook:hover span { background-position:0 -180px; }
.sticky_nav ul#nav_global li a.twitter:hover span { background-position:-60px -180px; }
.sticky_nav ul#nav_global li a.googleplus:hover span { background-position:-173px -896px; }
.sticky_nav ul#nav_global li a.pinterest:hover span { background-position:-120px -180px; }


ul#nav_global li#nav_global_btt { position:absolute; right:-100px; font-size:12px; display:none; }

.sticky_nav ul#nav_global li#nav_global_btt { display:block; }

/*ul#nav_global li#nav_global_view_reel a { color:#ff0137; }*/
/*ul#nav_global li#nav_global_view_reel a:hover { color:#00aeff; }*/

ul#nav_global li a:hover {
    background-position:0 0;
    color:#ff0137;
}


/* navigation active state */
.about li#nav_global_about a,
.about.sticky_nav li#nav_global_about a,
.contact li#nav_global_contact a,
.contact.sticky_nav li#nav_global_contact a,
.reel li#nav_global_view_reel a,
.reel.sticky_nav li#nav_global_view_reel a,
.dynamic_brand li#nav_global_dynamic_brand a,
.dynamic_brand.sticky_nav li#nav_global_dynamic_brand a,
.clients li#nav_global_clients a,
.clients.sticky_nav li#nav_global_clients a,
.work li#nav_global_work a,
.work.sticky_nav li#nav_global_work a,
.news li#nav_global_news a,
.news.sticky_nav li#nav_global_news a,
.blog li#nav_global_blog a,
.blog.sticky_nav li#nav_global_blog a,
.services li#nav_global_services a,
.services.sticky_nav li#nav_global_services a {
    color:#FF0137;
    margin-top:-6px; 
    border-top:6px solid #ff0137; 
    color:#ff0137;

}

ul#nav_global li#nav_global_dynamic_brand a {
    font-family:Georgia, 'Times New Roman', serif;
    text-transform:lowercase;
    font-style:italic;
    font-size:16px;
    padding:29px 0 31px;
    
}

.sticky_nav ul#nav_global li#nav_global_dynamic_brand a { padding:12px 0 14px; }

/* NAVIGATION REVERSED */
.sticky_nav {}

    .sticky_nav #global {
        background:#181818;
        border-top:0;
        border-bottom:0;
        z-index:99;
        position:fixed;
        top:-70px;
        -webkit-box-shadow:0 0 10px rgba(0,0,0,.5);
        -moz-box-shadow:0 0 10px rgba(0,0,0,.5);
        -ms-box-shadow:0 0 10px rgba(0,0,0,.5);
        -o-box-shadow:0 0 10px rgba(0,0,0,.5);
        box-shadow:0 0 10px rgba(0,0,0,.5);
/*
        -webkit-transition:none .1s linear .2s;
        -moz-transition:none .1s linear .2s;
        -ms-transition:none .1s linear .2s;
        -o-transition:none .1s linear .2s;
        transition:none .1s linear .2s;
*/
    }

    .sticky_nav #global div#logo { 
        background-color:#FFF; 
        margin:0;
    }

    .sticky_nav #global div#logo a, 
    .sticky_nav #global div#logo a:link, 
    .sticky_nav #global div#logo a:visited {
        background-position:-10px -180px;
    }

/*
    .sticky_nav #global div#logo a:hover {
        background-color:#FF0137;
    }
*/
    .sticky_nav #global div#logo:hover {
        background:#eee; 
    }

    .sticky_nav ul#nav_global li a { 
        padding:13px 0; 
        color:#FFF;
    }

    .sticky_nav #content_wrap { margin-top:74px; }

    .sticky_nav ul#nav_global li a:hover {
        color:#FF0137;
    }



/* NAVIGATION: SECONDARY */
ul#nav_global_secondary li { 
    padding:0 10px; 
    border-right:1px solid #575757;
}

ul#nav_global_secondary li a, ul#nav_global_secondary li a:link, ul#nav_global_secondary li a:visited { color:#CCC; }
ul#nav_global_secondary li a:hover { color:#FFF; }

ul#nav_global_secondary li#nav_customer_service { padding-right:0; border:none; }

ul#nav_global_secondary li#nav_search { border:0; margin-top:-5px; }

ul#nav_footer li#nav_footer_newsletter form { 
    width:auto;
    padding-bottom:0;
}


#form_footer_newsletter .loader { 
    background-image:url('../../webcubecore/img/loader_small.png'); 
    width:24px;
    height:24px;
    margin:-12px 0 0 -12px;
    left:auto;
    right:-30px;
}

ul#nav_footer li#nav_footer_newsletter { padding:0 15px 0 0; }

ul#nav_footer li#nav_footer_newsletter form input { 
    width:130px; 
    border:none; 
    background:none; 
    padding:10px 13px 11px;
    border:0;
    font-family:Georgia, Times New Roman, serif;
    font-style:italic;
    color:#c2c2c2;
    font-size:14px;
    border-left:1px solid #000;
    border-top:0;
    border-bottom:1px solid #4b4b4b;
    border-right:1px solid #373737;
    background: #505050;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e4e', endColorstr='#3f3f3f');
    background: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#3f3f3f));
    background: -moz-linear-gradient(top, #4e4e4e, #3f3f3f);
    /* border-bottom:1px solid #000; */

}

ul#nav_footer li#nav_footer_newsletter form input.button {
    font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
    font-style:normal;
    text-transform:uppercase;
    font-weight:600;
    text-shadow:none;
    color:#FFF;
    background:#353535;
    width:auto;
    border:none;
    padding:12px 13px;
    font-size:12px;
}

ul#nav_footer li#nav_footer_newsletter form input.button:hover {
    background-color:#FF0137;
}

/*
ul#nav_footer li#nav_footer_newsletter form input.button,
ul#nav_global_secondary li#nav_search form input.button { 
    width:25px;
    height:23px;
    background:url('../img/elements.png') no-repeat -117px -175px;
    padding:0; 
    text-indent:-9999px;
    border-right:0;
    border-left:1px solid #FFF;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    filter:none;
}

ul#nav_footer li#nav_footer_newsletter form input.button { background-position:-113px -55px; }

ul#nav_footer li#nav_footer_newsletter form input.button:hover { background-color:#f0f0f0;}
ul#nav_global_secondary li#nav_search form input.button:hover {
    background-color:#e0e0e0;
}
*/
.accent_button { 
    float:left;
    color:#FFFFFF;
    padding:0 8px 7px 7px;
    text-shadow:0 1px #000;
    background:url('../img/hovers.png') no-repeat 0 -200px;
}

.accent_button span.text { 
    float:left; position:relative;
    color:#FFFFFF;
    padding:6px 8px 7px 0px;
    background:url('../img/hovers.png') no-repeat right -250px;
}


/* SECONDARY FOOTER */
#secondary_footer {
    padding: 12px 0 30px;
    float: left;
    position: relative;
    width: 100%;
    background: #222;
    box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.8);
    font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;

}

ul#list_secondary_footer > li {
    width: 25%;
    padding-top: 60px;
    float: left;
    text-align: left;
}
ul#list_secondary_footer li,
ul#list_secondary_footer li a {
    color: #fff;
    font-size: 12px;
}
ul#list_secondary_footer li a:hover {
    color: #FF0137;
}
ul#list_secondary_footer .office_address {
    margin-bottom: 20px;
}
ul#list_secondary_footer .office_address li {
    color: #868686;
    padding: 2px 0;
    font-size: 14px;
}

ul#list_secondary_footer li h3,
ul#list_secondary_footer li h4 {
    color: #fff;
    font-weight: normal;
}
ul#list_secondary_footer li h3 {
    margin: -34px 0 10px;
    font-size: 18px;
}
ul#list_secondary_footer li h4 {
    font-size: 13px;
}

/* FOOTER */
#footer { }

ul#nav_footer { 
    margin-top:20px; 
    font-family:"proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif;
}

ul#nav_footer li {
    padding:0 3px;
}

ul#nav_footer li.last { padding-right:0; }
ul#nav_footer li.first { padding-left:0; border-left:none; }
ul#nav_footer li.decouple { 
    border-left:none; 
    padding:3px 0 20px 0;
}

ul#nav_footer li.social { margin-right: 23px; padding:10px 0; width:250px; }

ul#nav_footer li.decouple ul { float:left; position:relative; color:#868686; }
ul#nav_footer li.decouple ul li#address_info { width:450px; }
ul#nav_footer li.decouple ul li p.address { font-size:14px; }
ul#nav_footer li.decouple ul li p.address a { width:450px; float:left; position:relative; }
ul#nav_footer li.decouple ul li p.address a span { float:left; position:relative; }
ul#nav_footer li.decouple ul li p.address .phone { float:right; }

ul#nav_footer li.decouple p.copyright { float:left; position:relative; color:#565656; line-height: 38px; }

ul#nav_footer li a {
    color:#868686;
}
ul#nav_footer li a:hover { color:#FFF;}

ul#nav_footer li.decouple ul li p.address a:hover { color:#b8b8b8; }

ul#nav_footer li ul li { border-left:none; }

ul#nav_footer li#nav_footer_contact { float:left; padding:2px 0; margin:0 0 0 15px; }
ul#nav_footer li#nav_footer_contact a { 
    color:#FFF;
    font-size:12px;
    text-transform:uppercase;
    font-weight:600;
}

ul#nav_footer li a.icon { 
    float:left; position:relative; 
    text-indent:-9999px; 
    background-position:-4px -186px;
    width:18px; height:18px;
}

ul#nav_footer li#nav_footer_blog { padding-right:0; }

ul#nav_footer li#nav_footer_blog .icon { background-position:-306px -246px; }
ul#nav_footer li#nav_footer_linkedin .icon { background-position:-246px -246px; }
ul#nav_footer li#nav_footer_vimeo .icon { background-position:-186px -246px; }
ul#nav_footer li#nav_footer_flickr .icon { background-position:-126px -246px; }
ul#nav_footer li#nav_footer_surf_report .icon { background-position:-66px -246px; }
ul#nav_footer li#nav_footer_pronounce .icon { background-position:-7px -246px; width:15px; }
ul#nav_footer li#nav_footer_google .icon { background-position:-64px -786px; }

ul#nav_footer li#nav_footer_blog .icon:hover { background-position:-306px -306px; }
ul#nav_footer li#nav_footer_linkedin .icon:hover { background-position:-246px -306px; }
ul#nav_footer li#nav_footer_vimeo .icon:hover { background-position:-186px -306px; }
ul#nav_footer li#nav_footer_flickr .icon:hover { background-position:-126px -306px; }
ul#nav_footer li#nav_footer_surf_report .icon:hover { background-position:-66px -306px; }
ul#nav_footer li#nav_footer_pronounce .icon:hover { background-position:-7px -306px; }
ul#nav_footer li#nav_footer_google .icon:hover { background-position:-124px -786px; }

ul#nav_footer li#nav_footer_surf_report #surf_report,
ul#nav_footer li#nav_footer_pronounce #pronunciation { display:none; visibility:hidden; }

ul#nav_footer li#nav_footer_pronounce.active #pronunciation {
    float:left; position:absolute;
    display:block; visibility:visible;
    /*background:#272727;*/
    background:#000;
    /*
    top:-290px; left:-180px;
    width:260px; height:240px;
    padding:22px 30px 0;
    */
    top:-87px; left:-102px;
    width:200px; 
    padding:10px 20px 5px;
    border-bottom:1px solid #1d1d1d;
}

ul#nav_footer li#nav_footer_surf_report.active #surf_report {
    float:left; position:absolute;
    display:block; visibility:visible;
    bottom:48px; left:-123px;
    width:200px;
    padding:20px 20px 0 20px;
    /*background:#272727;*/
    background:#000;
    border-bottom:1px solid #1d1d1d;
}

#surf_report h3,
#pronunciation h3 { 
    font-size:30px;
    color:#FFF; 
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:1px;
    line-height:28px;
    padding-bottom:10px;
    background:url('../img/ckr_pronunciation.gif') no-repeat 110px 7px;
}


#pronunciation h3 {
    line-height:39px;
    padding-bottom:2px;
}

#surf_report h3 { 
    background:none; 
    border-bottom:1px solid #1d1d1d;
    margin-bottom:10px;
}
#surf_report .block p { float:left; position:relative; width:200px; font-size:12px; line-height:14px; }
#surf_report .block p.day {  text-transform:uppercase; }
#surf_report .block p.info {   color:#c0c0c0; padding-bottom:20px; }

#pronunciation p { color:#868686; }


/* CONTENT */

#content_wrap { background:#FFF; }
#content { margin:30px 0; }

#content section#hero { margin-bottom:20px; }

/*.column_nav ul { margin-bottom:20px; } */

#content_wrap .column_nav ul li { list-style-type:none; margin-left:0; }

.column_nav ul ul { margin-bottom:0; }

.column_nav, .column_form { /*padding-left:10px;*/ }

/* page rules */

#content section,
.column2, .column3, .column4, .column5 { width:990px; }

.column2 .column, .column2 .column_last { width:475px; } 
.column3 .column, .column3 .column_last { width:325px; } 
.column4 .column, .column4 .column_last { width:232px; } 
.column5 .column, .column5 .column_last { width:190px; } 

.column2 .column, .column2 .column_last,
.column3 .column, .column3 .column_last,
.column4 .column, .column4 .column_last,
.column5 .column, .column5 .column_last { margin-right:10px; }

.column3 .column { margin-right:7px; }


.column2 .column.last,
.column3 .column.last,
.column4 .column.last,
.column5 .column.last,
.column2 .column_last,
.column3 .column_last,
.column4 .column_last,
.column5 .column_last {margin-right:0; }


.column_content .block,
.column_content,
.column_content section,
#content .column_content section,
.column_content .column2, 
.column_content .column3, 
.column_content .column4, 
.column_content .column5 {
    width:750px; /* column_content_width */
}

.column_content .column, .column_content .column_last { 
    margin:0 20px 20px 0;
}
.column_content .column_last { margin-right:0; }

.column_content .column2 .column,
.column_content .column2 .column_last { width:345px; }

.column_content .column3 .column,
.column_content .column3 .column_last { width:223px; }

.column_content .column4 .column,
.column_content .column4 .column_last { width:162px; }

.tdm {
    width:990px;
    border-top:3px solid #E5E5E5;
}

.tdm h3 {
    font-style:italic;
    font-family:Georgia, 'Times New Roman', serif;
    font-weight:normal;
    text-align:right;
    padding:40px 0;
}

.tdm h3 a { color:#181818; }
.tdm h3 a:hover { color:#ff0137; }

.tdm h3 sup {
    text-transform:uppercase;
    font-style:normal;
    font-family:'proxima-nova-1','proxima-nova-2',Helvetica, Arial, sans-serif;
    font-size:9px;
    top:-1.3em;
}


.nav_right .column_content {}

.header_wrap, .column_content .header_wrap {
    background:none;
    margin-bottom:20px;
    padding-bottom:0;
}
.header_wrap h1, .header_wrap h2, .header_wrap h3 {
    background:none;
    text-shadow: 0 1px #FFFFFF;
    text-transform:uppercase;
    /*
    font-size:48px;
    line-height:48px;
    */
    font-size:34px;
    line-height:36px;
    font-weight:600;
    border-bottom:3px solid #e5e5e5;
    padding:20px 0 47px;
    margin:0 0 60px 0;
}

#empty_page {
    margin:100px auto;
    /* border_radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}

#empty_page h2 {
    padding:15px;
    border-bottom:1px solid #d2d2d2;
    text-shadow:0 1px #FFF;
    text-align:center;
}

#empty_page .empty_content {
    border-top:1px solid #FFF;
    padding:15px;
}



/* home */
.home {}

    .home #main_ctas {
        margin:0;
        padding:0;
        /*
        border:3px solid #e5e5e5;
        border-left:0;
        border-right:0;
        */
    }


    .home #main_ctas .column, .home #main_ctas .column_last { width:310px; }
    .home #main_ctas .column { margin-right:30px; }

    .contact #content section.column4,
    .home #content section.column4 { 
        background:url('../img/1px_250_e5e5e5.gif') repeat -1px 0; 
        margin-bottom:20px;
    }

    .contact #content section.column4 .column,
    .contact #content section.column4 .column_last {
        width:220px;
        padding:0 0 0 20px;
    }

/*  When Careers Section is complete

    .contact #content section.column4 .column_last p a {
	font-family:'proxima-nova-1', 'proxima-nova-2', Helvetica, Arial, sans-serif;
	font-style:normal;
	color:#181818;
    }

    .contact #content section.column4 .column_last p a span { float:left; position:relative; }
*/

    .home #hero { 
        width:100%; 
        border-bottom:1px solid #e5e5e5;
        padding-bottom:10px;
        height:670px;
        /*
        height:480px; 
        background:#f8f8f8;
        */
    }

    .home #hero #slide_wrap {
        float:left; position:relative;
        width:100%; 
        height:591px; 
        overflow:hidden;
	opacity:0;
        filter:alpha(opacity=0);
    }

    .loaded #hero #slide_wrap {
	opacity:1;
        filter:alpha(opacity=100);
    }


    .home .header_wrap h1 { 
        /*
        font-size:48px;
        line-height:57px;
        */
        /* font-size:33px; */
        font-size: 41px;
        letter-spacing: -1px;
        line-height: 50px;
        font-weight: 500;
    }

    .work_list .header_wrap h1 .serif,
    .service_list .header_wrap h1 .serif,
    .home .header_wrap h1 .serif {
        font-style:italic;
        text-transform:lowercase;
        font-weight:normal;
    }

    .service_list .header_wrap h1 { 
        font-size:28px; 
        border-bottom:0;
        padding-bottom:0;
    }

    .work_list .header_wrap h1 {
        font-size:29px;
	text-rendering:optimizeLegibility;
    }

    .home #news_ticker { 
        font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
        margin-top: 55px; padding:40px 0 10px;
        border-top:3px solid #E5E5E5
    }
    .home #news_ticker h3,
    .home #news_ticker ul { float:left; position:relative; margin-left:10px; }
    
    .home #news_ticker h3 {
        font-size:14px;
        text-transform:uppercase;
        margin-left:0;
    }

    .home #news_ticker #ticker_wrap { 
        float:left; position:relative; 
        margin-top:-2px; width:700px; 
        overflow:hidden;
        height:30px;
    }

    .home #news_ticker #ticker_wrap .cover { 
        float:left; position:absolute; 
        background:url('../img/white_gradient_cover.png') repeat-x 0 -10px; 
        width:100%; 
        height:30px; 
        top:0; left:0;
        z-index:2;
    }

    .home #news_ticker #ticker_wrap:hover .cover { z-index:0; }
    .home #news_ticker #ticker_wrap:hover ul { z-index:1; }

    .home #content_wrap #news_ticker ul { margin:-3px 0 0 5px; }

    .home #content_wrap #news_ticker ul li { 
        list-style-type:none; 
        margin-left:0; 
        font-size:14px;
        padding:8px 0 10px;
    }



    .to_section,
    .home #news_ticker .view_all { 
        float:right; position:relative; 
        text-transform:uppercase;
        font-weight:600;
    	font-size:12px;
    	padding:3px 0 0 0;
        right:10px;
    }

    .solutions .to_section {
        width: 225px;
        float: left;
        display: block;
    }
    .service_list.solutions .column3 .to_section { padding-top: 10px; }
    
    .solutions .to_section a { float: none; }
    .solutions .to_section .arrow { margin-top: 1px; }

    .to_section a { float:left; position:relative; padding-right:20px; }

    .to_section a:hover { color:#acacac; }
    .to_section a:hover .arrow { background-position:-200px -8px; }

    .to_section span,
    .home #news_ticker .view_all span { float:left; position:relative; }

    .to_section .arrow,
    .contact #content section.column4 .column_last p a .arrow,
    .home #news_ticker .view_all .arrow { 
	float:left; position:relative; 
	background:url('../img/elements.png') no-repeat -200px -68px;
	width:10px; height:12px;
	margin:4px 0 0 5px;
    }

    .to_section .arrow,
    .contact #content section.column4 .column_last p a .arrow { position:absolute; }

    .home #news_ticker a { padding-right:5px; }
    .home #news_ticker #ticker_wrap ul li a { color:#666; }
    .home #news_ticker #ticker_wrap ul li a .date { text-transform:uppercase; font-weight:600; color:#181818; padding-right:5px;}
    .home #news_ticker #ticker_wrap ul li a:hover { color:#FF0137; }

    #services_expertise { 
        padding-bottom:35px; 
        padding-top:50px;
        border-top:3px solid #e5e5e5;
    }

    #services_expertise h3 { 
        text-transform:uppercase;
        font-size:17px;
        padding-bottom:20px;
        line-height:20px;
    }


    #content_wrap #services_expertise ul {  }
    #content_wrap #services_expertise ul li { 
        float:left; position:relative;
        border:1px solid #dedede;
        border-left:0; border-right:0;
        padding:0;
        list-style-type:none;
        margin:-1px 45px 0 0;
        font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
        font-size:13px;
    }

    #content_wrap #services_expertise ul li.last { margin-right:0; }

    /*#content_wrap #services_expertise ul li {*/
    #content_wrap #services_expertise ul li a {
        float:left; position:relative;
        width:165px;
        padding:8px 0;
        color:#181818;
    }

    #content_wrap #services_expertise ul li a:hover {
        color:#FF0137;
    }

    #se_services { width:585px; }
    #se_expertise { float:right; width:375px; }

.home #hero .slide { 
    float:left; position:relative; 
    width:100%; 
    /*height:480px;*/
    height:591px;
    /*background:#FFF;*/
}


.home #hero .slide .layer,
.home #hero .slide .layer a {
    float:left; position:absolute;
    width:100%; height:591px;
    display:block;
    cursor:pointer;
    top:0; left:0;
    background-position:top center;
    background-repeat: no-repeat;
}

.home #hero .slide .action a:hover { background-position:bottom center; }

.home #hero .slide .action { }
.home #hero #slide_ripcurl .action { /* top:-100%;*/ }

/*
.home #hero #slide_ripcurl .bg { 
    background:url('../img/_COMP_ripcurl_bg.jpg') no-repeat top center; 
}

.home #hero #slide_ripcurl .layer1 { 
    background:url('../img/_COMP_ripcurl_overlay.png') no-repeat top center; 
}

.home #hero #slide_ripcurl .action a { 
    background:url('../img/_COMP_ripcurl_branding.png') no-repeat top center;
}

.home #hero #slide_pacsun .bg { 
    background:url('../img/pacsun_background.jpg') no-repeat top center; 
}

.home #hero #slide_pacsun .layer1 { 
    background:url('../img/pacsun_overlay.png') no-repeat top center; 
}

.home #hero #slide_pacsun .action a { 
    background:url('../img/pacsun_branding.png') no-repeat top center;
}
*/

.home.loaded #hero .active .layer { top:0; left:0; }

.home.loaded #hero .last_active { z-index:2; position:absolute; }
.home.loaded #hero #slide_wrap .active { z-index:3; position:absolute; }

.home.loaded #hero .slide .white_bar { 
    background:white; height:8px; top:auto; bottom:-8px; 
    -webkit-transition:none;
    z-index:1;
}

.home.loaded #hero #slide_wrap .active .support { z-index:2; }
.home.loaded #hero #slide_wrap .active .action { z-index:3; }

.home.loaded #hero #slide_wrap .active.sliding .action { z-index:1; }
.home.loaded #hero #slide_wrap .active.sliding .white_bar { z-index:2; }
.home.loaded #hero #slide_wrap .active.sliding .support { z-index:3; }

.home.loaded #hero .last_active .support,
.home.loaded #hero .last_active .action,
.home.loaded #hero .last_active .bg { top:0; }

/*
.home #hero #slide_ripcurl .action a:hover { background-position:bottom center; }
.home #hero #slide_pacsun .action a:hover { background-position:bottom center; }
*/

.home #hero .slide .slide_left { left:1%; }
.home #hero .slide .slide_right { left:-1%; }
.home #hero .slide .slide_up { top:1%;}
.home #hero .slide .slide_down { top:-1%; }
.home #hero .slide .layer { opacity:0; }


.loaded #hero .last_active .fade_in {}
.loaded #hero .last_active .slide_down {}
.loaded #hero .last_active .slide_up { top:0;}
.loaded #hero .last_active .slide_left {}
.loaded #hero .last_active .slide_right {}

.loaded #hero .last_active .fade_in,
.loaded #hero .last_active .slide_down,
.loaded #hero .last_active .slide_up,
.loaded #hero .last_active .slide_left,
.loaded #hero .last_active .slide_right,
.loaded #hero .active .fade_in,
.loaded #hero .active .slide_down,
.loaded #hero .active .slide_up,
.loaded #hero .active .slide_left,
.loaded #hero .active .slide_right { top:0; left:0; opacity:1;  }

#content_wrap #slide_selector {}
#content_wrap #slide_selector ul {
    float:left; position:relative;
    margin:0; padding:0;
    z-index:1;
    width:2000px;

    -webkit-transition: all .8s cubic-bezier(0.6,  0,  0.4,  1);
    -moz-transition: all .8s cubic-bezier(0.6,  0,  0.4,  1);
    -o-transition: all .8s cubic-bezier(0.6,  0,  0.4,  1);
    transition: all .8s cubic-bezier(0.6,  0,  0.4,  1);
}

#content_wrap #slide_selector .scroller_wrap {
  float:left; position:relative;
  width:942px;
  margin-left:24px;
  overflow:hidden;
}

#content_wrap #slide_selector ul li { 
    float:left; position:relative;
    margin:0; list-style-type:none;
    padding:0;
}

#content_wrap #slide_selector .controls { 
    float:left; position:absolute;
    width:990px; height:76px; 
    z-index:0; 
}

#content_wrap #slide_selector .controls p {}
#content_wrap #slide_selector .controls p.prev { float:left; position:relative; }
#content_wrap #slide_selector .controls p.next { float:right; position:relative; }

#content_wrap #slide_selector .controls p a { 
    float:left; position:relative; 
    width:24px; height:76px; 
}

#content_wrap #slide_selector .controls p.prev a {}
#content_wrap #slide_selector .controls p.next a {}

/* adding ".loaded" will remove flash of solid color */
.loaded #content_wrap #slide_selector .controls p a span { 
    float:left; position:relative; 
    width:24px; height:30px; 
    background:#d6d6d6 url('../img/elements.png') no-repeat -243px 0;
    margin-top:25px;
}

#content_wrap #slide_selector .controls p.prev a span {}
#content_wrap #slide_selector .controls p.next a span { background-position: -302px 0; }

.loaded #content_wrap #slide_selector .controls p a:hover span { background-color:#ff0137; }


#content_wrap #slide_selector ul li a { float:left; position:relative; }
#content_wrap #slide_selector ul li a img { float:left; position:relative; opacity:.4; filter:alpha(opacity=40); }
#content_wrap #slide_selector ul li a:hover img { float:left; position:relative; opacity:1; filter:alpha(opacity=100); }
#content_wrap #slide_selector ul li.active a img { float:left; position:relative; opacity:1; filter:alpha(opacity=100); }

/* APPS */

/* app:news */
.news {}

    .news #content {}

    .jobs .column_nav,
    .news .column_nav { width:280px; padding:0; }

    .jobs .column_nav h3,
    .news .column_nav h3 { 
        text-transform:uppercase;
        border-bottom:3px solid #e5e5e5;
        padding-bottom:20px;
    }

    /*rss*/
    .news .column_nav h3 a { float:right; position:absolute; right:25px; }

    .news .column_nav ul { }

    .jobs #content_wrap .column_nav ul li,
    .news #content_wrap .column_nav ul li { 
        padding:15px 0;
        border-bottom:1px solid #e5e5e5;
    }

    .news .column_content p.date,
    .news .column_nav ul li p.date { 
        text-transform:uppercase; font-size:10px; letter-spacing:1px; 
    }

    .jobs .column_nav ul li,
    .news .column_nav ul li p { font-size:13px; line-height:17px; }

    .jobs .column_nav ul li a,
    .news .column_nav ul li p a { 
        font-family:Georgia, Times New Roman, serif; 
        font-style:italic; 
        color:#181818;
    }


    .jobs .column_nav h3 a { color:#181818; }

    .jobs .column_nav h3 a:hover,
    .jobs .column_nav ul li a:hover,
    .news .column_nav ul li p a:hover { color:#ff0137; }

    .news .column_nav .sub_accent_button { background:none; color:#ff0137; padding:0; }
    .news .column_nav .sub_accent_button .accent_graphic { background-position:-202px -67px; }

    .news .column_nav .sub_accent_button:hover { color:#acacac; }
    .news .column_nav .sub_accent_button:hover .accent_graphic { background-position:-202px -7px; }

    .jobs .column_content,
    .news .column_content { float:right; }

    .news .column_content .body { padding-top:20px; }

    .jobs .column_content h1,
    .news .column_content h1 { 
        padding-bottom:15px; 
        font-size:35px;
        line-height:39px;
        font-weight:600;
        text-transform:uppercase;
    }

    .jobs .column_content h1 { padding-right:20px; }

    .jobs .column_content,
    .news .column_content,
    .news .column_content ul.share_services, 
    .news .entry { 
        width:650px; /* column_content_width */
    }

    .news .column_content ul.share_services li.decouple { display:none; visibilty:hidden; }


    /* pagination */
    .jobs #content,
    .news #content { margin:60px 0; }

    /* archive */
    .jobs .entry,
    .news .entry { 
        float:left; position:relative; 
        border-bottom: 3px solid #e5e5e5; 
        padding-top:40px; 
        width:650px;
    }

    .jobs .entry.first,
    .news .entry.first { padding-top:0; }

    .news_list .entry .info { 
        float:right; position:relative; 
        width:475px;
    }

    .jobposting_list .entry .excerpt p,
    .news_list .entry .info p { padding-bottom:40px; }

    .jobposting_list .entry .excerpt p.date,
    .news_list .entry .info p.date { padding-bottom:0px; }

    .news_list .entry .thumb,
    .news_list .entry .thumb img { 
        float:left; position:relative; 
        width:145px; height:145px; 
    }

    .news_list .entry .thumb { padding-bottom:40px; }


    .jobposting_list .entry h2,
    .news_list .entry h2 { 
        text-transform:uppercase;
        font-weight:600;
        font-size:29px;
        line-height:33px;
        padding:0 25px 10px 0;
    }

    .jobposting_list .entry h2 { padding-right:0; }

    .jobposting_list .entry h2 a,
    .news_list .entry h2 a { color:#181818; }

    .jobposting_list .entry h2 a:hover,
    .news_list .entry h2 a:hover { color:#ff0137; }


    .news .column_content footer {
        float:left; position:relative;
        border-bottom:3px solid #e5e5e5; 
        width:650px;
        padding:0 0 20px 0;
    }


    .news .column_content footer ul.share_services li a { margin-top:-4px; }

    .news .column_content ul.share_services { 
        padding-top:10px;
        width:auto;
        float:right;
    }
    
    .news ul.social { float:left; position:relative; top:7px; right:0; }
    .news ul.social li { float:left; position:relative; margin-left:10px; }
    
    .news ul.social li.email a { 
        float:left; position:relative; 
        width:16px; height:16px;
        text-indent:-9999px;
        margin-top:2px;
        background:url('../img/elements.png') no-repeat -240px -241px;
    
    }
    
    .news .item ul.paginator { float:right; }
    
ul.share_services li p { font-size:10px; line-height:16px; text-transform:uppercase; padding:0;}

    .news #content .column_content .block { width:650px; }
    .news #content .column_content p.italic { 
        font-family:Georgia, "Times New Roman", serif;
        font-style:italic;
        font-size:13px;
        line-height:24px;
        padding:30px 0 50px 0;
    }

/* app:blog */
.blog {}

    .blog #content {
        font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
    }

    .blog .entry,
    .blog .entry .footer,
    .blog .reply,
    .blog .media,
    .blog .media .video,
    .blog .media .image,
    .blog .comments,
    .blog .comments .comment {
        float:left; position:relative;
        width:750px;
    }

    .blog .entry { 
        padding-bottom:20px; 
        margin-bottom:30px;
        border-bottom:3px solid #e5e5e5;
    }

    .blogentry_detail .entry {
        border-bottom:0;
        padding-bottom:10px;
    }

    .blog .entry p.date { text-transform:uppercase; font-size:10px; letter-spacing:1px; }

    .blog .entry h1 { 
        padding-bottom:15px;
        width:735px;
        text-transform:uppercase;
        font-weight:600;
        font-size:34px;
        line-height:36px;
    }

    .blog .entry h1 a { color:#181818; }
    .blog .entry h1 a:hover { color:#FF0137; }

    .blog .entry .media { padding-top:10px; }

    .blog #content .column_content .header {
        border-bottom:1px solid #d2d2d2;
    }

    .blog .column_nav { width:200px; padding:0; }
    .blog .column_nav .block { 
        width:200px; 
        /*border-bottom:3px solid #e5e5e5;*/
        padding:35px 0 20px;
    }

    .blog #content .column_nav #cukergrams h3 {
        padding:0; border-bottom:0;
    }

    .blog #content .column_nav #cukergrams h3 a { color:#181818; }
    .blog #content .column_nav #cukergrams .serif a { color:#666; }

    .blog .column_nav #cukergrams .serif { font-style:italic; }

    .blog .column_nav .block ul.instagram li a img {
        width:200px;
    }

    .blog #content .column_nav h3 {
        padding-bottom:25px;
        letter-spacing:1px; 
        text-transform:uppercase;
        font-size:26px;
	border-bottom:1px solid #ededed;
    }

    .blog #content .column_nav ul li {
        padding:0;
        font-size:14px;
    }

    .blog #content .column_nav ul li a { color:#181818; }
    .blog #content .column_nav ul li a:hover { color:#ff0137; }

    .blog #content .column_nav ul.archive li,
    .blog #content .column_nav ul.categories li {
        padding:10px 0;
        border-bottom:1px solid #ededed;
        font-size:14px;
    }

    .blog #content .column_nav ul.archive li a,
    .blog #content .column_nav ul.categories li a { padding:10px 0;  }

    .blog #content .column_nav ul.archive li ul { 
	float:left; position:relative; 
	display:none; visibility:hidden; 
    }

    .blog #content .column_nav ul.archive li { float:left; position:relative; padding:0;}
    .blog #content .column_nav ul.archive li > a { 
	float:left; position:relative;
	width:200px;
    }

    .blog #content .column_nav ul.archive li .arrow {
	float:right; position:relative; 
	width:12px; height:12px;
	margin-top:2px;
	background:url('../img/elements.png') no-repeat -200px -68px;
    }

    .blog #content .column_nav ul.archive li.active .arrow { background-position:-188px -80px; }

    .blog #content .column_nav ul.archive li.active > a {
	color:#ff0137;
    }

    .blog #content .column_nav ul.archive li.active ul { 
	display:block; visibility:visible; 
	padding:0 0 7px 0; 
    }
    .blog #content .column_nav ul.archive li ul li { border-bottom:0; padding:3px 0; }
    .blog #content .column_nav ul.archive li ul li a { padding:0; }

    .blog #content .column_nav .weather { border-bottom:1px solid #ededed; }
    .blog #content .column_nav .weather .icon { 
        float:left; position:relative; 
        width:35px; height:35px;
        background-position:0 -660px;
    }
    .blog #content .column_nav .weather.sunny .icon         {   background-position: -120px -720px;  }
    .blog #content .column_nav .weather.overcast .icon      {   background-position: -179px -720px;  }
    .blog #content .column_nav .weather.partly_cloudy .icon {   background-position:0 -660px;        }
    .blog #content .column_nav .weather.rain .icon          {   background-position: -240px -720px;  }
        
    .blog #content .column_nav .weather .info { 
        float:right; position:relative; 
        width:160px;
        line-height:17px;
    }

    .blog #content .column_nav .weather .info .city {}
    .blog #content .column_nav .weather .info .condition {
        font-family:Georgia, Times, serif;
        font-style:italic;
    }

    .column_nav .social_media {}

    .blog #content .column_nav .social_media h3 { border:none; }

    .column_nav .social_media ul,
    .column_nav .social_media ul li a,
    .column_nav .social_media ul li { float:left; position:relative; border:none; }

    .column_nav .social_media ul li.facebook,
    .column_nav .social_media ul li.twitter,
    .column_nav .social_media ul li.flickr,
    .column_nav .social_media ul li.googleplus {
        background:none;
        width:45px; height:35px;
    }

    .column_nav .social_media ul li a {
        width:45px; height:35px; 
        background:url('../img/elements.png') no-repeat 0 -480px;
        text-indent:-9999px;
    }

    .column_nav .social_media ul li.facebook,
    .column_nav .social_media ul li.facebook a { width:33px; }
    
    .column_nav .social_media ul li.pinterest,
    .column_nav .social_media ul li.pinterest a { width:36px; }

    .column_nav .social_media ul li.flickr,
    .column_nav .social_media ul li.flickr a { width:36px; }


    .column_nav .social_media ul li.facebook a { background-position:0px -480px; }
    .column_nav .social_media ul li.twitter a {background-position:-56px -480px; }
    .column_nav .social_media ul li.pinterest a {background-position:3px -720px; }
    .column_nav .social_media ul li.flickr a { background-position:-114px -480px; }
    .column_nav .social_media ul li.googleplus a { background-position:-170px -480px; }

    .column_nav .social_media ul li.facebook a:hover { background-position:0px -540px; }
    .column_nav .social_media ul li.twitter a:hover {background-position:-56px -540px; }
    .column_nav .social_media ul li.pinterest a:hover {background-position:-57px -720px; }
    .column_nav .social_media ul li.flickr a:hover { background-position:-114px -540px; }
    .column_nav .social_media ul li.googleplus a:hover { background-position:-170px -540px; }

    .blog .column_nav .subscribe { border-top:1px solid #e5e5e5; }

    .blog .column_nav .subscribe p.sub {
	font-size:13px;
	text-transform:uppercase;
    }

    .blog .column_nav .subscribe p.sub a { color:#666; }
    .blog .column_nav .subscribe p.sub a:hover { color:#FF0137; }
    .blog .column_nav .subscribe p.sub .rss { margin-left:12px;}

    .blog .entry .fb-like {
        position:absolute;
        bottom:30px; left:0;
        z-index:1;
    }

    .news .column_content .body p a,
    .blog .entry .body p a { 
        -webkit-transition:all .1s linear;
        -moz-transition:all .1s linear;
        -ms-transition:all .1s linear;
        -o-transition:all .1s linear;
        transition:all .1s linear;
        border-bottom:5px solid #FFF;
    }

    .news .column_content .body p a:hover,
    .blog .entry .body p a:hover { border-bottom: 3px solid #dedede; }

    /* entry footer */
    .blog .entry .footer { padding:10px 0; }

    .blog .entry .footer .comment_count { 
        float:left; position:relative;
        padding:0;
    }

    .blog .entry .footer .comment_count a { color:#ff0137; /* accent_color */ }
    .blog .entry .footer .comment_count a span { color:#666; /* text_color */ }

    .blog .entry .footer .share { float:right; position:relative; }

    .work_detail .share p,
    .work_feature .share p,
    .blog .entry .footer .share p,
    .blog .entry .footer .share ul,
    .blog .entry .footer .share ul li { 
        float:left; position:relative; 
        font-size:11px;
        text-transform:uppercase;
    }

    .work_detail .share p,
    .work_feature .share p { padding:7px 0 0; }

    .blog .entry .footer .share p { padding:3px 0 0; }

    .blog #content_wrap .entry .footer .share ul li { background:none; width:20px; height:20px; padding:0; margin:0 0 0 10px; }

    .blog .entry .footer .share ul li a { 
        float:left; position:relative;
        width:20px; height:20px;
        text-indent:-9999px;
        background:url('../img/elements.png') 200px;  
    }

    .blog .media .image,
    .blog .media .video { padding-bottom:20px; text-align:center; }

    .blog .comments .header_wrap { margin-bottom:0px; }

    .blog .comments .comment .body { padding-top:10px; }

    .blog .comments .comment p.date { 
        float:right; 
        position:absolute; 
        top:12px; 
        right:30px;
        font-size:11px;
    }


    .blog .comments .comment {
        width:650px;
        border-bottom:1px solid #d2d2d2;
        padding:20px 30px 0px;
    }

    .blog .comments .comment.even { background:#fbfbfb; }
    .blog .comments .comment.new { background:#e5f0eb; display:none; }

    .blog .reply h2 {
        padding:15px 0 15px 15px;
        border-bottom:1px solid #d2d2d2;
        margin-bottom:30px;
    }

    .blog .reply p.posted {
        font-size:18px;
        color:#000;
        font-weight:bold;
        padding:20px 0 20px 30px;
    }

    .blog .reply .reply_button { margin:20px 0 0; }

    .blog .reply form p.no_label { margin-left:240px; }


/* APP:CLIENTS */
.clients {}
    
    .clients .column4 { padding-top:30px; }
    .clients .column4 .column,
    .clients .column4 .column_last {
        margin-right:0;
        border:1px solid #e5e5e5;
        border-left:0; border-top:0;
        width:246px;
    }

    .clients .column4 .column_last { border-right:0; }

    .clients .column4 .column a,
    .clients .column4 .column_last a { 
        float:left; position:relative;
        width:226px;
        height:226px;
        margin:10px;
        text-align:center;
        overflow:hidden;
        background:url('../img/3x3_ko_stripe.gif');
    }

    .clients .column4 .column a:hover,
    .clients .column4 .column_last a:hover {
        background-color:#e5e5e5;
    }

    .clients .column4 .column a img,
    .clients .column4 .column_last a img { padding-top:0; }

    .clients .column4 .column a:hover img,
    .clients .column4 .column_last a:hover img { margin-top:-226px; }

    .clients .column4 .last .column, 
    .clients .column4 .last .column_last { border-bottom:0; }

    .clients .column5 { 
        margin-top:50px; padding-top:50px;
        border-top:3px solid #ededed;
    }

    /* handled by masonry */
    .clients .column5 .column {
        width:178px;
        padding-right:20px;
        margin-right:0;
    }

    .clients .column5 .column h3 { font-size:14px; text-transform:uppercase; }

    .clients #content_wrap .column5 .column ul {}
    .clients #content_wrap .column5 .column ul li {
        list-style-type:none;
        margin-left:0;
        font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
        font-size:14px;
        padding:2px 0;
    }
    .clients #content_wrap .column5 .column ul li a {
        color:#606060;
    }

    .clients #content_wrap .column5 .column ul li a:hover {
        color:#FF0137;
    }


/* app:work */
.work {}

.work_list {}

    .work_list #featured_work { padding-top:20px; }
    .work_list .header_wrap h1 { border:none; padding:5px 0 0; margin:0 0 30px; }

    .work_list .column_last .thumb img,
    .work_list .column .thumb img {
        display:block;
        opacity: 0;
        -webkit-transition:opacity 0.5s linear; 
        -moz-transition:opacity 0.5s linear; 
        -ms-transition:opacity 0.5s linear; 
        transition:opacity 0.5s linear; 
    }

    .work_list .column_last .thumb img.loaded,
    .work_list .column .thumb img.loaded {
        opacity:1; 
        filter:alpha(opacity=100); 
    }

    .work_list .column3 .column_last .thumb img,
    .work_list .column3 .column .thumb img { width:100% /*325px*/; }

    .services .column5 .column,
    .work .column5 .column { margin-right:6px; }


    .services .column5 .last,
    .work .column5 .last{ margin-right:0px; }

    .services .column5 .column_last,
    .services .column5 .column,
    .work .column5 .column_last,
    .work .column5 .column { width:193px; }

    .services .column5 .column_last .thumb img,
    .services .column5 .column .thumb img,
    .work .column5 .column_last .thumb img,
    .work .column5 .column .thumb img { width:100%; }

    .home #main_ctas .info .title,
    .work_list #featured_work .info h3 { 
        text-transform:uppercase;
        padding:10px 0 0;
        font-size:26px;
        line-height:26px;
    }
    .home #main_ctas .info .serif,
    .work_list #featured_work .info p { 
        font-family:Georgia, Times New Roman, serif;
        font-style:italic;
        padding-bottom:35px;
    }

    .home #main_ctas .thumb { 
        float:left; position:relative;
        height:200px; overflow:hidden;
    }

    .home #main_ctas .info {
        float:left; position:relative;
        padding:10px 0 0;
    }

    .home #main_ctas .info .title,
    .home #main_ctas .info .serif { 
        float:left; position:relative; 
        color:#666666; width:300px; 
        font-weight:600;
        font-family:'proxima-nova-1','proxima-nova-2',Helvetica, Arial, sans-serif;
    }

    .home #main_ctas .info .title { font-size:18px; color:#181818; }
    .home #main_ctas .info .serif { 
        padding-bottom:0; 
        font-style:normal; 
        color:#666666; 
        font-weight:400; 
    }

    .home #main_ctas a:hover .info span { color:#FF0137; }

    .work_detail .column5 .info h3 a:visited,
    .work_detail .column5 .info h3 a,
    .services .column5 .info h3 a:visited,
    .services .column5 .info h3 a,
    .work_list .column_last .info h3 a:visited,
    .work_list .column .info h3 a:visited,
    .work_list .column_last .info h3 a,
    .work_list .column .info h3 a { color:#181818; }

    #recent_footer .column5 .column_last:hover .info h3 a,
    #recent_footer .column5 .column:hover .info h3 a,
    .work_detail .column5 .column:hover .info h3 a,
    .work_detail .column5 .column_last:hover .info h3 a,
    .work_list #even_more .column:hover .info h3 a,
    .work_list #even_more .column_last:hover .info h3 a,
    .work_list #more_work .column:hover .info h3 a,
    .work_list #more_work .column_last:hover .info h3 a,
    .services .column5 .info h3 a:hover,
    .work_list #featured_work .column_last:hover .info h3 a,
    .work_list #featured_work .column:hover .info h3 a,
    .work_list #featured_work .column_last .info h3 a:hover,
    .work_list #featured_work .column .info h3 a:hover { color:#ff0137; }
    
    .work_list #more_work { padding-top:30px; }

    .work_list #more_work h2 {  
        font-size:33px;
        line-height:36px;
        text-transform:uppercase;
        border-bottom:3px solid #e5e5e5;
        padding-bottom:20px;
        margin-bottom:20px;
        font-weight:600;
    }

    /*.work_list #even_more .row { display: none; }*/


    #recent_footer .column5 .info h3 a { color:#FFF; }

    .work_list #filtered_work { padding:20px 0; }

    .work_list #filtered_work .info h3,
    .work_detail .column5 .info h3,
    .work_list #even_more .info h3,
    .services .column5 .info h3,
    .work_list #more_work .info h3 { 
        text-transform:uppercase;
        padding:5px 10px 25px 0;
        font-size:14px;
        line-height:18px;
    }

    #seymour { 
        float:right; position:relative; 
        width:241px; height:46px; 
        /*background:url('../img/more_handwriting.png') no-repeat 0 0; */
        margin-top:20px;
    }

    .work_list #even_more p.sub_accent_button { float:right; margin:30px 0;}
    .work_list #even_more p.sub_accent_button .accent_graphic { 
        background-position:-188px -139px; 
        width:12px; 
    }

    #work_filters {
        font-family:'proxima-nova-1', 'proxima-nova-2', Helvetica, Arial, sans-serif;
        border-bottom:3px solid #e5e5e5;
        height:8px;
    }

    #work_filters .intro { 
        float:left; position:relative; 
        background: #FF0137;
        color:#FFF;
        padding:0 10px;
        text-transform:uppercase;
        font-size:10px;
        margin-right:15px;
    }

    #work_filters .intro span {
        border-width:10px;
        border-style:solid;
        border-color:#FFF #FFF #FFF #ff0137;
        width:0; padding:0; margin:0; height:0;
        overflow:hidden;
        float:left; position:absolute;
        right:-20px;
    }

    #work_filters .filter { 
        float:left; position:relative;
        padding:0 5px 20px 0;
        margin:-1px 0 0 0;
        background:#FFF;
    }
    #work_filters .filter .title {
        float:left; position:relative;
    }
    #work_filters .filter .wrap {
        float:left; position:relative;
    }
    #work_filters .filter .wrap:hover {}
    #work_filters .filter select {
        font-family:'proxima-nova-1', 'proxima-nova-2', Helvetica, Arial, sans-serif;
        font-size:12px;
        text-transform:uppercase;
        -webkit-appearance:none;
        -webkit-border-radius:2px;
        -moz-appearance:none;
        -moz-border-radius:2px;
        appearance:none;
        border-radius:2px;
        padding:3px 20px 3px 5px;
        border:1px solid #cfcfcf;
        background:url('../img/filter_arrow_down.png') no-repeat right top;
        width:180px;
    }

/* reel */
.reel .shadow_block { 
    background:url('../img/shadow.jpg') no-repeat bottom left;
    padding:30px 0 70px;
}

.reel .shadow_block iframe { margin-left:15px; }

.reel .view_work { padding:20px 15px 30px 0; float:right; }
.reel .fb-like { float:left; padding:25px 15px; }


.secondary_nav { 
    background:#fff; 
}
.secondary_nav .container { border-bottom:3px solid #e5e5e5; }

#content_wrap .secondary_nav .container ul {
    float:left; position:relative; 
    padding:0;
}

#content_wrap .secondary_nav .container ul li { 
    float:left; position:relative;
    list-style-type:none; 
    margin:0;
    padding:0 20px 0 0;
    font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
    font-size:14px;
}

#content_wrap .secondary_nav .container ul li a {
    float:left; position:relative;
    padding:14px 0;
}

.secondary_nav .container ul li a { color:#181818; }
.secondary_nav .container ul li a:hover { color:#FF0137; }

/*
.sticky_nav .secondary_nav {
    position:fixed;
    z-index:98;
    top:54px;
}
*/
.secondary_nav {}

    .expertise #secondary_expertise a,
    .solutions #secondary_solutions a,
    .process #secondary_process a { color:#ff0137; }

/* .sticky_nav .secondary_nav .container { border-bottom:0; } */
/* .services.sticky_nav #content { margin-top:140px; }*/
.services #content { }

    .services_index {}
    .services_index .intro { float:left; position:relative; width:990px; padding-bottom:70px; }
    .services_index .intro h1 { text-transform:uppercase; font-size:94px; font-weight:600; }

    .services_index .intro h1 .serif { 
        text-transform:lowercase; 
        font-style:italic; 
        font-weight:400; font-size:60px; 
    }

    .services_index .intro h2 { 
        float:left; position:relative;
        font-style:italic; 
        font-weight:400;
        font-size:38px;
        color:#FF0137;
    }

    .services_index .intro h2 span { float:left; position:relative; }
    .services_index .intro h2 .slash { font-size:26px; margin:6px 5px 0 0; }

    .services_index .intro p {
        float:left; position:relative;
        width:500px;
        line-height:16px;
        padding:10px 0 0 30px;
    }



.work_detail { }

    .work_feature .intro .fb-like {
        float:right; position:absolute;
        top:0; right:5px;
        background:#FFF;
        width:133px;
        margin:0; padding:10px 10px 9px;
        -webkit-box-shadow:0 3px 3px rgba(0,0,0,.1);
        -moz-box-shadow:0 3px 3px rgba(0,0,0,.1);
        -ms-box-shadow:0 3px 3px rgba(0,0,0,.1);
        box-shadow:0 3px 3px rgba(0,0,0,.1);
    }

    .work_detail .media { background:#f9f9f9; overflow:hidden; border-bottom:1px solid #e5e5e5; height:450px; }

    .work_feature .media { overflow:hidden; }

    .work_feature .media .scroller_wrap,
    .work_detail .media .scroller_wrap { float:left; position:relative; width:10000em; }

    .work_feature .media .scroller_wrap ul { float:left; position:relative; margin:50px 0 0; }
    .work_detail #content_wrap .media .scroller_wrap ul { float:left; position:relative; margin:50px 0; }

    .work_detail #content_wrap .media .scroller_wrap ul li { 
        float:left; position:relative; 
        padding:0; line-height:0; 
        background:#FFF;
    }

    .work_feature #content_wrap .media .scroller_wrap ul li  {
	float:left; position:relative;
	padding:0; line-height:0;
	background:none;
    }

    .work_detail #content_wrap .media .scroller_wrap ul li.active {
        -webkit-box-shadow:0 0 5px rgba(0,0,0,.15);
        -moz-box-shadow:0 0 5px rgba(0,0,0,.15);
        -o-box-shadow:0 0 5px rgba(0,0,0,.15);
        box-shadow:0 0 5px rgba(0,0,0,.15);
    }

    .work_feature #content_wrap .media .scroller_wrap ul li.active a,
    .work_detail #content_wrap .media .scroller_wrap ul li.active a { cursor:default; }

    .work_feature #content_wrap .media .scroller_wrap ul li img,
    .work_detail #content_wrap .media .scroller_wrap ul li img { line-height:0; }


    .work_feature #content_wrap .media .controls_wrap ul,
    .work_feature #content_wrap .media .scroller_wrap ul,
    .work_detail #content_wrap .media .controls_wrap ul,
    .work_detail #content_wrap .media .scroller_wrap ul { visibility:hidden; }

    .work_feature #content_wrap.loaded .media .controls_wrap ul,
    .work_feature #content_wrap.loaded .media .scroller_wrap ul,
    .work_detail #content_wrap.loaded .media .controls_wrap ul,
    .work_detail #content_wrap.loaded .media .scroller_wrap ul { visibility:visible; }


    .work_feature #content_wrap .media .controls_wrap,
    .work_detail #content_wrap .media .controls_wrap { float:left; position:absolute; bottom:15px; }

    .work_feature #content_wrap .media ul.controls,
    .work_detail #content_wrap .media ul.controls { float:left; position:relative; }

    .work_feature #content_wrap .media ul.controls li,
    .work_detail #content_wrap .media ul.controls li { float:left; position:relative; padding:0; }

    .work_feature #content_wrap .media ul.controls li a,
    .work_detail #content_wrap .media ul.controls li a { 
        float:left; position:relative; 
        width:20px;
        height:20px;
        text-indent:-9999px;
        background:#dbdbdb url('../img/elements.png') no-repeat -245px -545px;
    }

    .work_feature #content_wrap .media ul.controls li a:hover,
    .work_detail #content_wrap .media ul.controls li a:hover { background-color:#b4b4b4; }

    .work_feature #content_wrap .media ul.controls li.active a,
    .work_detail #content_wrap .media ul.controls li.active a { background-color:#FF0137; }
    
    .work_feature #content_wrap .media .scroller_wrap ul li.active a img,
    .work_detail #content_wrap .media .scroller_wrap ul li.active a img { opacity:1; filter:alpha(opacity:100); }

    .work_feature #content_wrap .media .scroller_wrap ul li a img,
    .work_detail #content_wrap .media .scroller_wrap ul li a img { opacity:.5; filter:alpha(opacity:50); }

    .work_detail #content { 
        margin-top:90px; 
        background:url('../img/1px_d2d2d2.gif') repeat-y 750px 0;
    }

    .work_detail .column_content { width:720px; }

    .work_detail #content_wrap .column_content ul#records {
        float:left; position:absolute; top:-90px; left:0;
    }
    .work_detail #content_wrap .column_content ul#records li {
        float:left; position:relative;
        list-style-type:none;
        margin:0 5px 0 0;
        padding:0;
        font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
        text-transform:uppercase;
        font-size:10px;
        font-weight:600;
    }

    .work_detail #content_wrap .column_content ul#records li a {
        float:left; position:relative;
        background:#f0f0f0;
        padding:7px 15px ;
        color:#666;
    }

    .work_detail #content_wrap .column_content ul#records li a:hover {
        background:#ff0137;
        color:#FFF;
    }

    .work_detail #content_wrap .column_content ul#records li a span {
        float:left; position:relative;
    }

    .work_detail #content_wrap .column_content ul#records li a .arrow {
        width:7px; height:10px; 
        background:url('../img/elements.png') no-repeat -180px -9px; 
        margin:1px 10px 0;
    }

    .work_detail #content_wrap .column_content ul#records li.prev a .arrow { margin-left:0; }
    .work_detail #content_wrap .column_content ul#records li.next a .arrow { 
        margin-right:0; 
        background-position:-202px -9px;
    }

    .work_detail #content_wrap .column_content ul#records li.prev a:hover .arrow { background-position: -180px -129px; }
    .work_detail #content_wrap .column_content ul#records li.next a:hover .arrow { background-position: -202px -129px; }

    .work_detail .column_content .info {}
    .work_detail .column_content .info h1 {
        font-size:38px;
        line-height:44px;
        text-transform:uppercase;
        font-weight:600;
    }

    .work_detail .column_content .info h3 { 
        font-family:Georgia, 'Times New Roman', serif;
        font-style:italic;
        font-weight:400;
        color:#666666;
        padding-bottom:20px;
        font-size:18px;
    }

    .work_detail .column_content .info p {
        font-family:"proxima-nova-1", "proxima-nova-2", Helvetica, Arial, sans-serif;
    }

    .work_detail .column_nav { float:right; padding-right:0; }
    .work_detail .column_nav h3 {
        text-transform:uppercase;
        font-size:16px;
    }

    .work_detail .column_nav .fb-like { float:left; position:absolute; top:-55px; }

    .work_detail .column_nav ul {}
    .work_detail #content_wrap .column_nav ul.services li {
        font-family:Georgia, 'Times New Roman', serif;
        font-style: italic;
        font-size:12px;
        padding:5px 0 5px 10px;
        background:url('../img/2px_b2b2b2.gif') no-repeat 0 11px;
    }

    .work_detail #content_wrap .column_nav .share { padding:20px 0 10px; }
    .work_detail #content_wrap .column_nav ul.share_services li { margin-left:5px; }

    .work_feature .content {
        padding:20px 0;
        border-bottom:1px solid #c1c1c1;
    }

    .work_feature .results { 
        background:#f9f9f9;
        -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.2);
        -moz-box-shadow:inset 0 0 10px rgba(0,0,0,.2);
        -ms-box-shadow:inset 0 0 10px rgba(0,0,0,.2);
        -o-box-shadow:inset 0 0 10px rgba(0,0,0,.2);
        box-shadow:inset 0 0 10px rgba(0,0,0,.2);
    }

    .work_feature .results .share { 
        float:right; position:absolute;
        padding:2px 22px 5px;
        background:#FFF;
        /*top:-1px;*/
        top: 0;
        right:0;
        border:1px solid #c1c1c1;
        border-top:0;
        -webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);
        -moz-box-shadow:0 2px 3px rgba(0,0,0,.1);
        -ms-box-shadow:0 2px 3px rgba(0,0,0,.1);
        -o-box-shadow:0 2px 3px rgba(0,0,0,.1);
        box-shadow:0 2px 3px rgba(0,0,0,.1);
        font-family:'proxima-nova-1','proxima-nova-2',Helvetica, Arial, sans-serif;
        letter-spacing:1px;
    }

    .work_feature .results .column2 { padding:50px 0 30px; }

    .work_feature .results .column2 .column { 
        width:215px; 
        border-right:1px solid #e5e5e5; 
        padding-right:30px; 
        font-family:"proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif;
    }

    .work_feature .results .column2 .column h2{ 
        font-size:36px; 
        line-height:36px;
        text-transform:uppercase; 
        font-weight:600;
        padding-bottom:20px;
    }
    .work_feature .results .column2 .column p {}

    .work_feature .results .column2 .column_last {}


/* SERVICES */
.services {}

    .services .back_nav {}
        .services .back_nav ul li a {
            font-weight: 600;
            color: #ff0137;
            font-size: 12px;
            line-height: 20px;
            text-transform: uppercase;
        }
        .services .back_nav ul li a:hover { color: #acacac; }
        .services .back_nav ul li a .arrow_back { 
            float: left;
            position: relative;
            background: url('../img/elements.png') no-repeat -179px -68px;
            width: 10px;
            height: 12px;
            margin: 4px 5px 0 0;
        }
        .services .back_nav ul li a:hover .arrow_back { background-position: -179px -8px; }

    .services h1.title {
        text-transform:uppercase;
        font-size:89px;
        line-height:89px;
        font-weight:600;
        padding:25px 0 50px;
    }

    .services .main_graphic {
        float:left; position:relative;
        width:990px;
        height:225px;
    }

    .services_index h1.title,
    .process h2.title { padding-top: 10px;padding-bottom:10px; font-size: 50px; text-transform: uppercase;}

    .process {
      float: left;
      position: relative;
      padding-top: 50px;
    }

    .services #details_wrap { padding: 30px 0 0; }

    .services #details_wrap .item_details {
      width: 45%;
      position: relative;
      float: left;
    }

    .services #details_wrap .item_details h1 {
      color: #313131;
      font-size: 38px;
      font-weight: 600;
      line-height: 38px;
      text-transform: uppercase;
    }

    .services #details_wrap .item_details .details_description {
      margin: 25px 0;
    }

    .services #details_wrap .item_details p {
      margin: 15px 0 0;
      padding-bottom: 5px;
    }
    
    .services #details_wrap .related_work {
      width: 510px;
      position: relative;
      float: right;
    }

    .services #details_wrap .related_work li {
      width: 245px;
      height: 192px;
      margin: 0;
      padding-left: 10px;
      float: left;
      list-style-type: none;
    }

    .services #details_wrap .related_work a[href="#"] { cursor: default; }

    .services #details_wrap .related_work li img {
      width: 245px;
    }

		/*** Custom Services Styles ***/
    /*.custom_services_template #details_wrap { padding-bottom: 165px; }*/
    .custom_services_template #details_wrap .column2 { margin-top: 120px; }
    .custom_services_template #details_wrap .video_block,
    .custom_services_template #details_wrap .section_nike { margin-top: 0; }
    .custom_services_template #details_wrap .section_nixon { margin-top: 130px; }
    .custom_services_template #details_wrap .section_trex { margin-top: 90px; }

    .custom_services_template #details_wrap .column2 {
			float: none;
		}
    .custom_services_template #details_wrap .column {
			width: 50%;
			margin: 0;
		}

    .custom_services_template #details_wrap .item_details {
			width: auto;
			padding-right: 55px;
			float: none;
		}
		/* Vertically centers text block ... sort of. */
    .custom_services_template #details_wrap .item_details:before {
			content: "";
			height: 100%;
			display: inline-block;
			vertical-align: middle;
		}
    .custom_services_template #details_wrap .video_block .item_details:before {
			display: block;
		}
		.custom_services_template #details_wrap .reverse .item_details {
			padding-right: 0; padding-left: 55px;
		}

    .custom_services_template .section_nike .item_media img {
			margin-left: -15px;
		}
    .custom_services_template .section_quiksilver .item_media img {
			margin-left: 10px;
		}
    .custom_services_template .section_nixon .item_media img {
			margin-left: -140px;
		}
    .custom_services_template .section_trex .item_media img {
			margin-left: -50px;
		}
    
		.custom_services_template #details_wrap .section_divider {
			width: 100%;
			height: 0;
			margin: 70px 0 85px;
			border-top: 1px solid #e5e5e5;
		}

		.custom_services_template .sub_accent_button {
			margin-right: 25px;
		}
		/*** End Custom Services Styles ***/

    .services_index .main_graphic {
        background:url('../img/services_home.gif') no-repeat 0 0;
        margin-top:25px;
        height:312px;
        width:993px;
        margin-left:-2px;
    }

    .process .main_graphic {
        background:url('../img/services_process.gif') no-repeat 0 0;
        margin-top:25px;
    }

    .services h2.subtitle {
        font-size:24px;
        line-height:30px;
        font-weight:400;
        padding-bottom:30px;
    }

    .services_index .column3 p.to_section { float:left; right:auto; }
    .services_index .column3 h3 { 
        font-size:24px;
        text-transform:uppercase;
        padding:30px 0 10px 0;
    }

    .services_index .column3 p { padding-bottom:10px; }

    .services_index .column3 .info { float:left; position:relative; width:275px; padding:0 25px; }
    .services_index .column3 .thumb { float:left; position:relative; width:325px; }

    .services_index .column3 .column.first .info { padding:0 25px 0 0; }

    #our_team,
    #recent_footer { background:#111; border-bottom:1px solid #1d1d1d; }
    
    #our_team h2.title,
    #recent_footer h2.title { 
        background:#FFF url('../img/1px_d2d2d2.gif') repeat-x 0 24px; 
        text-align:center;
        text-transform:uppercase;
        font-size:16px;
        font-weight:600;
        padding:15px 0 30px;
        border-top:0;
        border-bottom:0;
    }

    #our_team h2.title { 
        font-size:23px; 
        background-position:0 33px;
    }

    #our_team h2.title span,
    #recent_footer h2.title span { background:#FFF; padding:0 15px;}

    #our_team h2.title span.arrow,
    #recent_footer h2.title span.arrow {
        float:left; position:relative;
        border-width:8px;
        border-color:#c0c0c0 transparent transparent;
        border-style:solid;
        margin:0; padding:0;
        width:0; height:0;
        overflow:hidden;
        top:5px; left:49.5%;
    }

    .work_detail .column5,
    .services .column5 { padding-top:50px; }

    .work_detail #recent_work {padding-bottom:30px; }

    .work_detail .column5 h3,
    .services .column5 h3 {
        text-transform:uppercase;
        font-size:24px;
        padding:35px 0 20px;
    }

    .work_detail #recent_work h3.title,
    .services #recent_work h3.title { 
        border-bottom:3px solid #e5e5e5;
        padding:0 0 20px 0;
        margin-bottom:40px;
    }

    .work_detail #recent_work .to_section,
    .services #recent_work .to_section {
        position:absolute;
        margin-top:-85px;
        right:0;
    }

    .process #steps.column5 { padding-top:30px;}
    .process #steps.column5 .column { margin:0 22px 0 0; padding:0 0 0 34px; }
    .process #steps.column5 .column.first { padding-left:0; border-left:0; }

    .process #steps.column5 .column,
    .process #steps.column5 .column_last { width:155px; border-left:1px solid #e5e5e5; height:370px; }
    .process #steps.column5 .column_last { padding-left:20px; }

    .process #steps.column5 .column_last p,
    .process #steps.column5 .column p { font-size:13px; line-height:24px; }

    .service_list {}

    .service_list .column3 {}

    .service_list .column3 .column,
    .service_list .column3 .column_last {
        margin-right:0;
        border:1px solid #e5e5e5;
        border-left:0; border-top:0;
        padding:30px 0;
        height:400px;
    }

    .service_list .column3 .column_last { border-right:0; }
    
    .service_list .column3 .last .column, 
    .service_list .column3 .last .column_last { border-bottom:0; }

    .service_list .column3 {
        float:left; position:relative;
        font-weight:600;
        font-family:'proxima-nova-1', 'proxima-nova-2', Helvetica, Arial, sans-serif;
    }

    .service_list .column3 .info .title,
    .service_list .column3 a .info .title { color:#181818; }

    .service_list .column3 .thumb { 
        float:left; position:relative;
        margin:0 70px;
        width:179px; height:179px;
        overflow:hidden;
    }

    /*.service_list .column3 .thumb img { float:left; position:relative; }*/
    /*.service_list .column3 a:hover .thumb img {} */

    .service_list .column3 .info {
        float:left; position:relative;
        text-align:left;
        width:325px;
    }

    .service_list .column3 .info .title {
        float:left; position:relative; 
        width:275px;
        font-size:30px;
        line-height:30px;
        text-transform:uppercase;
        padding:20px 10px 10px 48px;
    }

/*    .service_list .column3 .info .to_section {
        float:left;
        margin-left:122px;
    }*/


   .service_list .column3 .info .summary { 
        float:left; position:relative;
        text-align:left;
        width:235px;
        padding-left:50px;
        font-weight:400;
        font-size: 14px;
        line-height: 20px;
        color: #666;
    }

    .solutions .column3 .detail_link {
        float:left; position:relative;
        padding-left: 48px;
    }
    
    .solutions .column3 .to_section {
        padding-top: 0;
        right: auto;
    }
    .solutions .column3 .to_section .arrow {
        margin: -2px 0 0;
        position: relative;
        float: none;
        vertical-align: middle;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

    .expertise .column3 .first .info .title,
    .expertise .column3 .first .info .summary {
        padding-left:0px;
        width:275px;
    }
    
    .expertise .column3 { background:url('../img/expertise_filler.gif') bottom right; }

    .expertise .column3 .row { background:#FFF; }

    .expertise .column3 .info .title { padding-left:30px; padding-top:30px; }
    .expertise .column3 .info .summary { width:265px; padding-left:30px; }
   
    .expertise .column3 .thumb {
        margin:0;
        width:auto; height:auto;
    }

    .expertise .column3 .column,
    .expertise .column3 .column_last { padding:4px; height:394px; }
    
    .expertise .column3 .column { width:323px; }
    .expertise .column3 .column_last { padding-right:0; }
    .expertise .column3 .first { padding-left:0; }



/* ABOUT */
.about {}

    .about #intro { padding:30px 0 50px; }

    .about #intro h1 {
        text-transform:uppercase;
        font-size:60px;
        font-weight:600;
    }
    .about #intro p { 
        font-size:21px; 
        font-weight:300; 
        line-height:28px; 
        color:#303030;
    }


    .about #our_people h2 { margin-bottom:0; }

    .about #our_people .column,
    .about #our_people .column_last { width:240px; }

    .about #our_people .row { 
        padding:0 0 5px; 
        width:990px;
    }

    .about #our_people .row.last { border:none; }

    .about #our_people .bio {
        position:absolute;
        background:#000;
        height:461px;
        z-index:3;
        top:250px;
        padding:10px 0 20px;
        border-bottom:1px solid #333;
        border-left:0; border-right:0;
    }

    .about #our_people .bio .body {
        float:left; position:relative;
        width:700px;
    }

    .about #our_people .bio .header { border-bottom:1px solid #333; padding-bottom:30px; margin-bottom:60px; }
    .about #our_people .bio .header h3 { color:#FFF; text-transform:uppercase;  }
    .about #our_people .bio .header h4 { 
        font-family:Georgia, 'Times New Romain', serif; 
        color:#999; 
        font-style:italic; 
        font-weight:normal;
        font-size:15px;
    }


    .about #our_people .bio .body p { 
        width:auto; padding-bottom:20px;
        color:#999;
    }
    .about #our_people .bio blockquote {
        float:right; position:relative;
        width:240px;
        font-size:28px;
        line-height:36px;
        font-family:Georgia, 'Times New Roman', serif;
        font-style:italic;
        text-align:left;
        color:#f7f7f7;
    }

    .about #our_people .row.active p .active .name, 
    .about #our_people .row.active p .active .title {
        display:block;

    }

    .about #our_people .pos0 .bio { left:0; }
    .about #our_people .pos1 .bio { left:-250px; }
    .about #our_people .pos2 .bio { left:-500px; }
    .about #our_people .pos3 .bio { left:-750px; }

    .about #our_people .images .column,
    .about #our_people .images .column_last {
        float:left; position:absolute;
        top:0;
    }

    .about #our_people .images { float:left; position:absolute; top:-250px; }
    .about #our_people .images .pos0 { left:0; }
    .about #our_people .images .pos1 { left:250px; }
    .about #our_people .images .pos2 { left:500px; }
    .about #our_people .images .pos3 { left:750px; }

    .about #our_people .row.active .pos0 .images .pos0 { left:250px; }
    .about #our_people .row.active .pos0 .images .pos1 { left:0px; }

    .about #our_people .row.active a .name, 
    .about #our_people .row.active a .title { opacity:0; filter:alpha(opacity=0); }

    .about #our_people .row a .name, 
    .about #our_people .row a .title {
        -webkit-transition:all .35s ease-out ;
        -moz-transition:all .35s ease-out ;
        -ms-transition:all .35s ease-out ;
        -o-transition:all .35s ease-out ;
        transition:all .35s ease-out ;

    }

    .about #our_people p,
    .about #our_people p a,
    .about #our_people p span { 
        float:left; position:relative; 
        width:240px; 
        padding-bottom:0;
    }

/*
    .about #our_people .row.active .images .column,
    .about #our_people .row.active .images .column_last,
    .about #our_people p .thumb {
        -webkit-transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;

        -moz-transform: rotateY(0deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;

        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out; 
    }


    .about #our_people .row.active p .thumb {
        -webkit-transform:rotateY(90deg);
        -moz-transform: rotateY(90deg);
    }

    .about #our_people .row.active p a.active .thumb {
        -webkit-transform:rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }

    .about #our_people .bio .images .column,
    .about #our_people .bio .images .column_last {
        -webkit-transform:rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -webkit-transiton-delay:1s;
    }
*/

    .about #our_people p .thumb .alt_img { 
        float:left; position:absolute; 
        opacity:0; filter:alpha(opacity=0); 
        -webkit-transition:all .05s linear;
        -moz-transition:all .05s linear;
        -ms-transition:all .05s linear;
        transition:all .05s linear;
    }

    .about #our_people .row.active a.active .name, 
    .about #our_people .row.active a.active .title,
    .about #our_people p a.active .thumb .alt_img,
    .about #our_people p a:hover .thumb .alt_img { opacity:1; filter:alpha(opacity=100); }

    .about #our_people p .name {
        font-family:'proxima-nova-1','proxima-nova-2', Helvetica, Arial, sans-serif;
        color:#FFF;
        text-transform:uppercase;
        font-weight:600;
        font-size:22px;
        padding:10px 0 3px;
    }
    .about #our_people p .title {
        font-family: Georgia, 'Times New Roman', serif;
        font-style: italic;
        color:#999;
    }

    .about #our_people p .info {
        float:left; position:absolute;
        top:0; left:0; 
        width:240px;
        height:150px;
        padding:90px 0 0;
        background:rgba(0,0,0,.7);
        text-align:center;
        display:none;
    }

    .lt-ie9 .about #our_people p .info {
        background:rgb(0,0,0);
        filter:alpha(opacity=70);
    }

    .about #our_people p a:hover .info {
        display:block;
    }

    .about #flickr_feed { padding-top:40px; }

    .about #flickr_feed .column_last a span.border,
    .about #flickr_feed .column a span.border {
        float:left; position:absolute;
        width:90px; height:90px;
        border:5px solid #FF0137;
        top:0; left:0;
    }

    .about #flickr_feed .column_last a span.box,
    .about #flickr_feed .column a span.box {
        float:left; position:absolute;
        bottom:0; right:0;
        width:25px; height:25px;
        background:#FF0137 url('../img/elements.png') no-repeat -60px -660px;
    }

    .about #flickr_feed a span { opacity:0; filter:alpha(opacity=0);}
    .about #flickr_feed a:hover span { opacity:1; filter:alpha(opacity=100);}

    .about .column9, 
    .about .column9 .column,
    .about .column9 .column_last { 
        float:left; position:relative; width:990px;
    }

    .about .column9 .column, .about .column9 .column_last { width:100px; height:100px; margin:0 11px 11px 0; }

    .about .column9 .column_last { margin-right:0; }

    .about .column9 .column_last img,
    .about .column9 .column_last a,
    .about .column9 .column a,
    .about .column9 .column img { 
        float:left; position:relative; 
        width:100%; line-height:0; 
    }

    .about h2 { 
        font-size:36px; 
        text-transform:uppercase; 
        font-weight:600;
        border-bottom:3px solid #e5e5e5;
        line-height:40px;
        padding:50px 0 10px 0;
        margin-bottom:60px;
    }

    .about #culture .align_right { float:right; padding-right:2px; }
    .about #culture h2 { margin-bottom:0; }
    .about #cukergrams .column4 .column,
    .about #cukergrams .column4 .column_last { width:240px; }
    .about #cukergrams h2 { margin-bottom:35px; }

    .about #awards {}
    .about #awards h2 { margin-bottom:0; }
    .about #awards .column5 {}

    .about #awards .column5 a { color:#181818; }
    .about #awards .column5 a:hover { color:#FF0137; }
    .about #awards .column5 ul li a { color:#666; }

    .about #awards .column5 .column_last,
    .about #awards .column5 .column { border-right:1px solid #e5e5e5; width:197px; margin-right:0;  height:400px; }

    .about #awards .column5 .column.first {}
    .about #awards .column5 .column_last { border-right:0; }


    .about #awards .column5 .thumb {
        float:left; position:relative; 
        width:171px;
        border-bottom:1px solid #e5e5e5; 
        padding:20px 0 10px 26px; 
        line-height:0;
    }
    .about #awards .column5 .info { 
        float:left; position:relative; 
        width:157px;
        padding:20px 20px 0 20px;
    }
    
    .about #awards .column5 .column.first .thumb { padding-left:0; width:197px; }

    .about #awards .column5 .info h3 { 
        text-transform:uppercase; 
        font-size:17px; 
        line-height:17px;
        height:50px;
    }
    .about #awards .column5 .info ul {}

    .about #awards .column5 .info ul li { 
        margin:0;
        list-style-type:none; 
        font-family:'proxima-nova-1','proxima-nova-2', Helvetica, Arial, sans-serif;
    }



    .cukergram #content_wrap { 
        background:#ffffff; 
        height:800px; 
        overflow:hidden;
        /*
        -webkit-transition:background .5s linear; 
        -moz-transition:background .5s linear; 
        -ms-transition:background .5s linear; 
        transition:background .5s linear; 
        */
    }

    .cukergram.loaded #content_wrap { background:#ffffff; overflow:auto; height:auto; }
    .cukergram #content_wrap a { float:left; position:relative; width:25%; opacity:0; filter:alpha(opacity=0); display:none; line-height:0; }


    .cukergram.loaded #content_wrap a { 
        display:block;
        -webkit-transition:opacity .5s linear; 
        -moz-transition:opacity .5s linear; 
        -ms-transition:opacity .5s linear; 
        transition:opacity .5s linear; 
    }
    .cukergram.loaded #content_wrap a.faded {
        opacity:1; 
        filter:alpha(opacity=100); 
    }

    .cukergram.loaded #content_wrap a span.border { 
        float:left; position:absolute;
        top:0; left:0; 
        width:100%; height:100%; 
        border:5px solid red;

    }

    .cukergram.loaded #content_wrap a span { opacity:0; filter:alpha(opacity=0); }
    .cukergram.loaded #content_wrap a:hover span { opacity:1; filter:alpha(opacity=100); }

    .cukergram #content_wrap img { float:left; position:relative; width:100%; line-height:0;}



/* DYNAMIC */
.dynamic_brand #content_wrap { padding:60px 0 20px; }

/* app:formmanger */
.formmanager {}
    
    .formmanager #content {
        /*background:url('../img/1px_d2d2d2.gif') repeat-y 220px 0;*/
    }
    
    .formmanager #content form .row .checkbox label { 
        width:250px; 
        text-align:left; 
        float:right; 
    }

    .formmanager #content form .row .checkbox input { 
        width:auto;
        margin:11px 0 0 215px;
    }

    
    .contact #content section.column4 { margin:20px 0 40px; }
    .contact #content .column4 .column.first { padding:0 20px 0 0; }

    .contact .column4 .column_last h3,
    .contact .column4 .column h3 { 
        font-size:15px; 
        text-transform:uppercase;
        padding:5px 0 7px;
    }

    .contact .column4 .column_last p,
    .contact .column4 .column p {}

    .contact .column4 .column_last p a,
    .contact .column4 .column p a {
        font-family:Georgia, 'Times New Roman', serif;
        font-style:italic;
    }

    .contact .column4 .column_last p a:hover,
    .contact .column4 .column p a:hover {
        color:#181818;
    }

    .contact #content section.column4 .column_last p a:hover .arrow {
        background-position:-200px -188px;
    }

    .contact #contact_wrapper {
        border-top:3px solid #e5e5e5;
        padding:50px 0;
    }

    /*300 635*/

    #contact_wrapper .column_nav .block,
    #contact_wrapper .column_nav { 
        width:315px; 
        padding-left:0; 
        font-family:'proxima-nova-1','proxima-nova-2',Helvetica, Arial, sans-serif; 
    }

    #contact_wrapper .column_nav h2 {
        text-transform:uppercase;
        font-size:30px;
        font-weight:600;
        padding:0 0 10px;
    }
    #contact_wrapper .column_nav .map h2 {
        font-size: 22px;
    }

    #contact_wrapper .column_nav p {
        font-size:16px;
    }
    #contact_wrapper .column_nav h3 {
        text-transform:uppercase;
    }

    #contact_wrapper .column_nav .map { margin-bottom:20px; }
    #contact_wrapper .column_nav .map:first-child { border-bottom: none; }
    #contact_wrapper .column_nav .map iframe { border: 1px solid #c7c7c7; }
    #contact_wrapper .column_nav .map_address {
        width: 230px;
        margin-top: 10px;
        font-size: 14px;
        line-height: 22px;
    }
    #contact_wrapper .column_nav .split_address .map_address {
        margin-top: 0;
        padding: 10px 0;
        border-right: 1px solid #c7c7c7;
    }
    #contact_wrapper .column_nav .map_link { margin-top: 15px; display: inline-block; }

    .column_nav .split_address p { float: left; position: relative; }
    .column_nav .split_address .location_icon {
        background:none;
        width:45px; height:35px;
        padding: 15px 0 0 25px;
    }
    .column_nav .split_address .location_icon a {
        width:100%; height:100%;
        display: block;
        background:url('../img/elements.png') no-repeat -181px -781px;
        text-indent:-9999px;
    }
    .column_nav .split_address .location_icon a:hover {
        background-position: -241px -781px;
    }

    #contact_wrapper .column_content { width:640px; float:right; }
    #contact_wrapper .column_content h3 {
	   text-transform:uppercase;
	   font-size:29px;
    }

    #contact_wrapper .intro { margin-bottom: 35px; }

    #contact_social h3 { padding-bottom:15px; }

    .contact #content_wrap .column_nav #contact_social ul li { margin-right:5px; }

#form_contact { width:640px; }

    #form_contact .column { width:300px; margin-bottom:0; }
    #form_contact .column_last {
	float:right;
	width:300px;
        margin-bottom:0;
    }

    #form_contact p,
    #form_contact input,
    #form_contact label, 
    #form_contact textarea { 
        width:300px; 
        text-align:left; 
        font-family:"proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif;
    }

    #form_contact textarea,
    #form_contact input { width:284px; } 

    #form_contact input,
    #form_contact select,
    #form_contact textarea { background:#f8f8f8; border:1px solid #CCC; }

    #form_send_to_friend textarea:focus,
    #form_send_to_friend select:focus,
    #form_send_to_friend input:focus,
    #form_contact input:focus, 
    #form_contact select:focus,
    #form_contact textarea:focus {
        border-color:#ff0137;
    }

    #form_contact #row_city p { width:154px; }
    #form_contact #row_city input,
    #form_contact #row_city label {
        width:130px;
    }    

    #form_contact #row_state p { width:80px; }
    #form_contact #row_state select,
    #form_contact #row_state label {
        width:70px;
    }

    #form_contact #row_state_code p { width:80px; }
    #form_contact #row_state_code select,
    #form_contact #row_state_code label {
        width:70px;
    }

    #form_contact #row_zip p { width:66px; }
    #form_contact #row_zip input,
    #form_contact #row_zip label {
	width:50px;
    }

    #form_contact #row_description #id_description { height:157px; }
    #form_contact select {
        margin:6px 0;
        font-family: 'proxima-nova-1', 'proxima-nova-2', Helvetica, Arial, sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        -webkit-appearance: none;
        -webkit-border-radius: 2px;
        -moz-appearance: none;
        -moz-border-radius: 2px;
        appearance: none;
        border-radius: 2px;
        padding: 3px 20px 3px 5px;
        border: 1px solid #CFCFCF;
        background: url('../img/filter_arrow_down.png') no-repeat right top;
    }
    #form_contact #id_project_type { width: 300px; }

    #form_contact #id_00NF000000CAx3z { width: 300px; }

    #form_contact #id_country_code { width: 300px; }

    #form_contact .sub_accent_button { 
	border:none; 
	width:150px;
    }

    #form_contact .sub_accent_button .accent_graphic { 
	float:right; position:relative;
    }

    #form_contact p.no_label, #form_contact p.help { float:right; }

    #content_wrap #form_contact  .error ul.errorlist { 
        font-family:'proxima-nova-1','proxima-nova-2',Helvetica, Arial, sans-serif;
        margin-left:0;
    }
    #content_wrap #form_contact .error ul.errorlist li {
        padding-left:0;
    }

    #content_wrap #form_contact #row_city.error ul.errorlist {
        position:absolute;
        width:auto;
        margin-top:65px;
    }

    .contact #ui-datepicker-div {
        font-family:'proxima-nova-1', 'proxima-nova-2', Helvetica, Arial, sans-serif;
        width:190px;
        background:#FFF;
        border:1px solid #d0d0d0;
        padding:10px;
    }

    .contact .ui-datepicker-calendar { 
        width:100%; 
        margin:10px 0; padding:0; 
        font-size:11px; 
        text-align:center;
    }

    .contact .ui-datepicker-calendar td { padding:2px 0; }
    .contact .ui-icon { cursor:pointer;}
    .contact .ui-datepicker-prev { float:left; margin:-15px 0 0 0; }
    .contact .ui-datepicker-next { float:right; margin:-15px 0 0 0;}
    .contact .ui-datepicker-title { text-align:center; margin:15px 0 0 0; text-transform:uppercase; font-weight:600;}
    .contact .ui-datepicker-trigger { 
        float:right; position:absolute; 
        border:none; background:none 0 0; 
        width:15px; height:16px; 
        margin:0; padding:0; 
        cursor:pointer;
        top:35px; right:-17px;
    }


    #content_wrap #form_contact #row_completion_date,
    #content_wrap #form_contact #row_start_date {
        width:150px;
        margin:0;
    }

    #content_wrap #form_contact #row_completion_date p,
    #content_wrap #form_contact #row_completion_date label,
    #content_wrap #form_contact #row_start_date p,
    #content_wrap #form_contact #row_start_date label { width:125px; }

    #content_wrap #form_contact #row_completion_date input,
    #content_wrap #form_contact #row_start_date input { width:105px; }



    #content_wrap #form_contact #row_00NF000000CAx4O,
    #content_wrap #form_contact #row_00NF000000CAx4E {
        width:150px;
        margin:0;
    }

    #content_wrap #form_contact #row_00NF000000CAx4O p,
    #content_wrap #form_contact #row_00NF000000CAx4O label,
    #content_wrap #form_contact #row_00NF000000CAx4E p,
    #content_wrap #form_contact #row_00NF000000CAx4E label { width:125px; }

    #content_wrap #form_contact #row_00NF000000CAx4O input,
    #content_wrap #form_contact #row_00NF000000CAx4E input { width:105px; }



    #content_wrap #form_contact #form_submit {
        float: right;
        margin: 0;
        width: 300px;
    }

/* error/success pages */
/*.error .accent_block */

.success {}
.error {}

    .success .big_type,
    .error .big_type {
        float:left; position:relative; 
        width:100%; height:400px;
    }

    .success #content h3,
    .error #content h3 {
        font-size:24px;
        font-weight:400;
        text-align:center;
        border-bottom:3px solid #e5e5e5;
        padding:0 0 40px 0;
        margin:0 0 40px 0;
    }

    .success #content,
    .error404 #content, 
    .error500 #content {
        padding-bottom:50px;
    }

    .error500 .big_type,
    .error404 .big_type { 
        background:url('../img/oh_snap.gif') no-repeat center;
    }

    .success p.to_section,
    .error500 p.to_section,
    .error404 p.to_section { 
        width:182px; 
        float:none;
        margin:0 auto;
    }

    .success .big_type { background:url('../img/aw_yeah.gif') no-repeat center; }

.error .accent_block .body_no_footer { text-align:center; }

.accent_block .body_button .accent_button { margin-left:168px; }
.empty_cart .accent_block .body .accent_button { margin:25px 0 20px 125px; }





/* jobs_search, search, locator_search */
.search form#form_search,
.jobs form#form_job_search,
.locator form#form_find_dealer {
    background: #e0e0e0;
    width:181px;
    margin-bottom:20px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
    background: -moz-linear-gradient(top, #ffffff, #e0e0e0);
    padding:0;
    margin-top:10px;

    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

}

.search form#form_search p,
.jobs form#form_job_search p,
.locator form#form_find_dealer p {
    float:left; position:relative;
    width:auto;
    padding-bottom:0;
    margin-bottom:0;
}

.search form#form_search p input,
.jobs form#form_job_search p input,
.locator form#form_find_dealer p input {
    width:135px;
}

.search form#form_search p input.button,
.jobs form#form_job_search p input.button,
.locator form#form_find_dealer p input.button {
    border:1px solid #c0c0c0;
    border-left:0;
    padding:0;
    width:30px;
    height:31px;
    border-radius:0;
    text-indent:-9999px;
    background:url('../img/elements.png') no-repeat -113px -172px;
    filter:none;

    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.search form#form_search p input.button:hover,
.jobs form#form_job_search p input.button:hover,
.locator form#form_find_dealer p input.button:hover {
    background-color:#f0f0f0;
}

/* dynamic_brand */
.dynamic_brand {}

    .dynamic_brand #dynamic_brand { 
        float:left; position:relative; 
        width:100%; height:580px;
    }

/* app:jobs */
.jobs .application .header_wrap h2 { padding-bottom:15px; }

.jobs_thanks {}
.jobs_thanks .column_content .header_wrap { margin-bottom:0; }
.jobs_thanks .column_content .header_wrap h2 {
    padding:0 0 11px;
    margin:0 0 15px;
    border:0;
}


/* app:sitemap */
.sitemap_links { margin: 25px 0; }
    .sitemap_links.column3 .column,
    .sitemap_links.column3 .column_last { width: 320px; line-height:160%; }

    #content_wrap .sitemap_links ul li {
        margin-left: 0;
        list-style-type: none;
        text-transform: uppercase;
    }
    #content_wrap .sitemap_links ul li ul { padding-top: 5px; }
    #content_wrap .sitemap_links ul li ul li { margin-left: 20px; text-transform: none; font-size: 11px; list-style-type: disc; }
    #content_wrap .sitemap_links ul li a { color: #000; }
    #content_wrap .sitemap_links ul li ul li a { color: #666; }
    #content_wrap .sitemap_links ul li a:hover { color: #ff0137; }
    /*#content_wrap .sitemap_links ul li ul li a { color: #ff0137; }*/


/* app:search */
.search {}

    .search form#form_search { margin:2px 25px 0 0; width:220px; }
    .search form#form_search p input#site_search_form { width:174px; }
    .search form#form_search p.no_label { margin:0; }

    .search h2.title { float:left; position:relative; width:715px; padding-top:7px; }
    .search #results { float:left; position:relative; width:960px; border-top:1px solid #ededed; margin-top:30px; padding-top:15px; }
    .search #content_wrap #results ul li { list-style-type: none; margin-left:0; }

    .search #results ul li h3 { padding-bottom:5px; }




/* send_to_friend */
#send_to_friend_overlay { width:400px; }

#send_to_friend_overlay h2 { 
    border-bottom:1px solid #e5e5e5; 
    margin-bottom:20px;
    padding-bottom:5px;
    text-transform:uppercase;
    font-weight:600;
    font-size:26px;
}

#send_to_friend_overlay p {
    font-family:"proxima-nova-1","proxima-nova-2",Helvetica, Arial, sans-serif; 
}

form#form_send_to_friend, form#form_send_to_friend p {
    width:400px;
    font-family:"proxima-nova-1","proxima-nova-2",Helvetica, Arial, sans-serif; 
}

form#form_send_to_friend label { width:130px; }

form#form_send_to_friend textarea,
form#form_send_to_friend input { 
    font-family:"proxima-nova-1","proxima-nova-2",Helvetica, Arial, sans-serif; 
    border:1px solid #c0c0c0;
    background:#f8f8f8;
}


form#form_send_to_friend ul.errorlist,
form#form_send_to_friend p.no_label,
form#form_send_to_friend .help { 
    margin-left:140px; 
}


/* quick_shop */
.overlay_wrap { top:0; left:0; }
.overlay_bg { background:#fff; 
    opacity:.8;
    filter:alpha(opacity=80);
}
.overlay { 
    padding:20px;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow:0 0 5px rgba(0,0,0,.1);
    -o-box-shadow:0 0 5px rgba(0,0,0,.1);
    box-shadow:0 0 5px rgba(0,0,0,.1);
    border:1px solid #e0e0e0;
}

.overlay .close {
    width:24px; height:24px;
    background:#ff0137 url('../img/elements.png') no-repeat -244px -603px;
    text-indent:-9999px;
    top:23px; right:20px;
}

.overlay .close:hover {
    background-color:#eb0032;
}       

/*
.overlay_bg { background:none; }
.overlay { 
    padding:20px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #d2d2d2;
}
*/
    .overlay .info {
        width:283px;
        margin-left:20px;
    }

    #quick_shop_overlay .info #graphicoption_display p {
        float:none;
        margin-left:0;
        width:auto;
    }

    #quick_shop_overlay .info ul.graphicoption { padding-bottom:20px; }


/* FIREFOX */
@-moz-document url-prefix() {
    #work_filters .filter { margin-top:-2px; }
    #work_filters .filter select { background:none; padding-right:5px; }
    .cukergram.loaded #content_wrap a span.border { width:97.5%; height:97.5%; }
    
    #form_contact select { padding:3px 5px; background-image: none; }
}

.lt-ie10 #work_filters .filter { margin-top:-2px; }
.lt-ie10 #work_filters .filter select { background:none; padding-right:5px; }

/* TRANSITIONS */
/*
.slide .layer {
    -webkit-transition:all 1.25s ease-in-out;
    -moz-transition:all 1.25s ease-in-out;
    -ms-transition:all 1.25s ease-in-out;
    -o-transition:all 1.25s ease-in-out;
    transition:all 1.25s ease-in-out;
}
*/

.home #hero #slide_wrap,
.slide.last_active .layer,
.slide.active .layer {
    -webkit-transition: all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98); 
    -moz-transition: all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98); 
    -ms-transition:all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98);
    -o-transition:all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98);
    transition:all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98);

}

.slide.active .action {
    -webkit-transition: all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98) .2s; 
    -moz-transition: all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98) .2s; 
    -ms-transition:all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98) .2s;
    -o-transition:all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98) .2s;
    transition:all .6s cubic-bezier(0.51, 0.01, 0.37, 0.98) .2s;
}


.slide.active .bg {
    -webkit-transition:all .3s ease-in-out ;
    -moz-transition:all .3s ease-in-out ;
    -ms-transition:all .3s ease-in-out ;
    -o-transition:all .3s ease-in-out ;
    transition:all .3s ease-in-out ;
}


.home.loaded #hero .slide .white_bar,
.slide .action a {
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;
}

.clients .column4 .column_last a img,
.clients .column4 .column a img {
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}


#content_wrap #slide_selector ul li a img {
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -ms-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out;

}

.cukergram.loaded #content_wrap a span.border,
.about #flickr_feed a span,
#global div#logo,
.work_feature #content_wrap .media .scroller_wrap ul li a img,
.work_detail #content_wrap .media .scroller_wrap ul li a img,
.work_detail #content_wrap .media ul.controls li a,
.blog .entry h1 a,
ul#nav_footer li.decouple a,
ul#nav_footer li.decouple ul li form input.button ,
ul#nav_global li a { 
    -webkit-transition:all .1s ease-out;
    -moz-transition:all .1s ease-out;
    -ms-transition:all .1s ease-out;
    -o-transition:all .1s ease-out;
    transition:all .1s ease-out;
}

/* cloud-zoom */
.cloud-zoom-lens {
    border:0;
    margin:0;
}

.cloud-zoom-title {}
.cloud-zoom-big { border:0; }
.cloud-zoom-loading {}

/* fancybox */

#fancybox-left, #fancybox-right { background-image:none; }

#fancybox-close {
    top:10px; right:10px;
}

#fancybox-close:hover {
    background-position:-40px -240px;
}

#fancybox-title-float-main, 
#fancybox-bg-n, 
#fancybox-bg-s { 
    background-image:none; /* url('../img/fancybox-x.png');*/ 
}

#fancybox-bg-w, 
#fancybox-bg-e { 
    background-image:none; /* url('../img/fancybox-y.png');*/ 
}

#fancybox-title-float-right,
#fancybox-title-float-left,
#fancybox-bg-nw,
#fancybox-bg-sw,
#fancybox-bg-se,
#fancybox-bg-ne,
#fancybox-right-ico,
#fancybox-left-ico,
#fancybox-close,
#fancybox-loading div {
    background-image:url('../../webcubecore/img/fancybox.png');
}



/* HELPER CLASSES - https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css */

/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}




/* INTERNET EXPLORER FIXES */
.ie #form_contact select { padding:3px 5px; background-image: none; }

.ie6 .loaded #hero #slide_wrap .active,
.ie7 .home.loaded #hero #slide_wrap .active { position:relative; display:block; visibility:visible; }

.ie6 .home #hero .slide,
.ie7 .home #hero .slide { position:absolute; display:none; visibility:hidden; }

.ie6 #content_wrap #slide_selector .controls,
.ie7 #content_wrap #slide_selector .controls { position:absolute; margin-top:-76px;}

.ie6 #content_wrap #slide_selector .controls p a span,
.ie7 #content_wrap #slide_selector .controls p a span {  }

.ie6 .work_feature .results .share,
.ie7 .work_feature .results .share,
.ie8 .work_feature .results .share { 
    border:1px solid #e5e5e5; border-top:0; 
}

/*
.ie6 ul#nav_footer li.decouple ul li,
.ie7 ul#nav_footer li.decouple ul li,
.ie8 ul#nav_footer li.decouple ul li { float:left; position:relative; }
*/

.ie6 ul#nav_footer li.decouple ul li#nav_footer_newsletter,
.ie7 ul#nav_footer li.decouple ul li#nav_footer_newsletter,
.ie8 ul#nav_footer li.decouple ul li#nav_footer_newsletter { width:auto; }

.ie6 ul#nav_footer li#nav_footer_newsletter form input.button,
.ie7 ul#nav_footer li#nav_footer_newsletter form input.button { padding:11px 6px;  }

.ie7 .work #content_container { padding-bottom:30px; }

.ie7 .blog #content .column_nav ul.archive li .arrow { position:absolute; right:0; }

.ie6 .header_wrap h3,
.ie6 .header_wrap h2,
.ie6 .header_wrap h1,
.ie6 .home .header_wrap h1,
.ie7 .header_wrap h3,
.ie7 .header_wrap h2,
.ie7 .header_wrap h1,
.ie7 .home .header_wrap h1,
.ie8 .header_wrap h3,
.ie8 .header_wrap h2,
.ie8 .header_wrap h1,
.ie8 .home .header_wrap h1 {
    /*font-size:47px;*/
    font-size:33px;
}

.ie7 #content_wrap #slide_selector .controls { position:relative; }

.ie6 .loaded #hero #slide_wrap .slide,
.ie7 .loaded #hero #slide_wrap .slide { position:relative; }

.ie6 .loaded #hero #slide_wrap .active,
.ie7 .loaded #hero #slide_wrap .active { position:absolute; }

.ie6 .overlay,
.ie7 .overlay,
.ie8 .overlay { display:block !important; }

.ie6 .work_feature #content_wrap .media .controls_wrap, 
.ie6 .work_detail #content_wrap .media .controls_wrap,
.ie7 .work_feature #content_wrap .media .controls_wrap, 
.ie7 .work_detail #content_wrap .media .controls_wrap {
    position:relative;
    bottom:-20px;
}

.ie6 .icon {  background-image:url('../img/elements-black.gif'); }

.ie6 .blog .column_nav .weather .icon { background-image:url('../img/elements-white.gif'); }
.ie6 #global div#logo a, 
.ie6 #global div#logo a:link, 
.ie6 #global div#logo a:visited {
    background-image:url('../img/cuker_logo.gif');
}

.ie6 .home #news_ticker #ticker_wrap .cover { background:none; display:none; visibility:hidden; }

.ie6 ul#nav_global li a.facebook span, 
.ie6 ul#nav_global li a.twitter span, 
.ie6 ul#nav_global li a.googleplus span, 
.ie6 ul#nav_global li a.pinterest span,
.ie6 .facebook {
    background-image:url('../img/elements-white.gif');
}

/* submit button */

.ie6 form p.no_label button.sub_accent_button,
.ie7 form p.no_label button.sub_accent_button {
    width:90px;
}

.ie6 form ul.errorlist,
.ie6 form .help,
.ie6 form p.no_label {
    margin-left:120px;
}

.lt-ie8 #work_filters {
    margin-bottom:50px;
}

.lt-ie8 #work_filters .intro span {
    margin-top:-4px;
}

/* IE6 */
/* FIXES TRANSPARENT BORDER IN IE6 */
/*.ie6 ul#nav_global li a {
    border-color: pink;
    filter: chroma(color=pink);
}
*/

/* DEBUG */
.ie6 #debug #dev_warning { display:none; visibility:hidden; }

/* #debug.services_index .column3 .thumb { background:#f0f0f0; height:210px; }*/




/* HELPER CLASSES */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}




/* MEDIA QUERIES */
@media screen and (max-width:1020px) {  
    .cukergram #content_wrap a { width:33%; }
}

@media screen and (min-width:1680px) {  
    .cukergram #content_wrap a { width:20%;  }
}