/* CSS Document  - www.holosoundnyc.com. Written by Yao, www.blowkick.com */


/* ----- GENERAL & BODY PROPERTIES ----- */


body {
	background-color: #FFFFFF;
	background-image: url(images/bg1.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #406060;
	
	/* IE only */
	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-arrow-color: #003333;
	/* end IE only */}

a:link, a:visited {
	color: #003333; text-decoration: underline;}
a:hover {
	color: #666666; text-decoration: underline;}

p {margin-bottom: 5px; margin-top: 5px;}

.large {
	font-size: small;
	font-weight: bold;
	color: #336666;}

.bold {
	font-weight: bold;}

.italic {
	font-style: italic;}

.green {
	font-weight: bolder;
	color: #336666;}

.quote {
	font-style: italic;
	color: #333333;}

.title {font-weight: bold; color: #003333;}


/* ----- LAYOUT ----- */


#container {
	position: absolute;
	margin-left: 50%;
	left: -350px;
	top: 50%;
	width: 700px;
	height: 480px;
	margin-top: -240px;
	font: inherit;
	background: url(images/bg2.jpg) no-repeat;}


#nav {
	position: relative;
	width: 700px;
	height: 15px;
	background: url(images/top-1.jpg) no-repeat #003333;}


#nav2 {
	position: relative;
	margin-left: 120px;}


#header {
	position: relative;
	margin-top: 1px;
	width: 700px;
	height: 100px;
	background: url(images/header-1.jpg) no-repeat #000000;}


#subdownload {
	position: relative;
	width: 81px;
	height: 100px;
	margin-left: 279px;
	background: #003333;
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85}

#subcitric {
	position: relative;
	width: 81px;
	height: 100px;
	margin-left: 359px;
	background: #003333;
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85}

#content {
	position: relative;
	width: 700px;
	height: 340px;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: auto;}
	

#leftcol {
	position: relative;
	width: 100px;
	height: 340;
	float: left;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;}


#rightcol {
	position: relative;
	width: 440px;
	height: 340;
	float: right;
	padding-left: 10px;
	padding-right: 110px;
	padding-top: 15px;
	padding-bottom: 15px;}


#linkbox {
	position: relative;}
	
	
#footer {
	position: relative;
	clear: both;
	margin-top: 1px;
	width: 700px;
	height: 15px;
	background: url(images/top-2.jpg) #003333;
	font-size: 9px;
	text-align: center;
	color: #669999;}

#footer a:link, a:visited {
	color: #669999;}
#footer a:hover {
	color: #CCFFFF;}


/* ----- IMAGES ----- */

#leftimg {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;}

#rightimg {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;}

#imgbox {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;}


/* CSS code for Image popup console */


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #003333;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 9px Arial;
letter-spacing: 3px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;}