html, body, #myContent { height:100%; overflow: hidden; }
body { margin:0; padding:0; width: 100%; height: 100%; overflow:hidden; font-family: "Trebuchet MS", Arial, sans-serif; color: #666666; background: #fff; }
#wrapper{ position: absolute; left: 0; top: 0; overflow:hidden; width: 100%; height: 100%; }
#myContent_outer{ width: 100%; height: 100%; position: relative; top: 0; left: 0; overflow:hidden; }
#myContent{ height: 100%; }

#site{ position: absolute; width: 100%; margin: 0 0; z-index: 10; top: 50px; }
#site .bg{ position: absolute; width: 100%; height: 100%; }
#site .outer{ background: #fff; }
#site .top{ position: relative; width: 800px; margin: auto auto; padding: 0; z-index: 10; color: #222; }
#site .inner{ position: relative; width: 800px; margin: auto auto; padding: 20px; z-index: 10; color: #666666; }
#site .inner .white{  }

.top-nav{ position: absolute; top: 0; right: 0; width: 289px; height: 40px; z-index: 11; margin: 0; padding: 0; }
.top-nav li{ float: left; text-indent: -9999px; overflow: hidden; }
.top-nav li a{ float: left; height: 40px; display: block; }
.top-nav li.visit a{ width: 176px; background: url(/media/img/bg/top-nav-visit.png) no-repeat 0 0; }
.top-nav li.contact a{ width: 113px; background: url(/media/img/bg/top-nav-contact.png) no-repeat 0 0; }

.ftr-nav{ position: absolute; bottom: 0; right: 0; width: 570px; height: 59px; z-index: 11; margin: 0; padding: 0; }
.ftr-nav li{ float: left; text-indent: -9999px; overflow: hidden; }
.ftr-nav li a{ float: left; height: 40px; display: block; }
.ftr-nav li.copy{ float: left; display: block; height: 59px; width: 340px; background: url(/media/img/bg/ftr-nav-copy.png) no-repeat 0 0; }
.ftr-nav li.legal a{ width: 55px; background: url(/media/img/bg/ftr-nav-legal.png) no-repeat 0 0; }
.ftr-nav li.ds a{ width: 175px; background: url(/media/img/bg/ftr-nav-ds.png) no-repeat 0 0; }

h1.logo{ text-indent: -9999px; overflow: hidden; }
h1.logo a{ width: 395px; height: 65px; display: block; background: url(/media/img/bg/logo.png) no-repeat left top; }

h2{ margin: 0; padding: 0; height: 18px; text-indent: -9999px; overflow: hidden; }
h2.who-we-are{ background: url(/media/img/h/who-we-are.gif) no-repeat left top; }
h2.what-we-do{ background: url(/media/img/h/what-we-do.gif) no-repeat left top; }
h2.work-weve-done{ background: url(/media/img/h/work-weve-done.gif) no-repeat left top; }
h2.what-we-believe{ background: url(/media/img/h/what-we-believe.gif) no-repeat left top; }
h2.in-our-community{ background: url(/media/img/h/in-our-community.gif) no-repeat left top; }

#tab-nav{ margin: 0; padding: 0; }
#tab-nav li{ float: left; text-indent: -9999px; overflow: hidden; }
#tab-nav li a{ height: 38px; display: block; overflow: hidden; outline: none; }
#tab-nav li.who a{ width: 120px; background: url(/media/img/bg/nav-who.png) no-repeat 0 0; }
#tab-nav li.what a{ width: 145px; background: url(/media/img/bg/nav-what.png) no-repeat 0 0; }
#tab-nav li.work a{ width: 185px; background: url(/media/img/bg/nav-work.png) no-repeat 0 0; }
#tab-nav li.blev a{ width: 185px; background: url(/media/img/bg/nav-believe.png) no-repeat 0 0; }
#tab-nav li.comm a{ width: 165px; background: url(/media/img/bg/nav-community.png) no-repeat 0 0; }
#tab-nav li.who a:hover,
#tab-nav li.ui-tabs-selected.who a{ background: url(/media/img/bg/nav-who-on.gif) no-repeat 0 0; }
#tab-nav li.what a:hover,
#tab-nav li.ui-tabs-selected.what a{ background: url(/media/img/bg/nav-what-on.gif) no-repeat 0 0; }
#tab-nav li.work a:hover,
#tab-nav li.ui-tabs-selected.work a{ background: url(/media/img/bg/nav-work-on.gif) no-repeat 0 0; }
#tab-nav li.blev a:hover,
#tab-nav li.ui-tabs-selected.blev a{ background: url(/media/img/bg/nav-believe-on.gif) no-repeat 0 0; }
#tab-nav li.comm a:hover,
#tab-nav li.ui-tabs-selected.comm a{ background: url(/media/img/bg/nav-community-on.gif) no-repeat 0 0; }
.tab-body{ padding: 20px 0; clear: both; }
.tab-body p,
.tab-body ul{ font-size: 13px; line-height: 20px; }
.ui-tabs-panel{ display: block; }
.ui-tabs-hide{ display: none; }

.tab-sub-nav{ padding: 0; margin: 0 0 30px; }
.tab-sub-nav li{ display: inline; font-size: 10px; line-height: 1; text-transform: uppercase; font-weight: bold; line-height: 2; }
.tab-sub-nav li a{ float: left; margin-right: 20px; color: #999999; text-decoration: none; }
.tab-sub-nav li a:hover,
.tab-sub-nav li.ui-tabs-selected a{ color: #ff5500; text-decoration: underline; }

.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */