@charset "utf-8";
/* CSS Document */

/*----------OverrideStyles*/
.space {padding-right: 10px;}
.teal {color:#00CCCC;}
.black {color:#000000;}
.nonbold {font-weight:normal;}
.smallcaps {font-variant: small-caps;}
.small {font-size:10px;}
.medium {font-size:11px;}
.textsize {font-size:12px;}
.large {font-size:14px;}
.larger {font-size:16px;}
.nopadding {padding: 0;}
p {line-height: 1.5em;}



/*----------Default Styles*/
p {font-family: Verdana, Arial, Sans-serif; font-size: 11px; color:#666666; font-weight:normal;}
h1 {font-family: Century Gothic, Verdana, Arial, Sans-serif; font-size:16px; color:#00CCCC; font-weight: normal;}
h2 {font-family: Century Gothic, Verdana, Arial, Sans-serif; font-size:12px; color:#333333; line-height: 5px;}
h3 {font-family: Century Gothic, Verdana, Arial, Sans-serif; font-size:11px; color:#333333; font-variant: small-caps;}
a {outline: none;}
a:link {color:#00CCCC; font-weight:normal; font-size:11px;}
a:hover {color:#666666; font-weight:normal; font-size:11px;}
a:visited {color:#00CCCC; font-weight:normal; font-size:11px;}

.listitem {font-family: Century Gothic, Verdana, Arial, Sans-serif; font-weight: normal; color: #00CCCC;  font-size: 11px;}
img {outline:none; border:none; text-decoration:none;}



 
/*----------Layout*/ 
html, body {height:100%; background:url(/images/header_gradient.png) repeat-x; padding:0; margin:0; text-align: center;}
#container {min-height:100%; position:relative; width:900px; margin-left:auto; margin-right:auto; padding-left:50px; padding-right:50px; text-align: left;}
#header {background:url(/images/header_gradient.png) repeat-x; padding:0; height:81px; position:relative;}
#logo {
	background:url(/images/KDlogo7.png) no-repeat 0 0;
	background-position: -8px 0;
	position:absolute;
	left: 0px;
	top: 0px;
	margin-left: 0px;
	width:312px;
	height:81px;
	padding: 0;
}
#content {height:100%; overflow:auto; clear:both; padding-bottom:59px;}
#footer {background:url(/images/footer_gradient.png) repeat-x; position:absolute; left:0; width:100%; height:59px;}






/*----------Content*/
#updates {
	width: 224px;
	position: absolute;
	left: 704px;
	top: 340px;
	text-align:left;
	z-index:1000;
	height: 150px;
	clear: both;
}
#updates p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding-left: 0px;}
#updates a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#00CCCC; border-bottom: dotted 1px #00CCCC; text-decoration: none;}
#updates h1 {font-family: Century Gothic, Verdana, Arial, Sans-serif; font-size:14px; color:#00CCCC;}
#home_image {background:url(/images/home3c900.jpg) no-repeat 0px 0px; padding-bottom:25px; height:475px; position:relative; margin-left:0px; margin-top:50px; width: 900px;}

#scc {padding-bottom:25px; height:100%; position:relative; margin-left:0px; margin-top:0px; width: 900px;}
.scc_cell {width: 260px; padding: 0px 0px 0px 0px; float: left; align: left; margin: 0px 0px 0px 30px; border-top: 1px solid #CCCCCC;}
.scc_cell p {font-size: 11px; font-weight: normal; line-height: 200%;}
#widecell {position: relative; width: 900px;}
#widecell p {width: 450px; font-size: 12px; float: left; margin-top: 20px; text-align: center; line-height: 200%; font-style: italic; margin-left: 200px;}

#aboutbg {background:url(/images/about5.jpg) no-repeat 70px 50px; width: 400px; position:relative; padding: 50px 0px 0px 0px; height: 400px; float: left;}
#about {position:relative; float: right; text-align:left; width:430px; padding: 50px 50px 0px 0px;}
#about p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}
#about h1 {padding-left: 360px;}
#about a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#00CCCC; border-bottom: dotted 1px #00CCCC; text-decoration: none;}

.clients {list-style-type:none; text-decoration:none; list-style:none;}

p .small a {font-size: 10px;}


#bottom {width: 790px; position:relative; margin-top:0px; margin-left:15px; padding-bottom:50px; padding-top: 0px; text-align:left; height: 375px;}
#sites {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin-left: 360px; margin-top:0px; width: 360px;}
#sites img {float:left;}
#clients {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin-left: 0px; margin-top:0px; width: 360px; font-weight:normal;}
#services {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin-left: 360px; margin-top:0px; width: 360px;}



#contactbg {background:url(/images/contact7.jpg) no-repeat 40px 25px; width: 400px; position:relative; padding: 25px 0px 50px 0px; height: 350px; float: left;}
#contact {float: right; text-align:left; width:430px; padding: 50px 50px 0px 0px;}
#contact p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:normal;}
#contact h1 {padding-left: 360px;}
#contact a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#00CCCC; border-bottom: dotted 1px #00CCCC; text-decoration: none;}
#contact:hover {color:#333333;}
#contact table {float:left; width:300px;}
#contact table td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666;}
.contactlinks {float: left; width: 400px; text-align: center; padding: 0px 0px 0px 0px; margin: 400px 0px 0px 0px;}
.contactlinks a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#00CCCC; border-bottom: dotted 1px #00CCCC; text-decoration: none;}





#resume1 {background:url(/images/resumecontact2.gif) no-repeat 60px 10px; width: 790px; position:relative; margin-top:25px; margin-left:15px; padding-bottom:50px; padding-top: 25px; text-align:left; height: 1500px;}
#resume1 h2 {padding-left: 360px;}
#resume1 p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding-left: 360px;}
#resume1 a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#00CCCC; border-bottom: dotted 1px #00CCCC; text-decoration: none;}

#faq {width: 450px; position:relative; margin-top:50px; margin-left:15px; text-align:left; padding-bottom:50px;}
#faq p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding-left: 0px;}
#faq a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#00CCCC; border-bottom: dotted 1px #00CCCC; text-decoration: none;}

#portfolio2 {width: 850px; background:url(/images/portfolio3.jpg) no-repeat 55% 30px; position:relative; margin-left:0px; padding-bottom:50px; padding-top: 25px; height: 450px; z-index:2;}

#portfolio {width: 740px; position:relative; margin-left:60px; padding-bottom:50px; padding-top: 25px; text-align:left; height: 450px;}

.gallery {width: 800px; position:relative; margin-top:25px; margin-left:15px; padding-bottom:50px; padding-top: 25px; text-align:left; height: 300px;}





/*----------Footer*/
#footer a {color:#00CCCC; font-size: 10px; text-decoration: none;}
#footer active a, a:hover {color:#999999; font-size:10px; font-weight:normal;}
#footer p {padding-left: 15px; padding-top: 0; font-size: 10px;}





/*----------Main Links*/
.mainlinks {position: absolute; top: 40px; right: 0px; width: 400px; text-align:right;}
.mainlinks a {font-family: Century Gothic, Verdana, Arial, Sans-Serif; font-size: 12px; color: #666666; text-decoration: none;font-weight: normal;}
.mainlinks a:hover {color:#00CCCC; font-weight:normal;}
.mainlinks active a, a:hover {color:#00CCCC; font-weight:normal; font-size: 12px;}

.mainnav {
	width: 400px;
	height:25px;
	position:absolute;
	left: 600px;
	top: 45px;
}

.mainnav ul{
margin-left:0px;
padding: 0;
list-style-type: none;
margin-top: 0px;
width:500px;
text-align:left;
}

/*Top level list items*/
.mainnav ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.mainnav ul li a{
display: block;
padding-top: 7px;
border: 0px;
border-left-width: 0;
text-decoration: none;
height: 25px;
width:70px;
font-weight:normal;
float:left;
font-family: Century Gothic, Verdana, Arial, Sans-serif;
font-size: 14px;
}

.mainnav ul li.p1 {margin-top:0px;}
.mainnav ul li a {color:#CCCCCC; font-weight: normal;}
.mainnav ul li a:hover {color:#00CCCC; font-weight:normal;}
.mainnav ul li.active a, .mainnav ul li.active a:hover {color:#00CCCC; font-weight:normal;}

.portfoliolinks {position: absolute; top: 57px; right: 10px; width: 400px; height: 1px; text-align:right;}
.portfoliolinks a {font-family: Century Gothic, Verdana, Arial, Sans-Serif; font-size: 11px; color: #666666; text-decoration: none;font-weight: normal;}
.portfoliolinks a:hover {color:#00CCCC; font-weight:normal;}
.portfoliolinks active a, a:hover {color:#00CCCC; font-weight:normal;}