/* 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;
    }
}
#thestory{
	background-image:url("../images/thestory.png");
	background-repeat:no-repeat;
	height:14px;
	width:59px;
	display:block;
	padding: 0 10px;
}

#thestory:hover {
	background-position:0 -14px;
}
#theartist {
	background-image:url("../images/theartist.png");
	background-repeat:no-repeat;
	height:14px;
	width:62px;
	padding: 0 10px;
}
#theartist:hover {
	background-position:0 -14px;
}
#whycod {
	background-image:url("../images/whycod.png");
	background-repeat:no-repeat;
	height:14px;
	width:131px;
	display:block;
	padding: 0 10px;
}
#whycod:hover {
	background-position:0 -14px;
}
#whatWeDo {
	background-image:url("../images/whatwedo.png");
	background-repeat:no-repeat;
	height:14px;
	width:76px;
	display:block;	
	padding: 0;
	margin:0;
}
#freeConsultation {
	background-image:url("../images/consultationBtn.png");
	background-repeat:no-repeat;
	height:14px;
	width:109px;
	display:block;
	padding: 0;
	margin:0;
}
#Ordering {
	background-image:url("../images/orderingBtn.png");
	background-repeat:no-repeat;
	height:14px;
	width:57px;
	display:block;
	padding: 0;
	margin:0;
}
#artistFees {
	background-image:url("../images/artistFeesBtn.png");
	background-repeat:no-repeat;
	height:14px;
	width:65px;
	display:block;
	padding: 0;
	margin:0;
}
#Delivery {
	background-image:url("../images/deliveryBtn.png");
	background-repeat:no-repeat;
	height:14px;
	width:53px;
	display:block;
	padding: 0;
	margin:0;
}
#Construction {
	background-image:url("../images/constructionBtn.png");
	background-repeat:no-repeat;
	height:14px;
	width:81px;
	display:block;
	padding: 0;
	margin:0;
	
}
/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
	float:right;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
   /* be nice to Opera */
	list-style:none;
	padding:0;
}
.tabs-nav a span {
    display: none;
    
}
.tabs-nav a {
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
}
.tabs-nav .tabs-selected #whycod, .tabs-nav .tabs-selected #theartist, .tabs-nav .tabs-selected #thestory, .tabs-nav .tabs-selected #freeConsultation, .tabs-nav .tabs-selected #Construction, .tabs-nav .tabs-selected #Delivery, .tabs-nav .tabs-selected #whatWeDo, .tabs-nav .tabs-selected #artistFees, .tabs-nav .tabs-selected #Ordering{
	background-position:0 -28px;
}
.tabs-nav #whycod:hover, .tabs-nav #theartist:hover, .tabs-nav #thestory:hover,.tabs-nav #whycod:active, .tabs-nav #theartist:active, .tabs-nav #thestory:active{
}
.tabs-nav .tabs-selected a , .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active  {
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover , .tabs-nav .tabs-disabled a:focus , .tabs-nav .tabs-disabled a:active {
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
}