body{
	background: #4D4D4D url(../images/background.jpg) no-repeat 0px 0px;
	color:white;
	text-align:center;
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
	text-align:center;
	color:white !important;
}
h1 a, h2 a{
	font-family: Georgia;
	border-bottom: 1px solid white;
}
h3 a, h4 a, h5 a{
	font-family: Times New Roman;
}
h4{
	font-weight:bold !important;
}

/* Link Styling */

.nav li ul.subnav li a.current{
	color:#EBBE09 !important;
}

.contact_us a, .contact_us a:link, .contact_us a:visited{
	color:#5F5F5F;
}
.contact_us a:hover, .contact_us a:focus{
	color:#777777;
}

a, a:link, a:active, a:visited, a:focus{
	color:#EBBE09;
	outline: none;
	border:none;
	text-decoration:none;
}
a:hover, a:focus{
	color:#FFCC00;
}

h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus, h1 a, h1 a, h2 a, h2 a, h3 a, h3 a, h4 a, h4 a, h5 a, h5 a, h6 a, h6 a{
	color:white;
}

/* Element Positioning and Styling */

.main li{
	list-style:none;
}
.slogan{
	color:#5D5D5D;
	font-style:italic;
	position:fixed;
	right:10px;
	bottom:10px;
	margin:0.25em;
    text-align:right;
}
.contact_us{
	font-size:2em;
	font-style:italic;
	position:fixed;
	right:25px;
	top:20px;
}
.center{
	text-align:center;
}
.vcard{
	margin:3em;
}
.bar{
	margin-left:auto;
	margin-right:auto;
	padding:0 200px 0 0;
	width:450px;
	height:75px;
	text-indent: -9000px;
	overflow: hidden;
}
.bar.top{
	background: url(../images/topbar.png) no-repeat right 0px;
	margin-top:2em;
}
.bar.bottom{
	background: url(../images/bottombar.png) no-repeat  right 0px;
	margin-bottom:10px;
}
#page{
	text-align:left;
	margin-top:1em;
	margin-bottom:1em;
	overflow:hidden;
}
#loading{
	left:50%;
	margin-left:-24px;
	margin-top:-24px;
	position:fixed;
	top:50%;
}

#scrollbar{
	background-color:black;
	margin:115px 5px 5px 5px;
	position:relative;
	width:2px;
	border-left:20px solid #4D4D4D;
	border-right:10px solid #4D4D4D;
}
#scrollbar .ui-slider-handle{
	background-color:white;
	height:3px;
	position:absolute;
	width:7px;
	margin-left:-5px;
}

/* CSS Sprites */

.logo{
	left:20px;
	position:absolute;
	top:20px;
	width:99px;
	height:149px;
	background: url(../images/logo.png) no-repeat;
}
.logo li{
	list-style:none;
}
.logo li a:link, .logo li a:visited {
    position: absolute;
    top: 0px;
	left:0px;
    height: 149px;
	width:99px;
    text-indent: -9000px;
    overflow: hidden;
}
	.logo .zc a:hover, .logo .zc a:focus {
		background: url(../images/logo.png) no-repeat 0px -149px;
    }
	.nav-zc {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    width: 99px;
	    height: 149px;
	    background: url(../images/logo.png) no-repeat 0px -149px;
	}

.logo-small{
	left:8px;
	position:absolute;
	top:10px;
	margin:0px;
	width:164px;
	height:52px;
	background: url(../images/logo-small.png) no-repeat;
}
.logo-small li{
	list-style:none;
}
.logo-small li a:link, .logo-small li a:visited {
    position: absolute;
    top: 0px;
	left:0px;
    width:164px;
	height:52px;
    text-indent: -9000px;
    overflow: hidden;
}
	.logo-small .zc-small a:hover, .logo-small .zc-small a:focus {
        background: url(../images/logo-small.png) no-repeat 0px -52px;
    }
	.nav-zc-small {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    width:164px;
		height:52px;
	    background: url(../images/logo-small.png) no-repeat 0px -52px;
	}	

.nav{
	left:10px;
	position:absolute;
	width:300px;
	height:164px;
	margin:0px;
}
.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0px;
	left:0px;
    width:164px;
	height:164px;
    text-indent: -9000px;
    overflow: hidden;
}

.subnav{
	margin-top:20px;
	margin-left:164px;
	text-align:left;
}

.nav li ul.subnav li a:link, .nav li ul.subnav li a:focus, .nav li ul.subnav li a:visited, .nav li ul.subnav li a:active{
	position:static;
	width: auto;
	height: auto;
	text-indent: 0px;
	color:white;
	text-decoration:none;
}
.nav li ul.subnav li a:hover{
	color:#EBBE09;
	text-indent: 0px;
	background-image:none !important;
}


.nav-1{
	top:220px;
	background: url(../images/ethical.png) no-repeat;
}
.nav-1 li.ethical a:hover, .nav-1 li.ethical a:focus {
	background: url(../images/ethical.png) no-repeat 0px -164px;
}
.nav-ethical {
	position: absolute;
	top: 0px;
	left: 0px;
	width:164px;
	height:164px;
	background: url(../images/ethical.png) no-repeat 0px -164px;
}
.nav-2{
	top:384px;
	background: url(../images/media.png) no-repeat;
}
.nav-2 li.media a:hover, li.nav-2 .media a:focus {
	background: url(../images/media.png) no-repeat 0px -164px;
}
.nav-media {
	position: absolute;
	top: 0px;
	left: 0px;
	width:164px;
	height:164px;
	background: url(../images/media.png) no-repeat 0px -164px;
}
.nav-3{
	top:548px;
	background: url(../images/professionals.png) no-repeat;
}
.nav-3 li.professionals a:hover, .nav-3 li.professionals a:focus {
	background: url(../images/professionals.png) no-repeat 0px -164px;
}
.nav-professionals {
	position: absolute;
	top: 0px;
	left: 0px;
	width:164px;
	height:164px;
	background: url(../images/professionals.png) no-repeat 0px -164px;
}

/* Intro Positioning For Noscript Browsers */

.intro .bar{
	padding:0px;
	background-position:0px 0px;
}
.intro .bar.top{
	position:absolute;
	top:50%;
	left:50%;
	margin:-167px 0px 0px -225px;
}
.intro .bar.bottom{
	position:absolute;
	top:50% !important;
	left:50% !important;
	margin:98px 0px 0px -225px !important;
}
.intro .nav-1{
	position:absolute;
	top:50%;
	left:50%;
	margin:-82px 0px 0px -225px;
}
.intro .nav-2{
	top:50%;
	left:50%;
	margin:-82px 0px 0px -80px;
}
.intro .nav-3{
	top:50%;
	left:50%;
	margin:-82px 0px 0px 65px;
}
.intro .subnav{
	display:none;
}