/* CSS Document */

body	{
	background-color:#000000;
	margin:0px;	
}
p {
text-align: justify;
}

#wrapper	{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#header	{
	width:960px;
	height:100px;
	background-image:url(../images/kclogo.png);
	background-repeat:no-repeat;
	background-position:left;
	text-align:right;
}

#phone-number	{
	height:20px;
	padding-top:18px;
	padding-bottom:5px;
	margin-bottom:17px;
	padding-left:35px;
	background-image:url(../images/icons/phone-icon.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	float:right;
	
}

#nav	{
	width:200px;
	padding-top:10px;
	height:90px;
	float:right;
}

#menu	{
	width:960px;
	padding:14px 0px 10px 0px;
	height:28px;
	background-image:url(../images/backgrounds/menu-bg.png);
	background-repeat:no-repeat;
	text-align:center;
}


#banner	{
	width:930px;
	height:183px;
	padding-left:30px;
	padding-top:80px;
	padding-bottom:20px;
	background-image:url(../images/backgrounds/banner.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#content-banner	{
	width:930px;
	height:106px;
	padding-left:30px;
	padding-top:80px;
	padding-bottom:20px;
	background-image:url(../images/content-banner.png);
	background-repeat:no-repeat;
	text-align:left;
}

#content	{
	width:960px;
	height:319px;
	margin-top:22px;
}


#sub-content	{
	width:960px;
	clear:both;
	margin-top:22px;
	margin-bottom:22px;
	
}

#sub-con	{
	width:640px;
	padding-right:10px;
	float:left;
	border-right:solid 1px #464646;
	margin-bottom:22px;
	text-align:left;
}


#bullet	{
	width:640px;
	padding-top:15px;
	margin-top:10px;
	border-top:1px solid #464646;
}

#latest-projects	{
	width:289px;
	float:right;
	padding-left:20px;
	clear:right;
}

#site_content	{
	width:920px;
	margin:20px 0px 20px 0px;
	padding:20px;
	border:1px dotted #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:left;

}

#contact-container	{
	width:920px;
	height:400px;
	clear:both;
}

#address	{
	width:300px;
	float:left;
	line-height:25px;
	clear:left;
}

#contact	{
	width:547px;
	height:370px;
	padding:10px;
	margin-bottom:8px;
	float:right;
	clear:right;
	background-image:url(../images/backgrounds/contact-fade.gif);
	background-repeat:repeat-x;
	background-color:#000000;
	border:1px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#portfolio-nav	{
	width:280px;
	background-image:url(../images/backgrounds/portfolio-fade.gif);
	background-repeat:repeat-x;
	background-color:#000000;
	border:1px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
	float:left;
	clear:left;

}

#portfolio-display	{
	width:600px;
	float:right;
	clear:right;
}

#sitemap	{
	width:500px;
	float:left;
	margin-bottom:0px;
}

#sitemap-container	{
	width:495px;
	margin-left:5px;
	border-left:1px dotted #666666;
	line-height:25px;
}


#footer	{
	width:960px;
	height:50px;
	padding-top:6px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	text-align:center;
}





/*  BEGIN STYLES  */

h1	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	display:inline;
}

h2	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:31px;
	color:#ffffff;
	display:inline;
}

h3	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	display:inline;
}

h4	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:normal;  
	color:#00CCFF;
	display:inline;
}

h5	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;  
	color:#00CCFF;
	display:inline;
}

h5 a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;  
	color:#00CCFF;
	display:inline;
	text-decoration:none;
}

h5 a:hover	{
	color:#ffffff;
	text-decoration:underline;
}

h6	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;  
	color:#ffffff;
	display:inline;
	text-decoration:none;
}

h7	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;  
	color:#ffffff;
	display:inline;
	text-decoration:none;
}
.content	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	
}

.content a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#00CCFF;
	text-decoration:none;
}
.content a:hover	{
	text-decoration:underline;
}

.sub-title	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#00CCFF;
	text-decoration:none;
	width:289px;
	height:50px;
	padding-bottom:4px;
	border-bottom:solid 1px #000000;
}

.box-content-container	{
	width:289px;
	border-top:solid 1px #5C5B5B;
}


.menu	{
	height:20px;
	padding-top:14px;
	padding-bottom:14px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#EBEBEB;	
	text-align:center;
}
.menu a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#EBEBEB;
	text-decoration:none;
	text-align:center;
	padding:0px 7px 0px 7px;
}

.menu a:hover	{
	color:#00D8FF;
	text-decoration:none;
}

#menu ul	{
	display:inline;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#menu li	{
	display:inline;
	padding:0px 8px 0px 9px;
	margin-left:0px;
	border-right:1px solid #666666;
}


.nav	{
	width:50px;
	height:20px;
	float:right;
	padding-top:10px;	
}

.nav img	{
	border:none;
}

.divider	{
	width:2px;
	margin:0px 4px 0px 4px;
	height:16px;
	background-image:url(../images/divider.gif);
	background-repeat:no-repeat;
	margin-top:14px;
}

.clear-both	{
	width:100%;
	height:1px;
	clear:both;
}

.content-box-design	{
	width:289px;
	height:297px;
	padding:10px;
	margin-right:11px;
	float:left;
	background-image:url(../images/backgrounds/content-box.png);
	background-repeat:no-repeat;
	text-align:left;
}
.content-box-design img	{
	border:none;
}

.content-box-dev	{
	width:289px;
	height:297px;
	padding:10px;
	margin-left:5px;
	margin-right:6px;
	float:left;
	text-align:left;
	background-image:url(../images/backgrounds/content-box.png);
	background-repeat:no-repeat;
}

.content-box-dev img	{
	border:none;
}

.content-box-market	{
	width:289px;
	height:297px;
	padding:10px;
	margin-left:11px;
	float:right;
	text-align:left;
	background-image:url(../images/backgrounds/content-box.png);
	background-repeat:no-repeat;
}
.content-box-market img	{
	border:none;
}

.bullet	{
	height:20px;
	width:320px;
	background-image:url(../images/backgrounds/bullet.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
}

.bullet a	{
	height:20px;
	width:320px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}
.bullet a:hover	{
	text-decoration:underline;
	color:#FF0000;
}

.contact-text	{
	width:570px;
	height:210px;
	float:right;
}

.dev-logo	{
	height:80px;
	text-align:center;
	float:left;
	padding:17px;
}

.block-container	{
	width:920px;
	height:210px;
	clear:both;
	margin-bottom:10px;

}

.partner-img	{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	width:250px;
	height:200px;
}

.partner-img img	{
	border:double 3px #666666;
}
.partner-text	{
	width:640px;
	height:210px;
	float:right;
}



.about-img	{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	width:250px;
	height:200px;
}

.about-img img	{
	border:double 3px #666666;
}
.about-text	{
	width:640px;
	height:210px;
	float:right;
}

.contact-form	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;

}

.email_error	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FF0000;
}

.portfolio-nav	{
	width:280px;
	height:50px;
	border-bottom:1px solid #666666;
	margin:4px 0px 4px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;  
	color:#ffffff;
	text-decoration:none;
	line-height:20px;
}

.portfolio-nav a	{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00CCFF;
	text-decoration:none;
	
}

.portfolio-nav a:hover	{
	background-image:url(../images/buttons/nav-button.png);
	background-repeat:no-repeat;
	background-position:right;
	text-decoration:underline;
	width:180px;
	height:50px;
	padding:30px 100px 10px 0px;
}

.portfolio-img	{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.portfolio-img img	{
	border:double 3px #666666;
}

.view-online	{
	width:100%;
	text-align:right;
	margin:6px 0px 6px 0px;
}

.view-online img	{
	border:none;
}

.sitemap	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:800;
	color:#ffffff;
}

.sitemap a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:800;
	color:#ffffff;
	text-decoration:none;
}

.sitemap a:hover	{
	color:#00CCFF;
	text-decoration:underline;
}

.sitemap-spacer	{
	width:30px;
	height:15px;
	margin-right:10px;
	border-bottom:1px dotted #666666;
	float:left;
	}


.footer	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:500;
	color:#ffffff;
}

.footer a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:500;
	color:#ffffff;
	text-decoration:none;
}

.footer a:hover	{
	text-decoration:underline;
}

/*  ALTERNATE Classes, not used in the site  */

.white-red	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
}

.white-red a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
}

.white-red a:hover	{
	text-decoration:underline;
	color:#FF0000;
	
}

.white-red-bold	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0033FF;
}

.white-red-bold a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#0033FF;
}

.white-red-bold a:hover	{
	text-decoration:underline;
	color:#FF0000;	
}

.blue-red	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0033FF;
}

.blue-red a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#0033FF;
}

.blue-red a:hover	{
	text-decoration:underline;
	color:#FF0000;	
}

.blue-red-bold	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0033FF;
}

.blue-red-bold a	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#0033FF;
}

.blue-red-bold a:hover	{
	text-decoration:underline;
	color:#FF0000;	
}

.blue-red        {
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px;
            font-weight:normal;
            color:#0033FF;
}

.blue-red a     {
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px;
            font-weight:normal;
            text-decoration:none;
            color:#0033FF;
}

.blue-red a:hover       {
            text-decoration:underline;
            color:#FF0000;            
}


.blue-white       {
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px;
            font-weight:normal;
            color:#0033FF;
}

.blue-white a     {
            font-family:Arial, Helvetica, sans-serif;
            font-size:12px;
            font-weight:normal;
            text-decoration:none;
            color:#0033FF;
}

.blue-white a:hover       {
            text-decoration:underline;
            color:#FFFFFF;
            
}