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

/* IE6 PNG Fix */
img, div, a { behavior: url(css/iepngfix.htc) }

/* Main style*/
body{
	line-height:20px;
	color:#FFF;
	margin:0;
	padding:0;
	font-family:  Helvetica, sans-serif, Arial;
	font-size: 13px;
	background-attachment: fixed;
	background-color: #000;
	background-image: url(../images/mainbg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
}
a{ 
	 text-decoration:none;
	color: #87a603; 

}
a:hover{
	text-decoration:underline;
	color:#FFF;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:normal;
	color:#B4CD33;
	padding:0px;
	margin:5px 0px 4px 0px;
	text-shadow: 0px 2px 1px #000;
}
h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	color:/*#B4CD33;*/ #fff;
	padding:0px;
	margin:0px;
	text-shadow: 0px 2px 1px #000;
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
}
h4{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#b5d215;
	padding:0px 0px 0px 15px;
	margin:0px 0px 4px 5px;
	background-image: url(../adami/arrow.gif) ;
	background-repeat: no-repeat;
	background-position: left -5px;
	
}
a.button{
	background:url(../images/btn.png);
	display:inline-block;	
	width:100px;
	height:20px;
	padding:1px 6px 5px 0px;
	font-size:12px;
	text-align:center;
	font-family: Tahoma;
	color:#fff;
	text-decoration:none;
}
a.button:hover{
	color:#afafaf;
	text-decoration:none;
	background:url(../images/btn.png);
	behavior: url(css/iepngfix.htc)

}
input,textarea{
	font-family:Helvetica, sans-serif, Arial;
	background: transparent;
	border:none;
	color:#FFF;
	overflow:hidden;
	border:1px solid #1E1E1E;
	width:100%;
	height:22px;
}
textarea{
	height:105px;
}
input.button{
	background:url(../images/btn.gif) left top no-repeat;
	height:27px;
	width:100px;
	text-align:-9999;
	border:none;
	float:right;
	margin:5px 0px;

}
.invisible{
	display:none;
}
.visible{
	display:block;
	visibility:visible;
}
.hidden{
	visibility:hidden;
}
.fLeft{
	float:left;
}
.fRight{
	float:right;
}
.fClear{
	clear:both;
}
#prev, #next{
	position:absolute;
	top:140px;
	display:block;
	width:26px;
	height:31px;
}
.errorMessage{
	font-family:Helvetica, sans-serif, Arial;
	font-size:0.8em;
	color:#FFF;
	border:1px dashed #F00;
	background:#900;
	display:block;
	margin-top:5px;
	
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
}
.successMessage{
	font-family:Helvetica, sans-serif, Arial;
	font-size:0.8em;
	color:#FFF;
	border:1px dashed #B4CD33;
	background:#778B1B;
	display:block;
	margin-top:5px;
	
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
}
.noscript{
	display:block;
}

/* Typegraphy */
.highlight{
	color:#B2CC33;
}
.orange{
	color:#D98200;
}
.white{
	color:#FFF;
}
.lowlight{
	color:#B7E401;
}
.small{
	font-size:17px;
}
.projectTitle{
	display:block;
	width:100%;
	height:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-weight:normal;
	color:#B4CD33;
	padding:10px 5px 20px 5px;
	margin:0px;
	margin-bottom:10px;
	text-shadow: 0px 2px 1px #000;
	text-align:center;
}
#breadcrumbs{
	font:Helvetica, sans-serif, Arial;
	font-size:12px;
	color:#D98200;
	margin-bottom:10px;
}

/* Elements */
#header{
	width:978px;
	height:110px;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header .image{
	width:430px;
	
	margin: 0px;
	padding: 20px 0px 0px 0px;
	float:left;
	font:"Times New Roman", Times, serif;
	font-size:14px;
}

#mainManu{
	width:540px;
	height:60px;
	background:url(../images/manubg.png) no-repeat;
	float: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainManu ul{
	list-style:none;
	padding:0px;
	margin:0px 0px 0px 15px;
}
#mainManu li{
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	/*text-shadow: 0px 2px 1px #111;*/
	padding-right: 1px;
	padding-top: 10px;
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 101px;
	text-align: center;
	behavior: url(css/iepngfix.htc);
}
#mainManu li a{
	text-decoration:none;
	color:#253002;
}
#mainManu li a:hover{
	text-decoration:none;
	color:#4E6409;
	
}
#mainManu li a.selected{
	text-decoration:none;
	color:#70910D;	
}

#intro{
	width:1000px;
	margin:0 auto;
	height:340px;
}
#intro #leftArrow{
	position:relative;
	height:100%;
	width:40px;
	padding-left:10px;
	float:left;
}
#intro #middleFeald{
	position:relative;
	height:100%;
	width:900px;
	float:left;
}
#intro #rightArrow{
	position:relative;
	height:100%;
	width:40px;
	padding-right:10px;
	float:left;
}
#intro #middleFeald .holder{
	width:100%;
	height:100%;
}
#intro #middleFeald .peviewWrapper{
	position:absolute;
	top:20px;
	width:500px;
	height:300px;
	border:2px solid #FFF;
	filter:alpha(opacity=30);

	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	background-color: /*#413d3d;*/#d2cece}
#intro #middleFeald .peviewImg{
	position:absolute;
	top:30px;
	left:10px;
	width:480px;
	height:280px;
}
#intro #middleFeald .peviewTextWrapper{
	position:absolute;
	top:22px;
	left:516px;
	width:370px;
	height:295px;
	overflow:hidden;
}
#intro #middleFeald .peviewTextWrapper .small{
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	text-shadow: 0px 2px 1px #000;
}
#intro #middleFeald .peviewTextWrapper p{
	font-size:1em;
	color:#FFF;
}
#wedo{
	width:900px;
	margin:0 auto;
	font-family: Georgia, serif;
	font-size:1.5em;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.4em;
	padding-top:40px;
	padding-bottom:40px;
}
/*#content-bg{
	width:900px;
	margin:0 auto;
	filter:alpha(opacity=20);

	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	background-color: #000;

} */
#content_index{
	width:978px;
	margin:0 auto;
	padding:0 0 20px 0;
 
}
#content{
	width:978px;
	margin:0 auto;
	padding:0 0 0 0;
	/*background: url(../images/black_bg.gif) */
	background-color:#000;
	border:1px solid black;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}
#content_service{
	width:1000px;
	margin:0 auto;
	padding:0 0 0 0;
 
}
.blackbg{ background-color:#000;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;}
.block{
	background:#0F0F0F;
	border:1px solid #1E1E1E;
	margin:5px 5px 5px 7px;
	width:410px;
	height:160px;
	float:left;
	padding:10px;
}
.block span{
	display:block;
	margin-top:10px;
	margin-left:20px;
	color:#AAA;
	font-size:0.9em;
}

#footer{
	
	width:962px;
	height:200px;
	margin:0 auto;
	clear:both;
	padding: 5px;
	padding-bottom:10px
}
#footer .left{
width: 400px;
	float:left;
	margin-top:30px;
	margin-left:5px;
	text-align:left;
	color: #cacaca;
	font-weight: normal;
	font-size:11px;
	
}//*
#footer .left{
	float:left;
	margin-top:5px;
	margin-left:5px;
	text-align:left;
	color: #cacaca;
	font-weight: normal;
	font-size:11px;
}*/
.last{
clear:both;
margin: 10px 0px;
	padding: 0px;
	text-align:center;
	font-size:11px;
	text-align:right;
	pading-right:10px;}
#footer .right{
	font: Helvetica, sans-serif, Arial;
	top: 50px;
	clear:both;
	float:right;
	margin-top:2px;
	margin-right:5px;
	text-align:center;
	color: #cacaca;
	font-weight: normal;
	font-size:11px;
	width:990px;


}
#footer .right1{
	float:right;
	margin:0px;
	padding: 0px;
	text-align:center;
	font-size:11px;
	text-align:right;
	pading-right:10px;

}
#footer .right1 ul{
	clear:both;
	margin: 0px;
	padding:0px;
	list-style:none;
	position:inherit

}
#footer .right1 ul li{
	margin:0px;
	padding:0px 2px;
	float: left;
	text-align: right;
}
#footer .nev{
	margin:0px;
	padding:0px 10px;
	text-align: left;
	font-weight:bold;
	
}
#footer .nev a{
	color:#fff;
	text-align: left;
	text-decoration:none;
}
#footer .nev a:hover{
	color:#789815;
	text-align: left;
	text-decoration:none;
}

/* Usluge */
.uSmallBoxWrapper{
	position:relative;
	width:445px;
	height:350px;
	margin-bottom:10px;
}
.uSmallBoxStroke{
	position:absolute;
	top:0px;
	left:0px;
	width:444px;
	height:100%;
	background:#999;
	border:1px solid #FFF;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
.uSmallBox{
	position:absolute;
	top:10px;
	left:10px;
	width:405px;
	height:310px;
	padding:10px;
	background:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.uSmallBox span{
	display:block;
	margin-top:10px;
	margin-left:20px;
	font-size:0.9em;
	color:#CCC;
}

.uBigBoxWrapper{
	position:relative;
	width:900px;
	height:350px;
}
.uBigBoxStroke{
	position:absolute;
	top:0px;
	left:0px;
	width:899px;
	height:100%;
	background:#999;
	border:1px solid #FFF;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
.uBigBox{
	position:absolute;
	top:10px;
	left:10px;
	width:860px;
	height:307px;
	padding:15px 10px 10px 10px;
	background:#000;
	color:#CCC;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	font-size:0.9em;
}
.uBigBox ul{
	margin:0px;
	padding-left:20px;
	line-height:2em;
}
.uBigBox .underline{
	border-bottom:1px solid #1F1F1F;
}

/* Projekti */
.thumbWrapper{
	position:relative;
	width:445px;
	height:250px;
	margin-bottom:10px;
}
.thumbStroke{
	position:absolute;
	top:0px;
	left:0px;
	width:444px;
	height:100%;
	background:#999;
	border:1px solid #FFF;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;	
}
.thumbImage{
	position:absolute;
	top:10px;
	left:10px;
	width:425px;
	height:230px;
	background:#000;
}
.thumbCaption{
	position:absolute;
	top:190px;
	left:10px;
	width:415px;
	height:45px;
	padding:5px 5px 0px 5px;
	background:#000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	display:none;
}
.thumbCaption h3{
	text-shadow:none;
}
.thumbCaption a{
	text-decoration:none;
}


/* Web projekti */
.projectWrapper{
	position:relative;
	width:500px;
	height:540px;
	margin-bottom:10px;
}
.projectStroke{
	position:absolute;
	top:0px;
	left:0px;
	width:499px;
	height:100%;
	background:#999;
	border:1px solid #FFF;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;	
}
.projectImage{
	position:absolute;
	top:10px;
	left:10px;
}
.projectSpan{
	font-size:0.9em;
	color:#CCC;
}
.projectText{
	width:375px;
}


/* Kontakt */
.contactWrapper{
	position:relative;
	width:900px;
	height:470px;
}
.contactStroke{
	position:absolute;
	top:0px;
	left:0px;
	width:899px;
	height:100%;
	background:#999;
	border:1px solid #FFF;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
.contactBox{
	position:absolute;
	top:10px;
	left:10px;
	width:860px;
	height:430px;
	padding:15px 10px 10px 10px;
	background:#000;
	color:#CCC;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	font-size:0.9em;
}
.contactLeft{
	position:absolute;
	left:20px;
	top:20px;
	width:580px;
	font-size:0.9em;
	color:#CCC;
}
.contactRight{
	position:absolute;
	left:630px;
	top:20px;
	width:250px;
	font-size:0.9em;
	color:#CCC;
	padding-left:20px;
	border-left:1px solid #1E1E1E;
}
#script {
	width: 300px;
	float:left;
	margin: 0 auto}
.heading{
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
			}
.a1{
	font-family:"Times New Roman", Times, serif;
	font-size: 25px;
	text-align:left;
	padding-right:65px;
	padding-top: 25px;
	height: 35px;
}
.script{
width: 340px;
float:left;}



/* 3.10 CONTACT
------------------------------------------------------------------------------------------------ */
#contact {
/*	background:#efefef;*/
	overflow:hidden; position:relative;

	/*border-top:1px solid #fff;*/
}
#contact p.warning {
	font-size:1.0em;
}
#contact p.formal {
	margin-bottom:1px;
	padding-bottom:0;
	top:-12px;
	line-height:0;
}
	
#contact .left_column {
	float:left;
	width:435px;
	padding-left:30px;
	padding-top:10px;
	position:relative;
}
#contact .left_column1 {
	float:left;
	width:430px;
	padding-left:30px;
	padding-top:10px;
	position:relative;
}
#contact .left_column.quick {
	width:410px;
	/*margin-left:55px;*/
	margin-top:10px
}
#contact .left_column.quick1 {

}
#contact .right_column {
	float:right;
	width:435px;
	padding-right:30px;
	padding-top:10px;
	
}
#contact .right_column1 {
	float:left;
	/*padding-right:30px;*/
	padding-top:10px;
	
}
#contact .right_column1.quick {
	/*background:#fff;*/
	background-image: url(../images/green_image_bg.png);
	border:1px solid #5b7002;
	}
#contact .right_column.quick {
	/*background:#fff;*/
	background-image: url(../images/green_image_bg.png);
	border:1px solid #5b7002;
	width:410px;
	padding-right:55px;
	
}
	#contact .continue_arrow {
		background:url(../images/bg-continue_arrow.gif) left top no-repeat;
		position:absolute;
		width:87px;
		height:45px;
		right:-35px;
		bottom:-20px;
	}
	#contact .left_column .description {
		/*background:#fff;*/
	/*	border:1px solid #e8e8e8;*/
		padding:18px 18px 0;
		
	}
	#contact .left_column h2 {
		font-size:2em;
		font-weight:bold;
		margin-bottom:4px;
	}
	#contact .left_column h2.quick {
		padding-bottom:5px;
	}
	#contact .left_column .description h3 {
		font-size:1.2em;
		font-weight:bold;
		margin-top:-3px;
		margin-bottom:4px;
	}
	#contact .left_column .description p {
		margin-bottom:18px;
	}
#contact .form_entry {
		margin-bottom:24px;

}
#contact .form_entry1 {
		margin-bottom:10px;
}
	#contact .form_entry label {
		background: url(../images/image_bg.gif) left top ; 
		display:block;
		border:1px solid #afafaf;
		padding:4px 9px;
		margin-bottom:0;
		font-size:1.1em;
		color:#fff;
		width: 415px; !important
		
	}
	#contact .form_entry .textarea_wrapper {
		border:1px solid #e9e9e9;
		border-top:0;
		background:#fff;
		
	}
	#contact .form_entry textarea {
		width:425px;
/*		background:#fff url(../images/bg-contact-textarea.gif) left top repeat-x;*/
		border:0;
		padding:4px;
		border:1px solid #afafaf;
		color:#fff;
		font-size: 12px;
		
	}
	
	#contact .form_entry textarea1 {
		width:425px;
/*		background:#fff url(../images/bg-contact-textarea.gif) left top repeat-x;*/
		border:0;
		padding:4px;
		border:1px solid #5b7002;
		color:#fff;
		font-size: 12px;
		
	}
#contact .form_entry_input {
	margin-bottom:6px;
}
#contact .form_entry_input1 { width:200px;
}
	#contact .form_entry_input label {
		display:none;
	}
	#contact .form_entry_input label.security {
		position:absolute;
		display:block;
		background:#6d8098;
		width:54px;
		height:30px;
		text-align:center;
		line-height:30px;
		color:#fff;
		border:1px solid #fff;
	}
	#contact .form_entry_input input {
		border:1px solid #afafaf;
		width:425px;
		padding:7px 4px;
		color:#fff;
		background-image: url(../images/image_bg_1.gif);
	}
	#contact .form_entry_input input.security {
		margin-left:60px;
		width:365px;
	}
	
	#contact .form_entry_input textarea {
		border:1px solid #fff;
		width:425px;
		padding:7px 4px;
		color:#fff;
		background-image: url(../images/image_bg.png);

	}
	#contact .left_column .form_entry_input input,
	#contact .left_column .form_entry_input textarea {
		font-size: 12px;
		font-weight:normal;
		width:400px;
	}
	#contact .quick_left .form_entry_input input.security {
		width:340px;
	}
	#contact .quick_left1 {
	width:410px;
	}
	#contact button.submit {
		background:url(../images/btn.png) left top no-repeat;
		height:27px;
		width:100px;
		border:0;
		cursor:pointer;
		padding-left:360px;
		padding-top:8px;
		float:right;
		color:#fff;
		padding: 0px 0px 3px 0px;
		
	}
	#contact button.submit:hover {
		background-position:left top;
		color:#d2cece;
	}
	#contact .quick button.submit {
		padding-left:325px;
	}
	#contact .quick .quote {
		background:url(../images/bg-right_column-quote-top.gif) left top no-repeat;
		margin:7px 7px 0;
		text-align:center;
		padding-bottom:12px;
	}
	#contact .quick .quote h3 {
		font-size:2em;
		font-weight:bold;
		padding-top:15px;
	}
	#contact .quick .quote p {
		font-size:14px;
		color:#e5e5e5;
		font-weight:bold;
		margin:15px 0 15px;
	}
	#contact .quick .quote a {
		text-align:left;
		text-indent: -9999px;
		background:url(../images/button.png) left top no-repeat;
		width:145px;
		height:33px;
		border:0;
		margin:0 auto;
		display:block;
		cursor:pointer;
	}
	#contact .quick .quote a:hover {
		background-position:left bottom;
	}
	#contact .contact {
		background:url(../images/bg-right_column-quote-bottom.gif) left bottom no-repeat;
		margin:0 7px 8px;
		overflow:hidden;
		height:1%;
	}
	#contact .contact h3 {
		background:url(../images/bg-right_column-quote-middle.gif) left top no-repeat;
		padding:25px 26px 5px;
		color:#b8e107;
		font-size:1.2em;
		font-weight:bold;
	}
	#contact .contact .left {
		float:left;
		display:inline;
		width:145px;
		margin-left:26px;
		margin-bottom:10px;
		line-height:1.3em;
	}
	#contact .contact .right {
		float:right;
		display:inline;
		width:145px;
		margin-right:26px;
		margin-bottom:10px;
		line-height:1.3em;
	}
/* PROFILE
------------------------------------------------------------------------------------------------ */	
#about {
	/*background:#efefef;*/
	padding-top:10px;
	overflow:hidden;
	height:1%;
	line-height:1.4;
}
	#about .header_image {
		margin:5px auto 14px;
		width:948px;
		display:block;
	}
	#about #about_text {
		background:url(../images/bg-aboutus-narrow-top.gif) top left no-repeat;
		float:left;
		display:inline;
		width:463px;
		margin-left:20px;
		padding-top:20px;
		margin-bottom:15px;
	}
		#about #about_text h2 {
			font-size:2em;
			font-weight:bold;
			margin:0 20px 15px;
		}
		#about #about_text p {
			margin:0 20px 15px;
		}
		#about #about_text h3 {
			font-size:1.4em;
			font-weight:bold;
			color:#747474;
			margin:0 20px 8px;
		}
		#about #about_text q {
			color:#747474;
			font-weight:normal;
			font-style:italic;
			margin:0 20px;
			display:block;
		}
		a.view_more {
			text-align:right;
			font-weight:normal;
			display:block;
			margin-top:-5px;
			padding:0 20px 15px;
			background:url(../images/bg-aboutus-narrow-bottom.gif) left bottom no-repeat;
		}
	#about #points {
		background:url(../images/bg-aboutus-narrow-top.gif) top left no-repeat;
		float:right;
		display:inline;
		width:463px;
		margin-right:20px;
		padding-top:20px;
		margin-bottom:15px;
	}
		#points li {
			padding:0 20px 20px 86px;
			color:#757575;
		}
			#points li.enviroment {
				background:url(../images/icn-point-enviroment.gif) 25px 40% no-repeat;
			}
			#points li.quality {
				background:url(../images/icn-point-design.gif) 25px 40% no-repeat;
			}
			#points li.brand_experience {
				background:url(../images/icn-point-brand_experience.gif) 25px 40% no-repeat;
			}
			#points li.conceptual_branding {
				background:url(../images/icn-point-conceputul_branding.gif) 25px 40% no-repeat;
			}
			#points li h3 {
				font-weight:bold;
			}
			#points li p {
				color:#757575;
			}
		#points ul {
			padding-bottom:22px;
		/*	background:url(../images/bg-aboutus-narrow-middle.gif) left bottom no-repeat;*/
			list-style: none;
		}
	#points #contact {
		background:url(../images/bg-aboutus-narrow-bottom.gif) left bottom no-repeat;
		overflow:hidden;
		height:1%;
		color:#757575;
		padding-top:7px;
	}
		#points #contact h3 {
			font-size:1.5em;
			padding:0 20px 0 86px;
		}
		#points #contact p.left {
			float:left;
			padding:5px 0 15px 86px;
			background:url(../images/icn-point-contact.gif) 25px 0 no-repeat;
		}
		#points #contact p.right {
			float:right;
			padding:5px 20px 0 0;
		}
	#clients {
		margin:0 0 20px 20px;
		clear:both;
		height:1%;
		overflow:hidden;
		padding-bottom:20px;
		background:url(../images/bg-clients-bottom.gif) left bottom no-repeat;
	}
	#clients h2 {
		display:none;
	}
	#clients li {
		float:left;
		margin-left:23px;
	}
		#clients a img {
			border:0;
		}
	#environment {
		background:url(../images/bg-clients-bottom.gif) left bottom no-repeat;
		width:940px;
		margin-left:20px;
		margin-bottom:20px;
		padding-bottom:20px;
	}
	#environment h2 {
		background:url(../images/bg-services_page-top.gif) left top no-repeat;
		padding:29px 20px;
		font-size:200%;
		font-weight:bold;
		line-height:1em;
	}
	#environment ul {		
		overflow:hidden;
		height:1%;

	}
	#environment li {
		float:left;
		width:428px;
		margin-left:20px;
		margin-right:15px;
		display:inline;
		color:#757575;
	}
	#environment li.odd {
		clear:left;
	}
	#environment li h3 {
		font-weight:bold;
		margin-left:67px;
	}
	#environment li p {
		margin-left:67px;
		margin-bottom:1.4em;
	}
	#environment li.leaf {
		background:url(../images/en-leaf.gif) left 15px no-repeat;
	}
	#environment li.apple {
		background:url(../images/en-apple.gif) left 15px no-repeat;
	}
	#environment li.percent {
		background:url(../images/en-percent.gif) left 15px no-repeat;
	}
	#environment li.recycle {
		background:url(../images/en-recycle.gif) left 15px no-repeat;
	}
	#environment li.kiva {
		background:url(../images/en-kiva.gif) left 15px no-repeat;
	}
	#environment li.solar   {
		background:url(../images/en-sun.gif) left 15px no-repeat;
	}
	#environment li.tree {
		background:url(../images/en-tree.gif) left 15px no-repeat;
	}
	#environment li.wind {
		background:url(../images/en-wind.gif) left 15px no-repeat;
	}
	
    #testimonials {
		background:url(../images/bg-testimonials-bottom.gif) left bottom no-repeat;
		width:940px;
		margin-left:20px;
		margin-bottom:20px;
		padding-bottom:20px;
	}
	
	a.view_web_design_portfolio {
		background:url(../images/btn-view_web_design_portfolio.gif) left top no-repeat;
		float:right;
		width:265px;
		height:31px;
		text-indent:-9999px;
		margin-right:20px;
		margin-bottom:20px;
	}
	a.view_full_client_list {
		background:url(../images/btn-view_full_client_list.gif) left top no-repeat;
		float:right;
		width:205px;
		height:31px;
		text-indent:-9999px;
		margin-right:20px;
		margin-bottom:20px;
	}
	a.view_web_design_portfolio:hover,
	a.view_full_client_list:hover {
		background-position:left bottom;
	}
	#environment .testimonials h3 {
		width:250px;
		float:right;
		text-align:right;
		margin:0;
		line-height:1.2em;
		margin-top:10px;
	}
	#environment .testimonials h3 strong {
		display:block;
		color:#636262;
	}
	#environment .testimonials img.company_logo {
		float:left;
	}
	#environment .testimonials p {
		margin-left:0;
	}
	#environment .testimonials blockquote {
		clear:both;
		padding-top:15px;
		font-style:italic;
	}
	
/*   Portfolio  */


	#screen {
		position: absolute;
		left: 10%;
		top: 20%;
		width: 80%;
		height: 80%;
		background: transparent;
	}
	#screen img { 
		position: absolute;
		cursor: pointer;
		visibility: hidden;
		width: 0px;
		height: 0px;
		-ms-interpolation-mode:nearest-neighbor;
	}
	#screen .tvover {
		border: solid #fff;
	}
	#screen .tvout {
		border: solid #222;
	}
	#bankImages {
		display: none;
	}
/*  SERVICES PAGE
------------------------------------------------------------------------------------------------ */
	#container {
		width: 978px;
		height:auto;
		margin: 0 auto;
		/*background:url(../images/black_bg.png) repeat*/

		
	}
#services_page {
	/*background:#f2f2f2;*/
/*	border-top:1px solid #fff;*/
	padding:0px 0px 1px;
	margin: 0px auto;
	width: 978px;
	

}
#services_page ul {
 		margin:0px ;
		padding:0px;
		list-style: none;
}
	#services_page li {
		margin-bottom:10px;
		padding-bottom:1px;
		list-style: none;
		/*background:url(../images/black_bg.gif);*/
background-color: #000; 
		 /* for IE */
	filter:alpha(opacity=80); 
  /* CSS3 standard */
  		opacity:0.8;
  		width:95%;

}

	#services_page li h2 {

		font-size:2.1em;
		font-weight:bold;
		padding:20px 24px 0;
		line-height:1;
}
		#services_page li h2 span {
			font-size:.75em;
		}
	#services_page .description {
		width:416px;
		float:left;
		position:absolute;
		display:inline;
		padding-left:22px;
		padding-top:10px;
	}
	#services_page .description a {
		margin:20px 0;
		height:24px;
	}
	#services_page .description a:hover {
		background-position:left bottom !important;
	}
	#services_page .description p {
		margin:10px 3px;
	}
	#services_page li ul {
		padding-left:488px;
		padding-right:20px;
		padding-top:-20px;
		padding-bottom:20px;
		list-style: none;
	}
	#services_page li li {
		background-image:url(../images/bbb.jpg);
		color:#fff;
		padding-left:55px;
		margin-bottom:16px;
	}
	#services_page li li h3 {
		font-weight:bold;
		
	}
	#services_page .description a.view_web_portfolio {
		float:left;
		margin-left:3px;
		width:152px;
		background:url(../images/btn-view_web_portfolio.gif) left top no-repeat;
	}
	#services_page .description a.request_a_quote {
		float:right;
		margin-right:3px;
		width:129px;
		background:url(../images/btn-request_a_quote_services.gif) left top no-repeat;
	}
	#services_page .description a.top {
		float:right;
		margin-right:3px;
		width:55px;
		background:url(../images/btn-top.gif) left top no-repeat;
	}	
	#services_page .description a.view_logo_portfolio {
		float:left;
		margin-right:3px;
		width:164px;
		background:url(../images/btn-view_logo_portfolio.gif) left top no-repeat;
	}
	#services_page .description a.view_illustration_portfolio {
		float:left;
		margin-right:3px;
		width:216px;
		background:url(../images/btn-view_illustration_portfolio.gif) left top no-repeat;
	}
	#services_page .description a.view_print_portfolio {
		float:left;
		margin-right:3px;
		width:164px;
		background:url(../images/btn-view_print_portfolio.gif) left top no-repeat;
	}
	
/* 3.11 PORTFOLIO PAGES
------------------------------------------------------------------------------------------------ */
#portfolio_web .other_projects {
		clear:both;
	/*	background:#f8f8f8 url(../images/bg-other_projects.gif) left top repeat-x;*/
		padding-top:25px;
		overflow:hidden;
		height:1%;
	}
#portfolio_web .other_projects li {
		width:299px;
		float:left;
		display:inline;
		margin-left:10px;
		margin-bottom:19px;
		padding-bottom:5px;
		/*background:#e8e8e8;
		border:1px solid #fff;*/
		background-image: url(../images/green_image_bg.png);
	}
	#portfolio_web .other_projects li.wide {
		width:900px;
	}
	#portfolio_web .other_projects li img {
		margin:15px auto 5px;
		display:block;
	}
	#portfolio_web .other_projects li.continue_to_logo_portfolio,
	#portfolio_web .other_projects li.continue_to_flash_portfolio,
	#portfolio_web .other_projects li.continue_to_web_portfolio,
	#portfolio_web .other_projects li.continue_to_photography_portfolio  {
		float:right;
		width:125px;
		padding:11px 0 28px;
		margin:0 19px 0 0;
		background:transparent;
		display:inline;
		border:0;
	}
	#portfolio_web .other_projects li.continue_to_photography_portfolio {
		width:450px;
	}
	
	#portfolio_web .other_projects li.previous_page a.next_page {
		display:block;
		background:url(../images/btn-next.gif) left top no-repeat;
		width:112px;
		height:31px;
		margin-top:1px;
		margin-left:7px;
		float:left;
		text-indent:-9999em;
	}
	#portfolio_web .other_projects li.continue_to_photography_portfolio a {
		display:block;
		background:url(../images/btn-continue_to_photography_portfolio.gif) left top no-repeat;
		width:410px;
		height:35px;
		text-indent:-9999em;
		float:right;
	}
	#portfolio_web .other_projects li.continue_to_logo_portfolio a {
		display:block;
		background:url(../images/btn1.png) left top no-repeat;
		width:122px;
		height:37px;
		/*text-indent:-9999em;*/
		float:right;
		padding-left: 6px;
		padding-top: 2px;
	}
	
	
	#portfolio_web .other_projects li.previous_page a:hover,
	#portfolio_web .other_projects li.continue_to_logo_portfolio a:hover,
	#portfolio_web .other_projects li.continue_to_print_portfolio a:hover,
	#portfolio_web .other_projects li.continue_to_web_portfolio a:hover,
	#portfolio_web .other_projects li.continue_to_photography_portfolio a:hover {
		background-position:left top;
	}
.cnt_bcnt_bg{ width:700px; position:relative; display:block;}
.cnt_righ{ float:left; width:400px; position:relative;}
.ba_img{ width:420px; float:left;}
.pro_bg{ width:700px; float:left; position:relative;}
.up1{width:420px; float:right; padding-top:80px;}
.box{ width:436px; float:left; padding:10px 0 0 30px;}
.box1{ width:436px; float:left; padding:80px 0 0 30px;}
.wapper{ width:978px; margin:0px auto; display:block; position:relative;}
.main{ width:978px; margin:0px auto; position:relative;}
.logo{ width:430px; float:left; padding:20px 0 0 0;}
.navi1{ width:524px; float:left; padding:0 0 47px 23px;}

.navi{
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	padding-right: 1px;
	padding-top: 10px;
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 101px;
	text-align: center;
}
.navi a{
	text-decoration:none;
	color:#253002;
}
.navi a:hover{
	text-decoration:none;
	color:#fff;
	
}
.logo_part{ width:978px; position:relative; float:left;}
.cnt_part{ width:978px; position:relative; float:left; padding:15px 0 0 0; }
.cnt{width:978px;
	margin:0 auto;
/*	background: url(../images/black_bg.gif) left top; */padding:0 0 20px 0; height:400px;
background-color:#000;
		border: 0px solid #ccc;
	 /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}
.textfield{border:1px solid #747474;
		width:425px;
		padding:7px 4px;
		color:#fff;
	/*	background-image: url(../images/image_bg_1.png);*/
}
.pad{ padding:2px 0 2px 0;}
.submit {
		background:url(../images/btn.png) left top no-repeat;
		height:27px;
		width:100px;
		border:0;
		cursor:pointer;
		padding-left:360px;
		padding-top:8px;
		float:right;
		color:#fff;
		padding: 0px 0px 3px 0px;
		
	}
.submit:hover {
		background-position:left top;
		color:#afafaf;
	}
.fntz{ font-size:13px;}

.right_column1_a{
	/*background:#fff;*/
	background-image: url(../images/image_bg.gif);
	border:1px solid #747474; text-align:center; padding:0 0 23px 0;
	}
 .right_column_a{
	/*background:#fff;*/
	background-image: url(../images/green_image_bg.png);
	border:1px solid #5b7002;
	width:410px;
	padding-right:55px;
	
}

.quick .quote a {
		text-align:left;
		text-indent: -9999px;
		background:url(../images/button_1.gif) left top no-repeat;
		width:145px;
		height:33px;
		border:0;
		margin:0 auto;
		display:block;
		cursor:pointer;
	}
.quick .quote a:hover {
		background-position:left bottom;
	}
	/*
.profile_right { width:488px; position:relative; float:right;}
.profile_right .ul { padding:0; margin:0; list-style:none;}
.profile_right .li { padding: 0; margin:0; color:#fff;}            */
.image_bg{ background-image:url(../images/image_bg.png); padding: 5px; margin: 0px 10px 0px 10px;border:1px solid #717171;}
.dis{width:900px;		float:left;		padding:10px 24px ;}
.heading_profile{font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	color:#748516;
	color: #fff;
	padding:0px;
	margin:0px 0px ;}
.dis_1{width:932px;
		float:left;
		position:inherit;
		display:inline;
		padding-left:21px;
		padding-right:10px;
		padding-top:10px;
	/*	background-image:url(../images/black_bg.gif)*/
	background-color: #000;
		 /* for IE */
  		filter:alpha(opacity=80);
  /* CSS3 standard */
  		opacity:0.8;
  		
		margin:0 auto;
}
.dis_1 ul{ margin:0px; padding:0px; list-style:none;}
.dis_1 ul li{ margin:0px; padding:0px; list-style:none;}
h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	color:#B4CD33;
	padding:0px;
	margin:0px;
	text-shadow: 0px 2px 1px #000;
}

/************   *********************** */
.browse {
		position:relative;
		display:block;
		border:1px solid #fff;
		width:425px;
		padding:7px 4px;
		color:#fff;
		background-image: url(../images/image_bg.png);

	}
	
a.button1{
	background:url(../images/btn.png) no-repeat;
	display:inline-block;	
	width:100px;
	height:20px;
	padding:1px 6px 5px 0px;
	font-size:12px;
	text-align:center;
	font-family: Tahoma;
	color:#B4CD33;
	text-decoration:none;
	font-weight:bold;
}
a.button1:hover{
	color:#fff;
	text-decoration:none;

}
.inquote{ margin:0px 0px 0px 5px; padding:0px; background-image:url(../images/image_bg.png); width:200px; float:right; position:relative; border:1px solid #999;behavior: url(css/iepngfix.htc)}
.quote_1 {
		background:url(../images/bg-right_column-quote-top.gif) left top no-repeat;
		margin:7px 7px 0;
		text-align:center;
		padding-bottom:12px;
	}
.quote_1 h2{ font-size:24px;

	}
.quote_1 a {
		text-align:left;
		text-indent: -9999px;
		background:url(../images/button.png) left bottom no-repeat;
		width:145px;
		height:33px;
		border:0;
		margin:0 auto;
		display:block;
		cursor:pointer;
		behavior: url(css/iepngfix.htc)
		
	}
.quote_1 a:hover {
		text-align:left;
		text-indent: -9999px;
		background:url(../images/button.png) left bottom no-repeat;
		width:145px;
		height:33px;
		border:0;
		margin:0 auto;
		display:block;
		cursor:pointer;
	}
.iquote{ background-image:url(../images/quote.png); background-repeat:no-repeat; background-position:center; behavior: url(css/iepngfix.htc)}


/*  **************************  TESTING CSS   *********************** */
.transbox
  {
  	width:590px;
	margin-left:340px; 
	padding:20px 20px 10px 20px;
	background-color:#000;
	border:1px solid black;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
 
  }
 .ext p{
 	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	 
  }
  
 /***********************   PROFILE   *************************** */
 #profile_page {
	/*background:#f2f2f2;*/
/*	border-top:1px solid #fff;*/
	padding:0px 0px 1px;
	margin: 0px auto;
	width: 978px;
	background-color: #000;
			 /* for IE */
  		filter:alpha(opacity=80);
  /* CSS3 standard */
  		opacity:0.8;
  		
}
#profile_page ul {
 		margin:0px ;
		padding:0px;
		list-style: none;
}
	#profile_page li {
		margin-bottom:10px;
		padding-bottom:1px;
		list-style: none;
		/*background:url(../images/black_bg.gif);*/

}

	#profile_page li h2 {

		font-size:2.1em;
		font-weight:bold;
		padding:20px 24px 0;
		margin: 0px;
		line-height:1;
}
		#profile_page li h2 span {
			font-size:.75em;
		}
	#profile_page .description {
		width:416px;
		float:left;
		position:absolute;
		display:inline;
		padding-left:20px;
		padding-top:10px;
	}
	#profile_page .description a {
		margin:20px 0;
		height:24px;
	}
	#profile_page .description a:hover {
		background-position:left bottom !important;
	}
	#profile_page .description p {
		margin:10px 3px;
	}
	#profile_page li ul {
		padding-left:488px;
		padding-right:20px;
		padding-top:-20px;
		padding-bottom:20px;
		list-style: none;
	}
	#profile_page li li {
		background-image:url(../images/bbb.jpg);
		color:#fff;
		padding-left:55px;
		margin-bottom:16px;
	}
	#profile_page li li h3 {
		font-weight:bold;
	}
	#profile_page .description a.view_web_portfolio {
		float:left;
		margin-left:3px;
		width:152px;
		background:url(../images/btn-view_web_portfolio.gif) left top no-repeat;
	}
	#profile_page .description a.request_a_quote {
		float:right;
		margin-right:3px;
		width:129px;
		background:url(../images/btn-request_a_quote_services.gif) left top no-repeat;
	}
	#profile_page .description a.top {
		float:right;
		margin-right:3px;
		width:55px;
		background:url(../images/btn-top.gif) left top no-repeat;
	}	
	/*#profile_page .description a.view_logo_portfolio {
		float:left;
		margin-right:3px;
		width:164px;
		background:url(../images/btn-view_logo_portfolio.gif) left top no-repeat;
	}*/
/*	#profile_page .description a.view_illustration_portfolio {
		float:left;
		margin-right:3px;
		width:216px;
		background:url(../images/btn-view_illustration_portfolio.gif) left top no-repeat;
	}  */
	/*#profile_page .description a.view_print_portfolio {
		float:left;
		margin-right:3px;
		width:164px;
		background:url(../images/btn-view_print_portfolio.gif) left top no-repeat;
	}*/
	
	
	.dis_profile{width:978px;
		float:left;
		
	/*	background-image:url(../images/black_bg.gif)*/
	 	margin:0 auto;
		background-color: #000;
				 /* for IE */
  		filter:alpha(opacity=80);
  /* CSS3 standard */
  		opacity:0.8;
  		
		margin:0 auto;
}
	

.dis_profile ul{ margin:0px; padding:0px; list-style:none;}
.dis_profile ul li{ margin:0px; padding:0px 20px; list-style:none;}
/***********  THANK YOU  ***************** */
.thank { 
	margin: 0px auto;
	width: 978px;
	height:550px;
	background-color: #000;
			 /* for IE */
  		filter:alpha(opacity=80);
  /* CSS3 standard */
  		opacity:0.8;
		font-family:Arial, Helvetica, sans-serif;
		color:#009900;} 
.thank ul{margin:0px; 
		list-style:none;
		padding-top:75px; }
.thank ul li{
		margin:0px; 
		font-size:85px;
		color:#B7E401;
		text-align:center; 
		padding-top:25px;}
.thank ul li span{
		margin:0px; 
		font-size:30px;
		color:#fff;
		font-family:"Times New Roman", Times, serif;
		text-align:center; 
		padding-top:25px;}
/*   ******************************   search  ************************************  */
.search_main{clear:both; width:95%; float:left;}
.search{border:1px solid #747474;
		width:150px;
		color:#fff;
		margin-left:360px;
		height:20px;
		line-height:20px;
	/*	background-image: url(../images/image_bg_1.png);*/
}
.search_b{
	/*background:url(../images/search.gif) left top no-repeat;*/
	background:url(../images/btn.png);
	display:inline-block;	
	width:100px;
	height:20px;
	padding:1px 6px 5px 0px;
	font-size:12px;
	text-align:center;
	font-family: Tahoma;
	color:#fff;
	text-decoration:none;
}
/*************************  FOOTER NEW  *****************************************/

#footer .explore{
	float:left;
	width:320px;
	font-weight:bold;
	color:#fff }
#footer .explore a{color:#fff; font-weight:normal; text-decoration:none;  font-size:12px; line-height:15px; }
#footer .explore a:hover{ color:#87a603;font-weight:normal; text-decoration:none; }
#footer .follow{float:left;	width:320px; font-weight:bold;}
#footer .con{float:right;	width:320px; font-weight:bold; text-align:center;}

/**********************************************************************************/
#footer_last {
	width:962px;
	height:20px;
	margin:0 auto;
	clear:both;
}
#footer_last .leftside{
	width:300px;
	margin:0 auto;
	float:left;
	height:15px;
	line-height:15px;
}
#footer_last .rightside{
	width:100%;
	margin:0 auto;
	float:right;
	text-align:center;
	font-size:11px;
	color: #cacaca;
	font-weight: normal;
}
.style2{ color:#fff}