body{
	padding: 0;
	margin: 0;
	text-align:center;
	font-family: arial;
	font-size: 14px;
	line-height: 22px;
	background:url(images/body_bg.jpg) center top no-repeat;
	}
#page{
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	}
#main_header{
	float: left;
	width: 1000px;
	}
.logo{
	float: left;
	width: 164px;
	margin: 15px 0 0 16px;
	}
.contact_us{
	float: right;
	width: 597px;
	margin: 16px 0 0 0;
	}
#navigation{
	float: left;
	width: 1000px;
	margin: 7px 0 0 0;
	}
#navigation ul{
	padding: 0;
	margin: 0;
	list-style: none;
	}
#navigation li{
	padding: 0;
	margin: 0;
	list-style: none;
	float:left;
	}
#navigation li a{
	padding: 0 20px;
	line-height: 35px;
	color: #fff;
	display:block;
	text-decoration: none;
	text-transform:uppercase;
	margin: 0 1px 0 0;
	background: url(images/link_bg.jpg) repeat-x;
	}
#navigation li a.active{
	background: url(images/active_link.jpg) repeat-x;
	}
#navigation li a:hover{
	background: url(images/active_link.jpg) repeat-x;
	}
	
	
	
	
	
#clients_testimonials{
	float: left;
	width: 1000px;
	height: 169px;
	background: url(images/pttrn.jpg) no-repeat;
	}
#clients{
	float: left;
	width: 580px;
	}
#testimonials{
	float: right;
	width: 350px;
	line-height:22px;
	padding: 0 20px 0 15px;
	}
.t_title{
	font-size: 18px;
	margin: 20px 0 0 30px;
	}
.t_title_2{
	font-size: 18px;
	margin: 20px 0 0 0px;
	}
	
	/*+++++++++++++++++ client logo slider for right bar +++++++++++++++++++++++++++ */

.infiniteCarousel_right {
	padding:0;
	height:110px;
	position:relative;
	text-align:left;
	width:550px;
	padding:0px;
	background:url(../images/client-mid.jpg) no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
}
.infiniteCarousel_right .wrapper_slider {
	overflow:hidden;
	top:0;
	width:88%;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.infiniteCarousel_right .wrapper_slider ul {
	list-style:none;
	display:inline;
	float:left;
	margin:0px;
	padding:0 0 0 0px;	
}
.infiniteCarousel_right ul li {
	display:block;
	float:left;
	width:164px;
	text-align:center;
	margin:0px;
	height: 110px;
	padding:0;
	background-image: none;
	border: none;
}
.infiniteCarousel_right ul li:hover { border:none; background:none; padding:0;}
.infiniteCarousel_right ul li a img {
	display:inline;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
.infiniteCarousel_right .arrow {
	cursor:pointer;
	display:block;
	height:108px;
	outline:0;
	position:absolute;
	text-indent:-9999px;
	top:40px;
	width:36px;
}
.infiniteCarousel_right a.forward {
	background:url(images/rightArrow.png) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	right: -25px;
}
.infiniteCarousel_right a.back {
	background:url(images/leftArrow.png) no-repeat 0px 0;
	left:13px;
}
.infiniteCarousel_right a.forward:hover {
	background:url(images/rightArrowHover.png) no-repeat 0px 0px;
	right:0px;
	margin: 0px;
	padding: 0px;
}
.infiniteCarousel_right a.back:hover {
	background:url(images/leftArrowHover.png) no-repeat 0px 0;
	left:5px;
}
	
	
	
	
#footer{
	padding: 0;
	margin: 40px 0 0 0;
	text-align:center;
	background:url(images/footer.jpg) repeat-x;
	width: 100%;
	}
#inner_f_space{
	width: 1000px;
	height: 94px;
	padding: 5px 0 0 0;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	}
.copy{
	float: left;
	width:px;
	margin: 0 0 0 15px;
	}
.pp{
	float: right;
	width:px;
	margin: 0 15px 0 0px;
	}
.pp ul{
	padding: 0;
	margin: 0;
	list-style: none;
	}
.pp li{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	}
.pp li a{
	padding: 0 7px;
	color: #fff;
	text-decoration: none;
	}
.f_nav{
	float: left;
	width: 1000px;
	margin: 20px 0 0 7px;
	
	}
.f_nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
	}
.f_nav li{
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	}
.f_nav li a{
	padding: 0 10px;
	margin: 0;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* header
----------------------------------------------------------------------------------------------------------------*/

.header {
	margin-top: 14px;
	}


		
/*	.header p a {
		text-indent: -9999em;
		width: 142px;
		height: 28px;
		margin: 170px 0 0 25px;
		float: left;
		background: url(images/read_more.png) no-repeat;
		cursor: pointer;
	}
	*/
	a{
	outline: none;
}
	
.features {

    height: 48px;
    margin: 167px 0 0 -65px;
    position: absolute;
    width: 174px;
}
.pricing {

    height: 48px;
    margin: 167px 0 0 119px;
    position: absolute;
    width: 162px;
}
.demo {

    height: 48px;
    margin: 167px 0 0 291px;
    position: absolute;
    width: 161px;
}
	

	#wrapper {
		width: 964px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		background: url(images/banner_bg.jpg) no-repeat;
		
		}

		#mask {
			width: 500%;
			height: 100%;
		}

		.selected-work-header {
			width: 964px;
			height: 325px;
			text-align: center;
			float: left;
			}

			.selected-work-header span {
				display: none;
			}

		
	
			div#movies-now p {
				width: 1000px;
				height: 325px;
				margin: 0;
				padding: 0;
				background: url(images/banner_1.png) no-repeat 8px top;
			}

	

			div#octopus-computing p {
				width: 1000px;
				height: 325px;
				margin: 0;
				padding: 0;
				background: url(images/banner_2.png) no-repeat;
			}

				
			div#photo-ads p {
				width: 1000px;
				height: 325px;
				margin: 0;
				padding: 0;
				background: url(images/banner_3.png) no-repeat;
			}

			
	

			
		.header p a:hover {
			background: url(images/read_more.png) no-repeat 0px -28px;
		}

	.header .indicator {
		width: 24px;
		height: 12px;
		position: absolute;
		top:0;
		margin: 481px 0 0 180px;
		background: url(images/indicator.png) no-repeat;
		clear: both;
	}

/* selected work
----------------------------------------------------------------------------------------------------------------*/

.selected-work {
	font-size: 1.4em;
	color: #d2e3f1;
	float: left;
	padding: 0 0 17px 0;
}

	.selected-work ul {
		margin: 0px 0 0 30px;
		padding: 0;
		list-style: none;
	}

	.selected-work ul li {
		margin: 0 0px 0 0;	
		float: left;
		padding: 0;
		list-style: none;
	}

	.selected-work li a {
		width: 289px;
		padding: 0px 12px 0 12px;
		display: block;
		cursor: pointer;
	}
img{
	border: none;
	}
.selected-work .current {
			background: url(es/selected-item-bg.png) no-repeat bottom right;
		}

.selected-work li div {
			letter-spacing: 0.09em;
			line-height: 1.3em;
			text-transform: uppercase;
			text-align: center;
			padding: 10px 0 0 0;
		}

			.selected-work li div span {
				color: #6e93b3;
				font-size: 0.8em;
			}
		
	.selected-work .last {
		margin: 0;
	}
	
	
	
	
	
/* internal pages css */
.inner_content_loc{
	margin: 0 18px 0 18px;
	}
.inner_content_loc ul{
	padding: 0;
	margin: 10px 0 0 0;
	list-style: none;
	}
.inner_content_loc li{
	padding: 8px 0 8px 15px;
	margin: 0;
	list-style: none;
	border-bottom: dotted 1px #ccc;
	background: url(images/listing_arrow.jpg) no-repeat 3px 14px;
	}
.inner_content_loc li ul li{
	padding: 6px 0 6px 10px;
	margin: 0;
	list-style: none;
	border-bottom: dotted 1px #ccc;
	background: url(images/bullet.jpg) no-repeat 0px 14px;
	}
.inner_content_loc li ul li:hover{
	background: #fff url(images/bullet.jpg) no-repeat 0px 14px;
	}
.inner_content_loc li.last{
	border-bottom: none;
	}
.inner_content_loc li:hover{
	background: #f1f1f1 url(images/listing_arrow.jpg) no-repeat 3px 14px;
	}
.b_crum{
	height: 40px;
	}
.b_crum a{
	color: #000;
	text-decoration: none;
	}
.inner_content_loc h2{
	padding: 0 0 5px 0;
	margin: 0 0 12px 0;
	font-weight: normal;
	border-bottom: solid 1px #adadad;
	line-height: 25px;
	font-size: 25px;
	color: #000;
	}
.inner_content_loc h3{
	padding: 0 0 5px 25px;
	margin: 0 0 0px 0;
	font-weight: normal;
	line-height: 25px;
	font-size: 18px;
	color: #0c57ca;
	background: url(images/subhead_arrow.png) no-repeat left 5px;
	}
p{
	padding: 0;
	margin: 0;
	}
.inner_content_loc p{
	line-height: 21px;
	text-align:justify;
	}
.note_top{
	width: 924px;
	background:url(images/note_top.jpg) no-repeat left top;
	margin: 35px 0 0 0;
	line-height: 25px;
	padding: 22px 20px;
	text-align: justify;
	}
.note_top a{
	color: #0c57ca;
	text-decoration: none;
	}
.note_top a:hover{
	color: #000;
	text-decoration: none;
	border-bottom: dotted 1px #000;
	}
.note_bottom{
	width: 964px;
	height: 24px;
	background:url(images/note_bottom.jpg) no-repeat left top;
	}
.col_1{
	float: left;
	width: 283px;
	padding: 0px 10px 10px 10px;
	/*border-right: solid 2px #ccc;*/
	margin-bottom: 50px;
	color: #272727;
	border: solid 1px #ccc;
	}
.col_2{
	float: left;
	width: 283px;
	padding: 0px 10px 10px 10px;
	margin: 0 0 50px 18px;
	border-right: solid 2px #ccc;
	color: #272727;
	border: solid 1px #ccc;
	}
.col_3{
	float: right;
	width: 303px;
	padding: 0px 10px 10px 10px;
	margin-bottom: 50px;
	color: #272727;
	border: solid 1px #ccc;
	}
.intro_txt{
	padding: 0 0 29px 0;
	margin: 0 0 30px 0;
	float: left;
	background: url(images/sep.jpg) no-repeat center bottom;
	}
.sub_head{
	font-weight: bold;
	color: #0c57ca;
	font-size: 14px;
	font-style: italic;
	}
.col_11{
	float: left;
	width: 407px;
	padding: 0 50px 0 0;
	color: #272727;
	text-align:justify;
	border-right: solid 3px #ccc;
	}
.col_22{
	float: left;
	width: 444px;
	padding: 0 20px 0 0;
	margin: 0 0 0px 40px;
	color: #272727;
	text-align: justify;
	}
.t_box{
	border: solid 1px #c6c6c6;
	padding: 5px;
	width: 350px;
	}
.send{
	padding: 0;
	margin: 0;
	border: none;
	width: 139px;
	height: 46px;
	background: url(images/send.jpg) no-repeat;
	}
/* this is code for dropdown menu 16Dec2011 */







/* =Menu
-------------------------------------------------------------- */

#access {
	
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	float: left;
	width: 210px;
	z-index: 99999;
	text-transform: capitalize;
}
#access ul ul li {
	min-width: 210px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #000;
	line-height: 1em;
	padding: 10px 10px 10px 20px;
	width: 210px;
	height: auto;text-transform: capitalize;
	border-bottom: solid 1px #333333;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: url("images/active_link.jpg") repeat-x scroll 0 0 transparent;
	color: #fff;
}

#access ul ul :hover > a {
	background: #171717;
	color: #fff;
}

#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	background: url("images/active_link.jpg") repeat-x scroll 0 0 transparent;
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	background: url("images/active_link.jpg") repeat-x scroll 0 0 transparent;
	color: #fff;
}


/* =Content
-------------------------------------------------------------- */





.inner_banner{
	margin-top: 10px;
	margin-left: -2px;
	}
.r_more{
	margin-top: 10px;
	}
.r_more a{
	background: #333;
	border: solid 2px #ccc;
	color: #fff;
	text-decoration:none;
	padding: 5px;
	}
.r_more a:hover{
	background: #0c57ca;
	border: solid 2px #ccc;
	color: #fff;
	text-decoration:none;
	padding: 5px;
	}
.intro_left{
	float: left;
	width: 750px;
	}
.intro_right{
	float: right;
	width: 200px;
	}
.frame{
	margin: 2px 0 0 0;
	
	}
.time{
	background: url(images/time_management.png) no-repeat left center !important;
	height: 50px;
	border-bottom: dotted 1px #c9c9c9;
	line-height: 50px !important;
	padding: 0 0 0 35px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	}
.user{
	background: url(images/user.png) no-repeat left center !important;
	height: 50px;
	border-bottom: dotted 1px #c9c9c9;
	line-height: 50px !important;
	padding: 0 0 0 35px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	}
.leave{
	background: url(images/leave.png) no-repeat left center !important;
	height: 50px;
	border-bottom: dotted 1px #c9c9c9;
	line-height: 50px !important;
	padding: 0 0 0 35px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	}
.payroll{
	background: url(images/payroll.png) no-repeat left center !important;
	height: 50px;
	border-bottom: dotted 1px #c9c9c9;
	line-height: 50px !important;
	padding: 0 0 0 35px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	}
.device{
	background: url(images/device.png) no-repeat left center !important;
	height: 50px;
	border-bottom: dotted 1px #c9c9c9;
	line-height: 50px !important;
	padding: 0 0 0 35px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	}
.access_{
	background: url(images/access.png) no-repeat left center !important;
	height: 50px;
	border-bottom: dotted 1px #c9c9c9;
	line-height: 50px !important;
	padding: 0 0 0 35px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	}

/*   21Dec 2011 new css for contact sidebar  */ 


	
.slide-out-div {width: 285px;z-index:99999;}

.top_services_slider{
	background: url(images/top.png) no-repeat;
	width:250px;
	min-height: 311px;
	padding: 20px 0 0 35px;
	margin-top: 70px;
	}
.bottom_services_slider{
	background: url(images/bottom.png) no-repeat;
	width:285px;
	height:38px;
	}
.slide-out-div h4 {color:#444;margin-bottom:.5em}
.slide-out-div h5 {color:#555} 
.handle {background: url(images/our_services.gif) no-repeat;width:43px;height:165px;margin-top:90px}
.freeconsult .handle {background:url(img/need3.png) no-repeat;width:43px;height:165px;margin-top:0px}
.handle:hover, .freeconsult .handle:hover {background-position:bottom left;}
#quote-form label {display:block;float:left;width:70px;margin-top:8px}
#quote-form {margin-bottom:0}
.t_box_2{
	border: solid 1px #868686;
	padding: 5px;
	width: 180px;
	}
.r_q{
	padding: 0;
	margin: 0;
	border: none;
	width: 180px;
	height: 35px;
	background: url(images/rq.png) no-repeat;
	}



/* 22Dec 2011 new css for security code */

.t_box2_secure{
    border: solid 1px #868686;
    padding: 5px;
    width: 100px;
}

.t_box_secure{
    border: solid 1px #c6c6c6;
    padding: 5px;
    width: 300px;
}
	
/* new css add by saurav sir 28 Dec 2011 */

#price_plan th{
	background-color: #292929;
	padding: 5px;
	color:#FFFFFF;
	font-weight:bold;
	border-left: 1px solid #cccccc;
	}
#price_plan td{font-size: 13px;border-left: 1px solid #ccc; padding: 5px; color:#000000; border-bottom: 1px solid #e0e0e0; font-weight: bold; text-align:center;}
.focus{font-size: 14px; text-transform:uppercase; background-color: #4b98ff; color:#FFFFFF;}

.sub_head_new{
	font-weight: bold;
	color: #0c57ca;
	font-size: 14px;
	font-style: normal;
	}