/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

.tabs-container {
    padding:80px 0 0 0;
}
.tabs_nav{
	position: absolute;
	top: 0px;
	left: 15px;
    width: 720px;	
    height: auto;
	float:left;
}
ul.tabs_nav{
    padding: 0;
    margin: 0;
	display: block;
}
ul.tabs_nav li{
	display:block;
    list-style-type: none;
    padding:0;
    margin:0;
 	height:70px;
	width:180px;
	line-height:0.8em;
	float:left;
}
ul.tabs_nav li a{display:block; padding:0; outline:none text-decoration:none; font-size:0.9em; font-weight:bold; height:70px; width:180px; text-indent:-1000em; }
ul.tabs_nav li a:hover{text-decoration:none; display:block;}


ul.tabs_nav li a#workwebsites{ background:url(../images/sub_work_nav.png) 0 0 no-repeat;}
ul.tabs_nav li a#workwebsites:hover{ background:url(../images/sub_work_nav.png) 0 -70px no-repeat;}

ul.tabs_nav li a#workgraphics{ background:url(../images/sub_work_nav.png) -180px 0 no-repeat;}
ul.tabs_nav li a#workgraphics:hover{ background:url(../images/sub_work_nav.png) -180px -70px no-repeat;}

ul.tabs_nav li a#workmockups{ background:url(../images/sub_work_nav.png) -360px 0 no-repeat;}
ul.tabs_nav li a#workmockups:hover{ background:url(../images/sub_work_nav.png) -360px -70px no-repeat;}

ul.tabs_nav li a#worknewsletters{ background:url(../images/sub_work_nav.png) -540px 0 no-repeat;}
ul.tabs_nav li a#worknewsletters:hover{ background:url(../images/sub_work_nav.png) -540px -70px no-repeat;}