﻿body {padding:0;margin:0;background-image: url(../App_Images/Assets/bg.jpg);}
.header {
	width: 100%;
	height: 160px;
	background-image: url(../App_Images/Assets/header.jpg);
	background-position: center;
	text-align: center;
}
	.header .case {
		width: 900px;
		height: 160px;
		margin: 0 auto;
		position: relative;
	}
		.header .case .logo {
			position: absolute;
			right: 1px;
			.right: 0px; /*ie hack*/
			bottom: 0px;
			width: 241px;
		}
		.header .case #comment {
			width: 300px;
			position: absolute;
			top: 0px;
			left: 300px;
			background-color: #FFFFFF;
			border-left: 1px solid #CCCCCC;
			border-top: 1px solid #CCCCCC;
			border-right: 1px solid #CCCCCC;
			color: #023467;
			font-size: 11px;
			font-family: "Trebuchet MS", Arial, sans-serif;
			text-align: left;
		}
			.header .case #comment label {
				border-top: 5px solid #FFFFFF;
			}
			.header .case #comment .txt {
				margin-left: 20px;
			}
			.header .case #comment .btn {
				margin-left: 20px;
				margin-bottom: 5px;
			}
			.header .case #comment p {
				margin: 5px 0 0 20px;
				padding:0;
				font-weight: bold;
			}
			.header .case #comment .close {
				float:right;
				width: 68px;
			}
.site {width:100%;background-color:#FFFFFF;}
.siteBody {
	width: 900px;
	height: 370px;
	margin: 0 auto;
	background-image: url(../App_Images/Assets/siteBG.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color:#FFFFFF;
	position: relative;
	color: #023467;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
	.teaserBox {
		width: 358px;
		height: 133px;
		position: absolute;
		background-image: url(../App_Images/Assets/homeBoxBG.jpg);
	}
		.teaserBox h1 {
			font-size: 20px;
			line-height: 20px;
			padding: 6px 0 0 24px;
			margin: 0;
		}
			.teaserBox h1 a {
				color: #023467;
				text-decoration: none;
			}
			.teaserBox h1 a:hover {
				color: #666666;
				text-decoration: none;
			}
		.teaserBox p {
			padding: 6px 15px 0px 95px;
			margin:0;
			font-size: 10.5px;
			line-height: 11px;
		}
		.teaserBox .teaserP {
			background-position: 33px 11px;
			background-repeat: no-repeat;
		}
			.teaserBox p a {
				color: #666666;
				text-decoration: none;
			}
			.teaserBox p a:hover {
				color: #97CAFF;
				text-decoration: none;
			}
		#teaserBox1 {top: 30px;left: 30px;}
		#teaserBox2 {top: 30px;left: 520px;}
		#teaserBox3 {top: 215px;left: 30px;}
		#teaserBox4 {top: 215px;left: 520px;}
	#page {
		width: 847px;
		height: 317px;
		position: absolute;
		top: 30px;
		left: 30px;
		background-image: url(../App_Images/Assets/pageBG.jpg);
	}
		#page .btnClose {
			float: right;
			width: 58px;
		}
		#page h1 {
			font-size: 20px;
			line-height: 20px;
			padding: 6px 0 3px 25px;
			margin: 0 25px 5px 15px;
			color: #023467;
			border-bottom: 1px solid #CCCCCC;
		}
		#page .pageBody {
			padding-left: 15px;
			padding-right: 25px;
			font-size: 12px;
			line-height: 15px;
		}
		#ctl00_PageContent_loadingPage {
			position:absolute;
			left:0px;
			top:0px;
			background-image: url(../App_Images/Assets/loading.gif);
			width: 838px;
			height: 308px;
		}
	#siteCircle {
		width: 68px;
		height: 68px;
		position: absolute;
		background-image: url(../App_Images/Assets/siteCircle.png);
		top:151px;
		left:416px;
		cursor: pointer;
	}
	#siteCircle img {border:0;}
.footer {
	width: 100%;
	height: 120px;
	background-image: url(../App_Images/Assets/footerBG.jpg);
}
