
#container-4 {
        display:block;
		width:657px;
		height:auto;
		background-repeat:no-repeat;
		padding-top:5px;
		margin-right:0px;
		font-family: Helvetica, Arial, sans-serif;
		font-size:12px;
		float:left;
}

.tabs-selected a {
        display:block;
		width:156px;
		height:47px;
		padding:0px;
		margin:0px;
		
}

.tabs-selected a.videos, .tabs-selected a:hover.videos{
        background-image:url(../images/tabs/approachSelectedBg.png);
		margin-top:1px;
}
.tabs-selected a.images, .tabs-selected a:hover.images {
        background-image:url(../images/tabs/peopleSelectedBg.png);
		margin-top:1px;
		
}
.tabs-selected a.directory, .tabs-selected a:hover.directory {
        background-image:url(../images/tabs/whySelectedBg.png);
		margin-top:1px;
}
.tabs-selected a.blog, .tabs-selected a:hover.blog {
        background-image:url(../images/tabs/termsSelectedBg.png);
		margin-top:1px;
}

.tabs-nav {
        width:657px;
		height:47px;
		display:block;
		padding:0px;
		/*padding-bottom:15px;*/
		margin:0px;
		z-index:1000;
		position:relative;
}

.tabs-nav li {
        display:inline-block;
		width:156px;
		height:49px;
		padding:0px;
		margin:0px;
		padding-left:11px;
		float:left;
}		

.tabs-nav li a {
        display:block;
		width:156px;
		height:47px;

}
.tabs-nav li a { background-repeat:no-repeat; }

.videos {
        background-image:url(../images/tabs/approachNonSelectedBg.png);
		margin-top:1px;
	    position:absolute;
}
.images {
        background-image:url(../images/tabs/peopleNonSelectedBg.png);
		margin-top:1px;
		position:absolute;
}
.directory {
        background-image:url(../images/tabs/whyNonSelectedBg.png);
		margin-top:1px;
		position:absolute;
}
.blog {
        background-image:url(../images/tabs/termsNonSelectedBg.png);
		margin-top:1px;
		position:absolute;
}

 a:hover.videos {
        background-image:url(../images/tabs/approachbgAhover.png);
		background-repeat:no-repeat;
		margin-top:1px;
}
 a:hover.images {
        background-image:url(../images/tabs/peoplebgAhover.png);
		background-repeat:no-repeat;
		margin-top:1px;
}
 a:hover.directory {
        background-image:url(../images/tabs/whybgAhover.png);
		background-repeat:no-repeat;
		margin-top:1px;
}
 a:hover.blog {
        background-image:url(../images/tabs/termsbgAhover.png);
		background-repeat:no-repeat;
		margin-top:1px;
}



.tabs-nav li a:hover {
        display:block;
		width:156px;
		height:47px;
		padding:0px;
		margin:0px;
		margin-top:1px;
       
}

.tabs-container {
        margin:0px;
		padding:0px;
		

}
#fragment-10, #fragment-11, #fragment-12, #fragment-13 {
	/* width:656px;*/
		height:auto;
	border:1px solid #DADADA;
	background:#FFFFFF;
	padding:10px;
	position:relative;
	z-index:100;
}
.insidetabs {
    padding:15px;
}























/* 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;
    }
}
