/* Eric Meyer v1.0 - 2008-02-12 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

input[type="submit"], input[type="image"] {
    cursor: pointer;
}
sup {
    vertical-align: top;
}
.clr {
    clear: both;
}

body {
	font-family: arial;
	background: black;
}

.cont1 {
	width: 100%;
	background: url('../images/cont1Bg.jpg') white repeat-x center top;
	height: 380px;
}

.header {
	background: url('../images/headBg.jpg') white no-repeat center top;
	width: 1000px;
	height: 375px;
	margin-left: -500px;
	position: absolute;
	left: 50%;
}

.box1 {
	position: absolute;
	bottom: 0px;
	left: 164px;
	background: url('../images/boxBg.png') no-repeat center bottom;
	width: 160px;
	height: 164px;
	font-size: 8pt;
	text-align: justify;
	padding: 20px;
}

.box1 h3 {
	font-size: 12pt;
	display: block;
	margin: 0px 0px 15px 0px;
}

.box1 img {
	display: block;
	margin: 0px 0px 10px 0px;
	width: 160px;
}

.box1 a {
	text-decoration: none;
	border: 0px;
	color: black;
}

.box2 {
	position: absolute;
	bottom: 0px;
	left: 292px;
	background: url('../images/boxBg.png') no-repeat center bottom;
	width: 160px;
	height: 164px;
	font-size: 9pt;
	text-align: justify;
	padding: 20px;
}

.box2 h3 {
	font-size: 12pt;
	display: block;
	margin: 0px 0px 15px 0px;
}

.box2 img {
	display: block;
	margin: 0px 0px 10px 0px;
	width: 160px;
}

.box2 a {
	text-decoration: none;
	border: 0px;
	color: black;
}

.box3 {
	position: absolute;
	bottom: 0px;
	left: 410px;
	background: url('../images/boxBg.png') no-repeat center bottom;
	width: 160px;
	height: 164px;
	font-size: 9pt;
	text-align: justify;
	padding: 20px;
}

.box3 h3 {
	font-size: 12pt;
	display: block;
	margin: 0px 0px 15px 0px;
}

.box3 img {
	display: block;
	margin: 0px 0px 15px 0px;
	width: 160px;
}

.box3 a {
	text-decoration: none;
	border: 0px;
	color: black;
}

.box4 {
	position: absolute;
	bottom: 0px;
	left: 655px;
	background: url('../images/boxBg.png') no-repeat center bottom;
	width: 160px;
	height: 164px;
	font-size: 9pt;
	text-align: justify;
	padding: 20px;
}

.box4 h3 {
	font-size: 12pt;
	display: block;
	margin: 0px 0px 15px 0px;
}

.box4 img {
	display: block;
	margin: 0px 0px 15px 0px;
	width: 160px;
}

.box4 a {
	text-decoration: none;
	border: 0px;
	color: black;
}

.cont2 {
	width: 100%;
	background: url('../images/cont2Bg.jpg') #f5f5f5 repeat-x center bottom;
	min-height: 350px;
	position: absolute;
}

.center {
	color: black;
	position: relative;
	width: 700px;
	text-align: justify;
	margin: 0px 0px 0px -362px;
	font-size: 11pt;
	left: 50%;
	padding: 20px 20px 20px 20px;
}

.center h3{
	font-size: 14pt;
	display: block;
	margin: 5px 0px 10px 0px;
}

.bottom {
	background: url('../images/bottBg.jpg') #f5f5f5 repeat-x right bottom;
	color: white;
	position: relative;
	top: 0px;
	width: 740px;
	height: 122px;
	margin: 0px 0px 0px -362px;
	left: 50%;
	
	padding: 0px 0px 0px 18px;
	font-size: 8pt;
	color: gray;
}

.bottom a {
	color: white;
	text-decoration: none;
	font-size: 8pt;
	color: orange;
}

.kepLink {
	display: block;
	float: left;
	margin: 5px;
}

.kepLink img {
	width: 165px;
}