/* CSS Document */

body {
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ccc;
}

.hide {
	display: none;
}

a.link {
	color:#000000;
	}

#maincontainer {
	width: 1024px;
	height: 768px;
	border:1px solid #333;
	margin: 0 auto;
	background:url(images/home_bg.gif) 0 0 no-repeat;
	position: relative;
}

#maincontainer ul {
	list-style:none;
}

#footer {
	width: 1024px;
	position:relative;
	margin: 10px auto;
	color: #666666;
}

.mapbase{
	z-index: 10;
	position:absolute;
	left:0;
	top:0;
}


#stripe {
	text-indent: -9999px;
	}
	
.stripe {
	width: 200px;
	height: 559px;
	position: absolute;
	bottom:30px;
	left:0px;
	display:none;
	  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/splash_stripe.png');
}

.stripe[class] {
	background: url(images/splash_stripe.png) left bottom no-repeat;
}


.stripecareer {
	width: 142px;
	height: 125px;
	position: absolute;
	top: 167px;
	left:0px;
	  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/splash_stripe2_sm3.png');
}


.stripecareer[class] {
	background: url(images/splash_stripe2_sm3.png) no-repeat;
}


.stripehistory {
	width: 220px;
	height: 150px;
	position: absolute;
	top:212px;
	left:70px;
	  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/splash_stripe2_sm2.png');
}


.stripehistory[class] {
	background: url(images/splash_stripe2_sm2.png) no-repeat;
}

.stripemanagement {
	width: 220px;
	height: 150px;
	position: absolute;
	top:275px;
	left:208px;
	  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/splash_stripe2_sm2.png');
}


.stripemanagement[class] {
	background: url(images/splash_stripe2_sm2.png) no-repeat;
}

.stripeportfolio {
	width: 220px;
	height: 150px;
	position: absolute;
	top:330px;
	left:330px;
	  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/splash_stripe2_sm2.png');
}


.stripeportfolio[class] {
	background: url(images/splash_stripe2_sm2.png) no-repeat;
}

.stripemission {
	width: 220px;
	height: 150px;
	position: absolute;
	top:389px;
	left:460px;
	  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/splash_stripe2_sm2.png');
}


.stripemission[class] {
	background: url(images/splash_stripe2_sm2.png) no-repeat;
}


.logo {
	position: absolute;
	text-indent:-9999px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.fade {
	position: absolute;
	text-indent:-9999px;
	opacity: .5;
	filter: alpha(opacity=50);
}


/*
#nav-mission {
	width: 115px;
	height: 62px;
	top: 358px;
	left: 542px;
	background: url(images/nav_mission.gif) top right no-repeat;
}

*/


#nav-history {
	width: 94px;
	height: 55px;
	top:184px;
	left: 166px;
	background: url(images/nav_historypress.gif) top right no-repeat;
}


#nav-management {
	width: 85px;
	height: 49px;
	top: 248px;
	left: 301px;
	background: url(images/nav_management.gif) top right no-repeat;
}

#nav-portfolio{
	background: url(images/nav_portfolio.gif) top right no-repeat;
	width: 67px;
	height: 41px;
	top: 138px;
	left: 55px;
}


#nav-career {
	background: url(images/nav_careers.gif) top right no-repeat;
	width: 55px;
	height: 35px;
	top: 370px;
	left: 569px;
	z-index:6;
}

#press{
	width: 101px;
	height: 56px;
	background: url(images/nav_charities.gif) no-repeat;
	top: 303px;
	left: 423px;
}


#contact{
	width: 76px;
	height: 44px;
	bottom: 114px;
	right: 30px;
	z-index: 10002;
	background: url(images/nav_contact.gif) no-repeat;
}


.willowhome {
	position:absolute;
	width:400px;
	height:340px;
	right: 66px;
	bottom: -90px;
	z-index: 5;
	
}

#management {
	position: absolute;
	display:none;
	width: 192px;
	height: 312px;
	top: 359px;
	left: 138px;
	z-index:10;
	background: transparent url(images/hm_team.gif) no-repeat;
}


.teamtext {
	text-align: justify;
	border:1px dashed #333;
	background-color:#333;
	padding: 15px;
	opacity: .7;
	filter: alpha(opacity=70);
	width: 285px;
	position:absolute;
	top: 40px;
	right: 40px;
	display:none;
}


/*  pop up windows  */
.popup h1 {color:#ccc;}

#history, #contactpage {width: 450px; position: relative; margin: 50px auto;}

#career {width: 600px; position: relative; margin: 50px auto;}
#supports {width: 500px; position: relative; margin: 50px auto;}
#mission,{
	width: 350px;
	position: relative;
	margin: 50px auto;
	color: #666;
}

#mission p{
	text-align: justify;
	color:#999;
}

/* preload images */

#shoreham {
	background:url(images/SH-1.jpg) -1000px -1000px no-repeat;
	}

#mansfield {
	background:url(images/MF-1.jpg) -1000px -1000px no-repeat;
	}
	
#franklin {
	background:url(images/FK-1.jpg) -1000px -1000px no-repeat;
	}
	
#pur {
	background:url(images/PUR-1.jpg) -1000px -1000px no-repeat;
	}
	
#hilton {
	background:url(images/HI-1.jpg) -1000px -1000px no-repeat;
	}
	
	
.ledoff{
	position: absolute;
	width: 10px;
	height: 10px;
	background:url(images/led_off.jpg) no-repeat;
	opacity: .6;
	filter: alpha(opacity=60);
}

.ledon{
	position: absolute;
	width: 10px;
	height: 10px;
	background:url(images/led_green.jpg) no-repeat;
}

#led1 {
	top: 358px;
	left:448px;
}

#led2 {
	top:239px;
	left: 190px;
}

#led3 {
	top: 298px;
	left:321px;
}

#led4 {

		top: 181px;
	left:66px;
}

#led5 {
	top: 416px;
	left:580px;
}

