/*------------ CSS RESET ------------*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: #e5eff7;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*----------------*/

body{
text-align:center;
margin:10px auto 10px auto;}

#Wrapper{
	margin: auto;
	width: 860px;
	padding: 0px 20px 20px 20px;
	background-color: #FFFFFF;
}

/*top links*/
#Top-Links-Outer{
text-align:right;
width:100%;
height:30px;
background-image:url(/images/top-links-border.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

#Top-Links-Inner{
text-align:right;
margin:auto;
width:860px;}

#Top-Links-Inner li{
float:right;
margin-right:10px;
padding-left:5px;
height:19px;
}

#Top-Links-Inner li a:link, #Top-Links-Inner li a:visited{
text-decoration:none;
font-size:12px;
padding-right:23px;
padding-top:3px;
height:16px;
}

#Top-Links-Inner li a:hover{
text-decoration:underline;}

li.Top-Links-Inner-LI-blue{
background-color:#B8DAF9;}

li.Top-Links-Inner-LI-blue a:link, li.Top-Links-Inner-LI-blue a:visited{
color:#2597DB;
}

li.Top-Links-Inner-LI-blueup{
background-image:url(/images/blue-arrow-top.jpg);
background-position:right;
background-repeat:no-repeat;
}

li.Top-Links-Inner-LI-bluedown{
background-image:url(/images/blue-arrow-bottom.jpg);
background-position:right;
background-repeat:no-repeat;
}

li.Top-Links-Inner-LI-grey{
background-color:#E6E6E6;}

li.Top-Links-Inner-LI-grey a:link, li.Top-Links-Inner-LI-grey a:visited{
color:#000000;}

li.Top-Links-Inner-LI-greyright{
background-image:url(/images/black-arrow-right.jpg);
background-position:right;
background-repeat:no-repeat;
}


/*header*/
#Header{
height:110px;
position:relative;}

#Header-Left{
position:absolute;
top:24px;
width:266px;
text-align:left;
}

#Header-Left img{

}

#Header-Right{
position:absolute;
left:305px;
top:75px;
width:600px;}

#Header-Right li{
float:left;
margin:0px 13px 0px 0px;}

#Header-Right li.end{
margin-right:0px !important;}

#Header-Right li a:link, #Header-Right li a:visited{
color:#000000;
text-decoration:none;
font-size:16px;
}

#Header-Right li a:hover{
color:#ED1E79;
}

#Header-Right li.sel a:link, #Header-Right li.sel a:visited{
color:#ED1E79;
}



/*banner*/
#Banner-Image{
background-image:url(/images/How%20green.jpg);
width:860px;
height:193px;
}

#Banner-Image a:link, #Banner-Image a:visited{
color:#FFFFFF;
padding-top:168px;
padding-left:735px;
display:block;
text-decoration:none;}


/*footer home features*/
#Home-Footer-Features{
width:860px;
clear:both;
padding-top:12px;}

	#Home-Footer-Features div.panel{
		width:277px;
		float:left;
		border:2px solid #008998;
		height:215px;
		overflow:hidden;
	}
	
	#Home-Footer-Features div.middle{
		margin:0px 8px 0px 8px;
	}
	
		#Home-Footer-Features div.p1 div.wrap{
			background-image:url(../images/Main-Layar-pic.jpg);
			display:block;
			height:205px;
			width:273px !important;
			position:relative;
			overflow:hidden;
		}
		
		#Home-Footer-Features div.p2 div.wrap{
			display:block;
			height:205px;
			width:273px !important;
			position:relative;
			overflow:hidden;		
		}
		
		#Home-Footer-Features div.p3 div.wrap{
			background-image:url(../images/homepage/smile.jpg);
			display:block;
			height:205px;
			width:273px !important;
			position:relative;
			overflow:hidden;
		}		
		
			#Home-Footer-Features div.p1 div a, #Home-Footer-Features div.p3 div a{
				position:absolute;
				z-index:999;
				top:0px;
				left:0px;
				display:block;
				height:175px;
				width:279px;
			}
			
			#Home-Footer-Features div.p1 div.t1{
				position:absolute;
				top:10px;
				left:90px;
				background:rgba(171,24,76,.7);
				color:#FFFFFF;
				font-size:14px;
				padding:5px;
				font-weight:bold;
				border-radius:5px;
			}
			
			#Home-Footer-Features div.p1 div.t2{
				position:absolute;
				top:40px;
				left:160px;
				background:rgba(171,24,76,.7);
				color:#FFFFFF;
				font-size:13px;
				padding:5px;
				font-weight:bold;
				border-radius:5px;
				text-align:right;
				line-height:120%;
			}	
			
			#Home-Footer-Features div.p3 div.t1{
				position:absolute;
				bottom:0px;
				left:0px;
				height:25px;
				line-height:25px;
				text-align:center;
				width:279px;
				background:rgba(0,143,157,.8);
				color:#FFFFFF;
				font-size:14px;
				padding:5px;
				font-weight:bold;
				
			}					

/*footer*/
#Footer-Outer{
background-color:#008998;
height:130px;
margin-top:0px;}

#Footer-Inner{
background-color:#008998;
height:130px;
text-align:left;
margin:auto;
width:860px;
}

#Footer-Icons{
float:left;
width:350px;
padding-top:5px;}

#Footer-Text{
float:right;
width:500px;
text-align:left;
color:#FFFFFF;
font-size:12px;
padding-top:15px;
line-height:150%;}

#Footer-Text a:link, #Footer-Text a:visited{
color:#FFFFFF;}

#Footer-Text a:hover{
text-decoration:none;}

/*home content*/

#Home-Content-Main{
float:left;
width:500px;}

#Home-Content-Main h1, #Inside-Content-Main h1{
font-size:32px;
color:#008998;
margin-bottom:12px;
margin-top:12px;
text-align:left;
}

#Inside-Content-Main h2{
font-size:20px;
color:#0278A7;
margin-bottom:12px;
margin-top:18px;
text-align:left;
}

#Home-Content-Main p, #Inside-Content-Main p{
	font-size: 14px;
	/*color:#8B9298;*/
	color: #666666 !important;
	line-height: 180% !important;
	margin-bottom: 12px !important;
	font-style: inherit;
	font-weight: normal;
	text-align:left;
}

	.normal{
	font-size:14px;
	color:#666666 !important;
	/*line-height:180% !important;*/
	}

	
#Home-Content-Main p.intro, #Inside-Content-Main p.intro{
font-size:12px;
color:#000000;
font-weight:bold;}

#Home-Content-Main a:link, #Home-Content-Main a:visited, #Inside-Content-Main a:link, #Inside-Content-Main a:visited{
color:#008998;
text-decoration:none;
}

#Home-Content-Main a:hover, #Inside-Content-Main a:hover{
text-decoration:underline;}

#Home-Content-Feature{
float:right;
width:277px;
height:200px;
margin-top:12px;
border:2px solid #008998;
overflow:hidden;
/*background-image:url(/images/litho-box-home.jpg);*/
}


#Home-Content-Feature a:link, #Home-Content-Feature a:visited{
color:#FFFFFF;
text-decoration:none;}

#Inside-Content-Feature{
float:right;
width:215px;
border:1px solid #000000;
background-image:url(/images/Userful-links-top-corner.jpg);
background-position:top right;
background-repeat:no-repeat;
margin-top:2px;
text-align:center;
padding-top:52px;
display:none;}


	#Inside-Content-Feature-Services{
	float:right;
	width:215px;
	margin-top:2px;
	text-align:left;
	}

		#Inside-Content-Feature-Services h1{
		font-size:32px;
		color:#0278A7;
		margin-bottom:12px;
		}
		
		#Inside-Content-Feature-Services p{		
		font-size:14px;
		color:#666666;
		line-height:180%;
		margin-bottom:12px;
		}
		
		#Inside-Content-Feature-Services a:link, #Inside-Content-Feature-Services a:visited{
		color:#008998;
		text-decoration:none;
		}
		
		#Inside-Content-Feature-Services a:hover{
		text-decoration:underline;}


#Inside-Content-Feature img{
margin-bottom:30px;}

#Inside-Content-Feature a.textlink:link, #Inside-Content-Feature a.textlink:visited{
display:block;
margin-bottom:30px;
color:#008998;
text-decoration:none;
font-weight:bold;}


#Inside-Content-Main{
float:left;
width:840px;}

#Inside-Content-Main.shorten{
width:625px !important;
}

#Inside-Content-Main td{
	font-size:14px;
	color:#666666;
	padding:5px;
}

#Inside-Content-Main ul{
margin-left:15px;}

#Inside-Content-Main li{
list-style:square;
font-size:12px;
margin-bottom:3px;
color:#666666;
}

#Services-Panel{
margin-left:0px !important;
margin-bottom:20px;
margin-top:2px;}

#Services-Panel li{
float:left;
margin-left:0px !important;
list-style:none;
width:201px;
padding-right:9px;
}

#Services-Panel li h2{
font-size:18px;
margin-top:8px;
margin-bottom:8px;
background-image:url(/images/services-blue-arrow.jpg);
background-position:right;
background-repeat:no-repeat !important;
width:80%;
}

#Services-Panel li a:link, #Services-Panel li a:visited{
/*background-image:url(/images/services-blue-arrow.jpg);
background-position:right;
background-repeat:no-repeat;*/
}

#Services-Panel li.sel h2 a:link, #Services-Panel li.sel h2 a:visited{
background-image:url(/images/services-pink-arrow.jpg);
background-position:right;
background-repeat:no-repeat;
padding-right:20px;
color:#008998;
}

#Services-Panel li a:hover h2 {
background-image:url(/images/services-pink-arrow.jpg);
background-position:right;
background-repeat:no-repeat;
color:#008998;
}

#Services-Panel li a:hover img {
border:3px solid #008998;
}

#Services-Panel li a:hover{
text-decoration:none;}

#Services-Panel li img{
border:3px solid #008998;
}

#Services-Panel li.end{
padding-right:0px !important;}

#Services-Panel li.sel img{
border:3px solid #008998;}


.sup{
font-size:8px;}

.info{border-bottom:dashed 1px #666666; text-decoration:none; }
a.info{text-decoration:none !important;}
a.info:hover{background-color:#cccccc;}
.info_box{width:300px; border:0px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
.info_box p{
margin-bottom:10px;}
.info_box_wide{width:600px; border:0px; font-family:Arial, Helvetica, sans-serif;}
.info_box_diagram{width:400px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important;}



/*---------testimonails jquery block ------------------*/

#testimonials{
	height:172px;
	width:279px;
	background-image:url(/images/testimonials-base-all.png);
	background-position:0px 0px;
	float:right;
}

	#testimonials a{
		display:block;
		height:132px;
		width:189px;
		font-family:Arial, Helvetica, sans-serif;
		background-image:url(/images/ts-ed-bg.png);
		font-size:12px;
		color:#000000;
		text-decoration:underline;
		padding:40px 50px 0px 40px;
	}
	
	.ts1, .ts2, .ts3{
		display:none;
	}
	
	.tslnk{
	}

/*------------landing--------------------*/
#landing li{
	font-size:16px;
	margin-bottom:10px;
	line-height:150%;
}

#landing2{
	font-size:16px !important;
}

div.land-contact{

}

div.land-contact span{
	color:#0278A7;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	border-bottom:1px dotted #0278A7;
	font-size:18px;
	display:block;
}

div.land-contact{
	width:290px;
}

div.land-contact div{
	margin-bottom:8px;
	margin-top:8px;
}

div.land-contact input, div.land-contact textarea{
	width:100%;
}

div.land-contact div{
	font-size:12px;
	font-weight:bold;
}

div.land-contact textarea{
	font-family:Arial, Helvetica, sans-serif;
	height:50px;
}

.box{
	color:#999999;
	font-style:italic;
}

.landstyle1{
float:left; width:312px; height:236px;
}

.landstyle2{
float:left; width:290px; height:236px; margin-left:8px;
}

.black{
	font-style:normal;
	color:#000000;
}

.tborder{
	border:4px solid #008998;
}

div.imagehead{
	width:840px;
	height:236px;
}

	div.imagehead div.imagehead-left{
		float:left;
		width:420px;
		margin-right:5px;
	}
	
		div.imagehead div.imagehead-left div.three{
			height:228px;
		}
	
	div.imagehead div.imagehead-right{
		float:left;
		width:415px;
	}
	
		div.imagehead div.imagehead-right div.one{
			margin-bottom:5px;
			height:107px;
		}	
	
		div.imagehead div.imagehead-right div.two{
			margin-bottom:5px;
			height:108px;
		}
		
/*--- img head 2 */		
div.imagehead2{
	width:624px;
	height:236px;
}

	div.imagehead2 div.imagehead-left{
		float:left;
		width:309px;
		margin-right:5px;
	}
	
		div.imagehead2 div.imagehead-left div.three{
			height:228px;
		}
	
	div.imagehead2 div.imagehead-right{
		float:left;
		width:310px;
	}
	
		div.imagehead2 div.imagehead-right div.one{
			margin-bottom:5px;
			height:107px;
		}	
	
		div.imagehead2 div.imagehead-right div.two{
			margin-bottom:5px;
			height:108px;
		}		


ul.ulpad{
	margin:15px 0px 10px 0px;
}

ul.ulpad li{
	padding-bottom:10px;
	font-size:14px !important;
}

a.beam-me-up{
	display:block;
	background-color:#AB184C;
	color:#FFFFFF;
	width:200px;
	padding:20px;
	border-radius:25px;
	color:#FFFFFF !important;
	font-weight:bold;
	text-align:center;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
	box-shadow: 2px 2px 15px rgba(0,0,0, .75);
	border:1px solid #999999;
		
}	

a.beam-me-up:hover{
	-webkit-box-shadow: 0 0 10px rgba(222,46,255, .75);
	-moz-box-shadow: 0 0 10px rgba(222,46,255, .75);
	box-shadow: 2px 2px 15px rgba(222,46,255, .75);
	text-decoration:none !important;
	font-size:18px !important;
}
		

@media print {
#Top-Links-Outer, #Header, #Footer-Outer, #Inside-Content-Feature, #Inside-Content-Feature-Services{
display:none;}

#Inside-Content-Main{
width:75% !important;}



html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
}