/* CSS Document */

body {
background:#030000 none;
margin:0 0 0 0;
font-family:'Varela', verdana;
}

a, a:hover {
text-decoration:none;
}


#landing_img {
width:373px;
height: 252px;
position:absolute;
top:180px;
left:50%;
margin:0 0 0 -187px;

}

#logo_mini {
width:103px;
height: 92px;
position:absolute;
top:480px;
left:50%;
margin:0 0 0 -51px;

}





#logo {
width:124px;
height:110px;
position:absolute;
top:30px;
left:85%;
}


#main {
background:url(../images/banyantree_bg.jpg) no-repeat;
width:1024px;
height:765px;
position:absolute;
top:0;
left:50%;
margin-left:-512px;
/* border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px; */

}


#main_darkBG {
background:url(../images/banyantree_dark_bg.jpg) no-repeat;
width:1024px;
height:765px;
position:absolute;
top:0;
left:50%;
margin-left:-512px;
/* border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px; */

}


#menu {
width:900px;
height:20px;
position:absolute;
top:30px;
left:20px;
}


#copyright {
background:#000 none;
width:100%;
height:15px;
position:absolute;
top:98%;
left:0;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}



#copyright p { color:#FFFFFF; font-size:11px; text-align:center; line-height:11px; }


#designrights {
width:60%;
height:15px;
position:absolute;
top:88%;
left:0;
}


#designrights p { 
color:#E9E9E9;
 font-size:11px; 
text-align:left; 
line-height:12px;
margin-left:65px;
text-shadow:#000000 2px 1px 2px;

}


#button1, #button2, #button3, #button4, #button5 {
background:#f1f1f2 none;
width:120px;
height:20px;
float:left;
font-size:12px;
font-weight:bold;
color:#333333;
text-decoration:none;
/* border:#E0E0E0 solid 1px;*/
text-align:center;
margin:0 0 0 25px;
	-moz-border-radius: 12px 12px 12px 12px;  
	-webkit-border-top-left-radius: 12px;     	
	-webkit-border-bottom-left-radius: 12px; 
	-webkit-border-top-right-radius: 12px;     	
	-webkit-border-bottom-right-radius: 12px; 
	border-top-left-radius: 12px;  
	border-bottom-left-radius: 12px; 
	border-top-right-radius: 12px;  
	border-bottom-right-radius: 12px;
	line-height:20px;
}


#button1 a, #button2 a, #button3 a, #button4 a, #button5 a{
text-decoration:none;
color:#333333;
padding:10px 20px;
font-weight:lighter;
}

#button1 a:hover, #button2 a:hover, #button3 a:hover, #button4 a:hover, #button5 a:hover{
text-decoration:none;
color:#333333;
padding:10px 20px;
font-weight:bold;	
}

#text_area_aboutus {
width:420px;
height:270px;
position:relative;
top:125px;
left:50px;
z-index:1;
padding:15px 15px;
}

#text_area_gallery {
width:820px;
height:270px;
position:relative;
top:125px;
left:50px;
z-index:1;
padding:15px 15px;
}


#text_area_ourservices {
width:850px;
height:270px;
position:relative;
top:125px;
left:50px;
display:none;
padding:15px 15px;
}

#text_area_ourteam {
width:850px;
height:270px;
position:relative;
top:125px;
left:50px;
display:none;
padding:15px 15px ;
}


#text_area_bg1 {
background:#000000 none;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
width:450px;
height:270px;
position:relative;
top:400px;
left:50px;
z-index:0;
}




#text_area_bg2 {
background:#000000 none;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
width:870px;
height:270px;
position:relative;
top:400px;
left:50px;
display:none;
z-index:0;
}


#text_area_bg_works {
background:#000000 none;
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
width:930px;
height:470px;
position:relative;
top:205px;
left:50px;
z-index:0;
}




#text_halfarea {
width:420px;
height:270px;
float:left;
}

#text_area_topics1 {
width:800px;
height:50px;
font-size:50px;
text-transform:capitalize;
color:#FFFFFF;
font-weight:normal;
line-height:50px;
position:absolute;
top:340px;
left:50px;
text-shadow:#333333 2px 2px 2px;
}

#text_area_topics2, #text_area_topics3 {
width:800px;
height:50px;
font-size:50px;
text-transform:capitalize;
color:#FFFFFF;
font-weight:normal;
line-height:50px;
position:absolute;
top:340px;
left:50px;
text-shadow:#333333 2px 2px 2px;
display:none;
}

#text_area_topics_works {
width:800px;
height:50px;
font-size:50px;
text-transform:capitalize;
color:#FFFFFF;
font-weight:normal;
line-height:50px;
position:absolute;
top:150px;
left:50px;
text-shadow:#333333 2px 2px 2px;
}


p {
font-size:12px;
color:#DDDDDD;
padding:5px;
margin:0 0 0 0;
text-align:left;
font-weight:lighter;
}

p a {
color:#FFFFFF;
font-weight:normal;
}


p a:hover {
color:#FFFFFF;
font-weight:bold;

}

p active {
color:#FFFFFF;
font-weight:bold;

}

.clear_both { clear:both; }


ul {
margin:0 10px 0 -5px;
}


ul li {
list-style:circle;
color:#EAEAEA;
font-size:12px;
text-align:justify;
margin:5px 0 5px 0;
}


.menu_2 {
position:absolute;
top:635px;
left:65px;
z-index:10;
}

.menu_2 a {
color:#FFFFFF;
font-weight:normal;
}


.menu_2 a:hover {
color:#FFFFFF;
font-weight:bold;

}

.menu_2 active {
color:#FFFFFF;
font-weight:bold;

}


.left_25 {
margin:0 0 0 25px
}

.float_l {
float:left;
}

.float_r {
float:right;
}