/* CSS Document */
img {border:0px}

/* nav */
nav a, nav a.visited, div.nav a {color:#009933;}

.nav a {margin-left:3px; color:#000; font-family: }

.nav a:link, .nav a:visited {background-color:#fff; text-decoration:none; color:#000; border:solid 1px #CCC; padding:1px; margin: 1px;}

.nav a:hover, .nav a:active {background-color:#00EA00!important; text-decoration: none; color:#fff;  border:solid 1px #ccc;}

.navlinks a:hover {background-color:#F0F0F0;}

.nav {
	color: #000000; 
	font-size: 0.6em;
	font-weight:normal;
	text-align:left;
	margin:5px 0 10px 0;
	}
	
	block {
	display:block;
	}


/* subnav */
subnav a, subnav a.visited, div.subnav a {color:#009933;}

.subnav a {margin:0 0 0 3px; color:#000; }

.subnav a:link, .subnav a:visited {
	background-color:#fff;
	text-decoration:none;
	color:#000;
	border:solid 1px #CCC;
	padding:1px;
	margin: 1px;
}

.subnav a:hover, .subnav a:active {background-color:#00EA00; text-decoration: none; color:#fff;  border:solid 1px #999;}

.subnav01 #subnav01, .subnav02 #subnav02, .subnav03 #subnav03, .subnav04 #subnav04, .subnav05 #subnav05, .subnav06 #subnav06, .subnav07 #subnav07, .subnav08 #subnav08, .subnav09 #subnav09, .cafe #cafe, .room01 #room01, .room02 #room02, .room03 #room03, .room04 #room04, .room05 #room05, .room06 #room06, .room07 #room07, .room08 #room08, .room09 #room09, .room10 #room10, .room11 #room11 {border:1px solid #00EA00;}

	

.subnavlinks a:hover {background-color:#F0F0F0;}

.subnav {
	margin-top:5px;
	color: #000000; 
	font-size: 0.6em;
	font-weight:normal;
	text-align:left;
		}

#cafe {padding-left:0px; margin-left:0px;}

/* titles */

.pagetitle { margin-top:10px;}


/* picture layout */

.picright {
	float:right;
	clear:none;
	padding-left:5px;
	padding-bottom:10px;
	}
	
img.picleft {
	float:left;
	}
	 
.creditRight {
	margin-left:5px;
	background: #ffffff;
	color: #666666;
	font-weight: normal;
	font-size: 0.9em;
	font-family: arial, helvetica, geneva, sans-serif;
	}
	
.creditLeft {
	margin-left:0px;
	background: #ffffff;
	color: #666666;
	font-weight: normal;
	font-size: 0.9em;
	font-family: arial, helvetica, geneva, sans-serif;
	}	

.creditworks {
	float:left; 
	background-color:#F2F2F2; 
	padding:5px;
	width:228px;
	}
	
.creditworksgroup {
	padding:15px 0 5px 0;
	margin:0 0 1em 0;
	width:458px;
	clear:left;
	}
	
.creditworksgroup p{
	padding:5px 0 0 5px;
	margin:0;
 	background-color:#F2F2F2;
	}
	
.creditworksgroup p img{
	padding:0;
	margin:0 4px 4px 0;
	border:1px solid #eaeaea;
	vertical-align: top; 
	}
	
.clear {
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	}
	

.clearTitle {
	clear:both;
	padding-bottom:0px;
	display:block;
}
	
.clearLarge {
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	clear: both;
	float: left;
	}
	
/* css for lightbox script */

#lightbox{
	background-color:#fff;
	padding:4px 4px 2px 4px;
	border:1px solid #CC0066;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left;font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
#keyboardMsg{ float: right; }
#closeButton{ top: -15px; right: 4px; }

#lightbox img{ border: none; clear: both; margin-top:18px;} 

#loadingImage {
	background-color:#fff;
	padding:4px;
	border:1px solid #ccc;
	}
	
/* end of css for lightbox script */

.roomguidetopwork {
	width:220px;
	float:right;
	margin:20px 0 10px 10px;
	}
	
.roomguidetopwork .creditworks {
	width:210px;
	font-size:0.9em;
	background-color:#fff;
	color:#333;
	text-align:right;
	}
	
	/* css for ecard */
.field{
	width:420px;
	line-height:25px;
	clear:both;
	display: block;
	text-align:left;
}

.nametext	{
	width:100px;
	float:left;
	clear:none;
}

.nameinput {
	width:90px;
	float:left;
	clear:none;
}

.emailtext	{
	width:100px;
	float:left;
	clear:none;
	margin-left: 25px;
}

.emailinput {
	width:90px;
	float:left;
	clear:none;
}

.field input{width:85px;}

input {
	border:1px solid #66FF00;
}

.error {
	display:none;
	color:#FFFF66;
	font-weight: bold;
	text-transform: uppercase;
}