/* General Styles */
body{
	/*background: #01ac25 url("../img/background.png") repeat-x;*/
	background: #c1d969 url("../imgs/bg-home.jpg") no-repeat top;
  	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}
p{
	font-size: 11px;
	color: #696969;
	line-height: 155%;
	margin-bottom: 10px;
}
p.indent{
	margin-left: 15px !important;
	margin-bottom: 15px;
}
.plant_bottom, .plant_bottom2{
	width: 44px;
	height: 49px;
	position: absolute;
	z-index: 99;
}
.plant_bottom{
	margin: -65px 0 0 547px;
}
img.plant_bottom, x:-moz-any-link { margin: -50px 0 0 -85px !important; } /* FireFox 2 */
img.plant_bottom, x:-moz-any-link, x:default { margin: -50px 0 0 -85px !important; } /* FireFox 3 */
.plant_bottom2{
	margin: -65px 0 0 558px;
}
.title{
	display: block;
	margin: 10px 0 0 0;
}
.green{
	color: #00ac25;
}
.red{
	color: #880303;
}
.grey{
	color: #696969;
}
.small{
	font-size: 11px;
}
h1{
	color: #fff;
}
h1.left_in{
	margin: 0 0 0 5px;
}
h3{
	margin: 0 0 0 15px;
	color: #f1f1f1;
}


/* Navigation */
#nav_wrapper{
	width: 845px;
	height: 37px;
	margin: 0 auto;
}
	ul.nav{
		padding: 3px 0 0 0;
		height: 37px;
		position: relative;
	}
		ul.nav li{
			float: left;
		}
			ul.nav li.active a{
				z-index: 7 !important;
				background-position: bottom !important;
			}
			ul.nav li a{
				position: absolute;
				height: 37px;
				width: 147px;
			}
			ul.nav li a.home{
				z-index: 6;
				left: 73px;
				background: url("../img/tab-home.png") no-repeat;
			}
			ul.nav li a.overview{
				z-index: 5;
				left: 183px;
				background: url("../img/tab-overview.png") no-repeat;
			}
			ul.nav li a.skills{
				z-index: 4;
				left: 293px;
				background: url("../img/tab-skills.png") no-repeat;
			}
			ul.nav li a.ourwork{
				z-index: 3;
				left: 403px;
				background: url("../img/tab-ourwork.png") no-repeat;
			}
			ul.nav li a.hireus{
				z-index: 2;
				left: 513px;
				background: url("../img/tab-hireus.png") no-repeat;
			}
			ul.nav li a.news{
				z-index: 1;
				left: 623px;
				background: url("../img/tab-blog.png") no-repeat;
			}
				ul.nav li a img{
					display: none;
				}
				
/* subnav */
ul.subnav{
	margin: 3px 0 15px -5px;
	overflow: hidden;
}
	ul.subnav li{
		float: left;
		font-size: 10px;
		color: #696969;
		padding-bottom: 2px;
	}
		ul.subnav li a{
			font-size: 11px;
			text-decoration: none;
			color: #696969;
			padding: 0 10px;
		}
		ul.subnav li a:hover, ul.subnav li.active a{
			color: #00ac25;
		}


/* Layout Elements */
#top_white{
	background: url("../img/nav-top.png") repeat-x;
	width: 100%;
	height: 7px;
	position: absolute;
	z-index: 7;
	left: 0;
}
#wrapper{
	width: 845px;
	margin: 0 auto;
	position: relative;
}
	.logo-div{
		width: 284px;
		height: 70px;
		margin: 75px 0 0 280px;
	}

/* home page */
.box_630{
	width: 630px;
	margin: 30px 0 0 110px;
	overflow: hidden;
}
	.cont_123{
		overflow: hidden;
		height: 181px;
		width: 630px;
	}
	.cont{
		overflow: hidden;
		width: 630px;
	}
		.clickbox {
			cursor: pointer;
		}
		#box1 img, #box2 img, #box3 img{
			position: absolute;
		}
		#box2 img{
			margin: 0 0 0 210px;
		}
		#box3 img{
			margin: 0 0 0 420px;
		}

	.cont_home_text{
		margin: 7px 0 0 0;
	}
		#point1, #point2, #point3{
			position: absolute;
			margin: 7px 0 0 95px;
			z-index: 100;
		}
		#point2{
			margin: 7px 0 0 304px;
		}
		#point3{
			margin: 7px 0 0 519px;
		}
		.middle_627{
			width: 627px;
			background: url("../img/text-middle.png") repeat-y;
			float: left;
		}
			.middle_627_back, .middle_627_back_scale{
				width: 619px;
				margin: 0 0 0 4px;
				/*background: #f1f1f1 url("../img/middle_627_back.png") repeat-x;*/
				float: left;
				height: 94px;
			}
			.middle_627_back_about{
				width: 619px;
				margin: 0 0 0 4px;
				/*background: #f1f1f1 url("../img/middle_627_back.png") repeat-x;*/
				float: left;
				height: 234px;
			}
			.middle_627_back_scale{
				height: auto;
			}
			#text1, #text2, #text3{
				overflow: hidden;
				position: absolute;
				width: 630px;
			}
			#text4{
				overflow: hidden;
				position: absolute;
				width: 330px;
				top: 215px;
				left: 430px;
				font-size:11px;
			}
			.content_holder{
				width: 590px;
				margin: 0 auto;
			}
				.content_holder img{
					margin: 5px 7px !important;
				}
			.scroller{
				height: 260px;
				overflow: scroll;
				overflow-x: hidden;
			}
			.gradiant{
				background: url("../img/scroller_back.png") repeat-x bottom;
				height: 50px;
				width: 537px;
				position: absolute;
				margin: 210px 0 0 0;
			}
				.content_holder p{
					width: 512px;
					margin-left: 8px;
				}
				p.last{
					margin-bottom: 30px;
				}
				.middle_627_back img{
					margin: 10px 0 0 15px;
				}
				.middle_627_back p{
					float: left;
					width: 580px;
					margin: 5px 0 10px 15px;
				}
a.spam_can{
	width: 151px;
	height: 98px;
	margin: 5px 0 0 120px;
	display: block;
}
.spam_text{
	float: left;
	width: 300px !important;
}

/* skills page */
.box_834{
	width: 834px;
	margin: 30px 0 0 5px;
	float: left;
}
	.left_193{
		width: 193px;
		float: left;
	}
		.top_193{
			width: 193px;
			height: 11px;
			background: url("../img/top-193.png") no-repeat;
		}
		.middle_193{
			width: 193px;
			background: url("../img/middle-193.png") repeat-y;
		}
			.middle_193_cont{
				width: 185px;
				margin: 0 auto;
				min-height: 290px;
				background: #f1f1f1 url("../img/middle_627_back.png") repeat-x;
			}
				.middle_193_cont img, .middle_193_cont ul, .middle_193_cont p{
					margin: 5px 10px 0 10px !important;
				}
				.middle_193_cont ul{
					margin-top: 10px !important;
					padding-bottom: 10px !important;
				}
					.middle_193_cont ul li{
						margin: 5px 0;
					}
						.middle_193_cont ul li a{
							color: #696969;
							font-size: 11px;
							text-decoration: none;
						}
						.middle_193_cont ul li.active a, .middle_193_cont ul li a:hover{
							color: #00ac25;
						}
		.bottom_193{
			width: 193px;
			height: 11px;
			background: url("../img/bottom-193.png") no-repeat;
		}
	.right_639{
		width: 639px;
		float: right;
	}
		.top_639{
			width: 639px;
			height: 11px;
			background: url("../img/top-639.png") no-repeat;
		}
		.middle_639{
			width: 639px;
			background: url("../img/middle-639.png") repeat-y;
		}
			.middle_639_cont{
				width: 631px;
				margin: 0 auto;
				min-height: 290px;
				background: #f1f1f1 url("../img/middle_627_back.png") repeat-x;
			}
				.middle_639_cont p{
					float: left;
					width:245px;
					margin:5px 10px 15px 5px !important;
				}
					.middle_639_cont p a{
						color: #00ac25;
						text-decoration: none;
						font-size:11px;
					}
				.middle_639_cont ul{
					margin: 5px 10px 5px 25px !important;
				}
				.middle_639_cont img{
					margin: 5px 15px !important;
				}
					.middle_639_cont ul li{
						
					}
						.middle_639_cont ul li a{
							color: #696969;
						}
						.middle_639_cont ul li.active a{
							color: #00ac25;
						}
				ul.skills{
					float: left;
					display: inline;
				}
					ul.skills li{
						list-style-position: inside;
						margin: 5px 0;
						color: #696969;
						font-size: 12px;
  						list-style-image: url("../img/bullet.gif");
					}
		.bottom_639{
			width: 639px;
			height: 11px;
			background: url("../img/bottom-639.png") no-repeat;
		}
		
		
/* our work */
.bubble { 
	margin: 0px 1px; 
	float: left; 
}
	.bubble div{
  		background: url("../img/bubble.png") no-repeat;
		width: 245px;
		height: 55px;
		position: absolute;
		font-size: 10px;
		color: #4c4c4c;
		line-height: 12px;
		padding: 19px 0 0 15px;
		display: none;
	}
div table tr td{
	color: #666;
	font-size: 10px;
  	line-height: 15px;
}
.port1 div{ top: 177px; left: 95px; }
.port2 div{ top: 177px; left: 295px; }
.port3 div{ top: 177px; left: 490px; }
.port4 div{ top: 268px; left: 95px; }
.port5 div{ top: 268px; left: 295px; }
.port6 div{ top: 268px; left: 490px; }
.port7 div{ top: 358px; left: 95px; }
.port8 div{ top: 358px; left: 295px; }
.port9 div{ top: 358px; left: 490px; }

p.more{
	margin-left: 25px;	
}
	p.more a{
		font-size: 11px;
		color: #00ac25;
		text-decoration: underline;
		padding: 0 5px;
	}
	p.more a.active{
		text-decoration: none !important;
		color: #666;
	}

#shadowbox_title_inner a{
	margin:0 15px;
	color: #00ac25;
	font-size: 11px;
	text-decoration: none;
}
#shadowbox_title_inner span{ font-size: 11px !important; }
.design_cg{	margin-left: 18px; }

.full_list{
	color: #999;
	margin: 10px 65px 15px 8px;
}
	.full_list li{
		margin: 0 0 10px 0;
	}
		.full_list li a{
			color: #00ac25;
			text-decoration: underline;
		}


/* hire us */
/* contact us */
form#myForm{
	overflow: hidden;
	margin-left: 15px;
}
	.name_email{
		overflow: hidden;
		margin: 0 0 15px 0;
	}
		form#myForm p{
			width: 155px !important;
			float: left;
			margin-left: 0;
		}
			form#myForm label{
				width: auto;
			}
	
	.pages_services{
		overflow: hidden;
	}
		.pages{
			float: left;
			width: 160px;
		}
			.pages a.frmShdwRadio{
				margin: 0 !important;
			}
		.services{
			float: left;
			width: 390px;
			overflow: hidden;
		}
			.services_col1, .services_col2{
				width: 180px;
				float: left;
			}
				.services_col1 label, .services_col2 label{
					margin-top: 2px !important;
				}
				.pages label, .services_col1 label, .services_col2 label{
					color: #696969;
				}
	form#myForm p.submit{
		width: 350px !important;

	}
		.btn_send{
			float: left;
		}
		span.required{
			float: right;
			margin-top: 7px;
			width: 250px;
		}
	
		a.frmShdwCheck img{
			margin: 2px !important;
		}
		
/* chat */
object.chat_box{
	float: left;
	margin: 0 25px 0 0;
	display: inline;
}
p.chat_para{
	float: right;
	margin-right: 25px;
	width: 280px;
	display: inline;
}

/* map */
.hire_map_left{
	width: 200px;
	float: left;
}
	.hire_map_left ol{
		margin-left: 20px;
	}
		.hire_map_left ol li{
			list-style-type: decimal;
			list-style-position: outside;
			color: #696969;
			font-size: 11px;
			margin: 8px 0;
			line-height: 160%;
			width: 170px;
		}
	.hire_map_left p{
		margin-left: 20px;
	}
.hire_map_right{
	width: 350px;
	float: left;
}
	ul.nav_map{
		overflow: hidden;
		margin-left: 7px;
		padding-bottom: 5px;
	}
		ul.nav_map li{
			float: left;
			color: #696969;
			font-size: 10px;
			margin-left: 5px;
		}
			ul.nav_map li a{
				color: #696969;
				padding: 0 5px;
				text-decoration: none;
				font-size: 11px;
			}
			ul.nav_map li a.activeSlide{
				color: #00ac25;
			}

/* news */
table.news{
	margin-left: 10px;
	width: 535px;
}
	
	table.news tr.dark{
		background: #e8e8e8;
	}
		table.news tr td{
			padding: 15px;
			font-size: 12px;
			text-transform: none;
			color: #5b5b5b;
		}
			table.news tr td a{
				color: #00ac25;
				text-decoration: none;
			}
			table.news tr td.one{
				width: 75px;
			}
			table.news tr td.three{
				width: 60px;
			}
/* footer */
#footer{
	clear: both;
	width: 627px;
	margin: 140px auto 0 auto;

}
#footer p{
	color: #677828;
	font-family: Geneva, sans-serif;
	font-size: 9px;
	text-align: center;
}
img.headline{
	margin-top: 15px !important;
}




/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

<http://wiki.novemberborn.net/sifr3>.

*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
	height: 28px;
    padding-bottom:0;
  }

.sIFR-active h3 {
    font-family: Verdana;
    visibility: hidden;
	height: 18px;
    padding-bottom:0;
  }
}