@charset "utf-8";
/* CSS Document */
body{margin:0px; background:url(images/bg-body.png);}
img{border:none;}
#container{width:100%; height:auto;}
#space{height:145px; width:100%;}
#topmenudiv{
	width: 100%;
	height: 145px;
	position: fixed;
	background:url(images/bg-nav.png) #FFF;
	border-bottom: #999 solid 1px;
	left:0px; z-index:2;
}
#bannerdiv{width:100%; height: auto;}
#hometext{width:100%; height: auto; }
#homesreekar{width:100%; height:auto; background:#d82b80 url(images/pinkbg.gif) repeat top; border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 1px; }
#body{width:100%; height: auto; background:url(images/orangebackground.gif) repeat top #ec7404;}
#joinus{width:100%; height: auto; border-top:#f8941e solid 2px;}
#bottombanner{width:100%; height:208px; background:#000; color:#FFF;}
#footer{width:100%; height:160px; }


#homesreekar_putting{width:100%; height:auto; background:url(images/bg-tabs.png) #f8941e; border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 1px; }
#homesreekarmain_putting{width:1024px; height:225px; margin:auto;}

#homesreekar_beyond{width:100%; height:auto; background:url(images/bg-tabs.png) #8b16dc; border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 1px; }
#homesreekarmain_beyond{width:1024px; height:340px; margin:auto; padding-top:15px;}

#homesreekar_career{width:100%; height:auto; background:url(images/bg-tabs.png) #e6179f; border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 1px; }
#homesreekarmain_career{width:1024px; height:360px; margin:auto;}

#homesreekar_young{width:100%; height:auto; background:url(images/bg-tabs.png) #186fd0; border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 1px; }
#homesreekarmain_young{width:1024px; height:350px; margin:auto;}

#homesreekar_greenovation{width:100%; height:auto; background:url(images/bg-tabs.png) #5a862f; border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 1px; }
#homesreekarmain_greenovation{width:1024px; height:270px; margin:auto;}

#homesreekar_getinvolve{width:100%; height:auto; background:url(images/bg-tabs.png) #23c2e0; border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 1px; }
#homesreekarmain_getinvolve{width:1024px; height:680px; margin:auto;}

#homesreekar_gallery{width:100%; height:750px; padding-top:30px;  border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 1px; }



/* main site */

/* top header */
.floteleft{float:left;}
.floteright{float:right;}

#menu{width: auto; height:90px; float:left; margin-left:20px;}
#menu ul { list-style-type:none; margin:0px; padding:0px; z-index:1;}
 #menu ul li {display: block;position: relative;float: left;  z-index:1;}
 li ul { display: none; }
 ul li a {display:block; height:40px; width: auto; line-height:40px; font-family:Tahoma, Geneva, sans-serif; font-size:11pt; text-align:center; text-decoration:none; color:#FFF; z-index:1; padding-right:10px; padding-left:10px; border-radius:0px 8px 0px 8px; -webkit-transition: background-color 2s;
-moz-transition: background-color 2s;
-o-transition: background-color 2s;
-ms-transition: background-color 2s;
transition: background-color 2s; margin:30px 3px 0px 3px; }
 
 ul li a:hover { color:#000000; }
 
 li:hover ul { display: block; position: absolute; text-align:left;}
 
 li:hover a { border-radius:0px 8px 0px 8px; color:#ffffff; font-family:Tahoma, Geneva, sans-serif; font-size:11pt;  }
 
li:hover li a:hover { color:#000; }

.home{color:#1b2d5f;}
.home:hover{background:url(images/bg-tabs.png) #1b2d5f; color:#FFF;}
.home2{color:#0897af;}
.home3{color:#f8941e;}
.h3,.home3:hover{background:url(images/bg-tabs.png) #f8941e; color:#FFF;}

.home4{color:#5a862f;}
.h4,.home4:hover{background:url(images/bg-tabs.png) #5a862f; color:#FFF;}

.home5{color:#8b16dc;}
.h5,.home5:hover{background:url(images/bg-tabs.png) #8b16dc; color:#FFF;}

.home6{color:#e6179f;}
.h6,.home6:hover{background:url(images/bg-tabs.png) #e6179f; color:#FFF;}

.home7{color:#186fd0;}
.h7,.home7:hover{background:url(images/bg-tabs.png) #186fd0; color:#FFF;}

.home8{color:#8b1111;}
.h8,.home8:hover{background:url(images/bg-tabs.png) #8b1111; color:#FFF;}

.home9{color:#6e6d2b;}
.h9,.home9:hover{background:url(images/bg-tabs.png) #6e6d2b; color:#FFF;}


/* banner */
#banner2{width:100%; height:358px; z-index:0;}
#mainlogo{
	width: 336px;
	height: 131px;
	position: absolute;
	top: 167px; margin-left:20px; z-index:1;
}
#hometext2{width:1024px; height:162px; margin:auto; padding-top:15px;}
.welcometext{font-family:"Times New Roman", Times, serif; font-size:15pt; line-height:28px; color:#8b16dc; text-align:justify;}
.welcometextaaaa{font-family:"Times New Roman", Times, serif; font-size:20pt; line-height:28px; color:#0998b0; text-align:justify;}

.welcometext3{font-family:"Times New Roman", Times, serif; font-size:20pt; line-height:28px; color:#f8941e; text-align:justify;}
.welcometext7a{font-family:"Times New Roman", Times, serif; font-size:20pt; line-height:28px; color:#c6ff0b; text-align:justify;}

.welcometext2{font-family:"Times New Roman", Times, serif; font-size:15pt; line-height:25px; color:#11224f;}
.welcometext4{font-family: Arial, Helvetica, sans-serif; font-size:25pt; line-height:35px; color:#f8941e; }
.welcometext5{font-family: "Times New Roman", Times, serif; font-size:25pt; line-height:35px; color:#f8941e; }
.welcometext6{font-family: Arial, Helvetica, sans-serif; font-size:25pt; line-height:35px; color:#0998b0; }


/* sreekar */
#homesreekarmain{width:1024px; height:555px; margin:auto;}
.paddingleft1{padding-left:20px;}

/* body */
#bodymain{width:744px; height: auto; margin:auto; padding-top:10px; padding-bottom:10px; padding-right:280px; 
background:url(images/sreekarimage.png) no-repeat right center;}

.maintext{font-family:"Times New Roman", Times, serif; font-size:15pt; line-height:20px; color:#768494; text-align:justify;}
.maintextaaaa{font-family:Verdana, Geneva, sans-serif; font-size:11pt; line-height:20px; color:#ffffff; text-align:justify;}

.maintext2{font-family:"Times New Roman", Times, serif; font-size:15pt; line-height:20px; color:#ffffff;}

.topmenu{font-family: Arial, Helvetica, sans-serif; font-size:10pt; line-height:30px; color:#1b2d5e; text-decoration:none; padding:10px; }
.topmenu:hover{ border-bottom-left-radius:10px; border-top-right-radius:10px;}

/* join us */
#joinusmain{width:1024px; height:355px; margin:auto;}



/* footer banner */
#footerbanner{width:1024px; height:208px; margin:auto;}


/* footer */
#footermain{width:1024px; height:200px; margin:auto;}

.subbuttons{font-family:Arial, Helvetica, sans-serif; font-size:12pt; line-height:25px; color:#1b2d5e; text-decoration:none;}
.subbuttons:hover{ color:#132132;}

.copyright{font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#5f6a6f; text-decoration:none;}



/* who we are */
#homesreekar_whoweare{width:100%; height:auto; background:url(images/bg-tabs.png) #CE0000; border-bottom:#d7d7d7 solid 1px; border-top:#d7d7d7 solid 1px; }

#hometext2_whoweare{width:1024px; height:102px; margin:auto;}
#bodymain_whoweare{width:1024px; height:850px; margin:auto;}
#bodymain_puttingbackthat{width:1024px; height:480px; margin:auto;}
#bodymain_greenovation{width:1024px; height:420px; margin:auto;}
#bodymain_aideetaction{width:1024px; height:230px; margin:auto;}
#bodymain_glimpsesofjoy{width:1024px; height:80px; margin:auto;}



/* gallery */
#homesreekarmain_gallery{width:1024px; height:800px; margin:auto;}

.gallerybox{width:178px; height:130px; padding:10px; background:#FFF; border:#999 dashed 1px; float:left;  border-radius:50%;}
.gallerybox:hover{border:#000 solid 1px;}
.gallerybox2{ padding:10px; margin:5px; background:#FFF; border:#999 dashed 1px; }
.gallerybox3{width:21px; height:21px; padding:2px; background:#FFF; float:left;  border-radius:50%; margin-right:2px; cursor:pointer;}
.gallerybox3:hover{background:#ffaa59;}

.circle{ border-radius:50%; border:#FFF solid 2px; margin-bottom:15px;}
.social{background:#F3F3F3; float:left; border:2px solid #FFF; box-shadow:0px 0px 2px #666666; border-radius:7px; background:#0998b0; padding:4px 7px 4px 7px; font-family: Tahoma, Geneva, sans-serif; font-weight:bold;  font-size:9pt;  margin-left:6px; transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
		transition: background-color 1s, box-shadow 1s, transform 0.5s;
	-moz-transition: background-color 1s, -moz-box-shadow 1s, -moz-transform 0.5s;
	-webkit-transition: background-color 1s, -webkit-box-shadow 1s, -webkit-transform 0.5s;
	-o-transition: background-color 1s, -o-box-shadow 1s, -o-transform 0.5s;  -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); }
	.social:hover{  transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1); }
.topmenu1{  text-decoration:none; color:#FFFFFF;  }
.facebook_color{background:#415f9b;}
.twitter_color{background:#2daae2;}
.menu_active,.menu2_active,.menu3_active,.menu4_active,.menu1:hover,.menu2:hover,.menu3:hover,.menu4:hover{background:#F0F;  -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg); box-shadow:0px 0px 3px #CCCCCC}
.menu2_active,.menu2:hover{background:#CE0000;}
  .menu3_active,.menu3:hover{background:#23c2e0;}
  .menu4_active,.menu4:hover{background:#CCCCCC;}
  
  .form{height:22px; width:300px; background:url(images/form_bg.png); border-radius:2px; border:1px solid #999;}
  .height{height:90px;}
  .submit{height:27px; width:80px; text-align:center; border:none; border-radius:2px;  background:#666;
  -webkit-transition: background-color 2s;
-moz-transition: background-color 2s;
-o-transition: background-color 2s;
-ms-transition: background-color 2s;
transition: background-color 2s; color:#FFF}
.submit:hover{background:#FFF; cursor:pointer; color:#000;}
.like{padding-left:30px; padding-top:50px; width:201px; height:148px;  cursor:pointer; float:left; background:url(images/icon4_hover.png) no-repeat; margin-left:30px;}
.like:hover{background:url(images/icon4.png)  no-repeat; }