html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html{ height:100%;}
body{
	margin:0;
	font:11px/1.5 Arial, Helvetica, sans-serif;
	background:#f1f0e1;
	color:#666;
	height:100%;
}
h1 {
	font:bold 11px/1.5 Arial, Helvetica, sans-serif;
	padding-top:0;
	color:#06c;
}
p.intro {font:14px/2 Arial, Helvetica, sans-serif;}
img{border-style:none;}
a{
	text-decoration:none;
	color:#06c;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/*-- main --*/
#main {
	width:760px;
	margin:0 auto;
	background:#fff;
	overflow:hidden;
	min-height:100%;
}

/*-- header --*/
#header {
	/*border-top:1px solid #fff;*/
	position:relative;
	width:760px;
	height:250px;
	overflow:hidden;
	background-color: #808080;
	background-repeat:no-repeat;
}
/*-- bg's --*/
.home { background-image:url(../images/home.jpg);}
.service { background-image:url(../images/service-k.jpg);}
.construction {background-image:url(../images/construction-k.jpg);}
.automation { background-image:url(../images/automation-k.jpg);}
.estimation { background-image:url(../images/estimation-k.jpg);}
.contact-us { background-image:url(../images/contact.jpg);}

/*-- navigation --*/
.nav-holder {
	width:520px;
	position:absolute;
	bottom:0;
	left:240px;
}
ul.nav {
	width:520px;
	background:url(../images/bg-nav.png);
	margin:0;
	padding:0;
}
ul.nav li{
	line-height:20px;
	padding:0 0 0 9px;
	display:inline;
	list-style:none;
}
ul.nav li a{
	position:relative;
	font-weight:bold;
	font-size:10px;
	color:#ccc;
}
ul.nav li a:hover,
ul.nav li a.active{
	text-decoration:none;
	color:#fff;
}
/*-- logo --*/
strong.logo {
	background:url(../images/logo.jpg) no-repeat;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	width:760px;
}
/*-- content --*/
#content {
	height:1%;
	padding:0 60px;
}
#content:after{
	clear:both;
	content:"";
	display:block;
}
/*-- main-content --*/
#main-content {
	padding:10px 0 33px;
	width:450px;
	float:right;
}
#main-content h1{
	float:left;
}

#main-content h2{
	padding:10px 0 0;
	font-size:11px;
	font-weight:bold;
}

/*-- column --*/
.column {
	width:319px;
	float:right;
	padding:0 0 0 1px;
}
.column  p img{
	position:relative;
	margin:7px 0 0 -130px;
	float:left;
}
/*-- lists --*/
.lists {
	overflow:hidden;
	height:1%;
}

ul.list {
	padding:10px 10px 0 0;
}

ul.list li{
	list-style:none;
	padding:0 0 0 12px;
	background:url(../images/bullet.gif) no-repeat 0 5px;
}
.lists ul.list{
	float:left;
	width:149px;
}

/*-- sidebar --*/
.sidebar{padding:88px 0 0;}
.sidebar h3{
	height:1%;
	position:relative;
	margin:0;
	padding:0 0 3px;
	font-size:11px;
	color:#06c;
}
.sidebar h3.write {
	font-style:italic;
	margin:0 0 0 -17px;
	padding:0 0 3px 17px;
	background:url(../images/pencil.gif) no-repeat;
}
.sidebar p{
	padding:7px 0 0;
}

.sidebar p a{ 
	color:#808080;
}

/*-- text-box  --*/
.text-box {
	overflow:auto;
	position:relative;
	height:325px;
	padding-right:7px;
	padding-left:5px;
}
/*-- scroll-content --*/
.sidebar .scroll-content { width:161px !important; height:315px !important; }
.vscroll-line {
	display:none;
}

.vscroll-bar { 
	background:url(../images/bg-scroll-bar.gif) repeat-y; 
	width: 8px !important;
}

.vscroll-slider{
	left:0 !important;
	width:8px !important;
	background:#666678;
}
.vscroll-up {
	display:none;
}

.vscroll-down {
	display:none;
}

/*-- testimonial --*/
p.test {
	font:italic 10px/1.1 Arial, Helvetica, sans-serif;
	margin:0;
	padding-top:7px;
}
p.testAuth {
	font:9px/1.1 Arial, Helvetica, sans-serif;
	margin:6px 0 0;
	padding:6px 0;
	border-bottom:1px solid #a0a0a0;
}
p.testAuth span{
	display:block;
}

/*-- project articles --*/
p.proj { 
	font:italic 11px/1.1 Arial, Helvetica, sans-serif;
	margin:0; 
	padding-top:10px; 
}

p.proj span {
	display:block; 
}

/*-- calendar --*/
.calendar { 
	clear:both; 
	width:640px; 
	padding-right: 60px; 
	padding-bottom: 30px; 
}

/*-- gallery --*/
.gallery { 
	padding: 12px 0 40px; 
	width: 640px; 
	clear: both; 
	overflow: hidden; 
}

.gallery .text-box{
	width:640px;
	padding:0;
	border:none;
	height:230px;
	overflow:auto;
}

.gallery .scroll-content {
	width:640px !important;}

.gallery .gallery-holder {
	overflow: hidden;
	width: 623px;
	position:relative;
}
.gallery ul{
	margin:0 -9px 0 0;
	padding:0;
	width:632px;
	overflow:hidden;
}
.gallery ul li{
	padding:0 9px 10px 0;
	float:left;
	list-style:none;
	position: relative;
}

.gallery ul li img { 
	display:block;
}

#image-holder {
	text-align:center;
	margin:12px 0 0;
}

#image-holder img{text-align:center;}
.sidebar address {
	padding:12px 0;
	line-height:1.2;
	font-style:normal;
}

.sidebar address span{
	display:block;
}

/*-- contact-info --*/
.contact-info {
	padding:6px 0 9px;
	font-size:12px;
}
.contact-info span{
	line-height:1.2;
	display:block;
}

/*-- personnel --*/
#rightcol-med {
	float:right;
	width:450px;
	padding:0;
}

/*table styles --*/
.dataTable thead{ 
	font-size:11px; 
	font-weight: bold; 
}

.dataTable thead td{
	padding:0 0 6px 0;
}

.dataTable tbody{	
	font-size:11px;
}

.dataTable tbody td{
	padding:6px 0 0;
	
}

.dataTable tbody a{
	text-decoration:none;
}

.dataTable tfoot td{
	height:20px;
}

/*-- form --*/

.form { 
	padding-bottom:5px;
}

#main-content .form h2{
	padding:4px 0 0;
	font-size:12px;
	color:#06c;
}

#main-content .form h3{
	color:#808080;
	font-weight:normal;
	font-size:12px;
	padding:12px 0 10px;
}

#main-content .form p{
	padding:12px 0 0;
	font-size:10px;
	line-height:1.2;
}

#main-content .form fieldset{ 
	padding-top:30px;
}

.form .row{
	overflow:hidden;
	height:1%;
	padding-bottom:10px;
}

.form label{
	font-size:11px;
	display:block;
}

.form input.text{
	width:210px;
	line-height:11px;
	font-size:10px;
	float:left;
	margin:0;
	padding:0 5px;
}
.form input.required {
	background:#fcefa1;
}

.form textarea{
	width:215px;
	height:40px;
	margin:0;
	float:left;
	padding:0 5px;
}
/*-- footer --*/
#footer {
	background:url(../images/bg-footer.gif) repeat-x;
	width: 450px;
	padding:2px 0 30px 190px;
	clear:both;
	font-size:10px;
	line-height:1.3;
}
ul.foot-nav {
	height:1%;
	overflow:hidden;
	padding-bottom:2px;
	background:url(../images/bg-dots.gif) repeat-x 0 100%;
}
ul.foot-nav li{
	font-size:10px;
	line-height:19px;
	float:left;
	padding:0 7px 0 0;
	list-style:none;
}
.info {
	padding:2px 0 5px;
	overflow:hidden;
	height:1%;
	background:url(../images/bg-dots.gif) repeat-x 0 100%;
}
#footer address {
	font-style:normal;
	width:216px;
	padding:1px 0 0 20px;
	float:right;
}
#footer address  span{
	display:block;
}

#footer address span.tel{
	padding-top:13px;
}

.company-info { 
	line-height:18px; 
	font-size:9px; 
	background:url(../images/bg-dots.gif) repeat-x 0 100%; 
	padding-bottom: 5px;
}

.company-info a{
	padding-left:12px;
	color:#666;
}