@charset "UTF-8";
/* CSS Document */


*
	{
		margin: 0;
		padding: 0;
		border: 0;
	}
* :focus { outline: 0; }
html, body
	{
		height: 100%;
		
	}

body 
	{
		background-color:#000;
		font-family: "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 11px;
		text-align: center;
	}
img {border: none;}
a {text-decoration: none}
a:hover{text-decoration: none}
/* Clearfix (all browsers) */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */ * html .clearfix {height: 1%;}
/* IE7 */ *:first-child+html .clearfix {min-height: 1px;}
.year {color:#8996a0;}


#container 
	{
		text-align:left;
		margin: 0 auto;
		height: auto;
		background-color:#3B505F;
		
		/* 		Verically & Horizontally Center */
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1000px; /* Specify DIV's Width */
		height: 600px; /* Specify DIV's Height */
		margin-top: -300px; /* Set To A Negative Number 1/2 Of Your Height */
		margin-left: -500px; /* Set To A Negative Number 1/2 Of Your Width */
		padding: 0;
	}
#masthead 
{
	width: 1000px;
	height: 145px;
	background: url("../images/bg-masthead.gif") no-repeat 0 0; 
}
#spotlight-holder{ width:1000px; height:504px;}
#masthead #logo {float: right;}
#masthead ul {margin: 100px 0 0 115px; list-style-type: none; height: 30px; float: left;}
#masthead ul li {float: left; background: url("../images/img-masthead-sep.gif") no-repeat right top; padding: 0 10px 0 5px;}
#masthead ul li.last {background: none;}
#masthead ul li a {font-family: Arial; font-size: 16px; color:#fff; text-decoration: none;}
#content-container {height: 360px; background-color: #20262a;}
#content-container.gallery-launch {}
#content-container.human-race-launch {}
#content-container h1 {margin: 0 0 0 110px; padding: 0; text-indent: -9999px; font-size: 26px;}
#content-container h2 {margin: 0 0 0 110px; padding: 0; text-indent: -9999px; font-size: 26px;}
/* Scroll Pane */
#content-container #scroll-content {margin: 20px 0 0 110px; float: left;}
#content-container #scroll-content .scroll-pane {
	width: 355px;
	height: 245px;
	overflow: auto;
/* 	background: #000; */
	color: #919191;
	float: left;
	
	font-size: 13px;
	font-weight: 100;
	padding: 5px 10px;
}
#content-container #scroll-content .scroll-pane p{ padding: 5px 0 5px 0; line-height: 18px;}
#content-container #scroll-content .scroll-pane p a.img_url{ 
	display: inline-block; 
	text-decoration: none; 
	color: #fff; 
	padding: 2px 26px 0 0; 
	margin:0;
	font-size: 12px;
	font-weight: 100; 
	text-transform: uppercase;
	background: transparent url("../images/img-arrow-right1.gif") no-repeat right 6px;
	height:23px;
	border:0px solid #f00;
}
#content-container #scroll-content .scroll-pane p a.img_url:hover{ 
	background: transparent url("../images/img-arrow-right2.gif") no-repeat right 6px;
}

#content-container #scroll-content .scroll-pane ul{ margin:0 0 0 10px;}


/* End scroll pane */
/* Scroll Pane - Workshop*/
#content-container.workshop #scroll-content {margin: 20px 0 0 110px; float: left;}
#content-container.workshop #scroll-content .scroll-pane {
	width: 355px;
	height: 200px;
	overflow: auto;
/* 	background: #000; */
	color: #919191;
	float: left;
	
	font-size: 13px;
	font-weight: 100;
	padding: 5px 10px;
}
#content-containe.workshop #scroll-content .scroll-pane p{ padding: 5px 0 5px 0; line-height: 18px;}
#content-container.workshop #scroll-content .scroll-pane ul{ margin:0 0 0 10px;}


/* End scroll pane */

#content-container .thumb-table {float: right; margin: 15px 100px 0 0; }
#content-container.binu-bhaskar .thumb-table {float: right; margin: -10px 100px 0 0; }
#content-container .thumb-table table tr {}
#content-container .thumb-table table td {width: 10px; height: 10px; padding-bottom: 5px;}

/* List */
#content-container .thumb-table ul {margin: 0; padding: 0; }
#content-container .thumb-table li {list-style-type: none; float: left; margin: 2px 4px; padding: 0;}
#content-container .thumb-table li a {border: 0;}
/* Launch Page */

#content-container.gallery-launch h1 
{
	height: 63px;
	background: url("../images/bg-title-gallery-launch.gif") no-repeat 0 0;
	
}
#content-container.human-race-launch h1 
{
	width:310px;
	height: 63px;
	background: url("../images/human-race-launch-night.gif") no-repeat 0 0;
	
}
#content-container.human-race-launch .thumb-table {float: left; margin: 15px 0 0 10px; }
#content-container.human-race-launch .thumb-table li {width: 80px; height: 81px;}

#content-container.gallery-launch #scroll-content {margin-top: 10px;}
#content-container.gallery-launch #scroll-content .scroll-pane {height: 275px; padding-top: 0;margin-top: 0;}
/* Gallery Spaces Page */
#content-container.gallery-spaces h1 
{
	height: 63px;
	background: url("../images/bg-title-gallery-spaces.gif") no-repeat 0 0;
	
}

#content-container.gallery-spaces .thumb-table {float: left; margin: 15px 0 0 10px; }
#content-container.gallery-spaces .thumb-table li {width: 80px; height: 81px;}
/* Gail Catlin */
#content-container.gail-catlin h1 
{
	height: 63px;
	background: url("../images/bg-title-gail-catlin.gif") no-repeat 0 0;
	
	
}
#content-container.workshop h1 
{
	height: 63px;
	background: url("../images/bg-title-workshop.gif") no-repeat 0 0;
}
#content-container.workshop h2
{
	height: 63px;
	background: url("../images/bg-title-workshop-2.gif") no-repeat 0 0;
}
#content-container.workshop h1.register-for-place 
{
	height: 63px;
	background: url("../images/bg-title-register-for-place.gif") no-repeat 0 0;
}
.register-text{ width:50px; float:left; clear:both; border:0px solid #f00;}
.register-text-large{ width:200px; float:left; clear:both; border:1px solid #f00;}
.register-button{ width:180px; float:left; margin-left:65px; border:0px solid #f00;}
.textBox {
	float:left;
	width: 200px;
	height:14px;
	font-family:Myriad Pro, Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#333333;
	padding:1px 1px 1px 2px;
	margin:2px 0 0 15px;
	BACKGROUND-COLOR: #bfc3c2;
	border: 0px solid #999999;
}
.clickBox {
	WIDTH: 50px;
	font-family:Myriad Pro, Verdana, Geneva, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#32414d;
	BACKGROUND-COLOR: #76838d;
	border: 1px solid #999999;
	height: 18px;
	line-height: 23px;
	text-align:center;
}
 .dob
{
	border:1px #919191 solid;
	margin:0 0 0 10px;
	padding:1px 0 2px 1px;
	height:20px;
	background:#fff;
	color:#919191;
	

}
 .selector-
{
	float:left;
	margin:0 0 0 10px;
	height:20px;
	background:#fff;
	color:#919191;
	

}
.thank-you 
{
	clear:both;
	float:left;
	display: inline-block; 
	text-decoration: none; 
	color: #fff; 
	padding: 5px 25px 0 0; 
	margin-left: 10px;
	font-size: 12px;
	font-weight: 100; 
	height:20px
}
#content-container.workshop .img-workshop{ background: url("../images/img-workshop-detail.jpg") no-repeat right 0; width: 500px; height: 360px; float: right; margin: -63px 0 0 0; } 
#content-container.workshop .img-workshop2{ background: url("../images/img-workshop-detail2.jpg") no-repeat right 0; width: 500px; height: 360px; float: right; margin: -63px 0 0 0; } 

#content-container.gail-catlin #scroll-content .scroll-pane em {color: #85d6de; font-size: 16px; font-weight: 100;}
#content-container.gail-catlin #scroll-content .scroll-pane h3 {font-size: 20px; font-weight: 100; margin-top: 10px;}
/*Previous Exhibitions Landing*/
#content-container.prev-exhibitions h1
{
	height: 20px;
	background: url("../images/bg-title-prev-exhibitons.png") no-repeat 0 0;
	
}
#content-container.prev-exhibitions .img-prev-gail{ background: url("../images/img-prev-exhibit-gail.jpg") no-repeat right 0; width: 500px; height: 360px; float: right; margin: -20px 0 0 0; } 
#content-container.prev-exhibitions .profile-link 
{
	display: inline-block; 
	text-decoration: none; 
	color: #fff; 
	padding: 2px 25px 0 0; 
	margin:0;
	font-size: 12px;
	font-weight: 100; 
	text-transform: uppercase;
	background: transparent url("../images/img-arrow-right1.gif") no-repeat right 1px;
	height:15px
}
#content-container.prev-exhibitions p.hline {height:1px; border-bottom:1px dotted #ccc; margin:0; padding:0;} 
/*border:1px solid #f00;*/
padding:0 25px 5px 0;
height:30px;
}
/*Previous Exhibition Gail Catlin*/
#content-container.human-race h1.prev-exhibition-gail 
{
	height: 120px;
	background: url("../images/bg-title-prev-exhibiton-gail.png") no-repeat 0 0;
	
}
#content-container.human-race .img-prev-gail{ background: url("../images/img-prev-exhibit-gail.jpg") no-repeat right 0; width: 500px; height: 360px; float: right; margin: -120px 0 0 0; } 

/* Current Exhibition */
#content-container.workshop {border:0px solid #f00;}
#content-container.human-race h1 
{
	height: 120px;
	background: url("../images/bg-title-current-exhibition.png") no-repeat 0 0;
	
}
#content-container.human-race .img-cycle{background: none; right 0; width: 500px; height: 360px; float: right; margin: -120px 0 0 0; padding-top:0px; overflow:hidden;} 
#content-container.human-race .img-race{ /*background: url("../images/img-human-race.jpg") no-repeat*/ right 0; width: 500px; height: 335px; float: right; margin: -120px 0 0 0; padding-top:25px; } 

#content-container.human-race #scroll-content {}
#content-container.human-race #scroll-content .scroll-pane {height: 165px; width: 335px; float:left; padding-top: 0; margin-top: 0;  }
#content-container.human-race #scroll-content.new-improved .scroll-pane {height: 180px; width: 330px; float:left; padding-top: 0; margin-top: 0;  }
#content-container.human-race #scroll-content .profile-link 
{
	clear:both;
	float:left;
	display: inline-block; 
	text-decoration: none; 
	color: #fff; 
	margin-top:5px;
	padding: 5px 25px 0 0; 
	margin-left: 10px;
	font-size: 12px;
	font-weight: 100; 
	text-transform: uppercase;
	background: transparent url("../images/img-arrow-right1.gif") no-repeat right 1px;
	height:20px;
}
#content-container #scroll-content .back-link 
{
	clear:both;
	float:left;
	display: inline-block; 
	text-decoration: none; 
	color: #fff; 
	margin-top:5px;
	padding: 5px 0 0 25px; 
	margin-left: 10px;
	font-size: 12px;
	font-weight: 100; 
	text-transform: uppercase;
	background: transparent url("../images/img-arrow-back.gif") no-repeat left 1px;
	height:20px;
}
#content-container.human-race #scroll-content .detail-link 
{
	float:left;
	display: inline-block; 
	text-decoration: none; 
	color: #fff; 
	margin-top:5px;
	padding: 5px 25px 0 0; 
	margin-left: 10px;
	font-size: 12px;
	font-weight: 100; 
	text-transform: uppercase;
	background: transparent url("../images/img-arrow-right1.gif") no-repeat right 1px;
	height:20px;
}
#content-container.human-race #scroll-content .detail-link2
{
	
	display: inline-block; 
	text-decoration: none; 
	color: #fff; 
	margin-top:5px;
	padding: 5px 25px 0 0; 
	margin-left: 10px;
	font-size: 12px;
	font-weight: 100; 
	text-transform: uppercase;
	background: transparent url("../images/img-arrow-right1.gif") no-repeat right 1px;
	height:20px;
}
#content-container.workshop .profile-link 
{
	float:left;
	display: inline-block; 
	text-decoration: none; 
	color: #fff; 
	padding: 5px 25px 0 0; 
	margin:20px 0 0 10px;
	font-size: 12px;
	font-weight: 100; 
	text-transform: uppercase;
	background: transparent url("../images/img-arrow-right1.gif") no-repeat right 1px;
	height:20px;
}
/* Binu Bhaskar */
#content-container.binu-bhaskar h1 
{
	height: 63px;
	background: url("../images/bg-title-binu-bhaskar.gif") no-repeat 0 0;
	
}
#content-container.binu-bhaskar #scroll-content .scroll-pane p {margin-bottom: 2px;}

/* Contact Us */
#content-container.contact h1 
{
	height: 63px;
	background: url("../images/bg-title-contact-us.gif") no-repeat 0 0;
	
}
#content-container.contact #scroll-content 
{ 
	color: #919191;
	float: left;
	
	font-size: 13px;
	font-weight: 100;
	padding: 5px 10px;	
	padding-top: 0;
	margin-top: 0;
}
#content-container.contact h3 {color: #fff; margin: 25px 0 0 0; font-weight: 100;}
#content-container.contact .google-map {float: right; margin: -62px 0 0 0; width: auto; }
#content-container.contact #map h2 {color: #fff; margin-bottom: 20px; font-weight: 100;}
#scroll-content a {color: #ccc; display: block;}
#scroll-content a {color: #ccc; display: block;}

/* Flash Spotlight */
#spotlight {width: 1000px; height: 504px; background-color:#3B505F;}
/* Footer */
#footer
	{
		height: 95px;
		background-color: #fff;
		
	}
#footer .mail-list
{
	float: left;
	margin: 40px 0 0 110px;
	padding: 0;
}
#footer #maillist
{
	width:400px;
	float:left;
}

#footer .mail-list input {margin: 0; padding: 0; vertical-align: top;}
#footer .mail-list .text 
{
	border-left: 1px solid #ccc; 
	border-top: 1px solid #ccc; 
	background-color: #eee; 
	height: 20px;
	color: #888;
	padding: 2px 5px;
}

#footer .mail-list a
{
	margin: 0 0 0 10px;	
}

#footer .mail-list .button:hover { border: 1px solid #ccc;}
#footer .banner-improved-holder {
	width:320px; 
	height:54px; 
	float:left; 
	padding-top:20px;
	text-align:center;	
}
#footer .right-nav
{
	float: right;
	margin: 35px 35px 0 0;
}

#footer ul.right-nav li
	{
		float: left;
		list-style-type: none;
		background: url("../images/bg-footer-sep.gif") no-repeat right 0;
		padding: 0 10px 0 0;
	}

#footer ul.right-nav li.last {background-image: none;}
#copyright {height: 31px; background-color: #000; color: #6d6f71;}
#copyright p {float: right; margin: 10px 0px 0 0; font-weight: 100;}
#copyright p a{text-decoration: none; color: #6d6f71; font-size: 12px;}