/* CSS Document */
/*---------------General--------------*/
body{
	padding:0;
	margin:0;
}
p, h1, h2, h3, h4, h5, form, input, label{
	padding:0;
	margin:0;
}
ul{
	list-style:none;
}
img{
	padding:0;
	margin:0;
	border:none;	
}
.spacer{
	clear:both;
	line-height:0;
	font-size:0;
}
/*--------------General---------------*/
/*-------------Top Container Start-----------*/
#top_container{
	padding:0;
	margin:0;
	background:url(../images/bg_home.png) repeat-x 0 0;
}
#top_innercontainer{
	padding:0;
	margin:0;
	background:url(../images/bg_home.png) repeat-x 0 0;
}
div.topportion{
	width:927px;
	padding:0 33px 0 0;
	margin:0 auto;
	position:relative;
}
div.leftstrip{
	position:absolute;
	left:960px;
	right:0;
	z-index:2;
	background:url(../images/left_strip.png) no-repeat 0 0;
	width:10px;
	height:188px;
}
div.rightstrip{
	position:absolute;
	left:-10px;
	right:0;
	z-index:2;
	background:url(../images/right_strip.png) no-repeat 0 0;
	display:block;
	width:10px;
	height:188px;
}
div.ribbonstrip{
	position:absolute;
	left:-9px;
	right:0;
	z-index:10;
	background:url(../images/ribbon.png) no-repeat 0 0;
	width:89px;
	height:51px;
}
div.top{
	width:927px;
	padding:0 0 0 0;
	margin:0;
}
div.top div.logo{
	width:279px;
	float:left;

	padding:0px 0px 0px 0px;
	margin:0;
	z-index:1;
}
div.top div.topright{
	width:612px;
	float:right;
	padding:46px 0 0 0;
	margin:0;
	z-index:6;
}
/*-----------------Main Navigation Starts----------------*/
#menu{
	position:relative;
	width:500px;
	margin:0 auto;
	float:left;
	


}
#nav{
	background:url(../images/nav_bar.png) no-repeat left top;
	position: absolute;
	top: -5px;
	left: 0px;
	z-index: 894;
	width:572px; height:60px;

}
#nav li{
	float:left;
    list-style:none;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0px 3px 0 7px;
	margin:0 0 0 0;
	position:relative;

}
#nav li a{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
    text-align: center;                                               
    z-index: 3;

    float: left;                        
    position: relative;

	text-decoration:none;
    outline:none;   
    font-size: 12px;
    top:10px;
    

 

}
#nav li a:hover, #nav li a.active{
	color:#fff;
	background-color:inherit;
	font-size: 22px;

}
#nav li.last{
	  background:none;
	  font-size: 22px;

}
#nav ul{
	margin:0;
	padding:6px 0 0 0;
	line-height:50px; 
	z-index:2;	
	display:none;
	position:relative;
	font-size: 20px;	
	background-color:#000;
}
#menu #nav ul a{
	line-height:28px;
	font-size: 24px;
	cursor: pointer;
	
}
#menu #nav ul {
	display:none;
	position:absolute;
	top:19px;
	width:156px;
	left:-1px;

	background-color:#000;
	color:#fff;
	font-size: 22px;
}
#menu #nav ul li{
	background:none;

	margin:0;
	line-height:28px;

	font-size: 22px;
}
#menu #nav ul li.last{
	border-bottom:none;
	font-size: 22px;
}
#menu #nav li ul a{
	width:134px;
	height:auto;
	float:left;
	text-align:left;
	padding: 0 6px 0 14px;
	font-size: 22px;
}
#menu #nav li ul a:hover{
	color:#fff;
	background-color:inherit;
	font-size: 22px;
}

/*-----------------Main Navigation Ends----------------*/
div.top div.topright div.search{
	float:right;
	padding:0 0 0 20px;
	margin:0 2px 0 0;
	width:153px;
	background:url(../images/search_bg.png) no-repeat 0 0;	
}
div.top div.topright div.search input{
	padding:0px 0 0 3px;
	margin:4px 0 2px 0;
	width:110px;
	float:left;
	height:19px;
	border:0px;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#949393;
	background:url(../images/search_inputbg.jpg) repeat-x 0 0;
	background-color:inherit;
	outline:none;
}
div.top div.topright div.search input.searchBtn{
	width:22px;
	height:24px;
	border:none;
	cursor:pointer;
	float:right;
	margin-top:1px;
	margin-right:12px;
	}
/*----------Header Portion Starts------------*/
#header-container{
	width:894px;
	outline:none;
	background:url(../images/header_bg.png) no-repeat 0 100%;
	height:414px;
	padding:0;
	margin:0 0 0 33px;
	z-index: 1;
	
}
#cu3er-container{
	width:894px;
	outline:none;
	margin:0 0;
	text-align:center;
	padding:0;
	z-index: 1;
	
	}	
/*----------Header Portion Ends------------*/
/*-------------Top Container Ends-----------*/
/*-------------Body Container Starts-----------*/
#body_container{
	background:url(../images/innerpage_main_bg.png) no-repeat center top;
	width:auto;
	margin:0 75 0 33px;
	padding:20px 0 0 0;
}
div.body{
	width:894px;
	margin:0 auto;

}
div.body div.leftportion{
	width:514px;
	float:left;
	padding:0 75px 0 0;
	margin:0;
	background:url(../images/divider.jpg) no-repeat 95% 0;
}
div.body div.rightportion{
	width:305px;
	float:right;
	padding:0;
	margin:0;
}
div.body div.leftportion h2{
	font:normal 28px/30px "Tahoma", Arial, Helvetica, sans-serif;
	color:#960066;
	background-color:inherit;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
div.body div.leftportion p{
	font:normal 14px/35px  Tahoma, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	padding:18px 0 0 0;
	margin:0;
 }
div.body div.leftportion p.read{
 	padding:10px 0 0 0;
	margin:0 0 0 0;
 }
div.body div.leftportion p.read a{
	font:normal 13px/24px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#353535;
	padding:5px 20px 5px 25px;
	margin:0 0 0 0;
	text-decoration:none;
}
div.body div.leftportion p.read a:hover{
	text-decoration:none;
}
div.body div.leftportion h3{
	font:normal 20px/22px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#ebebeb;
	background-color:inherit;
	padding:0;
	margin:58px 0 0 0;
}
div.body div.leftportion p.author{
	padding:15px 0 0 0;
	margin:0 0 0 0;
	font:bold 12px/12px "Tahoma", Arial, Helvetica, sans-serif;
	color:#9f9f9f;
	background-color:inherit;
}
div.body div.leftportion p.portfolio{
	padding:0px 0 0 0;
	margin:0;
}
div#slideshow{	
	height:70px;
	width:514px;
	}
div#slideshow div.slider{
	padding:0;
	margin:0;	
	width:514px;
	position:relative;
	background-color:inherit;
	color:#fff;
}
div#slideshow div.slider ul{
	margin:0;
	padding:5px 0 0 0;
	list-style:none;	
	}
div#slideshow div.slider li{ 
	/*	define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here*/
		 
	width:auto;
	height:55px;
	overflow:hidden; 

	margin:0;
	float:left;
	}
div#slideshow div.slider li.last{
	padding-right:0;
}
#display{
	padding:5px 0 0 0;
	width:400px;
	margin:0 0 0 0;
}
#display ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:200px;
	display:inline;
}
#display ul li{
	float:left;
	margin:0 0 0 0;
	padding:0 0px 0 0px;
	cursor:pointer;
	width:auto;
	font:normal 12px/19px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#878686;
	background-color:inherit;
	background:url(../images/footer_navdivider.gif) no-repeat 100% 5px;
}
#display ul li.last{
	background:none;
}
#display ul li img{
	padding:0;
	margin:0px 0 0 0;
}
div.body div.rightportion h4{
	font:normal 18px/19px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#d62a24;
	background-color:inherit;
	padding:0;
	margin:0 0 16px 0;
}
div.body div.rightportion ul.category{
	padding:0;
	margin:0 0 44px 0;
	width:259px;
}
div.body div.rightportion ul.category li{
	background:url(../images/dot_border.jpg) repeat-x 0 100%;
	padding:6px 0 8px 0;
	margin:0;
}
div.body div.rightportion ul.category li.last{
	background:none;
}
div.body div.rightportion ul.category li a{
	font:bold 14px/16px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	padding:0 0 0 0;
	margin:0;
	display:block;
	text-decoration:none;
}
div.body div.rightportion ul.category li a:hover{
	color:#ffffff;
	background-color:inherit;
}
div.body div.rightportion p{
	font:normal 12px/18px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#7c7c7c;
	background-color:inherit;
}
div.body div.rightportion p.comments{
	font:normal 9px/13px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#595959;
	background-color:inherit;
	padding:10px 0 22px 0;
}
div.body div.rightportion p.comments span{
	font:bold 10px/21px Arial, Helvetica, sans-serif;
	color:#595959;
	background-color:inherit;
}
div.body div.rightportion p.borderline{
	padding:0 0;
	margin:0 0 21px 0;
}
/*-------------Body Container Ends-----------*/
/* -------------------------------------------------------------------------------------- FOOTER */

#footer{ background:#0a0e11;}
#footer .content{
		color:#FFF;
		margin:0 auto; padding:20px 0;
		width:960px;
	}
#footer h4{
	font-size:20px;
	padding:0 0 10px 0; margin:0 0 10px 0;
	text-transform:uppercase;
}
#footer #bottom_logo{
	text-align:center;
	background:url(../images/separator_bottom.png) no-repeat left bottom;
	padding:0 0 20px 0;
}
#footer #bottom_logo a{
	text-align:center;
	display:block;
	margin:0 auto;
	width:325px;
}
#footer #bottom_logo span{ text-transform:uppercase;}

#footer .col_2_blocks{
	display:block;
	float:left;
	width:auto;
	margin:0 20px; padding:20px 0;
}
#footer .col_2_blocks h4{
	background:url(../images/footer_col_1_title_line.jpg) no-repeat right bottom;
	text-align:right;
}
#footer .col_2_blocks_end{
	display:block;
	float:left;
	width:240px;
	margin:0 20px; padding:20px 0;
}
#footer .col_2_blocks_end h4{
	background:url(../images/footer_col_4_title_line.jpg) no-repeat left bottom;
}
#footer .col_1_block{
	display:block;
	float:left;
	width:auto;
	margin:0 20px; padding:20px 0;
}
#footer .col_1_block h4{
	background:url(../images/footer_col_2_title_line.jpg) repeat-x right bottom;
}
#footer .col_1_block ul li a{
	padding:4px 6px;
}
#footer .copyright{
	text-align:center;
	background:url(../images/separator_bottom.png) no-repeat left top;
	padding:10px 0 10px 0;
}

/* Twitter update ------------------------------- */
	#twitterUpdate{}
	#twitterUpdate a{ color:#FFF;}
	#tweeter{width:0px; height:0px; text-indent:-9000px;}
	
	#deadTweets{
		text-align:right;
	}
	.twitterTime{ font-size:11px; display:block; clear:both;}

/*------------Aboutus Page Starts-------------*/
div.body div.leftportion p.additional{
	padding:11px 0 0 0;
	margin:0;
 }
 div.body div.leftportion h3.company{
	font:normal 20px/22px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#ebebeb;
	background-color:inherit;
	padding:0;
	margin:49px 0 0 0;
}
div.body div.leftportion p a{
	color:#6a83a5;
	font:bold 11px/21px "Century Gothic", Arial, Helvetica, sans-serif;
	background-color:inherit;
	padding:0;
	margin:0;
	text-decoration:none;
}
div.body div.leftportion p a:hover{
	text-decoration:underline;
}
div.body div.leftportion p.quote{
	font:bold 18px/25px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#737373;
	background-color:inherit;
	padding:13px 0 0 0;
	margin:0 0 0 0;
}
div.body div.rightportion ul.partner{
	padding:6px 0 6px 0;
	margin:0 0 50px 0;
	width:300px;
	float:left;
	background:url(../images/border_line.jpg) no-repeat 0 100%;
	}
div.body div.rightportion ul.partner li{

	margin:0;
	float:left;
	width:auto;
}
div.body div.rightportion ul.partner li img{
	padding:0;
	margin:0;
	width:60px;
heigh:60px
}
div.body div.rightportion ul.partner li.last{
	padding-right:0;
}
/*------About Slider----*/
div#text{	
	height:54px;
	width:650px;
	position:absolute;
	top:176px;
	left:40px;
	float:left;
	}
div#text div.slider{
	padding:0;
	margin:0;	
	width:650px;
	position:relative;	
}
div#text div.slider p{
	font:normal 16px/19px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0;
	margin:0;
}
/*-----About Header Starts-----*/
div.header{
	position: relative;
	width: 884px;
	height: 286px;
	margin:0 0 0 33px;
	padding:5px 5px 0 5px;
	background:url(../images/slider_bg.png) no-repeat 0 0;
	z-index:0;
}
div#slideshow1{	
	width: 884px;
	height: 286px;
	}
div.tag{
	position:absolute;
	width:132px;
	height:99px;
	left:-120px;
	top:192px;
}
div#slideshow1 div.slider{
	padding:0;
	margin:0;	
	width:884px;
	position:relative;
	
}
div#slideshow1 div.slider ul{
	margin:0;
	padding:0 0 0 0;
	list-style:none;	
	
	}
div#slideshow1 div.slider li{ 
	/*	define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here*/
		 
	width:auto;
	height:147px;
	overflow:hidden; 
	padding:0 0 0 0;
	margin:0 5px 0 0;
	float:left;	
	}
div#slideshow1 div.slider li.last{
	margin-right:0;
}
#display2{
	padding:0 0 0 0;
	width:130px;
	margin:0 0 0 0;
	float:right;
	position:absolute;
	top:172px;
	left:760px;
}
#display2 ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:130px;
	display:inline;
}
#display2 ul li{
	float:left;
	margin:0 0 0 0;
	padding:0 20px 0 0;
	cursor:pointer;
	width:auto;
	}
#display2 ul li img{
	padding:0;
	margin:0 0 0 0;
	width:36px;
	height:24px;
}

/*-----About Header Ends-----*/
/*------------Aboutus Page Ends-------------*/
/*------------Services Page Starts-------------*/
div.web{
	width:514px;
	padding:36px 0 0 0;
	margin:0 0 0 0;
}
div.web div.left{
	float:left;
	width:32px;
}
div.web div.right{
	float:right;
	width:463px;
}
div.web div.left img.side{
	float:left;
	width:32px;
	padding:0 0 0 0;
	margin:0 19px 0 0;

}
div.web div.right ul{
	width:400px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:left;
}
div.web div.right ul li{
	padding:0 0 0 16px;
	margin:0 0 0 0;
	font:normal 12px/22px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#737373;
	background-color:inherit;
	background:url(../images/bullet.gif) no-repeat 0 8px;
}
div.web div.right ul li a{
	font:normal 12px/22px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#737373;
	background-color:inherit;
	text-decoration:none;
}
div.web div.right ul li a:hover{
	color:#818181;
	background-color:inherit;
}
/*------------Services Page Ends-------------*/
/*------------Portfolio Page Starts-------------*/
div.body h2{
	font:normal 24px/26px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
div.body p.portfoliotext{
	font:normal 12px/22px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#737373;
	background-color:inherit;
	padding:0 0 0 0;
	margin:17px 0 35px 0; 
}
div.body div#portfolioslideshow{	
	width: 894px;
	height: 536px;
	padding:0;
	margin:0;
	color:#000;
	background-color:inherit;	
	}
div.body div#portfolioslideshow div.slider{
	padding:0;
	margin:0;	
	width:894px;
	color:#000;
	background-color:inherit;	
	position:relative;
	z-index:10;	
}
div.body div#portfolioslideshow div.slider ul{
	margin:0;
	padding:0 0 0 0;
	list-style:none;	
	}
div.body div#portfolioslideshow div.slider li{ 
	/*	define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here*/
		 
	width:289px;
	height:280px;
	overflow:hidden; 
	padding:0 0 0 0;
	margin:0 13px 0 0;
	float:left;
	font:normal 13px/21px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#616161;
	background-color:inherit;	
	}
div.body div#portfolioslideshow div.slider li img{
	padding:0;
	margin:0 0 30px 0;
}
div.body div#portfolioslideshow div.slider li h4{
	font:normal 20px/21px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#c2c2c2;
	background-color:inherit;
	padding:0 0 0 0;
	margin:0 0 10px 0;
}
div.body div#portfolioslideshow div.slider li.last{
	margin-right:0;
}
div.body div#portfolioslideshow div.slider li a.view{
	width:auto;
	padding:0 0 0 13px;
	margin:0;
	font:normal 13px/21px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#c72920;
	background-color:inherit;
	text-decoration:none;
}
div.body div#portfolioslideshow div.slider li a.view:hover{
	color:#fff;
	background-color:inherit;
}
#display_port{
	padding:0 0 0 0;
	width:400px;
	margin:36px 0 0 0;
}
#display_port ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:200px;
	}
#display_port ul li{
	float:left;
	margin:0 0 0 0;
	padding:0;
	cursor:pointer;
	width:auto;
	font:normal 12px/19px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#878686;
	background-color:inherit;
	display:block;
	height:12px;
}
#display_port ul li img{
	padding:0 0 0 0;
	margin:5px 0 0 0;
	display:block;
	height:12px;
}
/*------------Portfolio Page Ends-------------*/
/*-----------Contact Page Starts-------------*/
div.body div.leftportion div.form{
	padding:28px 0 0 6px;
	margin:0;
	width:500px;
	}
div.body div.leftportion div.form label{
	display:block;
	overflow:hidden;
	height:100%;
	padding:0;
	margin:0 0 15px 0;
}
div.body div.leftportion div.form label.last{
	margin-bottom:0;
}
div.body div.leftportion div.form label.btn{
	width:94px;
	float:left;
}
div.body div.leftportion div.form label img{
	padding:0;
	margin:5px 0 0 0;
}
div.body div.leftportion div.form label span{
	width:100px;
	float:left;
	text-align:left;
	padding:0 0 0 12px;
	font:italic 12px Arial, Helvetica, sans-serif;      
	color:#6b6b6b;
	background-color:inherit; 
	line-height:25px;
}
div.body div.leftportion div.form label strong{
	color:#949494;
	background-color:inherit;
	font:italic 12px/25px Arial, Helvetica, sans-serif;  
}
div.body div.leftportion div.form input{
	width:260px;
	float:left;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#ff;
	background-color:inherit;
	background:url(../images/input_bg.jpg) repeat-x 0 0;
	border:1px solid #272727;
	padding:3px 0 0 2px;	
	height:20px;
	letter-spacing:1px;	
	outline:none;
}
div.body div.leftportion div.form input:focus{
	background:#1e1e1e;
	color:#7d7c7c;
}
div.body div.leftportion div.form textarea{
	width:494px;
	float:left;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#7d7c7c;
	border:1px solid #272727;
	padding:4px 0 0 4px;	
	height:152px;
	background:url(../images/textarea_bg.jpg) repeat-x 0 0;
	letter-spacing:1px;	
	background-color:inherit;
	outline:none;		
}
div.body div.leftportion div.form textarea:focus{
	background:#1e1e1e;
	color:#7d7c7c;
}
div.body div.leftportion div.form input.submission{
	background:url(../images/send_btn.jpg) no-repeat 0 0;
	width:94px;
	height:25px;	
	border:none;
	text-indent:-20000px;
	cursor:pointer;
	float:left;
	display:block;	
	margin:16px 18px 17px 0;	
	}
div.body div.leftportion div.form input.submission:hover{
	background:url(../images/send_btnhover.jpg) no-repeat 0 0;
}
div.googleMap {
	width:256px;
	border:#434343 2px solid;
	padding:0;
	margin:6px 0 0 0;
	}
p.add{
	color:#757474;
	font:bold 12px/21px "Century Gothic", Arial, Helvetica, sans-serif;
	background-color:inherit;
	background:url(../images/border_line.jpg) no-repeat 0 100%;	
	padding:11px 0 11px 0;
	margin:0 0 50px 0;
	width:259px;
}
/*------------Contact Page Ends------------*/
/*----------contact us confirmation & error page starts--------*/
div.body div.leftportion div.confirm{
	border:1px solid #272727;
	width:450px;
	background-color:inherit;
	color:#fff;
	padding:30px 0 30px 40px;
	margin:24px 0 400px 0;
}
div.body div.leftportion p.textconfirm{
	font:normal 15px/22px Arial, Helvetica, sans-serif;
	color:#7d7c7c;
	background-color:inherit;
	padding:0 0 0 70px;
	margin:0;
	background:url(../images/confirm_icon.png) no-repeat 0 0;
}
div.body div.leftportion p.texterror{
	font:normal 15px/22px Arial, Helvetica, sans-serif;
	color:#7d7c7c;
	background-color:inherit;
	padding:0 0 0 70px;
	margin:0;
	background:url(../images/error_icon.png) no-repeat 0 0;
}
/*----------contact us confirmation & error page ends--------*/