/*CSS Reset
---------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


		
/*Global
---------------------------------------------------------*/

body{
		background-color: #FFF1F9;
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size: 11px;
	color: #112233;
	font-family: MyriadPro-Regular, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	background-image: url(img/bkg.jpg) no-repeat center center fixed;;
}


back222 {
        background: url('images/ee.jpeg') 5% 5%,
                url('images/e25.jpeg') 20% 20%,
                url('images/e1.jpeg') 90% 110%;
        top: 218px;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        -webkit-transition: left 300s linear;
}

experiment:target #back222 {
        left: -5000px;
}

experiment:hover #back222 {
        left: -9999px;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../_font/MyriadPro-Regular.eot');
    src: url('../_font/MyriadPro-Regular.otf') format('opentype');
    
    font-weight: normal;
    font-style: normal;

}




img{
	   	border:none;}
	   



a{
		color:#3af5d2;
		text-decoration:none;}
		
a:hover{
		color:#3af5d2;
		text-decoration:underline;}	


hr{
	background:#e0e0e0;
	height:1px;
	border:none;
	margin-top:9px;}
	
.nomarginright{
		margin-right:0px !important;
		}	
	
.nomarginleft{
		margin-left:0px !important;
		}	

.nomarginleft1{
		margin-left:250px !important;
		}	



.paddingleft{
		padding-left:37px;}

.noborderright{
		border-right:none !important;}

/*Logo
---------------------------------------------------------*/

#logo_container{
		float:left;
		margin-top:8px;}

#logo{
		background:url(../images/logo.png) no-repeat left;
		width:144px;
		float:left;
		height:95px;
		
		}
		
 .imageContainer22 {
       width:100%; 
       height:100%; 
       background-image: url(../images3/LEED/sws.png);
 }

.imagemnu {
   position: relative;
   width: 120px; /* for IE 6 */
}

h2mnu {
 
  top: 170px;
   bottom:2px;
   padding:0px;
   width: 280px;
}


h2mnu span {
   color: white;
      font: bold 12px/14px Helvetica, Sans-Serif;
 
   background: rgb(255, 192, 76); /* fallback color */
   background: rgba(255, 192, 76, 0.7);
    width: 429px;
   padding: 0px;
}

h2mnu1 {
 
  top: 170px;
   bottom:2px;
   padding:0px;
   width: 80px;
}


h2mnu1 span {
   color: white;
      font: bold 12px/14px Helvetica, Sans-Serif;
  text-align: center;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
    width: 429px;
   padding: 0px;
}










/*Font Color
---------------------------------------------------------*/	

	
.pink{
		color:#ef5656;
		}

.pnk{
		color:#FF0000;
		font:bold;
		}



.red{
		color:#FF0000;
		font-size:medium;
		}

.sred{
		color:#FF0000;
		font-size:x-small;
		}
	
.light{
		color:#75cdd2;}	
		
		
.black{
		color:#2f2f2f;
		font-size:14px;
		font-weight:500;}	
		
		
.dark_grey{
		color:#2f2f2f;
		font-weight:500;
				}			

/*Heading and Paragraph
---------------------------------------------------------*/	

h1{
	font-size:14px;
	text-align:left;
	color:#2f2f2f;}
	
h11{
	font-size:16px;
	text-align:right;
	padding-top:0px;
	color:#2f2f2f;}
	
	
	
h2{
	font-size:36px;
	text-align:left;
	  font-family: 'MyriadPro-Regular';
	color:#51565e;}
	
h3{
		font-size:16px;
		color:#2f2f2f;}	

h4{
	font-size:18px;
	text-align:left;
	  font-family: 'MyriadPro-Regular';
	color:#2f2f2f;}
	
h5{
	font-size:12px;
	text-align:left;
	font-family: 'MyriadPro-Regular';
	
	color:#2f2f2f;}
	

	.home-items5{
	width:70%;
	font-size:16px;
	text-align:left;
	background:#ffc04c ;
	color:#ffffff;
	margin-bottom:5px;
		border-radius: 6px;
	}

		.home-items5g{
	width:40%;
	font-size:16px;
	text-align:left;
	background:#ffc04c ;
	color:#ffffff;
	margin-bottom:5px;
		border-radius: 6px;
	}

	
	
	
	.home-items555{
	width:100%;
	font-size:16px;
	text-align:left;
	background:#000000;
	color:#ffffff;
	margin-bottom:5px;
		border-radius: 6px;

	}

	
.home-items{
	font-size:16px;
	text-align:center;
	
	background:#ffc04c ;
	color:#ffffff;
	margin-bottom:10px;
	border-radius: 6px;

	}
		
	.lhome-items{
	font-size:16px;
	text-align:center;
	width:40%;
	background:#ffc04c ;
	color:#ffffff;
	margin-bottom:10px;
	border-radius: 6px;
 
	}
	
.shome-items{
	font-size:16px;
	text-align:center;
	background:#ffc04c ;
	color:#2f2f2f;
	margin-bottom:0px;
		border-radius: 6px;

	}
	
.sshome-items{
	font-size:16px;
	text-align:left;
	background:#ffc04c ;
	color:#ffffff;
	margin-bottom:0px;
		border-radius: 6px;

	}

.zshome-items{
	font-size:16px;
	text-align:center;
	background:#ffc04c ;
	color:#ffffff;
	margin-bottom:0px;
		border-radius: 6px;

	}


.home-items2{
	font-size:16px;
	text-align:center;
	background:#ffc04c ;
	color:#fdfafc ;
	margin-bottom:10px;
	border-radius: 6px;

	}
	


	
p{
		font-size:12px;
		text-align:left;
		font-family:Tahoma, Geneva, sans-serif;
		line-height:20px;}
		
.main_heading{
		padding:8px 0px 20px 0px;}


.main_heading1{
		padding:55px 0px 1px 150px;}

.main_heading2{
		padding:8px 0px 20px 0px;}


/*Navigation
---------------------------------------------------------*/	

#nav_wrapper {
	position:relative;
	display:inline;
	float:left;
	margin-left:0px;
	margin-top:63px;
border:2px;
}


#lang {
	position:relative;
	display:inline;
	float:right;
	margin-right:0px;
	margin-top:25px;

}

#date {
	position:relative;
	display:inline;
	float:right;
	margin-right:2px;
	margin-top:45px;

}




#upmnu {
	position:relative;
	display:inline;
	float:right;
	margin-right:0px;
	margin-top:5px;

}



#nab, #nab ul{ margin:0; padding:0; position:relative; }
 
#nab a{
	display:block;
	padding:0px 0px;
	color:#fff;
	text-decoration:none;
}

#nab li{
	position:relative;
	float:left; 
	list-style:none;
	padding: 5px 0;
	margin-right:5px;
	font-weight:normal;
	font-family:'MyriadPro-Regular';
	font-size:12px;
	font-weight:normal;
	line-height:15px;
}

#nab li a { color:#ffae19 ; }

#nab li a:hover{ color:#ffae19 ; background:#ffae19 ;}

#nab ul li { padding:0;}



#nav, #nav ul{ margin:0; padding:0; position:relative; }
 
#nav a{
	display:block;
	padding:2px 8px;
	color:#ffc04c ;
	text-decoration:none;
}

#nav li{
	position:relative;
	float:left; 
	list-style:none;
	padding: 15px 0;
	margin-right:5px;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
}

#nav li a { color:#4b4641; }

#nav li a:hover{ color:#fff; background:#ffc04c ;}

#nav ul li { padding:0;}

#nav ul {
	position:absolute;
	width:200px;
	top:45px;
	background:#ffc04c ;
	border-top:none;
	display:none;
	z-index:50;
	
}

#nav li ul a {
	width:190px; 
	float:left;
	padding-right: 0;  
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	border-bottom:1px solid #ffc04c ;
}

#nav li ul li a:hover { background:#ffc04c ; color:#FFF;}

#nav ul ul {top:auto;}

#nav li ul ul {left:200px; border-top:3px solid #ffc04c }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { display:none;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}

#nav .current_page_item a { background:#ffc04c ; color:#fff; }


/*Qucik Navigation
---------------------------------------------------------*/	

ul#q_nav{
		float:left;
		margin-top:30px;
		}
		
ul#q_nav li{
		list-style:none;
		text-align:center;
		display:inline;
		margin:0;}


		
ul#q_nav li a{
		color:#ffc04c ;
		text-align:center;
		padding:0px 3px 0px 0px;
		font-size:14px;
		margin:0;}
		
ul#q_nav li a:hover{
		color:#ffc04c ;
		
		text-decoration:none;
		margin:0;
		border:none;
		}	
		 
		 
ul#q_nav li a.active{
		color:#ffc04c ;
		text-decoration:none;
		margin:0;
		/* Rounded corners */  
		border:none;
	}	


/*Slider
---------------------------------------------------------*/	


#slider{
		margin-top:5px;
		}
/* slideshow */
#slideshow, #slideshow_noslide {
	position:relative;
	width:940px;
	height:262px; 
	margin:0px auto 0px;
	border-left: 2px  solid #75cdd2;
	border-right: 2px  solid #75cdd2;
	border-top: 2px  solid #75cdd2;
	border-bottom: 2px  solid #75cdd2;
	overflow:hidden;
	clear:both;
}

.slide_entry, .slide_entry_noslide { position: relative; width: 940px; height:262px; }
.slide_entry1, .slide_entry_noslide1 { position: relative; width: 940px; height:262px; }
.slide_entry2, .slide_entry_noslide1 { position: relative; width: 940px; height:262px; }

#slideshow ul { 
	left:0px; 
	width: 940px; 
	top:0px; 
	overflow: hidden; 
	position: absolute; 
}

#slideshow ul li {
	float: left;
	position: absolute;
	text-align: center;
	width: 940px;
	height:262px;
	border:2px;
}

.main_title, .subtitle {
	border:2px;
	position:absolute;
	left:-650px;
	padding:10px;
	width:600px;
	text-align:left;
	color:#FFFFFF;
    background: rgba(255, 192, 76, .55);
	
}

#number { 
	z-index: 50; 
	position: absolute; 
	border:5px;
	bottom: 10px; 
	right: 10px; 
	font: normal 18px/42px 'TitilliumMaps26L999wt', "Trebuchet MS", Arial, Helvetica, sans-serif; 
   background: rgba(255,192,76, 0.8); 
}

#number a { margin: 0 5px; padding: 30px 5px; color:#333; }

#number a.activeSlide { color:#fff ; text-decoration:inherit;}

#number a:hover { color: #fff ; text-decoration:none;}

#number a:focus { outline: none; text-decoration:none;	color:#fff ;
 }

.main_title { bottom: 90px; font-size:24px;
			  font-family:Arial, Helvetica, sans-serif; }

.subtitle { top:180px; font-size:20px;}
	
.main2_title { bottom: 90px; font-size:24px;
			  font-family:Arial, Helvetica, sans-serif; }

.subtitle2 { top:180px; font-size:20px;}



	
.kmain_title { bottom: 90px; font-size:24px;
			  font-family:Arial, Helvetica, sans-serif; }

.ksubtitle { top:180px; font-size:20px;}




.tb11 {
	background:#FFFFFF url(images/slider01.jpg) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:230px;
	height:18px;
}



		
/*Right Side
---------------------------------------------------------*/	
.right_side{	
		margin-top:13px;
		border-left:1px solid #e4f1f2;

		}

		

.clients{
		width:150px;
		height:110px;
		display:block;
		border:0px solid #e4f1f2;
		margin:5px 15px 8px 55px;}


/*Circule
---------------------------------------------------------*/	

.circle{
		margin:50px 0px 35px 0px;
		align:center;
		}

.ce{
		align:center;}


/*Box
---------------------------------------------------------*/	


.box{
	padding:0px 2px 0px 2px;
	}

.side_border{
		border-left:#e0e0e0 4px solid;
		margin:0px 0px 10px 0px;
		padding:1px 0px 0px 1px; 
		}
		
.text_container{
		margin:30px 0px 10px 0px ;}		

.stext_container{
		margin:0px 0px 10px 0px ;}
/*Divider
---------------------------------------------------------*/	

.divider{
		background:url(../images/divider.png) no-repeat;
		width:940px;
		height:16px;
		margin:52px 0px 52px 0px;
		
		}
	
.divider5{
		background:url(../images/divider.png) no-repeat;
		width:940px;
		height:16px;
		margin:2px 0px 2px 0px;
		
		}
	

.divider2{
	background:url(../images/divider.png) no-repeat;
		height:15px;
		width:220px;
		margin:5px 0px 5px 0px;
		color:#000000;

}



.divider66{
		background:url(../images/divider.png) no-repeat;
		width:940px;
		height:16px;
		margin:12px 0px 5px 0px;
		
		}




	
/*filtering and portfolio
---------------------------------------------------------*/	
#main{
	float:left;
	overflow:hidden;
	position:relative;
	margin-bottom:0px;
	width:100%;
	
}


#filtering-nav, #project_navi {
	display:inline;
	float:left;  
    padding: 0;
	
	margin:0 0px 20px;
}

#filtering-nav li, #project_navi li { 
	list-style: none;
	float: left; }

#filtering-nav li a, #project_navi li a  {
    display: block;
    padding: 8px 30px 10px 0px;
    margin: 10px 10px 10px 0px;
	color:#333;
	font-size:16px;
	
}

#filtering-nav li a:hover, #project_navi li a:hover {
	 background:none; 
	 color:#75cdd2;
	 text-decoration:none;}



.wrap_page {
	position:relative;
	float:left;
	display:inline;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}


.wrap_image {
	 position:relative; 
	 float:left; }

.columns_1 .portfolio_box {
	 width: 940px;
	}
	 
.columns_1 .portfolio_box img, .columns_1 .portfolio_box a img {
	width:940px; 
	height:300px; 
	max-width:940px;}	 

.columns_2 .portfolio_box {
	width: 300px;}

.columns_2 .portfolio_box img, .columns_2 .portfolio_box a img {
	width:300px;
	height:200px;
	max-width:300px;}

.portfolio_box { 
	float: left; 
	margin: 0px 10px 10px 0px; }

.portfolio_box h2 {
	margin-bottom:5px;
	text-transform:uppercase;
	font-size:18px;}


a.over_image { 
	position:absolute;
	top:-60px;
	left:50%;
	width: 100px;
	text-transform:uppercase;
	background:#75cdd2;
	height:24px;
	color:#fff;
	display:none;
	line-height:22px;
	padding:5px;
	margin: -12px 0 0 -55px;
	text-align:center;
	text-decoration:none;
}

/*pagination
---------------------------------------------------------*/	

#pagination {
	padding: 20px 0; 
	float:left; 
	position:relative; 
	width: 940px;
	clear:both;
	margin:10px;
	text-align:right;
	margin-bottom:20px; font-size:12px;
}

#pagination li { display:inline;} 

#pagination li a{ color:#4b4641; padding: 13px 15px;}

#pagination li.pag_current a  { background:#75cdd2; padding:13px 15px; color:#fff;}

#pagination li a:hover { background:#75cdd2; color:#fff;}


/*Button
---------------------------------------------------------*/	


.buy_button{
		background:url(../images/buy_button.png) no-repeat;
		width:240px;
		height:82px;
		float:right;}
		
		
.bottom_heading{
		width:934px;	
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		padding-left:5px;
		padding-right:10px;

		font-size:15px;
		text-align:center;
		color:#555555;}	

.bottom_heading8{
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		padding-left:5px;
		padding-right:10px;
		padding-top:10px;

		font-size:15px;
		text-align:center;
		color:#555555;}	


.bottom_heading8s{
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		padding-left:5px;
		padding-right:10px;
		padding-top:10px;
	width:680px;

		font-size:15px;
		text-align:center;
		color:#555555;}	



.bottom_heading88{
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		padding-left:5px;
		padding-right:10px;
		padding-top:10px;

		font-size:18px;
		text-align:center;
		color:#555555;}	

			
#sheader { 
   width:940px; 
   height:262px; 
   margin:auto; 
   background-image:url(../images/eff.png); 
 } 


#sheader4 { 
   width:940px; 
   height:262px; 
   margin:auto; 
   background-image:url(../images/main.png); 
 } 




/*Address
---------------------------------------------------------*/	

.address{
		padding:25px 0px 0px 10px;}

/*Contact
---------------------------------------------------------*/	

#contact_form{
		padding:13px 0px 0px 0px ;
		position:relative;
		}
		
#contact_form1{
		padding:13px 0px 0px 250px ;
		position:relative;
		}		
		
	
		
		
#contact_form label{
		font-size:11px;
		color:#555555;
		font-family:Tahoma, Geneva, sans-serif;}		

#contact_form input{
		width:320px;
		height:33px;
		clear:both;
		margin-top:3px;
		border:#e4e4e4 1px solid;
		background:#FFF;
		text-indent:8px;
		}

#contact_form input{
		width:320px;
		height:33px;
		clear:both;
		margin-top:3px;
	    line-height:33px;
		border:#e4e4e4 1px solid;
		background:#FFF;
		text-indent:8px;
		}
#contact_form .message{
		width:620px;
		height:150px;
		margin-top:10px;
		border:#e4e4e4 1px solid;
		background:#FFF;
	    padding:8px;
		}

#contact_form .section{
		width:46%;
		float:left;
		margin-left:0px;}
	

#contact_form .section1{
		width:46%;
		float:left;
		margin-left:50px;}
	
		
#contact_form .required{
	width:47px;
	height:16px;
	position:absolute;
	background-color:#ea545a;
	border:none;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:16px;
	left: 275px;
	top: 28px;
	z-index:21.5;
	
		}

#contact_form .required_mail{
	width:47px;
	height:16px;
	position:absolute;
	background-color:#ea545a;
	border:none;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	line-height:16px;
	left: 275px;
	top: 120px;
	z-index:50;
	
		}		
						
.send_btn{
		width:93px;
		height:34px;
		
		background:url(../images/send_btn.png) no-repeat;
		line-height:34px;
		color:#FFF;
		text-align:center;
		font-family: 'MyriadPro-Regular';
		font-size:13px;
		text-decoration:none;
		margin-top:20px;}
		
		
.send_btn a{
		color:#FFF;
		text-decoration:none;
		}		
		


/*Team
---------------------------------------------------------*/	
.team_img{
		width:500px;
		margin:0  auto;
		height:500px;
		}
	

/*Blog
---------------------------------------------------------*/	

.blog{
		padding-top:1px;
		margin-bottom:20px;
		float:left;}
		
		
.blog h1{
		
	font-size:26px;
	text-align:left;
	font-family: 'MyriadPro-Regular';
	color:#51565e;}


.blog .img_blog{
		width:200px;
		height:180px;
		float:left;
		margin:15px 15px 0px 0px;
		background:#333;}

		
/*Footer
---------------------------------------------------------*/	


#footer{
		height:86px;
		background:#ffc04c ;
		padding:9px 0px 0px 2px;
		-moz-border-radius: 7px;  
		-webkit-border-radius: 7px;  
		 border-radius: 7px; 
		 behavior: url(border-radius.htc);
		
		}

#footer p{
		color:#ffffff ;
		font-size:12px;
		text-align:left;
		font-family:Tahoma, Geneva, sans-serif;
		line-height:15px;}

#footer a{
	color:#ffffff ;}


#footer h1{
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFF;
		font-weight:bold;}	
		
		
#footer .social_icon{
		width:16px;
		height:16px;
		margin:14px 10px 0px 0px;
		float:left;}
	
		

#footer input{
		background:url(../images/search_field.png) no-repeat;
		width:198px;
		height:25px;
		text-indent:8px;
		margin:14px 0px 5px 0px;
		border:none;}
		
#footer .text_shadow{
		text-shadow:#ffc04c 0px 1px; font-size:13px;}	
		
.copyright{
		font-family:Tahoma, Geneva, sans-serif;
		color:#7b7b7b;
		font-size:12px;
		float:left;
		padding:10px 0px 20px 0px;}	
		
		
ul#footer_nav{
		float:right;
	   padding:10px 0px 0px 0px
		}	
		
ul#footer_nav li{
		
		list-style:none;
		border-right:#7b7b7b 1px solid;
		padding:0px 7px 0px 7px;
		display:inline;
		}			
		
ul#footer_nav li a{
		
		list-style:none;
		color:#7b7b7b;
		
		font-family:Tahoma, Geneva, sans-serif;
		}		


.post_stats { 
	display:block;
	position:relative;
	float:left;
	width:100%;
	border:none;
	margin:0 0 20px;
}

.post_stats li { margin-right:15px; border:none; list-style:none; padding-bottom:6px;}
.b_date { font-size:20px; }
.align-left { text-align:left !important;}
.align-sleft { text-align:left !important;
		font-family:Arial, Helvetica, sans-serif;
		padding-left:5px;
		padding-right:10px;
		padding-top:10px;
		font-size:15px;
		color:#555555;}