/* normalise basic styles, to get all browsers similar */
html, body {height:100%; margin: 0; padding:0; background: #fff;}
h1, h2, h3 {margin: 0.75em 0; padding: 0; letter-spacing: normal;}
h4, h5, h6, p {margin: 1em 0; padding: 0;}
form, dl, dt, dd {margin: 0; padding:0;}
ul, ol {margin-left: 0; padding-left: 1em;}
fieldset {border: none; margin: 1em 0; padding: 0;}
textarea {font-size: 1em;}    
/* equalise font-size with <input elements> */
pre {font: 100% Monaco,"Courier New",courier, monospace;}
/* turn off default image border */
a img {border: 0;}

/*basic font style*/
body {
  background: #fff url("img/body.bg.gif") repeat-x top center; 
  font: normal normal normal 11px Verdana, Helvetica, sans-serif; 
}

#container {
	width: 980px;
	margin: 0 auto;
}

#header {
	height: 82px;
	padding-bottom: 40px;
  background: transparent url("img/ctnt.top.gif") no-repeat bottom center; 
}
	#header img.logo {
		margin: 10px;
	}
	#header p {
		float: right;
		padding: 0;
		margin: 33px;
	}
	#header p, #header a {
		color: #fff;
		text-decoration: none;
		word-spacing: 20px;
	}
	#header a:hover {
		text-decoration: underline;
	}

#splash {
	width: 964px;
	min-height: 503px;
	height: auto !important;
	height: 503px;
	margin: -13px auto 0 auto;
	padding: 0 8px;
	position: relative;
	z-index: 5;
  background: #fff url("img/ctnt.splash.jpg") no-repeat top center; 
	
	border-bottom: solid red 1px;
}
	#splash h1 {
		margin: 0;
		padding: 140px 0 0 19px;
	
		font: normal normal normal 20px Verdana, Helvetica, sans-serif; 
		color: white;
	}
	#splash ul {
		width: 400px;
		padding: 0;
		margin: 290px 0 0 75px;
		list-style: none;
	}
	#splash ul li {
		float: left;
	}
	#splash ul li a {
		display: block;
		margin: 0 10px;
		
		color: #fff;
		font: normal normal normal 14px Verdana, Helvetica, sans-serif; 
		text-decoration: none;
	}
	#splash ul li a:hover {
		text-decoration: underline;
	}

#ctnt {
	width: 932px;
	min-height: 443px;
	height: auto !important;
	height: 503px;
	margin: -13px auto 0 auto;
	padding: 30px 24px;
	position: relative;
	z-index: 5;
	background-color: #fff;
}

	#ctnt .col-halfleft {
		width: 470px;
		padding-right: 20px;
		float: left;
	}
	#ctnt .col-halfright {
		width: 470px;
		padding-left: 20px;
		float: right;
	}

	#ctnt .col-whole {
		margin: 30px 0;
		padding: 10px 0;
		clear: both;
		border-top: solid #43abe2 1px;
	}
	
	#ctnt p.officelinks {
		margin-left: 160px;
		text-align: left;
		word-spacing: 30px;
		font-size: 18px;
		text-decoration: none;
	}
	#ctnt p.officelinks a {
		text-decoration: underline;
	}
	#ctnt p.officelinks a.crnt {
		color: #50c2f4;
		text-decoration: none;
	}

	#ctnt h1 {
		padding: 0;
		margin: 0;
		
		font: normal normal normal 18px Verdana, Helvetica, sans-serif; 
	}
	#ctnt p {
		padding: 0;
		margin: 3px 0 10px 0;
		font-size:  13px;
	}
	#ctnt a {
		color: #39a3cd;
	}
	
.clear {
	clear: both;
}
	
#footer {
	width: 980px;
	height: 50px;
	padding: 15px 0;
	margin: -14px 0 0 0;
	position: relative;
	z-index: 6;
  background: #fff url("img/footer.bg.gif") no-repeat top center; 
}
	#footer img.affiliate {
		float: right;
		margin: 5px 25px 0 0;
	}
	#footer p#footlinks {
		margin: 10px 0 0 60px;
	}
	#footer p#footlinks, #footer p#footlinks a {
		color: #5a5c5b;
		text-decoration: none;
	}
	#footer p#copyright {
		margin: 3px 0 0 60px;
	}
	#footer p#copyright, #footer p#copyright a {
		color: #57a2db;
		text-decoration: none;
	}