#showcase {position: relative; float: left; margin-bottom: 50px; margin-top: 1em;}


/* 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... */
    .ui-tabs-hide {display: none;}
}

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

/* Skin */
.ui-tabs-nav {list-style: none; margin: 0; position: absolute; width: 295px;}
.ui-tabs-nav li {margin: 3px 0 5px 0; height: 1.8em; width: 140px; padding-top: 4px;}
.ui-tabs-nav a {display: block;
	background: #fff;
	height: 1.8em; width: 140px; line-height: 1.8em;
    padding: 0 0 4px 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */  
	overflow: hidden; /* to hide overflow when text size is increased */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #bdbcaf;}
.ui-tabs-nav a:hover {color: #8c3131;}
.ui-tabs-nav .ui-tabs-selected a {color: #8c3131;}
.ui-tabs-nav a span {padding-left: 7px;}

.ui-tabs-nav .ui-tabs-selected a span {}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {
/* @ Opera, we need to be explicit again here now... */
    cursor: pointer;}
.ui-tabs-disabled {opacity: .4; filter: alpha(opacity=40);}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {color: #000;}

/* declare background color for container to avoid distorted fonts in IE while fading */
.ui-tabs-panel {padding-top: 20px; background: #fff url(../images/bkg-gallery.png) top right no-repeat; width: 760px; float: right; padding-left: 155px;}
.ui-tabs-panel .inner {background: #fff url(../images/bkg-gallery.png) bottom right no-repeat; float: right; width: 100%; padding-bottom: 1em;}

.ui-tabs-panel h2, .ui-tabs-panel .inner p {padding-left: 15px;margin-bottom: 0.5em;}
.ui-tabs-panel .inner ul {padding-right: 15px;}


/* Additional IE specific bug fixes... */
/* auto clear @ IE 6 & IE 7 Quirks Mode */
* html .ui-tabs-nav {display: inline-block;}
* html .ui-tabs-panel {padding-bottom: 0;}

/* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
*:first-child+html .ui-tabs-nav  { display: inline-block;}