/* CSS Document */
/*	margin: top right bottom left; */
#indexpage {
	background-color:#fff;
}
/* Index page layers for casestudies */
#case01, #case02, #case03, #case04, #case05, #case06 {
	position:absolute;
	left:385px;
	top:263px;
	width:344px;
	height:221px;
	visibility: hidden;
	overflow: auto;
}
#case01 {z-index:1;}
#case02 {z-index:2;}
#case03 {z-index:3;}
#case04 {z-index:4;}
#case05 {z-index:5;}
#case06 {z-index:6;}

.blocksbg {
	background:url(../img/blocksbg.png) top right no-repeat;
}
#indexpage #topLeft {
	width: 300px;
	height: 265px;
}
#topLeft {
	background:url(../img/topLeftBG.png) top left no-repeat;
	font: italic normal bold 20px/125% "Times New Roman", Times, serif;
	text-align: center;
	vertical-align:middle;
}
	#topLeft p {
		margin-top: 0px;
		margin-left: 50px;
	}

#topCenter {
/*	background:#fff url(../img/topCenterbg.png) top right no-repeat; */
	font: normal normal normal 16px/125% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #309;
	text-align: left;
	vertical-align: top;
	padding-top:15px;
}
	#topCenter p {
		margin-left: 50px;
	}
	#topCenter span {
		font-weight:bold;
		line-height:150%;
	}

#topRight {
	background:url(../img/topRightBG.png);
	font: normal normal normal 14px/125% Verdana, Arial, Helvetica, sans-serif;
	color: #309;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 150px;
}
	#topRight ul {
		text-align: left;
	}
	#topRight li {
		list-style-position:inside;
	}
	#topRight li a:link, #topRight li a:active, #topRight li a:visited {
		color:#00f;
		text-decoration:none;
	}
	#topRight li a:hover {
		color:#c03;
	}

/* Show popup layers on hover */
.casestudies{
	margin: 13px 0px 0px 10px;
	position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
	.showlayer img {
		border: 1px solid white;
		margin: 0 5px 5px 0;
	}
	.showlayer:hover {
		background-color: transparent;
	}
	.showlayer:hover img {
		border: 1px solid blue;
	}
	.showlayer span { /*CSS for enlarged image*/
		position: absolute;
		background-color:#CCFFFF;
		padding: 10px;
		left: -1000px;
		border: 1px solid #00c;
		visibility: hidden;
		color: black;
		text-decoration: none;
		width: 300px;
		height: 200px;
	}
	.showlayer span img { /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;
	}
	.showlayer:hover span { /*CSS for enlarged image*/
		visibility: visible;
		top: 0;
		left: -380px; /*position where enlarged image should offset horizontally */
		z-index: 50;

		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
		-moz-opacity: 0.9;
	}
/* End of popup layers code */

.title {
	background:#b6c0e3 url(../img/topRightbg.png);
	font: italic normal bold 16px/normal "Times New Roman", Times, Georgia, serif;
	color: #309;
	text-align:center;
	height:25px;
	vertical-align:middle;
}
.range, .info  {
	border-right:1px solid #309;
}
.range {
	background-color:#fff;
	text-align:center;
	cursor:pointer;
	width:33%;
	padding-bottom:30px;
}
	.range ul {
		text-align:left;
		margin-left: 0px;
		margin-right: 0px;
	}
	.range li {
		margin-left: 35px;
		margin-right: 12px;
	}
.info {
	background-color:#fff;
	text-align:center;
	padding-bottom:5px;
	cursor:pointer;
}
.news {
	background-color: #fff;
	font: normal normal normal 12px/125% Verdana, Arial, Helvetica, sans-serif;
	color: #309;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}
	.news ul {
		width:149px;
		text-align:left;
	}
	.news li {
		list-style-position:inside;
		margin:5px 5px 5px 15px;
	}
	.news li a:link, .news li a:active, .news li a:visited {
		color:#00f;
		text-decoration:none;
	}
	.news li a:hover {
		color:#c03;
	}

.maintable {
	background:#fff url(../img/blocksbg.png) top right no-repeat;
	margin-bottom:15px;
}
.bodytext {
	margin: 15px 100px 15px 50px;
}
	.bodytext p {
		margin-left: 50px;
	}
	.bodytext blockquote {
		margin-left: 50px;
		text-indent: -50px;
	}
	.bodytext blockquote span {
		font: italic normal bold 16px/normal Georgia, "Times New Roman", Times, serif;
	}

/* special tag definitions for easy and fast html parsing of the external document */
.downloads {
	margin: 0px 5px 15px 5px;
	padding-bottom: 15px;
	width: 630px;
	height:100%;
	vertical-align:top;
	text-align:left;
}
	.downloadmenu {
		width: 100%;
		margin: 15px 15px 15px 15px;
		border: 1px solid #309;
	}
	.downloaditem {
		padding: 0px 10px 10px 10px;
	}
	.doc {
		margin-left:15px;
		background:url(../pic/iconDOC.png) left no-repeat;
		text-indent: 25px;
	}
	.exe {
		margin-left:15px;
		background:url(../pic/iconEXE.png) left no-repeat;
		text-indent: 25px;
	}
	.pdf {
		margin-left:15px;
		background:url(../pic/iconPDF.png) left no-repeat;
		text-indent: 25px;
	}
	.zip {
		margin-left:15px;
		background:url(../pic/iconZIP.png) left no-repeat;
		text-indent: 25px;
	}
	.comment {
		margin-left:40px;
		font-style:italic;
	}
	.downloads a:link, .downloads a:active, .downloads a:visited {
		color:#00f;
		text-decoration:underline;
	}
	.downloads a:visited {
		color:#903;
	}
	.downloads a:hover {
		color:#666;
	}
	.downloads p {
		margin-top:5px;
	}
/* End of html parsing tag definitions */

.iframe {
	width:630px;
	height:460px;
	border: 1px solid #00c;
}
.spacing {
	font: normal normal normal 5px/5px Arial, Helvetica, sans-serif;
}