/* global */

body {
	background: #2b2c2f url(/image/bg-body.gif) repeat 0 0;
	font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #f8f8f8;
}

.hide {
	display: none;
}

div#logo {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	position: absolute; 
	left: 40px; 
	top: 10px;
}
body > div#logo {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
}

div#topnav {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	position: absolute; 
	left: 46px; 
	top: 550px;
}
body > div#topnav {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
}

/* main nav */
div#topnav li {
	float: left;
}

div#topnav li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 24px;
}

div#topnav li a:hover,
div#topnav li a.selected {
	background-position: 0 -24px;
}

a#nav-home { /* need to add this */
	background: url(/image/bg-btn-home.gif) no-repeat 0 0;	
	width: 64px;
}

a#nav-about {
	background: url(/image/bg-btn-about.gif) no-repeat 0 0;	
	width: 78px;
}

a#nav-portfolio {
	background: url(/image/bg-btn-portfolio.gif) no-repeat 0 0;	
	width: 115px;
}

a#nav-zodiac {
	background: url(/image/bg-btn-zodiac.gif) no-repeat 0 0;	
	width: 82px;
}

a#nav-contact {
	background: url(/image/bg-btn-contact.gif) no-repeat 0 0;	
	width: 94px;
}

div#content {
	float: left;
	width: 4000px;
	padding: 10px 0;
	margin-top: 62px;
	background: #000;
}

#content h2 {
	text-indent: -9999px;
	overflow: hidden;
}

#content h3 {
	height: 18px;
	margin-bottom: 14px;
	text-indent: -9999px;
	overflow: hidden;
}

#content p,#content li {
	line-height: 1.5em;
}

#content p {
	margin-bottom: 1em;
}

div#home,div#about,div#portfolio,div#zodiac,div#contact {
	float: left;
	position: relative;
	height: 460px;
}

div#home {
	background: url(/image/bg-home.jpg) no-repeat 0 0;
	width: 1280px;
}

div#about {
	background: url(/image/bg-about.jpg) no-repeat 100% 0;
	width: 824px;
}

#bio {
	position: absolute;
	left: 40px;
	top: 0;
	width: 520px;
	padding: 24px 24px 12px 24px;
	/* background: url(/image/bg-contact-content.png) repeat 0 0; */
}

#bio h2 {
	background: url(/image/bg-hdr-about.gif) no-repeat 0 0;	
	width: 110px;
	height: 23px;
	margin-bottom: 20px;
}

#bio p {
	text-shadow: #000 1px 1px 1px;
}

#client-list {
	position: absolute;
	left: 64px;
	top: 276px;
	width: 320px;
}

#client-list h3 {
	background: url(/image/bg-hdr-clientlist.gif) no-repeat 0 0;	
	width: 128px;
}

#client-list table {
	width: 100%;
	font-size: 11px;
}

#client-list table a {
	text-decoration: none;
	color: #f8f8f8;
}

#client-list table a:hover {
	color: #d31145;
	text-decoration: underline;
}

div#portfolio {
	background: url(/image/bg-portfolio.jpg) no-repeat 0 0;
	width: 880px;
}

div#gallery {
	position: absolute;
	left: 60px;
	top: 20px;
	width: 584px;
	height: 380px;
}

#portfolio h2 {
	background: url(/image/bg-hdr-portfolio.gif) no-repeat 0 0;	
	width: 178px;
	height: 25px;
	margin: 0 0 4px 10px;
}

div#player {
	width: 560px;
	height: 360px;
	background: url(/image/bg-player.png) no-repeat 0 0;
	padding: 10px;	
}

div#flashcontent {
	width: 560px;
	height: 360px;	
}

p#more-galleries {
	float: left;
	background: url(/image/bg-moregalleries.png) no-repeat left top;
	/* color: #18161d; */
	color: #fbf4ec;
	margin: 0 0 0 20px;
	padding: 4px 0 4px 28px;
}

p#fullscreen {
	float: right;
	background: url(/image/bg-fullscreen-black.png) no-repeat right top;
	color: #fbf4ec;
	margin: 0 20px 0 0;
	padding: 4px 28px 4px 0;
}

div#zodiac {
	background: url(/image/bg-zodiac.jpg) no-repeat 0 0;
	width: 775px;
}

div#zodiac-content {
	position: absolute;
	left: 48px;
	top: 20px;
	width: 540px;
}

#zodiac h2 {
	background: url(/image/bg-hdr-zodiac.gif) no-repeat 0 0;	
	width: 279px;
	height: 23px;
	margin-bottom: 20px;
}
			
/* Scrollbar & content css */						
#content1 {
	height: 315px;
	width: 455px;
	float:left;
	margin-right: 12px;
	overflow:hidden;
}
#content1 p {
	margin-bottom: 12px;
}

.scrollbar-vert {
	background: #f8f8f8;
	height: 315px;
	width: 4px;
	float:left;
}

.handle-vert {
	height: 80px;
	width: 4px;
	background: #d31145;
}

#zodiac-logo {
	position: absolute; 
	left: 48px; 
	bottom: 0;
}

#zodiac-watch {
	position: absolute;
	left: 410px; 
	bottom: 24px;
}

div#contact {
	background: url(/image/bg-contact.jpg) no-repeat 0 0;
	width: 700px;
}

div#contact-content {
	position: absolute;
	left: 160px;
	top: 236px;
	width: 460px;
	padding: 24px 24px 12px 24px;
	text-shadow: #000 1px 1px 1px;
	/* background: url(/image/bg-contact-content.png) repeat 0 0; */
}

#contact h2 {
	background: url(/image/bg-hdr-contact.gif) no-repeat 0 0;	
	width: 148px;
	height: 23px;
	margin-bottom: 10px;
}

div#contact-content p a {
	color: #d31145;	
}

div#contact-content p a:hover {
	color: #f8f8f8;	
}