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

* {
	margin: 50;
	padding-top: 20;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

body#homepage a#homenav,
body#about a#aboutnav,
body#plant a#plantnav,
body#client a#clientnav,
body#work a#worknav,
body#contact a#connav {
color:#00A5DF;
}

body,
	html {
		margin:0;
		padding:0;
		background:#070708;
	/*	background-image:url(images/web/bg.gif); */
		color:#000;
	}
	body {
		min-width:1000px;

	}
	
	p{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	}
	
	#wrap {
	width:990px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	}
	
	#header {
	height: 147px;
	background-image: url(images/head.jpg);
	}
	
	#nav {
	/*background:#c99;*/
	height: 113px;
	width: 450px;
	float: right;
	margin-top: 20px;
	}
	
#nav ul
{
	font-family: Helvetica, Arial, sans-serif;
	font-size:0.875em;
	list-style: none;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;

}

#nav li
{
	float: left;
	background-image:url(images/sep.jpg);
	background-repeat: no-repeat;
	background-position:right;
	padding-top: 9px;
	padding-right: 1em;
	padding-bottom: 8px;
	padding-left: 0.75em;
	margin: 0px;
	
}


#nav li.last
{
	float: left;
	margin: 0px;
	background-image:none;
	
}

#nav ul li.here
{

	color: #FFFFFF;
	text-decoration:underline;
}


#nav li a
{
/*background: url(background.gif) #fff bottom left repeat-x;*/

/*line-height: 2em;*/
float: left;
display: block;
color:#A4A3A7;
font-size:12px;
font-weight:bold;
text-decoration: none;
text-align: center;
}

#nav li a:hover {
color:#00A5DF;
}

.active_nav {
color:#A3BD0B;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding-top:5px;
}


/* Hide from IE5-Mac \*/
#nav li a{
float: none
}
/* End hide */

#nav-menu{
width:30em
}
	
	#content_area {
	height: 216px;
	}
	
	#footer {
	height: 56px;
	background-image: url(images/footer.gif);
	float: none;
	clear: both;
	
	}
	
	#about_content_area {
	height: 311px;
	}
	
	#hero {
	height: 175px;
	background-image: url(images/hero.jpg);
	}
	
	#area1{
	float:left;
	width: 248px;
	padding-left: 46px;
	padding-top: 32px;
	height: 170px;
	padding-right: 35px;
	}
	
	#our_work_area1{
	width: 329px;
	height: 460px;
	background-image: url(images/work_left_area.jpg);
	float: left;
	}
	
	#our_work_area_design{
	width: 329px;
	height: 460px;
	background-image:url(images/work_left_area_design.jpg);
	float: left;
	}
	
	#area2{
	float:left;
	width: 329px;
	height: 285px;
	}
	
	#area3{
	float:left;
	width: 250px;
	padding-left: 42px;
	padding-top: 32px;
	height: 100px;
	padding-right: 36px;
	}
	
	#area4{
	float:left;
	padding-left: 42px;
	height: 100px;
	}
	
	.clear {
	height:1px;
	margin:0 0 -1px 0;
	clear:both;
	overflow:hidden;
}
	
	#work_content_area_left {
	height: 427px;
	width: 332px;
	margin-left: 6px;
	background-color: #262626;
	background-image:url(images/web/work_left_area.png);
	float: left;
	}
	
	#work_div1_left {
	height:93px;
	}
	
	#work_div2_left {
	height:110px;
	}
	
	#work_div3_left {
	height:111px;
	
	}
	
	#work_div4_left {
	height:111px;
	}
	
	#work_sections1{
	width:114px;
	float: left;
	line-height: 20px;
	margin-top: 13px;
	}
	
	#work_sections2{
	float:left;
	width:160px;
	line-height: 20px;
	margin-top: 15px;
	margin-left: 9px;
	
	}
	
	#work_image_nav{
	height:20px;
	float: left;
	background-color: #FFFFFF;
	padding-left: 2px;
	}
	
	#work_content_area_right {
	height: 440px;
	width: 657px;
	background-color: #ffffff;
	float: left;
	background-image: url(images/web/work_content_right_bg.png);
	padding-left: 2px;
	margin-top: 0px;
	}
	#work_content_area_right_shop {
	height: 437px;
	width: 657px;
	background-color: #ffffff;
	float: left;
	background-image: url(images/web/work_content_right_bg.png);
	padding-left: 2px;
	padding-top: 1px;
	}
	
	
	#work_large_image_area {
	width:616px;
	height:375px;
	margin-left: 21px;
	margin-top: 21px;
	margin-bottom: 12px;
	}
		
	#work_back_btn {
	width:49px;
	height:18px;
	float: left;
	margin-top: 1px;
	
	}
	
	#work_next_btn {
	width:49px;
	height:18px;
	margin-left:608px;
	margin-top: 1px;
	}
	
	#work_sect1_text{
	margin-left:40px;
	height: 100px;
	margin-bottom: 10px;
	}
	
	#index {
	/*background:#9c9;*/
	float:left;
	width:603px;
	background-image: url(images/home.gif);
	height: 422px;
	}
	

	#content {
	background-image: url(images/home_content_bg.gif);
	height:285px;

	}

	#contact_content{
	height:460px;
	background-image:url(images/contact_bg.gif)
	
	}


	#our_work_content {
	background-image: url(images/work_bg.gif);
	height: 460px;
	}
	
	#about_footer {
	background-image: url(images/web/about_footer.png);
	height:95px;
	width: 664px;
	float: right;
	}

#sect1 {
	height:216px;
	width:334px;
	background-image:url(images/web/sect1_bg.png);
	margin-left: 0px;
	float: left;
	padding-left: 6px;
	background-repeat: no-repeat;
	background-color: #262626;
}

#sect1_title{
	margin-left: 30px;
	margin-top: 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	}

#about_sect2_title{
	margin-left: 30px;
	margin-top: 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	}	

#work_title {
	margin-left: 42px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #00A5DF;
	font-weight:bold;
	padding-top: 20px;
}

#work_text{
	margin-left: 42px;
	padding-right: 30px;
	}

#about_sect2_text{
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 10px;
	}
	
.titletext{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A3BD0B;
	line-height:14px;
	font-weight:bold;
	margin-top: 14px;
	}

.normtext{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #899298;
	font-weight:normal;
	padding-bottom: 14px;
	}

.contact_label{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #899298;
	font-weight:normal;
	padding-bottom: 7px;
	padding-top:7px;
	padding-right:7px;
	text-align:left;
	padding-left: 45px;
	}
	
.contact_label_receive{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #899298;
	font-weight:normal;
	padding-bottom: 7px;
	padding-top:7px;
	padding-right:0px;
	text-align:left;
	padding-left: 0px;
	}
	
.contact_req {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	color:#FF0000;
	}

#sect1_text{
	margin-left: 30px;
	margin-top: 20px;
	padding-right: 30px;
	margin-right: 10px;
	}

#about_scroll_area{
	margin-left: 40px;
	margin-top: 20px;
	padding-right: 12px;
	}

.scrollArea {
	width: 270px;
	height: 247px;
	padding-right:10px;
	border: 1px solid #666;
	border-color: #262626;
	border-width: 1px;
	border-style: solid;
	float: left;
	overflow: auto;
}

#about_sect1 {
	height:311px;
	width:330px;
	background-image:url(images/web/about_sect1.png);
	margin-left: 6px;
	padding-right: 0px;
	float: left;
}

#team_text{
	background-image:url(images/web/shadow.jpg);
	float: left;
	width: 177px;
	height: 216px;
	}

#sect2 {
	height:216px;
	width:325px;
	background-color:#262626;
	background-image:url(images/web/sect2_bg.png);
	float:left;
	}

#sect2_anim{
	background-image:url(images/web/key_services_frames.gif);
	height:215px;
	
	}

#about_sect2 {
	height:216px;
	width:430px;
	background-color:#262626;
	background-image:url(images/web/about_sect2.png);
	padding-right: 0px;
	float:left;
	}

#sect3{
	width: 335px;
	height: 216px;
	float: left;
}


#sect3a {
	height:168px;
	width:161px;
	background-image:url(images/web/sect3a_bg.png);
	padding-right: 0px;
	float:left;
}

#about_sect3 {
	height:216px;
	width:234px;
	background-image:url(images/web/about_sect3.png);
	padding-right: 0px;
	float: left;

}

#about_sect3_title{
	margin-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	width: 209px;
	}
	
#about_sect3_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	width: 209px;
	}
	
	
#sect3a_title{
	margin-left: 30px;
	margin-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	width: 120px;
	}

#sect3a_text{
	margin-left: 30px;
	margin-top: 20px;
	}

#sect3b {
	height:168px;
	width:174px;
	background-image:url(images/web/sect3b_bg.png);
	padding-right: 0px;
	float:left;
}

#sect3b_title{
	margin-left: 30px;
	margin-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #A3BD0B;
	font-weight:bold;
	}

#sect3b_text{
	margin-left: 30px;
	margin-top: 20px;
	}

#sect3c {
	height:48px;
	width:335px;
	background-image:url(images/web/sect3c_bg.png);
	padding-right: 0px;
	float: left;

}

#sect3c_text {
	margin-left: 30px;
	margin-top: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A4A3A7;
	line-height:14px;
	}

p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A4A3A7;
	line-height:14px;
	}
	
.work_menu_item{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #899298;
	}

a:hover {
	text-decoration: none;
	color:#00A5DF;
	}

a:link {
	text-decoration: none;
	}

a:visited {
	text-decoration: none;
	}

	
.work_menu_active{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #A3BD0B;
	line-height:5px;
	}


h1 {
	padding-top: 15px;
	padding-bottom: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 21px;
	padding-left: 30px;
}

h2 {
	padding-top: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #444444;
	padding-left: 30px;
}

h3 {
	padding-top: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #339966;
	padding-left: 30px;
}



#home
{
	display: block;
	float:right;
	width:140px;
	background-image:url(images/fin.gif);
	background-position:right;
	background-repeat:no-repeat;
	position: absolute;
	left: 610px;
	top: 632px;
}

.home
{
display: block;
font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
color: #3399CC;
}

.bluebold{
font-family:Arial, Helvetica, sans-serif;
color:#00A5DF;
font-weight:bold;
font-size:12px;
letter-spacing:normal;
}

.blueboldtitle{
	font-family:Arial, Helvetica, sans-serif;
	color:#00A5DF;
	font-weight:bold;
	font-size:12px;
	letter-spacing:normal;
	padding-bottom: 12px;
}


#thumb1{
	width:83px;
	height:83px;
	float: left;
	margin-left: 13px;
	margin-top: 13px;
	margin-right: 13px;

}

#spacer{
	width:10px;
	height:100px;
	float: left;
	clear: left;
}

#content_clients{
	height: 460px;
	width: 989px;
}
	
#content_plant{
	height: 462px;
	background-image:url(images/plant_whole_bg.gif);
	background-repeat:no-repeat;
	width: 989px;
}

#content_plant_container{
	float:left;
	width: 329px;
	height: 460px;
}

#plant_text{
	margin-left:46px;
	padding-top:35px;
	height: 170px;
	width: 250px;
}
#plant_video{
	padding-top:37px;
	height: 217px;
	padding-left: 2px;
	width: 325px;
}

#plant_image_stack{
	float:left;
	width:79px;
	height: 460px;
	margin-left:2px;

}
#imagestack_image{
	height:77px;
	width:77px;
}

#plant_image_area{
	float:left;
	height:458px;
	width:579px;
	margin-top: 2px;
}

#plant_image_area1{
	float:left;
	height:458px;
	width:579px;
	margin-top: 2px;
}
#plant_image_area2{
	background-image:url(images/vutek_QS3200R.jpg);
	float:left;
	height:458px;
	width:579px;
	margin-top: 2px;
}
#plant_image_area3{
	float:left;
	height:458px;
	width:579px;
	margin-top: 2px;
}

#section1 {
	margin-left:46px;
	height: 90px;
}

#section2 {
	margin-left:46px;
	margin-right:35px;
	margin-top: 38px;
	height: 99px;
}

#section3 {
	margin-top: 12px;
}

#our_work_cats {
	width: 250px;
}

#contact_form {
	margin-top: 15px;
	width: 615px;

}

#contact_title {
	margin-top: 40px;
	margin-left: 45px;
}

.contact_title_text1 {

font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
color: #FFFFFF;
font-size:21px;
}

.contact_title_text2 {

font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
color: #00A5DF;
font-size:21px;
}

#address_block {
	width:200px;
	float: left;
	margin-top: 25px;
}
#form_area{
	width:680px;
	float: left;
}
#address_title {

}
.addresstext{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #899298;
	font-weight:normal;
	padding-bottom: 14px;
	line-height: 1.2;
	}
#address_area{
	margin-top:40px;
	width: 200px;
	float: left;
	margin-left: 10px;
	}
.textfield {
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 25px;
	width: 350px;
	background-color: #000000;
	color: #EEEEEE;
	padding-left: 5px;
	padding-top: 7px;
	}

.commentsfield {
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 50px;
	width: 350px;
	background-color: #000000;
	color: #ffffff;
	padding-left: 5px;
	padding-top: 6px;
	}

	#contact_success{
	width:450px;
	margin-left: 46px;
	margin-top: 50px;
	}

#kgkcreative{
	width:240px;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 756px;
	}
.kgkcreative{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;
	}
.kgkcreative a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-align:right;
	font-weight:bold;
}
.kgkcreative a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#a2bd0c;
	font-size:12px;
	text-align:right;
	font-weight:bold;
}

#left_area_wrap{
	float:left;
	height:284px;
	}

#flash_latest{
	float:left;
	height:80px;
	clear: both;
	width:327px;
	margin-left: 2px;
	margin-top: 3px;
	
	}
	
#client_login{
margin-top:10px;
margin-right:43px;
height:45px;
margin-bottom:12px;
background-repeat:no-repeat;
background-position:right;
}