/****************************************
* Main Logo                             *
****************************************/
.tclogo {width:262px;height:125px;display:block;position:relative;background:url(../images/tc_sprite.png) 0 0 no-repeat;}
.tclogo * {display:none;}
.tclogo span.hover {width:262px;height:125px;display:block;position:absolute;top:0;left:0;background:url(../images/tc_sprite.png) 0 -125px no-repeat;}
/****************************************
* Icon Navigation                       *
****************************************/
.branding, .print, .web, .photo, .brandon, .printon, .webon, .photoon
{height:48px;display:block;position:relative;float:left;margin-right:20px;}

.branding *, .print *, .web *, .photo *, .partners *, .kreative *, .brandon span, .printon span, .webon span, .photoon span, .facebook *, .yelp *, .mailto *, .twitter *, .contact *, .blog *, .twitt *, .face *, .google *, .stumb *
{display:none;}

.branding span.hover, .print span.hover, .web span.hover, .photo span.hover, .kreative span.hover
{height:48px;display:block;position:absolute;top:0;left:0;}

.branding {width:23px;background:url(../images/tc_sprite.png) 0 -255px no-repeat;}
.branding span.hover, .brandon {width:23px;background:url(../images/tc_sprite.png) 0 -303px no-repeat;}

.print {width:27px;background:url(../images/tc_sprite.png) -24px -255px no-repeat;}
.print span.hover, .printon {width:27px;background:url(../images/tc_sprite.png) -24px -303px no-repeat;}

.web {width:35px;background:url(../images/tc_sprite.png) -52px -255px no-repeat;}
.web span.hover, .webon {width:35px;background:url(../images/tc_sprite.png) -52px -304px no-repeat;}

.photo {width:32px;background:url(../images/tc_sprite.png) -88px -255px no-repeat;}
.photo span.hover, .photoon {width:32px;background:url(../images/tc_sprite.png) -88px -303px no-repeat;}
/****************************************
* partners and creative icon            *
****************************************/
.partners {width:15px;height:31px;display:block;position:relative;background:url(../images/tc_sprite.png) -415px -44px no-repeat;}
.partners span.hover {width:15px;height:31px;display:block;position:absolute;top:0;left:0;background:url(../images/tc_sprite.png) -415px -75px no-repeat;}

.kreative {width:75px;height:8px;display:block;position:relative;background:url(../images/tc_sprite.png) -285px 0 no-repeat;}
.kreative span.hover {width:75px;height:8px;display:block;position:absolute;top:0;left:0;background:url(../images/tc_sprite.png) -285px -8px no-repeat;}
/****************************************
* facebook and twitter icons - Footer   *
****************************************/
.facebook, .twitter {width:25px;height:50px;display:block;position:relative;float:left;margin-right:10px;}
.facebook span.hover, .twitter span.hover {width:25px;height:50px;display:block;position:absolute;top:0;left:0;}

.facebook {background:url(../images/tc_sprite.png) -125px -255px no-repeat;}
.facebook span.hover {background:url(../images/tc_sprite.png) -125px -305px no-repeat;}

.twitter {background:url(../images/tc_sprite.png) -155px -255px no-repeat;}
.twitter span.hover {background:url(../images/tc_sprite.png) -155px -305px no-repeat;}

.yelp {width:52px;height:52px;display:block;position:relative;float:left;background:url(../images/tc_sprite.png) -190px -255px no-repeat; padding-right:10px;}
.yelp span.hover {width:52px;height:52px;display:block;position:absolute;top:0;left:0;background:url(../images/tc_sprite.png) -190px -307px no-repeat;}
/****************************************
* Top right nav                         *
****************************************/
.contact, .blog {height:7px;display:block;position:relative;float:left;margin-left:15px;}
.contact span.hover, .blog span.hover {height:7px;display:block;position:absolute;top:0;left:0;}

.contact {width:61px;background:url(../images/tc_sprite.png) -294px -128px no-repeat;}
.contact span.hover {width:61px;background:url(../images/tc_sprite.png) -294px -135px no-repeat;}

.blog {width:32px;background:url(../images/tc_sprite.png) -367px -128px no-repeat;}
.blog span.hover {width:32px;background:url(../images/tc_sprite.png) -367px -135px no-repeat;}
/****************************************
* Social Bookmarking - Blog Posts       *
****************************************/
.twitt, .face, .google, .stumb, .mailto
{width:15px;height:29px;position:relative;display:block;float:left;margin-right:2px;}

.twitt span.hover, .face span.hover, .google span.hover, .stumb span.hover, .mailto span.hover
{width:15px;height:29px;display:block;position:absolute;top:0;left:0;}

.twitt {background:url(../images/tc_sprite.png) -309px -44px no-repeat;}
.twitt span.hover {background:url(../images/tc_sprite.png) -309px -73px no-repeat;}

.face{background:url(../images/tc_sprite.png) -288px -44px no-repeat;}
.face span.hover {background:url(../images/tc_sprite.png) -288px -73px no-repeat;}

.google {background:url(../images/tc_sprite.png) -330px -44px no-repeat;}
.google span.hover {background:url(../images/tc_sprite.png) -330px -73px no-repeat;}

.stumb {background:url(../images/tc_sprite.png) -371px -44px no-repeat;}
.stumb span.hover {background:url(../images/tc_sprite.png) -371px -73px no-repeat;}

.mailto {background:url(../images/tc_sprite.png) -390px -44px no-repeat;}
.mailto span.hover {background:url(../images/tc_sprite.png) -390px -73px no-repeat;}

/****************************************
* Arty - Home Page                      *
****************************************/
.arty {width:277px;height:166px;display:block;position:relative;background:url(../images/tc_sprite.png) -5px -360px no-repeat;}
.arty span.hover {width:277px;height:166px;display:block;position:absolute;top:0;left:0;background:url(../images/tc_sprite.png) -5px -537px no-repeat;}