@charset "utf-8";
/* CSS Document */
/* reset styles */
@import url("global_reset.css");
@import url("global_classes.css");
/* typography styles */
@import url("typo.css");
 html, body {
 border:0;
 height:100%;
 }
html{
font-size:100.01%}
 body {
 background:url(../images/body_bgnew.jpg) top center no-repeat fixed;
 background-color:#000000;
 width:100%;
 height:100%;
 }
a,a:link{color:#535353; text-decoration:none;}
a:hover,#web_page #web_link a,#logo_page #logo_link a,#print_page #print_link a,#flash_page #flash_link a,#about_page #about_link a,#contact_page #contact_link a{ color:#00deff; border-bottom:#367483 2px solid; }

a.n_hov:hover{border-bottom:0;}
.twit{
background:url(../images/twitter_01.png) no-repeat left top;
width:107px;
height:100px;
}
.tweet a{
	width:107px;
height:100px;}
a.n_hov span{display:none}
.tweet{
	position:relative;
	margin-top:2em;}
.tweet a{
	background: url(../images/twitter_01.png) no-repeat;
	width:107px;
	height:100px;
	position:absolute;
	left:0;
	display:block;
	text-indent:-9999px}
	

 /***** Wrapper *****/

 #wrapper{
 width:1006px;
 margin:0 auto;
 position:relative;
 }
/*--------------------------header section ---------------------------*/
#mas_head{
width:1006px;
height:350px;
color:#eee;
position:relative;

}
#head_orn{
	background:url(../images/heade_ornate.png) no-repeat;
	width:303px;
	height:202px;
	position:absolute;
	right:0}
#header{
position:absolute;
top:16em;
width:1006px;
background:url(../images/black_bg.jpg) left top repeat-x;
height:100px;
padding:2em 0}
#logo{
margin-left:1em;
margin-top:1em;}
#logo h1{background:url(../images/header_name_img.png) top left no-repeat;
width:258px;
height:56px;}
h1 span{display:none;}
#logo p{
margin-top:-2em;
margin-left:16em;
color:#fff;}
/*----------------------------navigation ------------------------*/
.nav{
width:196px;
border-left:#535353 1px dotted;
border-right:#535353 1px dotted;
position:absolute;
margin-left:30em;
padding-left:2em;
top:2em;
}
.nav a,.nav a:link,.nav a:visited{text-decoration:none; color:#ccc; font-weight:100}
.nav a:hover,.nav a:active{color:#00deff; border-bottom:#00deff 2px solid;}
.navlist{
margin-left:1em;}
.navlist li{float:left; width:70px; position:relative; display:inline; padding:.5em;
text-align:left }
/*-------------------------welcome text------------------------*/
#welcome_text{
width:400px;
position:absolute;
right:1em;
top:3em;
}
/*---------------- service text --------------*/
#service_text{
margin:1em auto;
position:relative;
margin-left:4em;
}
#servcie_text ul{

margin:0 auto}
#service_text li{
	list-style:disc;
	list-style-position:inside;
	
	font-size:12px;
	padding:.5em 0;
}
/*---------------------portfolio------------------------*/
#main_content{
width:970px;position:relative;
margin:0 auto;
margin-top:2em;
}
.portfolio_ul a{border-bottom:none}


.portfolio_ul li { margin:0 0 0 42px; float:left; width:420px; height:380px; position:relative; }
.portfolio_ul li h2 { position:relative; width:420px }
.portfolio_ul li h2 span {
	font-style:italic;
	color:#CCC;
	position:absolute;
	top:0;
	right:8px;
	font-weight:bold
}
/*-------------------------footer----------------------------*/
#footer{
background-color:#000;
position:relative;
clear:left;
padding:1em;
height:120px;
margin-bottom:4em;
}
#footer_left img{
margin:0 .2em .2em 0;}
ul.mail_ul,ul.mail_ul li{width:100px;}
 li.email_link{background:url(../images/footer_email_icon.jpg) left 2px no-repeat;
height:26px;
padding-left:50px;
line-height:26px;
}
li.yahoo{background:url(../images/yahoo_icon.jpg) left 2px  no-repeat;
height:44px;
padding-left:50px;
line-height:44px;}
li.gtalk{background:url(../images/gtalk_icon.jpg) left 2px  no-repeat;
height:31px;
padding-left:50px;
line-height:31px;}

#bookmark_icons{position:absolute;top:1.5em;left:200px; width:250px;}
#bookmark_icons p{margin-bottom:.5em;}
#bookmark_icons li{
margin-bottom:.5em;
float:left;
width:90px;
position:relative;
display:inline;
}
li.delicious{background:url(../images/icons_06.jpg) left top no-repeat;
height:20px; line-height:20px; padding-left:30px;}
li.blink{background:url(../images/icons_12.jpg) left top no-repeat;
height:20px; line-height:20px; padding-left:30px;}
li.technorati{background:url(../images/icons_14.jpg) left top no-repeat;
height:20px; line-height:20px; padding-left:30px;}
li.flickr{background:url(../images/icons_10.jpg) left top no-repeat;
height:20px; line-height:20px; padding-left:30px;}
li.reddit{background:url(../images/icons_18.jpg) left top no-repeat;
height:20px; line-height:20px; padding-left:30px;}
li.stumbleupon{background:url(../images/icons_16.jpg) left top no-repeat;
height:20px; line-height:20px; padding-left:30px;}
li.newsvine{background:url(../images/icons_20.jpg) left top no-repeat;
height:20px; line-height:20px; padding-left:30px;}

#footer .nav{
top:2em;
left:13em;}
#copyrights_info{
position:absolute;
top:2em;
right:1em;
}
ul.support { position:absolute; top:4em; left:0 }
ul.support li { float:left; margin:0 10px 50px 0 }
ul.support li a { text-indent:-9999px; display:block; height:30px; margin:0; padding:0 }
ul.support li a:hover { border:none }
ul.support li.eGreenpeace a { background:url(../images/greenpeace.gif) top left no-repeat; width:31px }
ul.support li.eWWF a { background:url(../images/wwf.gif) top left no-repeat; width:31px }
ul.support li.eFOE a { background:url(../images/govansh_icon.gif) top left no-repeat; width:31px }
li.feed a{background:url(../images/rss_icon.jpg) top left   no-repeat;
height:29px;
width:30px;
}
li.top a{background:url(../images/top_icon.jpg) top left   no-repeat;
height:25px;
width:26px;
}
#googleadsense, #bitadd{
width:728px;
padding:0;
margin:2em auto;}
/*-------------------------- about us page ------------------------------*/
.left{
float:left;
position:relative;
width:600px;
}
.right{
margin-left:620px;
position:relative}
.black_bg #testimonial{
color:#BCB885;
padding:1em;

}
#testimonial h2{
clear:none;
}
#testimonial h4,#associations h4{
color:#00deff;
font-size:12px;}
.testi{
width:300px;
float:left;
margin-left:1em;
position:relative;}
.testi img{
float:left;
width:58px;
margin-right:1em}
#journey{
float:left;
position:relative;
width:300px;}
#associations{
margin-left:312px;}
#associations li{
padding:1em 0;
border-bottom:#367483 1px dotted }
#associations li img{
float:left;
width:34px;
position:relative;
margin:1em;
margin-top:.5em
}
#associations li p{
margin-left:56px;}
#sites a{
border-bottom:none;}
#sites  img{
margin-top:1em;}
#sites p{padding:.5em 0;border-bottom:#367483 1px dotted }
/*-----------------------------contact ----------------------------------*/
#contact_page{
color:#535353}
#contact_form{
float:left;
width:350px;
position:relative}
#contact_form td{
padding:1em;}
.txt_box{
width:200px;
background-color:#111;
color:#FFFFFF;
border:#333 1px solid;}
.btn{background:url(../images/contact_page/btn_bg.jpg) top left no-repeat;
width:80px;
height:23px;
border:0;
margin-right:1em;
cursor:hand;
line-height:23px;}
.btn:hover{background:url(../images/contact_page/btn_hover.jpg) top left no-repeat;
color:#fff;
width:80px;
height:23px;
border:0;
line-height:23px;}
#contact_page .black_bg{
margin-left:370px;
padding:1em;}
#contact_page .black_bg li{
padding:.5em 0;}
#contact_page .black_bg li a{
}
/*------------ hover-----------------*/
/*.portfolio_ul a{filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.80;
opacity:0.8;
}

.portfolio_ul a:hover{filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00;
opacity:1;}*/
.bgblack {
	width:400px;
	height:200px;
	background-color:#000;}
	.zoomimg{
display:none;
	position:absolute; 
	top:0;
	left:0;
/*	background:url(../images/portfolio_bg.png);*/
	
	margin-left:170px;
	margin-top:80px;
		width:74px;
		height:59px;
		}
/*	
.portfolio_ul  img{ border:#222 4px solid}
.portfolio_ul  img:hover{ border:#333 4px solid}
*/