/* CSS Document */

html, body { margin: 0; padding: 0; background: #EEEEEE; }
body { background: url(../images/bg.png) repeat-x #EEE; }
	body.regular { background: url(../images/bg-regular.png) repeat-x #fdfdfd; }
#container { }


/* HEADER */
#header { margin: 0 auto; width: 950px; }
#headingTopBar { background-color: #000; height: 18px; }
#headingMain { background: url(../images/headerBG.png) repeat-x; height: 115px; }
#headingFeature { background: url(../images/Kepston-Design_03.png) repeat-x; height: 250px; width: 950px; margin: 0 auto; }
	#featureImages { float: right; height: 290px; list-style: none; margin-top: -50px; width: 405px; }
	#featureText { display: none; }
	h1#headingFeatureTitle { color: #FEF3B5; font-size: 24px; font-weight: bold; padding: 40px 0px 0px 36px; }
	#headingFeature p { color: #FFF; line-height: 1.6; padding: 0px 0px 0px 36px; width: 450px; }
		#featureText ul { color: #FFF; font-size: 14px; font-weight: bold; padding-left: 50px; }
			#featureText li a { text-decoration: none; color: #FFF; }
			#featureText li a:hover { text-decoration: underline; }

	.featureImage { position: absolute; top: -180px; right: 40px; }
		.feature1 { top: -120px; background: #FFF; padding: 6px; border: 1px solid #ccc; }
		.feature2 { top: -100px; background: #FFF; padding: 6px; border: 1px solid #ccc; }
		.feature3 { top: -100px; right: 20px; background: #FFF; border: 1px solid #ccc; }
	.featureImagePadding { float: right; width: 300px; height: 60px; }
	.featureImagePadding3 { float: right; width: 450px; height: 60px;}

#headingRegular { background: url(../images/KepstonRegularBG.png) repeat-x; height: 97px; width: 950px; margin: 0 auto;  }
	h1#headingRegularTitle { color: #FFF /*FEF3B5*/; font-size: 24px; font-weight: bold; padding: 35px 0px 0px 36px;  }


/* BODY */
.bodyWrap { background: url(../images/shadow.jpg) repeat-x top #FDFDFD; }
	#body { position: relative; background: url(../images/Kepston-Design_05.png) repeat-x; margin: 0 auto; padding: 30px 0px 30px 0px; width: 950px; }
		#body.body-aboutUs { background: url(../images/racecar.png) no-repeat right 40px; }

.contentBox { background-color: #FFF; border: 1px solid #e6e6e6; height: 160px; margin-bottom: 15px; }
.contentBox a { color: #000; display: block; height: 140px; padding: 10px; text-decoration: none; }
.contentBox a:hover { background-color: #FFFFCC; }
.contentBox .contentTitle { font-size: 25px; font-weight: bold; line-height: 1.4; margin: 0px; padding: 0px; }
.contentBox img { float: left; padding-right: 10px; }

#footer { height: 160px; width: 100%; background-color: #EEE; border-top: 1px solid #DDD; }
	#innerFooter { margin: 0 auto; padding: 20px 10px 0px 10px; width: 950px; }
		.newsletterHolder { background: url(../images/newsletter.png) no-repeat; height: 32px; padding: 5px 0px 0px 40px; float: left }
		#on2net { font-size: 80%; color: #979797; }
			#on2net a { color: #979797; text-decoration: underline; }
			#on2net a:hover { color: #656565; }


.contactBox { border: 1px solid #CCC; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-bottom: 10px; background-color: #FFF; overflow: hidden !important; }
	.contactBox h4 { padding: 8px 0px 0px 6px; font-weight: bold; margin: 0px; }
	.contactBox img { float: left; }
	.contactBox .col1 { width: 80px; padding: 5px 10px 5px 6px; float: left; }
	.contactBox col2 { float: left; }
		.contactBox table { width: 380px; margin: 8px auto;  }
			.contactBox table th { vertical-align: top; }
			.contactBox table th, .contactBox table td { border-bottom: 1px solid #D9D9D9; }
			.contactBox table tr.last th, .contactBox table tr.last td { border: none; }


/* FORMS */
form { }
	form p { margin: 2px 12px 10px 10px; }
	form p label { display: block; float: left; text-align: right; padding-right: 5px; width: 100px; }
		input[type="text"], input[type="password"], textarea { border: 1px solid #CCC; }

.msg { margin:0 10px 20px 0; }
	.msg p { padding:20px 20px 20px 52px; margin: 0px; } 
	
	.success { background: #E6EFC2 url(../images/highlight_line.gif) repeat-x scroll 0 0; border: 1px solid #C6D881; }
		.success p { background: transparent url(../images/24_tick.png) no-repeat scroll 15px 16px; }
	.error   { background: #FBE3E4 url(../images/highlight_line.gif) repeat-x scroll 0 0; border: 1px solid #FBC7C9; }
		.error p { background: transparent url(../images/24_x_false.png) no-repeat scroll 15px 17px; }

.newsHolder { margin-bottom: 20px; }
	.calendar { float: left; height: 42px; margin-left: 30px; margin-right: 6px; width: 42px; }
		.calendar-day { color: #000; font-size: 1.3em; font-weight: bold; padding-top: 16px; text-align: center; width: 42px; }
		.calendar-icon-1 { background: url('../images/calendar/01.gif'); }
		.calendar-icon-2 { background: url('../images/calendar/02.gif'); }
		.calendar-icon-3 { background: url('../images/calendar/03.gif'); }
		.calendar-icon-4 { background: url('../images/calendar/04.gif'); }
		.calendar-icon-5 { background: url('../images/calendar/05.gif'); }
		.calendar-icon-6 { background: url('../images/calendar/06.gif'); }
		.calendar-icon-7 { background: url('../images/calendar/07.gif'); }
		.calendar-icon-8 { background: url('../images/calendar/08.gif'); }
		.calendar-icon-9 { background: url('../images/calendar/09.gif'); }
		.calendar-icon-10 { background: url('../images/calendar/10.gif'); }
		.calendar-icon-11 { background: url('../images/calendar/11.gif'); }
		.calendar-icon-12 { background: url('../images/calendar/12.gif'); }



/* MISC */
.floatRight { float: right; }
.imageBorder { padding: 10px; border: 1px solid #CCC; margin: 20px; }

#about-00, #about-01, #about-02, #about-03, #about-04, #about-05 { float: right; clear: right; }
	#about-00 { width: 0px; height: 20px; }
	#about-01 { width: 300px; height: 18px; }
	#about-02 { width: 350px; height: 18px; }
	#about-03 { width: 370px; height: 60px; }
	#about-04 { width: 320px; height: 20px; }
	#about-05 { width: 280px; height: 20px; }

ul { list-style-image:url(../images/bullet.png); }
	
.hide, .printOnly { display: none; }