/*
Project: Vadivarhe Speciality Chemicals [VSCL]
Author: Jesudas Nadar
Email: jesudas@paperplane.net
*/

/* @group Global Css */

div.facitlitiesContainer {
	margin: 0 auto;
	width: 840px;
}

ul.ImgContainer {
	position: relative;
	width: 840px;
	height: 400px;
	background: #fff url(../img/facilities/facitlities-blue-print.png) no-repeat left top;
}
ul.ImgContainer li{
	position:absolute;
	top: 0;
	left: 0;
	font-size: 8px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 9px;

	}
	
ul.ImgContainer li a {
	text-decoration: none;
	color: #000;
	position:absolute;
	text-indent: -9999px;
}

/* @end */

/* @group Effluent */

ul.ImgContainer li.effluent {
	left: 145px;	
	top: 44px;	
	width: 69px;
	height: 73px; /* 118*/
	padding-top:45px;
	
	}
ul.ImgContainer li:hover.effluent {
	background: url(../img/facilities/facitlities-blue-print.png) no-repeat;
	background-position: -145px -444px;
	}
	

/* @end */

/* @group fqrm */

ul.ImgContainer li.fqrm {
	left: 145px;		
	top: 219px;	
	width: 69px;
	height: 50px; /* 58*/
	padding-top:8px;
	}
ul.ImgContainer li:hover.fqrm {
	background: url(../img/facilities/facitlities-blue-print.png) no-repeat;
	background-position: -145px -1419px;
	}

/* @end */



/* @group qc */

ul.ImgContainer li.qc {
	left: 84px;		
	top: 306px;	
	width: 129px;
	height: 26px; /* 38*/
	padding-top:12px;
	}
ul.ImgContainer li:hover.qc {
	background: url(../img/facilities/facitlities-blue-print.png) no-repeat;
	background-position: -84px -1906px;
	}

/* @end */

/* @group solvent */

ul.ImgContainer li.solvent {
	left: 278px;		
	top: 66px;	
	width: 69px;
	height: 48px; /* 78*/
	padding-top:30px;
	}
ul.ImgContainer li:hover.solvent {
	background: url(../img/facilities/facitlities-blue-print.png) no-repeat;
	background-position: -278px -866px;
	}

/* @end */

/* @group production */

ul.ImgContainer li.production {
	left: 278px;		
	top: 223px;	
	width: 69px;
	height: 66px; /* 118*/
	padding-top:52px;
	}
ul.ImgContainer li:hover.production {
	background: url(../img/facilities/facitlities-blue-print.png) no-repeat;
	background-position: -278px -2223px;
	}

/* @end */

/* @group Boiler */

ul.ImgContainer li.boiler {
	left: 714px;		
	top: 299px;	
	width: 81px;
	height: 18px; /* 28*/
	padding-top:10px;
	}
ul.ImgContainer li:hover.boiler {
	background: url(../img/facilities/facitlities-blue-print.png) no-repeat;
	background-position: -714px -3099px;
	}

/* @end */

/* @group utility */

ul.ImgContainer li.utility {
	left: 522px;		
	top: 307px;	
	width: 129px;
	height: 28px; /* 38*/
	padding-top:10px;
	}
ul.ImgContainer li:hover.utility {
	background: url(../img/facilities/facitlities-blue-print.png) no-repeat;
	background-position: -522px -2707px;
	}

/* @end */


/* @group Gate */

ul.ImgContainer li.gate {
	left: 583px;		
	top: 10px;	
	width: 60px;
	height: 13px; /* 18*/
	padding-top:5px;
	}
ul.ImgContainer li.gate a, ul.ImgContainer li.reception a, ul.ImgContainer li.canteen a, ul.ImgContainer li.room a {
	color: #ccc;
	}
/* @end */

/* @group Reception */
ul.ImgContainer li.reception {
	left: 649px;		
	top: 83px;	
	width: 69px;
	height: 28px; /* 48*/
	padding-top:20px;
	}
/* @end */


/* @group Canteen */

ul.ImgContainer li.canteen {
	left: 715px;		
	top: 237px;	
	width: 81px;
	height: 28px; /* 28*/
	padding-top:10px;
	}
/* @end */

/* @group room */
ul.ImgContainer li.room {
	left: 715px;		
	top: 268px;	
	width: 81px;
	height: 28px; /* 28*/
	padding-top:10px;
	}
/* @end */


.PopContainer {
	width: 312px;
	text-align: left;
	line-height: normal;
	text-transform: none;
	position: absolute;
	z-index: 110;
}

.PopContainer h5 {
	color: #333;
	font-size: 12px;
	} 
.PopContainer p {
	font-size: 11px;
	margin-bottom: 10px;
}
.PopContainer a.readmore {
	position: static;
	color: #336600;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-indent:0;
	background: transparent url(../img/icons/arrow.gif) no-repeat scroll right top;
	padding-right: 15px;
}

.PopContainer a.readmore:hover {
	text-decoration: underline;
}

/* @group Top left */

.topleftArrow {
	top: 70px;
	left: 10px;
}
.leftArrow {
	top: 0px;
	left: 60px;
}
.bottomleftArrow {
	top: -130px;
	left: 40px;
}
.RightArrow {
	bottom: 20px;
	right: 10px;
}

div.top-left {
	background: url(../img/facilities/top-left.png) no-repeat left top;	
	padding: 30px 20px 5px 20px;
	width:282px;	
	}
	
div.top-left h5 a, div.bottom-left h5 a, div.bottom-right h5 a {
	position: static;
	text-indent: 0;
}

div.top-left h5 a:hover,
div.bottom-left h5 a:hover,
div.bottom-right h5 a:hover {
	text-decoration: underline;
}

.top-bottom {
	background: url(../img/facilities/top-bottom.png) no-repeat left bottom;	
	height:10px;
	}

/* @end */

/* @group Bottom Right */

.bottom-top {
	background: url(../img/facilities/bottom-top.png) no-repeat left top;	
	height:10px;
	}
.bottom-right {
	background: url(../img/facilities/bottom-right.png) no-repeat left bottom;	
	padding: 5px 30px 20px 10px;	
	width:282px
	}

/* @end */

/* @group Bottom left */

div.bottom-left {
	background: url(../img/facilities/bottom-left.png) no-repeat left bottom;	
	padding: 5px 20px 30px 10px;
	width:282px
}

p.descri {
	margin:0;
	padding:0;
	margin-left:15px;
	font-size:11px;
	}
/* @end */

/* popWrap Styles */

div.popWrap {
	position: absolute;
	z-index: 990;
	width: 311px;
	text-align: left;
	text-transform: none;
	display: none;
}

div.popPad {
	/*padding: 10px;*/
}

.bRight {
	background: url(../img/facilities/new/bRight.png) no-repeat left bottom;
	padding-bottom: 17px;
}

.top {
	background: url(../img/facilities/new/top.png) no-repeat left top;
}

.tLeft {
	background: url(../img/facilities/new/tLeft.png) no-repeat left top;
	padding: 15px 10px 15px 25px;
}

.leftBottom {
	background: url(../img/facilities/new/leftBottom.png) no-repeat left bottom;
}

.bLeft {
	background: url(../img/facilities/new/bLeft.png) no-repeat left bottom;
	padding: 15px 10px 15px 25px;
}

.leftTop {
	background: url(../img/facilities/new/leftTop.png) no-repeat left top;
}


div.popPad h5 {
	color: #333;
	font-size: 12px;
	}

div.popPad h5 a {
	text-indent: 0;	
	position: static;
}

div.popPad p {
	font-size: 11px;
	margin-bottom: 10px;
}
div.popPad a.readmore {
	position: static;
	color: #336600;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-indent:0;
	background: transparent url(../img/icons/arrow.gif) no-repeat scroll right top;
	padding-right: 15px;
}

div.popPad a.readmore:hover {
	text-decoration: underline;
}

ul.ImgContainer li.effluent div.popWrap {
	left: 59px;
	top: 49px;
}

ul.ImgContainer li.fqrm div.popWrap {
	left: 59px;
	top: 0;
}

ul.ImgContainer li.qc div.popWrap {
	left: 120px;
	top: -90px;
}

ul.ImgContainer li.solvent div.popWrap {
	left: 60px;
}

ul.ImgContainer li.production div.popWrap {
	left: 60px;
	top: 0;
}

ul.ImgContainer li.utility div.popWrap {
	left: 84px;
	top: -109px;
}