/*

	KDH
	
*/

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ccc;
	color: #ccc;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0;
	padding: 0;
	padding-bottom: 7px;
	font-size: 16px;
	color: #5073AB;
}
h2 {
	margin: 0;
	padding: 0;
	padding-bottom: 7px;
	font-size: 16px;
	color: #5073AB;
}
h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 7px;
	font-size: 16px;
	color: #5073AB;
}

img a { text-decoration: none!important; border: 0; }

a { outline: none; }

p { clear: left; }

.clear-left { clear: left;}

/* Layout */

#wrapper {
	width: 770px;
	position: relative;
	background-color: #fff;
	margin: auto;
	margin-top: 10px;
}
#inner-wrap {
	width: 770px;
	/*float: left;
	clear: left;*/
	position: relative;
	padding-top: 316px;
	background-color: #fff;
	margin: auto;
	/*border: 1px solid #000;*/
}
#header {
	position: absolute;
	top: 0pt;
	left: 0pt;
	padding: 0;
	margin: 0;
	/*float: left;
	clear: left;*/
	width: 770px;
	/*height: 238px;*/
	/*border: 1px solid #000;*/

}
#main{
	/*float: left;
	clear: left;*/
	position: relative;
	width: 770px;
	/*padding-top: 220px;*/
	padding-top: 15px;
	background-color: #fff;
	/*border: 1px solid #000;*/
}
#footer {
	position: relative;
	clear: both;
	margin-bottom: 20px;
	width: 750px;
	min-height:330px;
    height:auto !important;
    height:330px;

	padding: 10px;
	text-align: left;
	/*border-top: 5px solid #255198;*/
	/*border: 1px solid #000;*/
	color: #666666;
	font-size: 10px;
	background: url(images/footer-bg.jpg) 0px 0px no-repeat #fff;

}
#footer a 		{ color: #666666; text-decoration: none; }
#footer a:hover { color: #666666; text-decoration: none; }

#right {
	float: right;
	width: 250px;
	/*padding: 10px;*/
	/*border: 1px solid #000;*/
	color: #666666;
}

/* ------- menu ------- */

#head-nav {
	width: 750px;
	height: 300px;
  	padding: 7px 0px 0px 20px;
  	margin: 0;
	float: right;
	background: url(images/header-bg.jpg) 0px 0px no-repeat #fff;
}

#head-nav li {
    padding: 0;
	margin: 0;
	/*padding-left: 10px;
	padding-right: 10px;*/
	list-style-type: none;
	line-height: 25px;
	font-weight: bold;
	width: 115px;
	color: #000;
	text-align: center;
	border-bottom: 1px solid #fff;
	/*border-right: 1px solid #fff;*/
}
#head-nav li a 			{ color: #000; text-decoration: none; display: block;
						background: url(images/button-off.jpg) 0px 0px no-repeat #fff; height: 35px; }
#head-nav li a:hover 	{ color: #fff; text-decoration: none; display: block;
						background: url(images/button-on.jpg) 0px 0px no-repeat #fff; height: 35px; }
						
#foot-contact { margin: auto; padding: 0; width:150px; min-height:250px;
    			height:auto !important; height:250px; font-size: 12px;}
#foot-contact a { color: #5073AB; text-decoration: none; }
#foot-contact a:hover { color: #5073AB; text-decoration: underline; } 
.foot-contact-head { margin: 0; padding: 0; font-size: 16px; color: #5073AB; font-weight: bold; }

#foot-nav {
  	padding: 15px 0px 10px 0px;
  	margin: 0;
	float: left;
	font-size: 10px;
	width: 750px;
	/*border: 1px solid #000;*/
}

#foot-nav li {
    padding: 0;
	margin: 0;
	float: left;
	padding-left: 0px;
	padding-right: 10px;
	list-style-type: none;
}
#foot-nav li a 			{ color: #CC6633; text-decoration: none; }
#foot-nav li a:hover 	{ color: #7484FF; text-decoration: none; }

.main-menu ul li {
	padding: 0;
	margin: 0;
	width: 160px;
	list-style-type: none;
	font-size: 16px;
	color: #959594!important;
	/*border: 1px solid #000;*/
}

.sitemap {
  	float: left;
	clear: left;	
    margin-bottom: 20px;
	width: 100%;
}
.sitemap li {
	clear: left;
	font-family: tahoma, arial, verdana;
	font-size: 12px;
	color: #959595;
}
.sitemap li a 			{ text-decoration: none; color: #959595; }
.sitemap li a:hover 	{ text-decoration: underline; color: #959595; }

.case-list {
  	float: left;
	clear: left;	
    margin-bottom: 20px;
	width: 100%;
}
.case-list li {
	clear: left;
	font-family: tahoma, arial, verdana;
	font-size: 12px;
	color: #959595;
}
.case-list li a 			{ text-decoration: none; color: #959595; }
.case-list li a:hover 	{ text-decoration: underline; color: #959595; }

.services-list {
	MARGIN: 0;
	PADDING: 0;
  	float: left;
	clear: left;	
    margin-bottom: 20px;
	width: 100%;
}
.services-list li {
	margin: 0;
	padding: 0px 0px 5px 0px;
	clear: left;
	font-family: tahoma, arial, verdana;
	font-size: 16px;
	color: #959595;
	font-weight: bold;
	list-style-type: none;
}
.services-list li a 			{ text-decoration: none; color: #5073AB; }
.services-list li a:hover 	{ text-decoration: underline; color: #5073AB; }
.srv-brief-text { color: #999999; font-size: 12px; }


/* Services */

#services-wrap {
	float: left;
	clear: left;
	width: 485px;
	padding: 30px 0px 15px 0px;
}

#twod-cad-conv 				{ float: left;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc; font-family: tahoma, arial, verdana; font-size: 14px; color: #000066; /*color: #959595;*/ font-weight: bold;  }
#twod-cad-conv a 			{ text-decoration: none; color: #000066; /*color: #959595;*/  display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/2d-cad-conversion-from-paper-or-scanned-drawings-icon.jpg) 110px 0px no-repeat #fff!important; width: 150px;}
#twod-cad-conv a:hover 		{ text-decoration: underline; color: #000066; /*color: #959595;*/  display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/2d-cad-conversion-from-paper-or-scanned-drawings-icon.jpg) 110px 0px no-repeat #fff!important; width: 150px;}

#twod-cad-draft { float: left;  border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc;  font-family: tahoma, arial, verdana; font-size: 14px; color: #000066; /*color: #959595;*/  font-weight: bold; }
#twod-cad-draft a 			{ text-decoration: none; color: #000066; /*color: #959595;*/  display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/2d-cad-draughting.jpg) 110px 0px no-repeat #fff!important; width: 150px;}
#twod-cad-draft a:hover 	{ text-decoration: underline; color: #000066; /*color: #959595;*/  display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/2d-cad-draughting.jpg) 110px 0px no-repeat #fff!important; width: 150px;}

#threed-cad-mode { float: left;   border-bottom: 1px solid #ccc; font-family: tahoma, arial, verdana; font-size: 14px; color: #000066; /*color: #959595;*/  font-weight: bold; }
#threed-cad-mode a 			{ text-decoration: none; color: #000066; /*color: #959595;*/  display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/3d-cad-models-icon.jpg) 100px 5px no-repeat #fff!important; width: 150px;  }
#threed-cad-mode a:hover 	{ text-decoration: underline; color: #000066; /*color: #959595;*/  display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/3d-cad-models-icon.jpg) 100px 5px no-repeat #fff!important; width: 150px;  }

#dwg-and-cad 			{ float: left;  border-right: 1px solid #ccc;  font-family: tahoma, arial, verdana; font-size: 14px; color: #000066; /*color: #959595;*/  font-weight: bold; }
#dwg-and-cad a 			{ text-decoration: none; color: #000066; /*color: #959595;*/  padding: 5px; display: block; width: 150px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/dwg-dgn-icon.jpg) 110px 0px no-repeat #fff!important; }
#dwg-and-cad a:hover 	{ text-decoration: underline; color: #000066; /*color: #959595;*/  display: block; width: 150px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/dwg-dgn-icon.jpg) 110px 0px no-repeat #fff!important; }

#cad-soft 				{ float: left;  border-right: 1px solid #ccc;   font-family: tahoma, arial, verdana; font-size: 14px; color: #000066; /*color: #959595;*/  font-weight: bold;  }
#cad-soft a 			{ text-decoration: none; color: #000066; /*color: #959595;*/  display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/cad-software-icon.jpg) 110px 0px no-repeat #fff!important;  width: 150px; }
#cad-soft a:hover 		{ text-decoration: underline; color: #000066; /*color: #959595;*/  display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/cad-software-icon.jpg) 110px 0px no-repeat #fff!important;  width: 150px; }

#draw-and-doc { float: left;   font-family: tahoma, arial, verdana; font-size: 14px; color: #000066; /*color: #959595;*/  font-weight: bold; }
#draw-and-doc a 		{ text-decoration: none; color: #000066; /*color: #959595;*/ display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/drawing-and-scanning-icon.jpg) 100px 0px no-repeat #fff!important; width: 150px;  }
#draw-and-doc a:hover 	{ text-decoration: underline; color: #000066; /*color: #959595;*/  display: block; padding: 5px; min-height:100px; height:auto !important; height:100px; background: url(images/icons/drawing-and-scanning-icon.jpg) 100px 0px no-repeat #fff!important; width: 150px;  }

/* -------------------- */

/* Content */

.content {
	float: left;
	padding: 0px 10px 10px 10px;
	/*width: 780px;*/
	/*width: 507px;*/
	width: 497px;
	min-height:250px;
    height:auto!important;
    height:250px;
	background-color: #fff;
	color: #666;
	/*border: 1px solid #255198;*/
}
.content a 			{ text-decoration: none; color: #2C69CD; }
.content a:hover 	{ text-decoration: underline; color: #2C69CD; }


/* Classes */

h1#heading {
	float: left;
	clear: left;
	margin: 0;
	padding: 0px 0px 10px 0px;
	color: #255198;
}

.right-box {
	float: right;
	clear: right;
    width: 250px;
	padding: 0px 0px 0px 0px;
	
}

.address {
	/*border: 1px solid #000;*/
	float: left;
	clear: left;
	width: 880px;
}

.table-list-item {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.td-list-item {
	text-align: center;
	min-height:150px;
    height:auto!important;
    height:150px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	
}
.td-list-item a {
	text-decoration: none;
	color: #ED018D;
	font-weight: bold;
}
.td-list-item a:hover {
	text-decoration: underline;
	color: #ED018D;
	font-weight: bold;
}
.last { border: none!important; }

.ul-style { width: 250px; float: left; }

.right-tab {
	float: left;
	clear: left;
  	width: 240px;
  	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
  	background-color: #255198; 
  	color: #fff;
	font-size: 16px;
  	font-weight: bold;
}
.success {
	float: left;
	clear: left;
	width: 400px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #358D32;
	background-color: #DEFFD5;
	color: #000000;
}

.error {
	float: left;
	clear: left;
	width: 400px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ff0000;
	background-color: #FFCCCC;
	color: #000000;
}
.enqfrm-error {
	float: left;
	clear: left;
	width: 215px;
	padding: 5px;
	font-size: 10px;
	margin-bottom:3px;
	border: 1px solid #ff0000;
	background-color: #FFCCCC;
	color: #000000;
}
.red {
	color: #ff0000!important;
}



/* Enquiry Form */

#enquiry {
	float: left;
	clear: left;
	width: 230px;
	background: url(images/enquiry-form-bg.jpg) 0px 0px no-repeat #fff;
	padding: 10px 10px 50px 10px;
	/*min-height:450px;
    height:auto!important;
    height:450px;*/
	
	/*float: left;
	clear: left;
	width: 230px;
	background: url(images/enquiry-form-bg.jpg) 0px 0px no-repeat #fff;*/
	padding: 47px 10px 10px 10px;
	min-height:450px;
    height:auto!important;
    height:450px;

}
#enqteltext {
	margin:0; 
	padding: 0px 0px 10px 0px;
	clear: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size:19px; 
	font-weight:bold; 
	color:#666666; 

}

#testimonials {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	width: 230px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(images/testimonials-bg.jpg) 0px 0px no-repeat #fff;
	padding: 10px 10px 10px 10px;
	min-height:230px;
    height:auto!important;
    height:230px;
	/*border: 1px solid #000;*/
	
	/*float: left;
	clear: left;
	margin: 0;
	padding: 0;
	width: 230px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(images/testimonials-bg.jpg) 0px 0px no-repeat #fff;
	padding: 10px 10px 10px 10px;
	min-height:210px;
    height:auto!important;
    height:210px;*/
	/*border: 1px solid #000;*/

}

#quotetext {
	float: left;
	clear: left;
	margin:0; 
	/*padding: 0px 0px 10px 0px;*/
	padding:60px 20px 10px 20px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	font-weight:normal; 
	color:#333333; 
	/*border: 1px solid #000;*/
}

#quotetext li {
	margin:0; 
	padding: 0;
	list-style-type: none;
    /*border: 1px solid #000;*/
}

.bold-blue { font-weight: bold; color: #5073AB; }
.sub-heading { margin: 0; padding: 0; padding-bottom: 4px; font-size: 16px; color: #5073AB; font-weight: bold;}

.small-grey { padding-top: 5px!important; font-size: 11px; color: #999999; font-weight: normal!important; }
.small-red { padding-top: 5px!important; font-size: 11px; color: #ff0000; font-weight: normal!important; }

#text-holder {
	float: left;
	clear: left;
	width: 470px;
	padding: 10px 0px 10px 0px;
	/*border: 1px solid #000!important;*/

}

#content1 {
	background: #fff;
	color: #666;
	padding:10px 10px 10px 10px;
	width: 440px;
	float: left;
	/*border: 1px solid #000!important;*/
}

#content2 {
	background: #fff;
	color: #666;
	padding:10px 10px 10px 10px;
	width: 440px;
	float: left;
	/*border: 1px solid #000!important;*/
}

#content3 {
	background: #fff;
	color: #666;
	padding:10px 10px 10px 10px;
	width: 440px;
	float: left;
	/*border: 1px solid #000!important;*/
}

.img-holder {
	background: #fff;
	color: #000;
	padding:10px 10px 10px 10px;
	width: 186px;
	height: 160px;
	float: left;
	text-align: left;
	/*border: 1px solid #000!important;*/
}

.seocontent {
	margin: 0px;
	padding: 0px;
	width: 450px;
	float: left;
	clear: left;
	color: #666;
	/*border: 1px solid #000!important;*/
}

h1#heading1 { margin: 0px; padding: 0px 10px 0px 10px; float: left; font-size: 12px; width: 450px; /*border: 1px solid #000!important;*/}
h2#heading2 { margin: 0px; padding: 0px 10px 0px 10px; float: left; font-size: 12px; width: 450px; /*border: 1px solid #000!important;*/}
h3#heading3 { margin: 0px; padding: 0px 10px 0px 10px; float: left; font-size: 12px; width: 450px; /*border: 1px solid #000!important;*/}

h1#heading1 { font-weight:normal;font-size:16pt;color: rgb(80, 115, 171); }
h2#heading2 { font-weight:normal;font-size:16pt;color: rgb(80, 115, 171); }
h3#heading3 { font-weight:normal;font-size:16pt;color: rgb(80, 115, 171); }

.showhide { float: left; clear: left; padding: 0px 10px 0px 10px; width: 450px;/*border: 1px solid #000!important;*/}

#slideout a { text-decoration: none!important; color: #0033FF!important; }
#slideout a:hover { text-decoration: underline; color: #0033FF;   }
#slidein a { text-decoration: none!important; color: #0033FF!important; }
#slidein a:hover { text-decoration: underline; color: #0033FF; }

.img-desc { font-size: 10px; font-style: italic; }