/* CSS DOCUMENT */

body {
	background-color: #CCC;
										
}	
				
div#main_container {
	position: absolute;
	width: 1024px;
	height: 768px;
	top: 0px;
	left: 50%;
	margin-left: -512px;
	background-image:url('../images/cardboard.gif');

}
div#title {
	position: absolute;
	font-family: Century Gothic;
	width: 966px;
	font-size: 36pt;
	color: #FFF;
	top: 22px;
	margin-left: 29px;
	margin-right: 29px;

}
	
span#crystal {
	color: #99CCCC;

}	
span#neiweem {
	font-weight: bold;

}	

div#contemporary_art {
	position: absolute;
	font-family: Century Gothic;
	color: #FFF;
	font-size: 18pt;
	top: 78px;
	margin-left: 29px;
	margin-right: 29px;

}	
div#menu {
	position: absolute;
	top: 115px;
	background-color: #CCCC66;
	width: 966px;
	height: 30px;
	border: solid white;
	border-width: 5px 0px;	
	margin-left: 29px;
	margin-right: 29px;
}

.menu {
	width: 966px;
	height: 30px;
}	
.menu_content {
	position: relative;
	float: right;
	font-family: Century Gothic;
	font-size: 14pt;
	padding: 0px;
	margin: 0px;
   	color: #371c02;
   	background: url(../images/rollover.jpg) no-repeat;
	width: 100px;
	height: 30px;
	overflow:hidden;/* for ie to hide extra height*/	

}
.menu_content a {  
   	text-decoration: none;
   	font-family: Century Gothic;
   	font-size: 14pt;
 	display: block;
   	color: #371c02;
	width: 100px;
	height: 30px;
	float: right;
	overflow:hidden;/* for ie to hide extra height*/
}	
		
.menu_content a:hover {
	color: #ffffff;
}
				
	 
.menu_content img {width: 100px; height: 30px; border: 0; }
	* html a:hover {visibility:visible}
	
.menu_content a:hover img{visibility:hidden}
	 
.menu_content span {
	position: absolute;
	left: 0px;
	top: 3px;
	text-align: center;
	width: 100px;
	cursor: pointer; 

}      	
div#image_holder {
	position: absolute;
	top: 165px;
	margin-left: 29px;
	margin-right: 29px;
	width: 966px;
	height: 520px;
	background-color: #FFF;
}	
div#kwick {
	width:965px;
	margin: 30px 10px;
}
div#kwick .kwicks { 
	height:460px;
	list-style-type:none;
	margin:0;
	padding:0; 
}
div#kwick li {
	float:left; 
}
div#kwick .kwick {
	display:block; 
	cursor:pointer;
	overflow:hidden;
	height:460px;
	width: 187.5px;
	background: #fff;
	border-right: 2px solid #fff;
}
div#kwick .kwick span {
	display:none;
}
div#kwick .image1 {
	background:url(../images/image1.gif) no-repeat;
	
}
div#kwick .image2 {
	background:url(../images/image2.gif) no-repeat;
}
div#kwick .image3 {
	background:url(../images/image3.gif) no-repeat;
}
div#kwick .image4 {
	background:url(../images/image4.gif) no-repeat;
}
div#kwick .image5 {
	background:url(../images/image5.gif) no-repeat;
}
div#portfolio_holder {
	position: absolute;
	top: 165px;
	margin-left: 29px;
	margin-right: 29px;
	width: 929px;
	height: 483px;
	padding: 18.5px;
	background-color: #FFF;
}
div#gallery {
	position: absolute;
	width: 902px;
	height: 458px;
	margins: 15px;
	padding: 12.5px;
	border: 1px solid #999933;
}
#gallery img {
	margin: 8.5px;
	border: none;
}
a img {						
	border: none;
	} 	
a img:link {						
	border: none;
	} 		
a img:visited {								
	border: none;
	} 	
a img:hover {								
	border: none;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;		
	} 	
a img:active {								
	border: none;
}	
#lightbox{
	position: absolute;
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
	}
#lightbox img{ 
	width: auto;
	height: auto;
	}
#lightbox a img{ 
	border: none;
	}

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 533px; 
	height: 400px; 
	margin: 0 auto;
	}
#imageContainer{ 
	padding: 10px;
	}
#loading{ 
	position: absolute;
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0;
	}
#hoverNav{ 
	position: absolute;
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
	}
#imageContainer>#hoverNav{ 
	left: 0;
	}
#hoverNav a{ 
	outline: none;
	}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ 
	display: block;
	}
#prevLink { 
	left: 0; 
	float: left;
	}
#nextLink { 
	right: 0; 
	float: right;
	}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
	}
#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat;
	}

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	;
	}

#imageData{	
	padding:0 10px; 
	color: #666;
	}
#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left;
	}	
#imageData #caption{ 
	font-weight: bold;
	}
#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
	}			
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
	}	 	

#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
	
}	
div#statement{
	position: absolute;
	width: 448px;
	margin: 30px 20px 30px 498px;
	text-align: left;
	line-height: 180%;
	font-family: Century Gothic;
	font-size: 11pt;

}
span#resume{
	font-family: Century Gothic;
	font-size: 11pt;
}
span#heading{
	font-family: Century Gothic;
	font-size: 11pt;
	font-weight: bold;
	line-height: 200%;
}

div#statement_img {
	position: absolute;
	width: 453px;
	margin: 30px 15px;
	text-align: left;
	
}


.cssnav	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(../images/overbtn.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 230px;
	height: 50px;
	margin: 0; 
	padding: 0; 
}
.cssnav a {
	display: block;
	color: #000000;
	font-size: 18px;
	width: 230px;
	height: 50px;
	display: block;
	float: left;
	color: #FFF; 
	text-decoration: none;
}

.cssnav img {
	width: 230px; height: 50px; border: 0;
}
* html a:hover {
		visibility:visible
}
.cssnav a:hover img{
	visibility:hidden
}

.cssnav span {
	position: absolute;
	left: 40px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 149px;
	height: 14px;
	text-align: center;
}
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
	background: #99CCCC;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
margin-top: 5px;
visibility: hidden;
border: 1px solid #371c02;
border-bottom-width: 0;
font: normal 14px Century Gothic;
color: #371c02;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #FFF;
width: 100px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #371c02;
padding: 2px 0;
text-decoration: none;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #99CCCC;
color: #371c02;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 100px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


/*.anylinkshadow{ /*CSS for shadow. Keep this as is */
/*position: absolute;
/*left: 0;
/*top: 0;
/*z-index: 99; /*zIndex for shadow*/
/*background: black;*/
/*visibility: hidden;*/