/* 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; }
}
#tabcontainer { float: left; width: 950px; margin-top: 20px; height: 479px; }
#clientthumbs { float: left; width: 950px; margin-top: 20px; height: 479px; position: relative; overflow: auto; }
#tabcontainer .tabfont { font-size: 21px; color: #405663; display: block; }
#tabcontainer .tabfont16 { font-size: 15px; }
#tabcontainer .tabfont-blk { color: #000000; }
ul.tablist { display: block; float: left; width: 150px; height: 479px; list-style-type: none; background-image: url(../siteimages/design-menu-bg.jpg); background-repeat: no-repeat; background-position: left top; text-align: right; }
ul.tablist2 { display: block; float: left; width: 150px; height: 479px; list-style-type: none; background-image: url(../siteimages/articles-menu-bg.jpg); background-repeat: no-repeat; background-position: left top; text-align: right; margin-top: 30px; }
ul.tablist3 { display: block; float: left; width: 150px; height: 479px; list-style-type: none; background-image: url(../siteimages/about-menu-bg.jpg); background-repeat: no-repeat; background-position: left 70px; text-align: right; margin-top: 30px; }
ul.tablist4 { display: block; float: left; width: 150px; height: 479px; list-style-type: none; background-image: url(../siteimages/connect-menu-bg.jpg); background-repeat: no-repeat; background-position: left 23px; text-align: right; margin-top: 30px; }
ul.tablist5 { display: block; float: left; width: 150px; height: 479px; list-style-type: none; background-image: url(../siteimages/photos-menu-bg.jpg); background-repeat: no-repeat; background-position: left top; text-align: right; }
/* Skin */
.ui-tabs-nav, .ui-tabs-panel { font-family: Helvetica, Arial, sans-serif; }
.ui-tabs-nav { list-style: none; margin: 0px; }
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; min-width: 150px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; }
.ui-tabs-nav a, .ui-tabs-nav a span { color: #384146; font-size: 21px; padding-right: 2px; padding-left: 3px; display: block; }
.ui-tabs-nav a { text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; margin: 0px; padding: 0px; font-weight: normal; }
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 0px; z-index: 2; margin-top: 0px; color: #000; }
.ui-tabs-nav a span { width: 150px; /* IE 6 treats width as min-width */ min-width: 150px; text-align:right; }
*>.ui-tabs-nav a span { /* hide from IE 6 */ width: 150px; text-align:right; }
.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 0px; }
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { color: #77EABF; background-image: url(../siteimages/menu-select-bg.png); background-repeat: no-repeat; background-position: left bottom; }
.ui-tabs-nav .ui-tabs-selected a:link, .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; color: #76E9BE; }
.ui-tabs-nav a:hover { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; color: #FFFFFF; border-bottom-width: 5px; border-bottom-style: none; border-bottom-color: #FFFFFF; }
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); }
.ui-tabs-panel { overflow: auto; height: 510px; color: #FFFFFF; margin: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
.ui-tabs-panel-2 { overflow: auto; height: 510px; color: #FFFFFF; background-image: url(../siteimages/articles-bg.jpg); background-repeat: no-repeat; background-position: right top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.articlestexture { color: #333333; padding-left: 20px; padding-right: 15px; padding-bottom: 10px; padding-top: 5px; height: 389px; overflow: auto; margin-top: 11px; margin-right: 25px; margin-bottom: 0px; margin-left: 0px; font-size: 14px; }
.articlestexture p { margin-bottom: 1em; line-height: 1.4em; }
.horizontalscroll { white-space: nowrap; width: 12550px; overflow: auto; height: 490px; }
.horizontalprint { white-space: nowrap; width: 4000px; overflow: auto; height: 490px; }
.ui-tabs-loading em { padding: 0 0 0 20px; background-image: url(jquery.fancybox/fancy_progress.png); background-repeat: no-repeat; background-position: 0 50%; }
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; }
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; }