/* CSS Document */
body {font-family:  Arial, Verdana, sans-serif; font-size:12px; color : #fff;margin:0;padding:0; background-color:#141414; background: #141414 url(../images/bg.gif) -20px 200px no-repeat; background-attachment: fixed; line-height:1.5; }

/* page styles */
#wrapper { width:980px; margin:0 auto;position:relative !important;  height:300px; }
#header { padding:0 ;  width:960px; float:left }
	#top { margin:44px 20px 0px 0 ; float:left ; }
	#tagline { color:#cccccc; width:500px; float: left; margin:40px 0 7px 0; font-family::Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:20px; clear:right;}
	.arrow { position: absolute ; top:60px ; right:22px; height:13px;}
	.line { width:968px; height:1px; background: #434343 url(../images/line.gif) top left repeat-x; clear:both; margin: 0 ;}

	
/* nav styles */
#navLeft {width:320px; text-align:left ;float:left ; margin: 0px 0 0 0px ;  font-weight:bold !important  ; }
	#navLeft ul{ list-style:none ; margin:0 ; padding:0px 0 0 0 ; float:left ; display:inline; height:34px;}
	#navLeft ul li { padding: 3px 13px 3px 0 ; margin:0; display: inline ; } 
	
#navRight {width:55px; text-align:right ;float:right ; margin: 0px 0 0 0px ;  font-weight:bold !important  ; }
	#navRight ul{ list-style:none ; margin:0 ; padding:0px 0 0 0 ; float:right ; display:inline; text-align:right; }
	#navRight ul li { padding:0px 0px 20px 15px ; margin: 0 ; display: inline ;   } 
	
/* link styles */	
		#header a:link{ color:#ccc; text-decoration:none; font-weight:bold ;  padding: 0 2px 40px 2px ; }
		#header a:visited{ color:#ccc; text-decoration:none; font-weight:bold ; }
		#header a:active{ color:#ccc; text-decoration:none; font-weight:bold ; }
		#header a:hover{ color:#fb035f; text-decoration:none; font-weight:bold ;}
		
		#header a.on:link{ color:#ffffff; text-decoration:none; font-weight:bold ; background-image:url(../images/nav_on.gif) ; background-repeat:repeat-x; padding: 0 2px 40px 2px ; }
		#header a.on:visited{ color:#ffffff; text-decoration:none; font-weight:bold ; }
		#header a.on:active{ color:#ffffff; text-decoration:none; font-weight:bold ;}
		#header a.on:hover{ color:#ffffff; text-decoration:none; font-weight:bold ; }
		
	
#subnav { text-align:left ; float:left ; margin:0px 0 0 0px ; width:960px; }
	#subnav ul{ list-style:none ; margin:0 ; padding:0 }
	#subnav ul li { padding: 13px 20px 7px 0 ; margin:0 ; float:left ; display: inline; height:20px; }
		
		#subnav a:link{ color:#C1C1C1; text-decoration:none; font-weight:normal}
		#subnav a:visited{ color:#C1C1C1; text-decoration:none; font-weight:normal}
		#subnav a:active{ color:#C1C1C1; text-decoration:none; font-weight:normal}
		#subnav a:hover{ color:#fb035f; text-decoration:none; font-weight:normal}
	
		#subnav a.on:link{ color:#fb035f; text-decoration:none; font-weight:normal}
		#subnav a.on:visited{ color:#fb035f; text-decoration:none; font-weight:normal}
		#subnav a.on:active{ color:#fb035f; text-decoration:none; font-weight:normal}
		#subnav a.on:hover{ color:#fb035f; text-decoration:underline; font-weight:normal}
	
/* TEXT styles */
h1 { color: #fff ; font-weight:normal;  font-size:32px ; margin: 0 0 10px 0 ; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  width:380px; display:block;}
p {margin:0 0 10px 0; padding:0;}

/* Link styles */
a img {border : none; }
a:link{ color:#ffffff; text-decoration:none;}
a:visited{ color:#ffffff; text-decoration:none;}
a:active{ color:#ffffff; text-decoration:none;}
a:hover{ color:#fb035f; text-decoration:none;}

/* footer styles */
.footerline { width:968px ; height:1px; background: #434343 url(../images/line.gif) top left repeat-x; clear:both; margin: 20px 0 0px 0 !important; } 
#footerLeft { width:500px; float:left ; font-size:12px ; font-weight: normal ; color:#434343 ;  color:#a7a7a7 ; margin: 0 0 20px ; padding:15px 0 0 0 }
#footerRight { width:300px; float:right ; text-align:right; font-size:12px ; font-weight: normal ; color:#a7a7a7;padding:15px 20px 0 0 }

/***** COLUMNS ***/
#middle {   float:left; width:969px ; margin:10px 0 10px 0px;   }
	#middle img { margin:0 4px 4px 0;  }
	
	#middle a:link{ color:#ffffff; text-decoration:underline;}
	#middle a:visited{ color:#ffffff; text-decoration:underline;}
	#middle a:active{ color:#ffffff; text-decoration:underline;}
	#middle a:hover{ color:#fb035f; text-decoration:none;}
	
#left { width:486px ; float:left}
	#left img { margin:0 0px 6px 0; float:left; display: inline;}
#right { width:480px; float:left}


/***** Exhibitions columns ***/
.colExhibit { padding: 10px 0px 10px 30px ;  clear:both; }
.colWide { width:680px ; float:left; padding: 0 20px 0 0 ; }

/***** media columns ***/
.media { width:192px ; margin:0 7px 5x 0 ; float:left; height:320px ;  }
	.media img { padding:0 0px 10px 0 ; float:left}
	
/***** bio columns ***/	
#bio {width:100%  ; height:482px ;  padding: 0 ; margin: 0 20px 0 40px ; font-size:1.1em ; }
.colbio { padding: 25px 0px 0px 80px ;  clear:both; height:200px; }
.colOne { width:400px ; float:left; padding: 0 20px 0 0 ; }
.colTwo { width:400px ; float:left; }	

/* OVERLAY */
div.imgwrapper{position:relative; float:left /* important(so we can absolutely position the description div */ }
div.description{position:absolute; /* absolute position (so we can position it where we want)*/bottom:0px; /* position will be on bottom */left:0px;	display:none; /* hide it *//* styling bellow */background-color:black;font-size:13px;color:white;}
div.description_content{padding:20px;}


/* Black box */

.blackBox { width:960px; padding: 0 ; height:400px ; background-color:#000; float:left;}
	.blackBox  img { float:left}

.blackBoxText { float:left ; margin:40px 20px 0 20px ; width:260px; font-size:13px ; color:#CCC }

td { vertical-align:top;}

/* UNUSED

	#info { width:380px ; line-height:1.3  ; padding: 0 20px 0 0 }
.contact { position:absolute ; top:550px ; } 
.stub { clear:both ; height:1px}