/* CSS Document */

body{
	padding:0px 0 0px 0;
	margin:0;
	
	
	}
div, h1, h2, p,img, span{
	margin:0; padding:0;
}

/* header */
#maindiv
{
width:931px;
height:auto;
}
#container
{
width:931px;
height:auto;
float:left;
}

#header-bg
{
width:930px;
height:127px;
background-image:url(../images/header-bg.jpg);
background-repeat:no-repeat;
}
#logo
{
width:383px;
height:71px;
float:left;
padding-top:13px;
}
/* menu */
#menu
{
width:931px;
height:28px;
float:left;
padding-top:15px;
}

#home
{
width:69px;
height:28px;
float:left;
padding-left:38px;
}
.bar
{
width:5px;
height:28px;
float:left;
}
#company2
{
width:93px;
height:28px;
float:left;
padding-left:36px;
}
#services
{
width:92px;
height:28px;
float:left;
padding-left:36px;
}

#ourwork
{
width:98px;
height:28px;
float:left;
padding-left:36px;
}
#ourclients
{
width:111px;
height:28px;
float:left;
padding-left:37px;
}
#career
{
width:89px;
height:28px;
float:left;
padding-left:36px;
}
#contactus
{
width:90px;
height:28px;
float:left;
padding-left:36px;
}
/* header-banner*/
#banner
{
width:931px;
height:217px;
float:left;
background-image:url(../images/home-page-banner.jpg);
background-repeat:no-repeat;


}
/* content-area*/
#content-area
{
width:931px;
height:auto;
float:left;
margin-top:8px;
/*background-color:#0066FF;*/

}

/* website-development-area*/
#website-development
{
width:300px;
height:128px;
float:left;
}
#website-development-topbar
{
width:300px;
height:24px;
float:left;
background-color:#4DA3CD;
padding-top:13px;
padding-left:10px;
}

.website-development-title
{
font-family:tahoma;
font-size:13px;
font-weight:bold;
color:#CFEDFC;
}
#website-development-content
{
width:300px;
height:93px;
float:left;
background-color:#fff;
padding-top:13px;
padding-left:10px;
}

.website-development-text
{
font-family:tahoma;
font-size:12px;
font-weight:normal;
color:#000000;
}
.more-link
{
font-family:tahoma;
font-size:13px;
font-weight:bold;
color:#138DC9;
padding-left:250px;
text-decoration:none;
}
.more-link:hover
{
font-family:tahoma;
font-size:13px;
font-weight:bold;
color:#138DC9;
padding-left:250px;
text-decoration:underline;
}

/* divider*/

.divider
{
width:10px;
height:127px;
float:left;
background-image:url(../images/divider-bg.jpg);
background-repeat:repeat-y;

}
/* commercial-area*/
#commercial-development
{
width:300px;
height:128px;
float:left;
}
#commercial-topbar
{
width:300px;
height:24px;
float:left;
background-color:#E94038;
padding-top:13px;
padding-left:10px;
}

.commercial-title
{
font-family:tahoma;
font-size:13px;
font-weight:bold;
color:#FCC3C1;
}
#commercial-content
{
width:300px;
height:93px;
float:left;
background-color:#fff;
padding-top:13px;
padding-left:10px;
}

.more1-link
{
font-family:tahoma;
font-size:13px;
font-weight:bold;
color:#E94038;
padding-left:250px;
text-decoration:none;
}
.more1-link:hover
{
font-family:tahoma;
font-size:13px;
font-weight:bold;
color:#E94038;
padding-left:250px;
text-decoration:underline;
}
/* Videopilot360-area*/

#Videopilot360-development
{
width:300px;
height:128px;
float:left;
}
#Videopilot360-topbar
{
width:300px;
height:24px;
float:left;
background-color:#9BBF36;
padding-top:13px;
padding-left:10px;
}

.Videopilot360-title
{
font-family:tahoma;
font-size:13px;
font-weight:bold;
color:#F0FFC7;
}
#Videopilot360-content
{
width:300px;
height:93px;
float:left;
background-color:#fff;
padding-top:13px;
padding-left:10px;
}

.more2-link
{
font-family:tahoma;
font-size:13px;
font-weight:bold;
color:#85A62A;
padding-left:250px;
text-decoration:none;
}
.more2-link:hover
{
font-family:tahoma;
font-size:13px;
font-weight:bold;
color:#85A62A;
padding-left:250px;
text-decoration:underline;
}
/* client-area*/
#client-area
{
width:930px;
height:277px;
float:left;

}
#client-title
{
width:304px;
height:34px;
float:left;
background-image:url(../images/client-title.jpg);
background-repeat:no-repeat;
}
#client-logo
{
width:930px;
height:237px;
float:left;
background-image:url(../images/cl.jpg);
background-repeat:no-repeat;
padding-top:37px;

}
/* footer-area*/
#footer-bg
{
width:930px;
height:48px;
float:left;
}
#footerline
{
width:930px;
height:7px;
float:left;
background-image:url(../images/footer-bg.jpg);
}
#copyright
{
font-family:Tahoma;
font-size:10px;
color:#010000;
font-weight:bold;
font-style:normal;
text-align:center;
}

/*Company page*/
#content-area-innerpage
{
width:931px;
height:auto;
float:left;

/*background-color:#0066FF;*/

}
#inner-body {
	height: 404px;
	width: 918px;
	border: 6px solid #CCCCCC;
	background-image:url(../images/company-mainbg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}
#img{
	margin-top: 28px;
	margin-left: 22px;
	padding-bottom: 30px;
}
#inner-left-content {
	float: left;
	height: auto;
	width: 531px;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #212121;
	text-decoration: none;
	padding-left:px;
	padding-top:px;
	text-align:left;
}
#inner-left-content li{ 
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin:0px 0px 0px 0px; 
	padding:0px 10px 0px 14px }
#inner-left-content p{
padding-left:25px;
text-align:left;
}
#inner-right-content {
	float: left;
	height: auto;
	width: 386px;
	text-align:right;
}
/*Company page-end*/
/*Careers page-start*/
#careers-body {
	height: 404px;
	width: 918px;
	border: 6px solid #CCCCCC;
	background-image:url(../images/careers-mainbg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}
/*Careers page-end*/
/*Services page*/
#services-body {
	height: 404px;
	width: 918px;
	border: 6px solid #CCCCCC;
	background-image:url(../images/service-mainbg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}
#services-body2 {
	height:auto;
	overflow:hidden;
	width: 918px;
	border: 6px solid #CCCCCC;
	background-image:url(../images/service-mainbg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}
#services-content {
	float: left;
	width: 548px;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #212121;
	text-decoration: none;
	padding-left:px;
	padding-top:px;
	text-align:left;
}
#services-left-nav{
	float: left;
	height: 170px;
	width: 193px;
}
#services-left-nav li{ 
	background-image:url(../images/services-nav-bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin:0px 0px px 0px; 
	padding:5px 0px 5px 14px; }

#services-navigation{
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #212121;
	text-decoration: none;
}
#services-navigation:hover{
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color:#666666;
	text-decoration: none;
}
#head-line{
font-family:Tahoma;
font-size:12px;
color:#727561;
text-decoration:none;
}
#services-right-content {
	float: left;
	width: 348px;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #212121;
	text-decoration: none;
	padding-left:0px;
	padding-right:7px;
	padding-top:8px;
	text-align:left;
	/*position:absolute;
	left: 242px;
	top: 217px;*/
}
#services-right-content li{ 
	background-image:url(../images/sp.gif);
	background-repeat:no-repeat;
	background-position:left-top;
	line-height:15px;
	margin:0px 0px 0px 0px; 
	padding:5px 0px 0px 14px
}
/*services page-end*/
/*ourwork page-*/
#ourwork-body {
	height: 641px;
	width: 918px;
	border: 6px solid #CCCCCC;
	background-image:url(../images/inner-bg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	
}
#ourwork-left-content {
	float: left;
	height: auto;
	width: 30%;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #212121;
	text-decoration: none;
	padding-left:px;
	padding-top:px;
	text-align:left;
}
#ourwork-left-content p{
padding-left:25px;
text-align:left;
}
#ourwork-middle-content {
	float: left;
	height: auto;
	width: 20%;
	text-align:left;
}

#ourwork-middle-content-web {
	float: left;
	height: auto;
	width: 70%;
	text-align:left;
}

#ourwork-right-content {
	float: left;
	height: auto;
	width: 50%;
	text-align:center;
	margin-top: 65px;
}

#ourwork-right-content-videopilot {
	float: left;
	height: auto;
	width: 50%;
	text-align:center;
}


#ourwork-left-img{
	float: left;
	width: 270px;
	margin-top: 57px;
}

#ourwork-left-img-web{
	float: left;
	width: 100%;
	margin-top: 57px;
}

#ourwork-middle-img{
	float: left;
	width: 300px;
	margin-top: 87px;
	margin-left: 18px;
}
/*ourwork page-end*/
/*Contact-Us page-start*/
#contact-body {
	height: 641px;
	width: 918px;
	border: 6px solid #CCCCCC;
	background-image:url(../images/contact-mainbg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}
#contact-left-content {
	float: left;
	height:600px;
	width: 531px;
	font-family: Tahoma;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #212121;
	text-decoration: none;
	padding-left:px;
	padding-top:px;
	text-align:left;
}
#contact-left-content p{
padding-left:25px;
text-align:left;
}

.style3 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 12px;
}
.style4 
{
font-family:Arial;
font-size:12px;
color: #800000;}
.green-text {	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #878582;
	text-decoration: none;
}
.input-box {	font-family: Verdana;
	font-size: 11px;
	color: #99A17B;
	height: 17px;
	width: 219px;
	background-color: #F6F7F2;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #D1CFCF;
}
.input-box-2 {	font-family: Arial;
	font-size: 11px;
	color: #99A17B;
	height: 100px;
	width: 219px;
	background-color: #F6F7F2;
	border: 1px solid #D1CFCF;
}
#submit{
background-image:url(../images/send-button.jpg);
background-repeat:no-repeat;
border:0px;
width:74px;
height:26px;}
#submit:hover{
background-image:url(../images/send-button-rollover.jpg);
background-repeat:no-repeat;
border:0px;
width:74px;
height:26px;}
#contact-right-content {
	float: left;
	width: 356px;
	text-align:left;
	margin-top:257px;
}
#contact-right-content-text{
font-size:12px;
font-family:Tahoma;
color:#333333;
text-align:left;
padding-top:50px;
/*padding-left:530px;*/
}
#email{
font-family:Tahoma;
font-size:12px;
color:#727561;
text-decoration:none;
}
#email:hover{
font-family:Tahoma;
font-size:12px;
color:#C6C9B0;
text-decoration:underline;
}
/*contact page-end*/
/*Ourclients page*/
#ourclients-contant-body{
width:835px;
margin-top:20px;
margin-left:35px;
margin-right:10px;
text-align:left;
}
.ourclients-img{
width:760px;
height:109px;
margin-left:50px;
margin-top:30px;
}
.ourclients-imgbox{
background-image:url(../images/img-box.gif);
background-repeat:no-repeat;
	width:131px;
	height:91px;
	float:left;
	padding:10px;
	
}

.videopilotThumb {
background-image:url(../images/img-box1.jpg);
background-repeat:no-repeat;
	width:76px;
	height:76px;
}

/*ourclient page-end*/
.balnk{
background-image:url(../images/sp.gif);
background-repeat:repeat-x;
height:50px;}



ul.thumbs {
	clear: both;
	margin: 0;
	padding-left: 15px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
ul.thumbs li a {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a {
	background: #88f;
}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	margin-left:15px;
	height: 12px;
}
div.navigation div.bottom {
	margin-top: 8px;
	margin-left:8px;
}




/*partner page-end*/

#partner-body {
	height: 394px;
	width: 918px;
	border: 6px solid #CCCCCC;
	background-image:url(../images/inner-bg.jpg);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	
}


.partner-img{
width:770px;
height:200px;
margin-left:50px;
margin-top:55px;
/*margin-right:119px;*/
float:left;

}
.partner-imgbox{
background-image:url(../images/partner-image-box.jpg);
background-repeat:no-repeat;
	width:219px;
	height:201px;
	float:left;
	padding-left:36px;
padding-top:31px;
	
}