html{
	width:100%;
}
html, body, div, span, applet, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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; background: transparent; }
ol, ul {list-style: none;}
a img {
	border:none;
}
body {
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	background:#ffffff;
	font: 14px "Trebuchet MS", Helvetica, sans-serif; color: #fff;
}
.preload {
	position:absolute;
	top:50%;
	left:45%;
	background-color:#9DD0FD;
	padding:20px;
	display:none;
}
.contacts,.clients,.portfolio,.main{
	position:relative;
	margin:0px auto;
	width:960px;
	height:700px;
	text-align:left;
}
form {
	display:inline;
	margin:0px;
}
form li{
	list-style:none;
	display:block;
	width:350px;
	text-align:left;
}
form li span {
	width:165px !important;
	/*width:150px;*/
	display:block;
	white-space:nowrap;
	float:left;
}
.main {
	background:url('imgs/mainbg.jpg');
}
.portfolio{
	background:url('imgs/portfoliobg.jpg');
}
.clients {
	background:url('imgs/clientsbg.jpg');
}
.contacts {
	background:url('imgs/contactusbg.jpg');
}
.logo {
	width:546px;
	height:242px;
	position:absolute;
	left:0px;
	top:0px;
}

.nav {
	position:absolute;
	top:127px;
	left:355px;
	display:block;
	list-style:none;
}
.nav li {
	display:inline;
	height: 22px;  
	border-right: 1px solid #bbb;
}
.nav li a {
	line-height: 22px; color: #fff; padding: 0 12px 0 10px; text-decoration: none; font-weight: bold;
}
.nav li a:hover {
	text-decoration: underline;
}
.last-nav {
	border:0px !important;
}
.home-innovation{
	position: absolute; top: 535px; left: 63px;
}
.home-sky{
	position:absolute;
	right:0px;
	top:62px;
}
.footer { position: absolute; bottom: 0; right: 0;}
.footer span { display: block;  color: #fff; margin: 0 60px 21px 0; font-size: 11px; }

.right-arc{
	position:absolute;
	top:0px;
	right:0px;
}

	.content {width: 960px; height: 485px; background:url(images/content.jpg); position: absolute;bottom:30px;right:0px; }
		.content h1 {padding-left: 406px; font-weight: bold; line-height: 25px;}
		.content p { margin: 26px 0 0 406px; font-size: 13px; line-height: 1.4;}
		.content a {color:white;text-decoration:none;}
		.content a:hover {color:white;text-decoration:underline;}		
		.content span.servises { position:absolute;left:570px;top:60px !important; top:50px;width: 300px; margin: 10px 0 0 42px !important; margin: 10px 0 0 26px; display: block; font-size: 13px; line-height:1.2;}
		.content-menu { margin: 10px 0 0 0; padding-left: 406px; float:left;}
			.content-menu li { display: block; list-style:none;}
			.content-menu li a { color: #fff;  text-decoration: none; font-weight: bold; line-height: 1.3; white-space:nowrap; width:auto; }
			.content-menu li a:hover {text-decoration: underline;}
			.content-menu li a.current { padding-right: 17px; background: url(imgs/current.gif) no-repeat 100% 60%; }
			
	.portfolio-content { position: absolute; left:0px; top:225px;padding-left:50px; width:250px;} 
		 .portfolio-text { margin: 20px 0 0 0;font-size: 13px;}

		.portfolio-naw { position:absolute; top:150px;margin:0px; margin-top:20px;}
			.portfolio-naw li { list-style:none;}
			.portfolio-naw li a { text-align:left;color: #fff; clear:both; font-weight: bold; line-height: 1.9 !important; text-decoration: none;}
			.portfolio-naw li a:hover {text-decoration: underline;}
			.portfolio-naw li a.current-portfolio { padding-right:15px; background: url(imgs/current-portfolio.gif) no-repeat 100% center; }
			
	.clients-content { position: absolute; top:215px; left:0px; }
	.clients-content h1 { margin: 10px 33px 0 33px; float: left;}
		.clients-naw { width: 220px; float: left; margin:0px; margin-top: 15px;}
			.clients-naw li { width: 220px; display: block; float: left; }
			.clients-naw li a { display: block; color: #fff; text-decoration: none; font-size: 13px;}
			.clients-naw li a:hover { text-decoration: underline;}
			.centered { width: 280px;}

	.contacts-content { width: 960px; height: 485px; position: absolute;top:198px;left:0px;font-size: 13px; line-height:1.2;}
		.contacts-content h1 {margin: 0 0 0 406px;}
				.contacts-content .left {  width: 350px;  float: left; margin: 26px 0 0 403px !important; margin: 23px 0 0 203px;}
		 		.contacts-content .right { width: 92px;  float: left; /*margin: -106px 0 0 00px !important; margin: -106px 0 0 20px;*/ position:absolute; top:60px;right:100px;}
	.contact-naw { width: 102px;/*position:absolute; top:80px;*/}
		.contact-naw li { width: 102px; display: block; float: left; }
		.contact-naw li a {  color: #fff; text-decoration: none; padding-right: 15px; line-height: 1.5;}
		.contact-naw li a:hover {text-decoration: underline;}
		.contact-naw .current{	background: url(imgs/current.gif) no-repeat 100% 60%;}
	a.map{
		text-decoration:none;
		font-weight:bolder;
		color:white;
	}
	a.map:hover{
		text-decoration:underline;
	}

	.clickme {
		width:200;height:25;position:absolute;left:647px;top:240px;
		color:white;
		font-weight:bold;
		font-size:11px;
		}
	.whoweare {
		width: 450px;
			}
	
	.grassout
		{
		}
		
	.portfolio-img{
		width:375px;
		height:242px;
		background:url('imgs/portfolioimgbg.jpg');
		position:absolute;
		top:218px;
		left:447px;
		text-align:center;
		margin:0px auto;
		display:none;
	}
	.portfolio-img .imgs {
		position:absolute;
		bottom:10px;
		right:10px;
	}
	
	.portfolio-img .imgs a {
		text-decoration:none;
		color:#fff;
		font-weight:bold;
		margin:0px 2px;
		padding:0px 2px;
		width:20px;
	}
	
	.portfolio-img .title{
		position:absolute;
		left:10px;
		bottom:10px;
	}
	
	.portfolio-img .imgs a:hover {
		text-decoration:underline;
	}
	.img-current{
		background:url('imgs/circle.jpg');background-repeat: no-repeat;background-position:center;
	}
	.img-currentwide{
		background:url('imgs/circlewide.jpg');background-repeat: no-repeat;background-position:center;
	}	
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 2%;
	left: 2%;
	height: 96%;
	width:96% !important;
	width:104%;
	min-width:230px;
	min-height:230px;
	text-align: center;
	background:#000;
	line-height:0;
}
#lightbox-loading a {
	position:absolute;
	top:40%;
	left:2% !important;
	width:96%;
}
#lightbox-loading img {
	width:24px;
	height:24px;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
	opacity: 0.6; 
	-moz-opacity: 0.6; 
	filter: alpha(opacity=60);
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}