/* CSS Document */
/*--------------------General---------------------------*/
body{
	background:url(../images/desktop.jpg) repeat 0 0;
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#000000;
	background-color:inherit;
}
p, h1, h2, h3, h4, h5, h6, form, input, label{
	padding:0;
	margin:0;
}
a{
	outline:none;
	text-decoration:none;
}
.spacer{
	clear:both;
	line-height:0;
	font-size:0;
}
img{
	border:none;
	padding:0;
	margin:0;
}

/*--------------------General---------------------------*/

/*------------------Maincontainer Starts---------------*/
#maincontainer{
	padding:0 0 0 0;
	margin:115px auto 0 auto;
	width:911px;
}
#maincontainer div.wrap{
	background:url(../images/box_shadow.png) no-repeat left bottom;
	padding:0;
	margin:0 0 0 0;
	height:576px;
}	
#maincontainer div.wrap div.outer{
	padding:5px;
	margin:0 auto;
	width:716px;
	background:url(../images/outer_bg.jpg) repeat-x 0 0;
	border:1px solid #c6c6c6;
	color:#000;	
	background-color:inherit;
	position:relative;
}
/*-----------------Top Portion Strats-------------------*/
#maincontainer div.wrap div.outer div.social{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	width: 136px;
	top: -8px;
	right: 14px;
	background: url(../images/social_bg.png) no-repeat 0 0;
}
#easy_tooltip{
	border:1px solid #434848;
	padding:1px 4px;
	margin:0;
	background:#212929;
	color:#dadada;
	z-index:10000;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
#maincontainer div.wrap div.outer div.social ul{
	padding:16px 0 40px 45px;
	margin:0 0 0 0;
	list-style:none;
}
#maincontainer div.wrap div.outer div.social ul li{
	float:left;
	width:auto;
	padding:0 8px 0 0;
	margin:0 0;
}
#maincontainer div.wrap div.outer div.inner{
	border:1px solid #dedede;
	padding:0 44px;
	margin:0 0;
	background:url(../images/inner_bg.jpg) repeat-x 0 0;
	width:626px;
}
#maincontainer div.wrap div.outer div.inner div.header{
	padding:18px 0 10px 0;
	margin:0 0 0 0;
} 
#maincontainer div.wrap div.outer div.inner div.header h1{
	padding:0 0;
	margin:0 0;
	text-align:center;
	font-size:35px;
	color:#6d6d6d;
	background-color:inherit;	
}
#maincontainer div.wrap div.outer div.inner div.header p{
	text-align:center;
	padding:0;
	margin:0;
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#8c8c8c;
	background-color:inherit;
}
/*-----------------Top Portion Ends-------------------*/

/*---------------Body Portion Starts-----------------------*/
#maincontainer div.wrap div.outer div.inner div.body{
	background:url(../images/body_bg.png) no-repeat 0 0;
	padding:0 0;
	margin:0 0;
	color:#000;
	background-color:inherit;
}
#content{
	padding:0 0 0 ;
	margin:0 0;
	height:296px;
	overflow:hidden;
	background:url(../images/border_bottom.gif) repeat-x 0 100%;
	background-color:inherit;
	color:#000;
}
#content div.section{
	padding:45px 0 19px 0;
	margin:0 0 0 0;	
	background-color:inherit;
	color:#000;
}
#content div.section h2{
	padding:0 0 0 0;
	margin:0 0 20px 0;
	font:normal 26px/26px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	background-color:inherit;
}
#content div.section img{
	padding:0 0 5px 0;
	margin:0 20px 0 0;
	float:left;
	width:auto;
}
#content div.section p{
	padding:0 0 10px 0;
	margin:0 0 0 0;
	font:normal 11px/23px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
}
/*---------------Body Portion Ends-----------------------*/

/*--------------Main Navigation Starts-----------*/
#maincontainer div.wrap div.outer div.inner div.body div.menu{
	padding:44px 0 0 192px;
	margin:0 0 0 0;
}
#nav{
	padding:0 0;
	margin:0 0;
	list-style:none;
}
#nav li{
	float:left;
	width:auto;
	padding:0 4px 0 0;
	margin:0 0 0 0;
}
#nav li a{
	width:47px;
	height:49px;
	display:block;
}
#nav li.nav1 a{
	background:url(../images/home_icon.png) no-repeat 0 2px;	
}
#nav li.nav1 a.activeSlide, #nav li.nav1 a:hover{
	background:url(../images/home_icon_active.png) no-repeat 0 2px;
	}
#nav li.nav2 a{
	background-image:url(../images/about_icon.png);
	background-repeat:no-repeat;
}
#nav li.nav2 a.activeSlide, #nav li.nav2 a:hover{
	background-image:url(../images/about_icon_active.png);
	background-repeat:no-repeat;
}
#nav li.nav3 a{
	background:url(../images/services_icon.png) no-repeat;
	
}
#nav li.nav3 a.activeSlide, #nav li.nav3 a:hover{
	background:url(../images/services_icon_active.png) no-repeat;
	
}
#nav li.nav4 a{
	background-image:url(../images/portfolio_icon.png);
	background-repeat:no-repeat;
}
#nav li.nav4 a.activeSlide, #nav li.nav4 a:hover{
	background-image:url(../images/portfolio_icon_active.png);
	background-repeat:no-repeat;
}
#nav li.nav5 a{
	background:url(../images/contact_icon.png) no-repeat;
	
}
#nav li.nav5 a.activeSlide, #nav li.nav5 a:hover{
	background:url(../images/contact_icon_active.png) no-repeat;
	
}
/*--------------Main Navigation Ends-----------*/

/*-----------About us Page Starts------------------*/
#content div.section ul.about{
	padding:7px 0 0 0;
	margin:0 0 0 0;
	list-style:none;
}
#content div.section ul.about li{
	background:url(../images/bullets.gif) no-repeat 0 4px;
	padding:0 15px 5px 25px;
	margin:0 0 0 0;
	width:280px;
	float:left;
}
#content div.section ul.about li.last{
	padding:0 0 0 25px;
	margin:0;
}
#content div.section ul.about li a{
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
	text-decoration:none;
}
#content div.section ul.about li a:hover{
	border-bottom:1px dotted #797979;
	padding:0 0 3px 0;
}
/*-----------About us Page Ends------------------*/
/*-----------Services Page Starts------------------*/
#content div.section div.first{
	width:auto;
	padding:0 0;
	margin:0 30px 16px 0;
	float:left;
}
#content div.section div.first img{
	padding:0;
	margin:0 20px 0 0;
	float:left;
	width:27px;	
	display:block;
}
#content div.section div.first ul{
	padding:0 0 0 0;
	margin:0 0 0 41px;
	width:auto;
	list-style:none;	
}
#content div.section div.first ul li{
	padding:0 0 10px 15px;
	background:url(../images/bullets2.gif) no-repeat 0 8px;
	margin:0;
}
#content div.section div.first ul li.print{
	background:url(../images/bullets3.gif) no-repeat 0 8px;
}
#content div.section div.first ul li.skills{
	background:url(../images/bullets4.gif) no-repeat 0 8px;
}
#content div.section div.first ul li a{
	font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit;
	text-decoration:none;
}
#content div.section p.view{
	font:bold 9px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#362424;
	background-color:inherit;
	padding:0 0 0 42px;
	margin:0 0 0 0;
}
#content div.section p.view a {
	padding:0;
	margin:0;
	font:bold 9px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#362424;
	background-color:inherit;
}
#content div.section p.view a:hover{
	border-bottom:1px dotted #797979;
	padding:0 0 3px 0;
}
#content div.section div.first ul li a:hover{
	border-bottom:1px dotted #797979;
	padding:0 0 3px 0;
}
/*-----------Services Page Ends------------------*/

/*-------------Portfolio Page Starts---------------*/
div#slideshow{	
	height:171px;
	width:585px;
	position:relative;
	}
div#slideshow div.slider{
	padding:0;
	margin:0;	
	width:585px;
	position:relative;
	background-color:inherit;
	color:#fff;
}
div#slideshow div.slider ul{
	margin:0;
	padding:0 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:135px;
	height:78px;
	overflow:hidden; 
	padding:0 15px 0 0;
	margin:0 0 15px 0;
	float:left;
	}
div#slideshow div.slider li.last{
	padding-right:0;
}
#display{
	padding:0 0 0 0;
	width:auto;
	margin:0 0 0 0;
	position:absolute;
	top:70px;
	right:-20px;
}
#display ul{
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:140px;
	display:inline;	
}
#display ul li{
	float:left;
	margin:0 0 0 0;
	padding:0 3px 0 0;
	cursor:pointer;
	width:auto;
	line-height:12px;
	color:#878686;
	background-color:inherit;
	background:url(../images/display_divider.gif) no-repeat 85% 0;
}
#display ul li.last{
	background:none;
}
#display ul li img{
	padding:0;
	margin:6px 0 0 0;
}
/*-------------Portfolio Page Ends--------------------*/
/*-------------Contact Page Starts------------------*/
#content div.contact{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#content div.contact div.form{
	float:left;
	width:297px;
	padding:0 40px 0 0;
	margin:0 0;
	background:url(../images/form_divider.gif) repeat-y 100% 0;
	position:relative;	
}
#content div.contact div.form label{
	display:block;
	overflow:hidden;
	height:100%;
	padding:0;
	margin:0 0 10px 0;
}
#content div.contact div.form label.last{
	margin-bottom:0;
}
#content div.contact div.form label img{
	padding:0;
	margin:5px 0 0 0;
}
#content div.contact div.form label span{
	width:90px;
	float:left;
	text-align:left;
	padding:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	background-color:inherit; 
	line-height:16px;
}
#content div.contact div.form input{
	width:198px;
	float:left;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#7d7c7c;
	background-color:#f2f2f2;
	border:1px solid #d5d5d5;
	padding:4px 0 0 2px;	
	height:20px;
	outline:none;	
}
#content div.contact div.form textarea{
	width:198px;
	float:left;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#7d7c7c;
	border:1px solid #d4d4d4;
	padding:4px 0 0 4px;	
	height:68px;
	outline:none;	
	background:url(../images/textarea_bg.gif) repeat-x 0 100% #ffffff;		
}
#content div.contact div.form label.btnsub{
	padding:0;
	margin:0;
	display:block;
	overflow:hidden;
	height:16px;
	width:49px;
	position:absolute;
	left:0;
	top:166px;
}
#content div.contact div.form label.btnsub input.submission{
	background:url(../images/send_btn.gif) no-repeat 0 0;
	width:49px;
	height:16px;	
	border:none;
	text-indent:-20000px;
	cursor:pointer;
	float:left;	
	}
#content div.contact div.form input:focus{
	background:#f8f8f8;
	color:#7d7c7c;
}
#content div.contact div.form textarea:focus{
	background:#f8f8f8;
	color:#7d7c7c;
}
#content div.contact div.map{
	float:right;
	padding:0 0 0 46px;
	margin:0 0 0 0;
	width:240px;
}
#content div.contact div.map div.googleMap {
	width:219px;
	border:#d3d3d3 1px solid;
	padding:3px;
	margin:0 0 10px 0;
	height:101px;
	background-color:#fff;
	color:#000;
	}
#content div.contact div.map p{
	font:normal 9px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	background-color:inherit;
	padding:0 0 4px 0;
	margin:0 0 0 0;
}
#content div.contact div.map p span{
	font:bold 9px/15px Verdana, Arial, Helvetica, sans-serif;	
}
#content div.contact div.map p a{
	font:normal 9px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	background-color:inherit;
}
#content div.contact div.map p a:hover{
	border-bottom:1px dotted #797979;
	padding:0 0 3px 0;
}
/*-------------Contact Page Ends------------------*/



/*------------------Maincontainer Ends---------------*/