@import url(./undohtml.css);
@import url(./headers.css);
@import url(./forms.css);
@import url(./menu.css);
@import url(./picturator.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	background-color: #000;
	margin: 20px;
	padding: 0;
}
body a {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:bold;
	color: #a39161;
	text-decoration:none;
}	
body a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color:#a39161;
	text-decoration:underline;
}	

#strap, #masthead, #wrapper, #footer, #subfooter, #navigation, #flashholder, #photostrip {
	width:900px;
	margin:0 auto;
	padding:0 7px;
	border-left:2px solid white;
	border-right:2px solid white;
	border-top:2px solid white;
}

#flashholder, #photostrip { width:914px; padding:0; }
#flashholder { height:250px; background:url(../img/front5-bg.jpg) no-repeat top right; }
#flashy { float:left; }
#photostrip { height:100px; background:url(../uploads/photostrip.jpg) no-repeat; }

#testimonial { 
	padding:0;
	margin:0; 
	text-align:center; vertical-align:middle; }
#testimonial blockquote {
	padding-left:50px;
	text-align:left;
	font:italic 15px/40px "Century Gothic", "Trebuchet MS";
	background:url(../img/bq-bg.gif) no-repeat top left;
	height:auto !important;
	height:200px;
	min-height:200px;
}
#testimonial blockquote span {
	color:#a39161;
	font:italic 25px/40px "Century Gothic", "Trebuchet MS";
}

.box img { float:left; border:2px solid #f6921e; margin-right:20px; }
.box { height:100px; margin:10px 0; padding:10px; }
.half { width:45%; float:left; }
#menu-header {
	height:20px;
	background:#665 url(../img/icon_bg.jpg) repeat-x bottom left;
	color:#1a1a1a;
	font:bold 16px/26px "Century Gothic", "Trebuchet MS";
	padding-top:50px;
	text-align:right;
	margin-bottom:20px;
}

#strap { border-top:2px solid white; height:40px; }
#strap p { float:right; margin:10px 10px 0 0; }
#wrapper {
	background-color:#1A1A1A;
}

#masthead {
	height:162px;
	background:url(../img/masthead-bg.jpg) no-repeat top right;
}
img#logo { margin:20px 0 0 20px; }

#left {
	padding:5px 20px 10px 10px;
	height:auto !important;
	height:400px;
	min-height:400px;
}

#left p {
	margin:10px 0;
	font-size:0.9em;
	line-height:1.3em;
}

img.caption{
	border:2px solid #f6921e;
	background:#a39161 url(../img/kc-corner-logo.jpg) no-repeat bottom right;
	font:bold 10px Arial, Helvetica, sans-serif; color:#fff;
	padding:0 0 28px;
}

img.imgright {
	float:right;
	margin:10px 0 10px 20px;

}

/* Want to use proper lis within the content area so... */
#left ol, #left ul { font-size:12px; }
#left li { margin:10px 0; color:#fff; padding-left:20px; background:url(../img/li_orange.gif) no-repeat 0 3px; }

#right {
	width:300px;
	padding:0 20px;
	margin-left:20px;
	border-left:2px solid #f6921e;
	float:right;
	height:auto !important;
	height:400px;
	min-height:400px;

}

#right .boxout {
	border:1px solid #666;
	background:#595242;
	padding:10px;
	margin:20px 0;

}


#footer {
	height:20px;
	padding:4px 7px;
	background:#a39161 url(../img/kc-corner-logo.jpg) no-repeat bottom right;
	border-bottom:2px solid white;
}

#footer p {
	color:#fff;
	float:left;
	margin:0; padding:0;
}

#footer a, #footer a:active, #footer a:visited { color:white; }

#subfooter {
	border:0;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
}
p.warn { color:#f00; font-weight:bold; }