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

/* clear settings */
* { margin: 0; padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	}

a{text-decoration:none;
	font-weight:bold;
     }
	


/* menu and logo */
.stack {
	position:absolute;
	top:-9px;
	left:21px;
}
.stack > a { position: relative; cursor: pointer; z-index:2; top:-8px;
	left:15px; border:0px;}
.stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; }
.stack ul li { position: absolute; margin-left:0px; }
.stack ul li img { border:0; margin-left:0;display:none;z-index: 1;}




/*Are you ready*/
#future{
	position:absolute;
	z-index:1;
	left: 240px;
	top: 143px;
}
#drip_1{
	position:absolute;
	z-index:-5;
	left: 752px;
	top: -900px;
	
}
#drip_2{
	position:absolute;
	z-index:-10;
	left: 990px;
	top: -900px;
}
#drip_3{
	position:absolute;
	z-index:-13;
	left: 809px;
	top: -900px;
}
#drip_4{
	position:absolute;
	z-index:-3;
	left: 857px;
	top: -900px;
}

/*Quotes cube*/
#quotes{
	position:absolute;
	width:360px;
	height:108px;
	left: 326px;
	top: 368px;
	z-index:1;
}

/*about_content*/
.grey_content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A6A6A6;
	line-height:14pt;
	text-decoration:none;
	}
	
#grey_content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#A6A6A6;
	line-height:14pt;
	text-decoration:none;
	}
	
.purple_content{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7A1873;
	line-height:14pt;
	text-decoration:none;
}

.indent{
	margin-left:1.5em;
}

#click_all{

	position:absolute;
	z-index:16;
	left: 260px;
	top:0px;
	visibility:hidden;
	padding-top: 132px;

	
}

#about_all{
	/*display:none;*/
	position:absolute;
	z-index:16;
	left: 260px;
	top:0px;
	visibility:hidden;
	padding-top: 132px;
}


#difference_all{
	/*display:block;*/
	position:absolute;
	z-index:1;
	left: 260px;
	top:0;
	padding-top: 132px;
	visibility:hidden;
}

#work_all{
	position:absolute;
	z-index:1;
	left: 260px;
	top:0;
	padding-top: 125px;
	visibility:hidden;
}
#interact_all{
	position:absolute;
	z-index:16;
	left: 260px;
	top:0px;
	visibility:hidden;
	padding-top: 122px;
}

#bios_all{
	/*display:none;*/
	position:absolute;
	z-index:16;
	left: 260px;
	top:0px;
	visibility:hidden;
	padding-top: 132px;
}
#gallery_all{
	/*display:none;*/
	position:absolute;
	z-index:16;
	left: 260px;
	top:0px;
	visibility:hidden;
	padding-top: 132px;
}



#specialty_all{
	/*display:block;*/
	position:absolute;
	z-index:1;
	left: 260px;
	padding-top: 122px;
	top:0;
	visibility:hidden;
	
}

#lifecare_all{
	position:absolute;
	z-index:2;
	left: 260px;
	top:0;
	visibility:hidden;
	padding-top:132px;
}
#green_all{
	position:absolute;
	z-index:1;
	left: 260px;
	padding-top: 132px;
	top:0;
	visibility:hidden;
}
#digital_all{
	position:absolute;
	z-index:1;
	left: 260px;
	padding-top: 130px;
	top:0;
	visibility:hidden;
	
}
#youthlab_all{
	position:absolute;
	z-index:1;
	left: 260px;
	padding-top: 132px;
	top:0;
	visibility:hidden;
}
#entertainment_all{
	position:absolute;
	z-index:1;
	left: 260px;
	padding-top: 132px;
	top:0;
	visibility:hidden;
}
#marine_all{
	position:absolute;
	z-index:1;
	left: 260px;
	padding-top: 132px;
	top:0;
	visibility:hidden;
}
#census_all{
	position:absolute;
	z-index:2;
	left: 260px;
	padding-top: 132px;
	top:0;
	visibility:hidden;
}

#latestwork_all{
	position:absolute;
	z-index:2;
	left: 260px;
	padding-top: 132px;
	top:0;
	visibility:hidden;
}




/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 560px;
	height:230px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(Images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:15px 5px 15px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:153px;
	height:198px;
	cursor: pointer;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(Images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:90px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; clear:left; margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button*/
a.disabled {
	visibility:hidden;		
} 

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	position:relative;
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#EBEBEB;
	
	/*width:440px;*/	
	/*min-height:520px;*/
	text-align:center;
	padding:15px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 1px #000;
	-moz-border-radius:10px; /* all corners */  
    -moz-border-radius:10px 15px 15px 10px;  /* shorthand topleft topright bottomright bottomleft */ 
	
	-webkit-box-shadow: 0 0 40px #000;	
	-webkit-border-radius:10px; /* all corners */ 
	-webkit-border-top-left-radius:10px; /* top left corner */ 
	-webkit-border-top-right-radius:15px; /* top right corner */ 
    -webkit-border-bottom-left-radius:15px; /* bottom left corner */ 
	-webkit-border-bottom-right-radius:10px; /* bottom right corner */
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(Images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.grey{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:14pt;
	text-decoration:none;
	}

#taso_h{
	background:url(Images/purpp.png) no-repeat;
	background-position: 0px 2px;
	padding-left:16px;
	height:20px;
	width:200px;
	cursor:pointer;
}

#lorraine_h{
	background:url(Images/purpp.png) no-repeat;
	background-position: 0px 2px;
	padding-left:16px;
	height:20px;
	width:200px;
	cursor:pointer;
}
#sung_h{
	background:url(Images/purpp.png) no-repeat;
	background-position: 0px 2px;
	padding-left:16px;
	height:20px;
	width:200px;
	cursor:pointer;
}

#lc_h{
	background:url(Images/pur.png) no-repeat;
	background-position: 0px -4px;
	padding-left:16px;
	height:50px;
	width:200px;
	cursor:pointer;
}

#gr_h{
	background:url(Images/pur.png) no-repeat;
	background-position: 0px -10px;
	padding-left:16px;
	height:50px;
	width:200px;
	cursor:pointer;
}

#ent_h{
	background:url(Images/pur.png) no-repeat;
	background-position: 0px -4px;
	padding-left:16px;
	height:50px;
	width:200px;
	cursor:pointer;
}

#HCB_comment_box textarea {
	width:500px;
	size:500px;  
}

/* the entire html comment box container. applies to everything */
#HCB_comment_box {}

#HCB_comment_box p.error {
  border: 4px solid #f88;
  background-color: #fee;
  color: #800;
}

#HCB_comment_box textarea, #HCB_comment_box input.text {
  border: 1px solid #ddd;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: url(bg.png) repeat-x;
  width:500px;
}

#HCB_comment_box .hcb-wrapper-half {
  display:block;
  width:500px;
  float:left;
}
#HCB_comment_box .hcb-wrapper {
  clear:both;
  margin-bottom:0.5em;
  width:500px;
}
#HCB_comment_box input.text {
  display:block;
  width:500px;
  
}
/* the submit button */
#HCB_comment_box input.submit {
    margin:0 7px 3px 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
#HCB_comment_box input.submit:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

#HCB_comment_box span.home-desc {
  opacity:0.4;
}

/* the individual comment display containers */
#HCB_comment_box div.comment {
  border-top:1px solid #eee;
  margin-bottom:0.5em;
  width:500px;
  display:inline;
}

/* the moderator message */
.hcb-mod  b{
  color:#999999;
}

/* next, prev, ok and x link style */
.hcb-link {
  color:blue;
  text-decoration:underline;
}

.plummoviemusic {
	position:absolute;
	width:240px;
	height:240px;
	left: 17px;
	top: 417px;
	z-index:5;	
}
#plumMovieborder {
	position:absolute;
	width:220px;
	height:165px;
	left: -8px;
	top: 415px;
	border:#FFFFFF solid 10px;
	z-index:10;	
}
#plumMovie {
	position:absolute;
	width:240px;
	height:180px;
	top: 0px;
	left: -25px;
}
#musicButton {
	position:absolute;
	top:172px;
	width:169px;
	height:50px;
	left: -52px;
	float:left;
}

.tour {
	position:absolute;
	left:281px;
	top:401px;
	width:240px;
	height:240px;
}

#clickit
{
	border:none;
	text-decoration:none;
}

.head
{
	font-size:24px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bolder;
	color:#7A1873;
	text-decoration:none;
}