/* CSS Document */

body {
	background:#000000;
	font-family:tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}

.hide {
	display: none;
}

a:link, a:visited {
	color:#999;
	text-decoration: none;
	}

a:hover {
	color:#ccc;
	text-decoration: underline;
	}

#maincontainer {
	width: 1024px;
	height: 768px;
	border:1px solid #333;
	margin: 0 auto;
	background:url(images/home_bg.gif) no-repeat;
	position: relative;
}

.mapbase{
	z-index: 1000;
	position:absolute;
	left:0;
	top:0;
}

.stripe {
	width: 200px;
	height: 559px;
	position: absolute;
	bottom:30px;
	left:0px;
	z-index: 1;
	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;
}


.stripebk {
	width: 1091px;
	height: 531px;
	position: absolute;
	bottom:60px;
	left:0px;
	z-index: 1;
	  /* 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_bk.png');
}

.stripebk[class] {
	background: url(images/splash_stripe_bk.png) no-repeat;
}


.stripesh {
	width: 142px;
	height: 125px;
	position: absolute;
	top: 166px;
	left:0px;
	z-index: 2;
	  /* 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');
}


.stripesh[class] {
	background: url(images/splash_stripe2_sm3.png) no-repeat;
}


.stripefk {
	width: 220px;
	height: 150px;
	position: absolute;
	top:210px;
	left:70px;
	z-index: 2;
	  /* 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');
}


.stripefk[class] {
	background: url(images/splash_stripe2_sm2.png) no-repeat;
}

.stripemf {
	width: 220px;
	height: 150px;
	position: absolute;
	top:276px;
	left:210px;
	z-index: 2;
	  /* 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');
}


.stripemf[class] {
	background: url(images/splash_stripe2_sm2.png) no-repeat;
}

.stripepur {
	width: 220px;
	height: 150px;
	position: absolute;
	top:334px;
	left:338px;
	z-index: 2;
	  /* 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');
}


.stripepur[class] {
	background: url(images/splash_stripe2_sm2.png) no-repeat;
}

.stripehi {
	width: 220px;
	height: 150px;
	position: absolute;
	top:389px;
	left:460px;
	z-index: 6;
	  /* 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');
}


.stripehi[class] {
	background: url(images/splash_stripe2_sm2.png) no-repeat;
}



/* screen shots starts */

.screenshot {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 452px;
	height: 290px;
	padding:20px;
	color:white;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/sc-background.png');
	z-index: 20;
}

.screenshot[class] {
	background: url(images/sc-background.png) center;
}

.sclogo {
	position: absolute;
	top: 45px;
	left: 45px;
	z-index:10;
}

.fk {
	position: absolute;
	width: 58px;
	height: 23px;
}

.webthumb {
	position: absolute;
	width: 391px;
	height: 214px;
	top: 70px;
	left: 45px;
	z-index: 1;
}

.weblink {
	position: absolute;
	line-height:14px; 
	margin-top:5px;
	bottom: 25px;
	right: 45px;
}

.closewindow {
	position: absolute;
	right: 35px;
	top: 25px;
}

/*screens shots ends */


.logo {
	position: absolute;
	text-indent:-9999px;
}

#logosh {
	position: absolute;
	width: 107px;
	height: 97px;
	top: 150px;
	left: 12px;
	z-index:6;
}


#logofk{
	position: absolute;
	width: 106px;
	height: 94px;
	top:210px;
	left: 137px;
	z-index:6;
}


#logomf {
	position: absolute;
	width: 109px;
	height: 99px;
	top: 265px;
	left: 265px;
	z-index:6;
}


#logopur {
	position: absolute;
	width: 97px;
	height: 95px;
	top: 325px;
	left: 400px;
	z-index:6;
}

#logohi {
	position: absolute;
	width: 97px;
	height: 98px;
	top: 385px;
	left: 520px;
	z-index:6;
}


.barwillow{
	position:absolute;
	width: 390px;
	height: 195px;
	bottom: 100px;
	right: 10px;
	z-index: 7;
}


.willowfrost {
	position:absolute;
	width: 526px;
	height: 768px;
	bottom: 0;
	left: 533px;
	  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/willow_frost.png');
}

.willowfrost[class] {
	background: url(images/willow_frost.png);
}

.willowover {
	position:absolute;
	width: 566px;
	height: 997px;
	bottom: 0;
	right: -10px;
	  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/willow_rollover.png');
}

.willowover[class] {
	background: url(images/willow_rollover.png);
}

.willowhome {
	position:absolute;
	width:400px;
	height:340px;
	right: 80px;
	bottom: 0px;
	z-index: 5;
	
}

.ledoff{
	position: absolute;
	width: 10px;
	height: 10px;
	background:url(images/led_off.jpg) no-repeat;
}

.ledon{
	position: absolute;
	width: 10px;
	height: 10px;
	background:url(images/led_green.jpg) no-repeat;
}

#ledsh {
	top: 170px;
	left:65px;
}

#ledfk {
	top:230px;
	left: 200px;
}

#ledmf {
	top: 285px;
	left:325px;
}

#ledpur {
	top: 345px;
	left:450px;
}

#ledhi {
	top: 405px;
	left:580px;
}