body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	background-color: #FFFFFF;
	margin:0px;
	text-align:left;
	}
#container {
	width:6405px;
	height:600px;
	margin:0px;
		}
.splash {
	background-image:url(images/home.jpg);
	background-repeat:no-repeat;
	width:738px;
	height:600px;
	float:left;
	z-index:2;
	}
#flash_splash {
	width:450px;
	height:280px;
	padding-top:160px;
	margin-left:120px;
	}
/******header*********/	
#header {
	background-image:url(images/header.jpg); 
	background-repeat:repeat-x;
	height:41px;
	float:left;	
	text-align:left;
	position:fixed;
	width:2000px;
	}
/******navbar*********/	
#navbar {
	margin-left:50px;
	background-image:url(images/nav.jpg);
	background-repeat:no-repeat;
	height:50px;
	width:524px;
	position:fixed !important;position:absolute;
	text-decoration: none;
  	font-size:1em;
	z-index:200;
	}
#navbar .intro{
	position:absolute;
	left:0px;
	top:0px;
	width:61px;
}
#navbar .web{
	position:absolute;
	left:62px;	
	top:0px;
	width:94px;
}
#navbar .library_nav{
	position:absolute;
	left:158px;	
	top:0px;
	width:100px;
}
#navbar .flash_nav{
	position:absolute;
	left:257px;
	top:0px;
	width:95px;
	}
#navbar .laundry_nav{
	position:absolute;
	left:352px;
	top:0px;
	width:98px;
}
#navbar .mail{
	position:absolute;
	left:450px;
	top:0px;
	width:78px;
}
#navbar li a { 
	height:50px;
	display: block;  
	text-decoration: none;
}
#navbar li a:hover {
	background-image:url(images/nav.jpg);
	background-repeat:no-repeat; 
	height:50px;
	width:100px;
}
a#intro:hover { background-position: -522px 0%; }
a#web:hover {background-position: -586px 0%; }
a#library_nav:hover { background-position: -680px 0%;  }
a#flash_nav:hover {background-position: -780px 0%; }
a#laundry_nav:hover { background-position: -874px 0%; }
a#mail:hover { background-position: -972px 0%; }
/******internet room*********/	
	
#internet {
	background-image:url(images/rooms/internet.jpg);
	background-repeat:no-repeat;
	width:1128px;
	height:600px;
	float:left;	
	text-align:left;
	z-index:3;

	}
#door, #door2, #door3, #door4, #door5{
	float:left;
	}
#webacure{
	background-image: url(images/webacure_thumb.jpg);
	background-repeat:no-repeat;
	width: 249px;
	height:138px;
	margin-top:3px;
	margin-left:272px;
	position:absolute;
	left:800px;
	top:143px;
	}
#thinkgreen{
	background-image: url(images/thinkgreen_thumb.jpg);
	background-repeat:no-repeat;
	width: 248px;
	height:138px;
	margin-left:513px;
	left:808px;	
	top:146px;
	position:absolute;
	}
#verdeday{
	background-image: url(images/day.jpg);
	background-repeat:no-repeat;
	width: 248px;
	height:138px;
	margin-top:3px;
	margin-left:272px;
	position:absolute;
	left:800px;
	top:280px;
	}
#verdenight{
	background-image: url(images/night.jpg);
	background-repeat:no-repeat;
	width: 248px;
	height:138px;
	margin-left:513px;
	left:808px;	
	top:283px;
	position:absolute;
	}	
li {
	display: inline; 
}

.mac li a { 
	display: block;  
	text-decoration: none;
}
a#webacure:hover { background-position: -247px 0%; }
a#thinkgreen:hover {background-position: -249px 0%; }
a#verdeday:hover { background-position: -250px 0%; }
a#verdenight:hover {background-position: -248px 0%; }


#date{
	float:right;
	font-family: "Times New Roman", Times, serif;
	font-style: oblique;
	font-weight: bold;
	margin-top:230px;
	margin-right:203px;
	font-size: 18px;
	text-align:center;
}
/*******Library*******/

#library{
	background-image:url(images/rooms/library.jpg);
	background-repeat:no-repeat;
	float:left;
	height:600px;
	width:1168px;
}

/******Flash room*********/	
#flashroom{
	background-image:url(images/rooms/flash.jpg);
	background-repeat:no-repeat;
	float:left;
	height:600px;
	width:1105px;
		z-index:4;

}

.menastil{
	position:absolute;
	background-image: url(images/menastil_flash.jpg);
	background-repeat:no-repeat;
	width: 273px;
	height:144px;
	margin-top:112px;
	margin-left:70px;
	top:10px;
	}
.dayverde{
	position:absolute;
	background-image: url(images/dayverde.jpg);
	background-repeat:no-repeat;
	width: 327px;
	height:86px;
	margin-top:216px;
	margin-left:658px;
	top:10px;
		}
.nightverde{
	position:absolute;
	background-image:url(images/nightverde.jpg);
	background-repeat:no-repeat;
	width: 356px;
	height:82px;
	margin-top:124px;
	margin-left:627px;
	top:11px;
	}
.bigdog{
	position:absolute;
	background-image:url(images/bigdog.jpg);
	background-repeat:no-repeat;
	width: 262px;
	height:252px;
	margin-top:226px;
	margin-left:377px;
	top:10px;
	}
.flash li a { 
	display: block;  
	text-decoration: none;
}
.flash:hover {
width:auto;
height:auto;
}
a#menastil:hover { background-position: -274px 0%; }
a#dayverde:hover { background-position: -327px 0%; }
a#nightverde:hover {background-position: -361px 0%; }
a#bigdog:hover {background-position: -263px 0%; }

/******laundry *********/	
#laundry{
	background-image:url(images/rooms/laundry.jpg);
	background-repeat:no-repeat;
	float:left;
	height:600px;
	width:1158px;
}
#bigdogbook{
	background-image:url(images/bigdog_book.jpg);
	background-repeat:no-repeat;
	width:282px;
	height:379px;
	float:left;
	margin-top:165px;
	margin-left:340px;
	position:absolute;
	}
#logo{
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	width:160px;
	height:98px;
	float:left;
	position:absolute;
	top:215px;
	margin-left:3px;
	}	
.hang li a { 
	display: block;
	text-decoration: none;
}
a#bigdogbook:hover {background-position: -282px 0%; }
a#logo:hover {background-position: -160px 0%; }
/******contact *********/	
.contact{
	background-image:url(images/rooms/contact.jpg);
	background-repeat:no-repeat;
	float:left;
	height:600px;
	width:1000px;
	margin:0px;
}
#contact_form{
	margin-top:120px;
	margin-right:68px;
	padding:50px;
	height:250px;
	width:500px;
	color:#000000;
	float:right;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
}	
/*********Lightbox feature*************/

.white_content {
	display: none;
	position:fixed !important;
	position:absolute;
	top: 15%;
	left: 20%;
	width: 730px;
	height: 400px;
	background-color: #FFFFFF;
	z-index:1002;
	overflow: scroll;
	border: 16px solid #999999;
	padding:16px;
			}
/**************Footer*********************/
#footer{
	background-image:url(images/footer.jpg);
	background-repeat:repeat-x;
	width:6350px;
	height:20px;
	z-index:1003;
	margin:0;
	position:fixed !important; position:absolute;
	top:580px;
	padding:10px;
			}
#foot{
	padding:10px;
	margin-left:50px;
	position:fixed !important;
	position:absolute;
	z-index:102;
	color:#333333;
	font-size:12px;
	font-weight: 550;
}
#foot a:link, #foot a:visited{
	color:#333333;
	}
	
			
/*********text decoration***********/
.p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 5px;
	font-weight: bold;
	color: #000000;
	white-space: normal;
	display: block;
	}
#about{
	width:500px;
	height:200px;
	font-size: 16px;
	color: #000000;
	padding-top: 320px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 400px;
	font-weight: bold;
	}
h1, h2, h3, h4 , h5 , h6{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}
	
	#para, #para1, #para2, #para3, #para4, #para5, #para6, #para7, #para8, #para9, #para10  {
	padding:20px;
	width:480px;
	color:#333333;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	}
a{
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
a:link, a:visited{
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a img{
float:right;
border:0;
}