@charset "utf-8";

* {	margin: 0;
	padding: 0;}

html {min-height:101%}
.right {text-align:right;}
img {border:none;}

h1 {
	font-family:Segoe UI, Tahoma;
	font-size:14px;
	color:#333;
}
h2 {
	font-family:Segoe UI, Tahoma;
	font-size:12px;
	color:#333;
}
h3 {
	font-family:Segoe UI, Tahoma;
	font-size:14px;
	color:#FFF;
	padding: 2px 0 0 5px;
}

.image-right {
	float: right;
}

#header-holder{
	width:100%;
	height:218px;
}
#header {
	width:1220px;
	height:216px;
	margin:0 auto;
	background-image: url(../graphics/kdd-consultants.jpg);
	border: 1px solid #333;
}

#horizontal-navigation {
	width:800px;
	height:20px;
	margin:168px 0 0 20px;
}
#horizontal-navigation-on {
	width:89px;
	height:20px;
	float:left;
	margin:0 5px 0 0;
	background-color:#EEE;
}
#horizontal-navigation-on p {
	font-family:'Segoe UI', Tahoma;
	font-size:12px;
	text-align:center;
	padding:2px 0 0 0;
}
#horizontal-navigation-on a {
	color:#333;
	text-decoration:none;
}
#horizontal-navigation-on a:hover {
	color:#3CF;
}
.horizontal-navigation-off {
	width:89px;
	height:20px;
	float:left;
	margin:0 5px 0 0;
	background-color:#333;
}
.horizontal-navigation-off p {
	font-family:'Segoe UI', Tahoma;
	font-size:12px;
	text-align:center;
}
.horizontal-navigation-off a {
	height:20px;
	display:block;
	padding:2px 0 0 0;
	color:#EEE;
	text-decoration:none;
}
.horizontal-navigation-off a:hover {
	color:#3CF;
	background-color:#444;
}
#second-navigation {
	width:1220px;
	height:28px;
	float:left;
	background-color: #EEE;
}
#second-navigation-first {
	width:auto;
	height:16px;
	float:left;
	margin:6px 0 0 10px;
	border:1px solid #EEE;
}
#second-navigation-first p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	padding:2px 7px 0 7px;
}
#second-navigation-first a {
	color:#333;
	text-decoration:none;
}
#second-navigation-first:hover {
	background-color:#CCC;
	border:1px solid #999;
}
.second-navigation-item {
	width:auto;
	height:16px;
	float:left;
	margin:6px 0 0 0;
	border:1px solid #EEE;
}
.second-navigation-item p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	padding:2px 7px 0 7px;
}
.second-navigation-item a {
	color:#333;
	text-decoration:none;
}
.second-navigation-item:hover {
	background-color:#CCC;
	border:1px solid #999;
}
.second-navigation-pipe {
	width:10px;
	height:26px;
	float:left;
	margin:0;
}
.second-navigation-pipe p{
	font-size:8px;
	color:#333;
	padding:9px 0 0 3px;
}

.second-navigation-item-active {
	width:auto;
	height:16px;
	float:left;
	margin:6px 0 0 0;
	border:1px solid #EEE;
}
.second-navigation-item-active p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	padding:2px 7px 0 7px;
}
.second-navigation-item-active a {
	color:#00F;
	text-decoration:none;
}
.second-navigation-item-active:hover {
	background-color:#CCC;
	border:1px solid #999;
}

#main-index-holder{
	width:100%;
	height:500px;
	margin:8px 0 0 0;
}
#main-index {
	width:1200px;
	height:498px;
	margin:0 auto;
	background-color:#F7F3F7;
	border:1px solid #999;
}
#index-left {
	width:180px;
	height:300px;
	float:left;
	margin:20px 0 0 15px;
}
#left-title{
	width:180px;
	height:20px;
	float:left;
}

#left-navigation {
	width:180px;
	float: left;
}
#left-navigation ul {
	list-style-type: none;
	font-family:Segoe UI, Tahoma;
	font-size:12px;
}
#left-navigation li {
	border:1px solid #e6e6e9;
	margin:0 0 1px 0;
}
#left-navigation li:hover {
	border:1px solid #333;
}
#left-navigation a {
	display: block;
	width: 163px;
	color: #274651;
	background-color: #e6e6e9;
	text-decoration: none;
	padding:3px 5px 3px 10px;
}
#new-options {
	width:180px;
	height:22px;
	float:left;
	margin:10px 0 0 0;
	background-color:#333;
}
#new-options:hover {
	background-color:#42464f;
	cursor:pointer;
}
#new-options p {
	font-family:'Segoe UI', Tahoma;
	font-size:12px;
	color:#FFF;
	padding:3px 0 0 10px;
}
#new-options a {
	text-decoration:none;
	color:#FFF;
}

#more-options {
	width:180px;
	height:22px;
	float:left;
	margin:1px 0 0 0;
	background-color:#3B6689;
}
#more-options:hover {
	background-color:#009;
	cursor:pointer;
}
#more-options p {
	font-family:'Segoe UI', Tahoma;
	font-size:12px;
	color:#FFF;
	padding:3px 0 0 10px;
}
#more-options a {
	color:#FFF;
	text-decoration:none;
}

#index-middle {
	width:654px;
	height:470px;
	float:left;
	margin:20px 0 0 15px;
	border: 1px solid #999;
	background-color:#FFF;
	background-image: url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
}
#index-middle p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
#index-box-1 {
	width:614px;
	height:150px;
	float:left;
	margin:19px;
	background-color:#FFF;
	background-image:url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
	border: 1px solid #999;
}
#index-text-1 {
	width:574px;
	height:110px;
	float:left;
	margin: 20px;
}
#index-box-2 {
	width:614px;
	height:80px;
	float:left;
	margin:10px 19px;
	background-color:#FFF;
	background-image:url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
	border: 1px solid #999;
}
#index-text-2 {
	width:574px;
	height:40px;
	float:left;
	margin: 20px;
}
#index-right {
	width:300px;
	height:460px;
	float:left;
	margin:20px 0 0 15px;
}
#index-right p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
#index-right a {
	text-decoration:none;
	color:#009;
}
#index-right a:hover {
	color:#3CF;
}
#index-right-top {
	width:300px;
	height:300px;
	float:left;
	border: 1px solid #999;
	background-color:#FFF;
	background-image:url(../graphics/right-panel.gif);
	background-repeat:no-repeat;
}
#index-right-title {
	width:300px;
	height:30px;
	float:left;
}
#index-right-text {
	width:260px;
	height:230px;
	float:left;
	margin:20px 20px 0 20px;
}
#index-right li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	margin:10px 0 0 20px;
}
#index-right-bottom {
	width:300px;
	height:120px;
	float:left;
	margin:20px 0 0 0;
	background-color:#FFF;
	background-image:url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
	border: 1px solid #999;
}
#index-text-3 {
	width:260px;
	height:80px;
	float:left;
	margin:20px;
}

#index-bottom-holder {
	width:100%;
	height:330px;
}
#index-bottom {
	width:1200px;
	height:330px;
	margin: 0 auto;
}
.index-bottom-box {
	width:380px;
	height:300px;
	float:left;
	margin:20px 0 0 12px;
	background-color:#F7F3F7;
	border: 1px solid #999;
}
.index-bottom-inner {
	width:340px;
	height:120px;
	float:left;
	margin:20px 0 0 20px;
	background-color:#FFF;
	background-image:url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
	border: 1px solid #999;
}
.bottom-image {
	width:100px;
	height:100px;
	float:left;
	margin: 10px 0 10px 10px;
}
.bottom-text {
	width:215px;
	height:100px;
	float:left;
	margin: 10px 0 0 10px;
}
.bottom-text p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
.bottom-text a{ 
	text-decoration:none;
	color:#009;
}
.bottom-text a:hover {
	color:#3CF;
}

#main-projects-holder{
	width:100%;
	height:500px;
	margin:8px 0 0 0;
}
#main-projects {
	width:1200px;
	height:498px;
	margin:0 auto;
	background-color:#F7F3F7;
	border:1px solid #999;
}
#projects-middle {
	width:654px;
	height:460px;
	float:left;
	margin:20px 0 0 15px;
	border: 1px solid #999;
	background-color:#FFF;
	background-image: url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
}
#projects-middle p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
#projects-box-1 {
	width:614px;
	height:420px;
	float:left;
	margin:19px;
	background-color:#FFF;
	background-image:url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
	border: 1px solid #999;
}
#projects-text-1 {
	width:574px;
	height:380px;
	float:left;
	margin: 20px;
}

#main-about-holder{
	width:100%;
	height:700px;
	margin:8px 0 0 0;
}
#main-about {
	width:1200px;
	height:698px;
	margin:0 auto;
	background-color:#F7F3F7;
	border:1px solid #999;
}
#about-middle {
	width:654px;
	height:660px;
	float:left;
	margin:20px 0 0 15px;
	border: 1px solid #999;
	background-color:#FFF;
	background-image: url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
}
#about-middle p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
#about-middle ul {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	margin:0 0 0 30px;
}
#about-box-1 {
	width:614px;
	height:620px;
	float:left;
	margin:19px;
	background-color:#FFF;
	background-image:url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
	border: 1px solid #999;
}
#about-text-1 {
	width:574px;
	height:580px;
	float:left;
	margin: 20px;
}

#main-scripts-holder{
	width:100%;
	height:500px;
	margin:8px 0 0 0;
}
#main-scripts {
	width:1200px;
	height:498px;
	margin:0 auto;
	background-color:#F7F3F7;
	border:1px solid #999;
}
#scripts-middle {
	width:654px;
	height:460px;
	float:left;
	margin:20px 0 0 15px;
	border: 1px solid #999;
	background-color:#FFF;
	background-image: url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
}
#scripts-middle p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
#scripts-middle ul {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	margin:0 0 0 30px;
}
#scripts-box-1 {
	width:614px;
	height:420px;
	float:left;
	margin:19px;
	background-color:#FFF;
	background-image:url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
	border: 1px solid #999;
}
#scripts-text-1 {
	width:574px;
	height:380px;
	float:left;
	margin: 20px;
}

#main-testimonials-holder{
	width:100%;
	height:500px;
	margin:8px 0 0 0;
}
#main-testimonials {
	width:1200px;
	height:498px;
	margin:0 auto;
	background-color:#F7F3F7;
	border:1px solid #999;
}
#testimonials-box-1 {
	width:614px;
	height:260px;
	float:left;
	margin:0 19px 19px 19px;
	background-color:#FFF;
	background-image:url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
	border: 1px solid #999;
}
#testimonials-text-1 {
	width:574px;
	height:220px;
	float:left;
	margin: 20px;
}

#footer-holder {
	width:100%;
	height:100px;
	margin: 10px 0 0 0;
}
#footer {
	width:1160px;
	height:100px;
	margin: 0 auto;
}
#footer p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
#footer a {
	text-decoration:none;
	color:#009;
}
#footer a:hover {
	color:#3CF;
}
#footer-text-left {
	width:400px;
	height:40px;
	float:left;
	margin: 10px 0 0 10px;
}
#footer-text-right {
	width:540px;
	height:40px;
	float:right;
	margin: 10px 10px 0 0;
}

#main-contact-holder{
	width:100%;
	height:750px;
	margin:8px 0 0 0;
}
#main-contact {
	width:1200px;
	height:748px;
	margin:0 auto;
	background-color:#F7F3F7;
	border:1px solid #999;
}
#contact-middle {
	width:654px;
	height:690px;
	float:left;
	margin:20px 0 0 15px;
	border: 1px solid #999;
	background-color:#FFF;
	background-image: url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
}
#contact-text {
	width:614px;
	height:50px;
	float:left;
	margin:20px 0 0 20px;
}
#contact-text p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
#contact-form {
	width:614px;
	height:600px;
	float:left;
	margin:20px 0 0 20px;
	background-image: url(../graphics/contact.gif);
}
#contact-form p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.title {
	width:30px;
	height:26px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin: 14px 0 0 10px;
}
.title-right {
	width:100px;
	height:30px;
	float:left;
	margin: 10px 0 0 10px;
}
.name {
	width:60px;
	height:26px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin: 10px 0 0 10px;
}
.name-right {
	width:220px;
	height:30px;
	float:left;
	margin: 10px 0 0 8px;
}
.leftform {
	width:604px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin: 10px 0 0 10px;
}
.rightform {
	width:604px;
	height:30px;
	float:left;
	margin: 0 0 0 10px;
}
.subject {
	width:604px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin: 0 0 0 10px;
}
.subjectbox {
	width:604px;
	height:50px;
	float:left;
	margin: 0 0 0 10px;
}
.message {
	width:604px;
	height:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin: 0 0 0 10px;
}
.messagebox {
	width:604px;
	height:110px;
	float:left;
	margin: 0 0 0 10px;
}
#formsent-box-1 {
	width:614px;
	height:150px;
	float:left;
	margin:19px;
	background-color:#FFF;
	background-image:url(../graphics/center-panel.gif);
	background-repeat:no-repeat;
	border: 1px solid #999;
}
#formsent-text-1 {
	width:574px;
	height:110px;
	float:left;
	margin: 20px;
}
#formsent-text-1 a {
	text-decoration:none;
	color:#009;
}
#formsent-text-1 a:hover {
	color:#0CF;
}