@charset "utf-8";

/* CSS Document */

body {

	margin:0px;

	padding:0px;

	background:url(../images/bg.jpg) repeat-x #fff;

	font-size:14px;

	font-family:"Trebuchet MS", Arial, Georgia, Tahoma;

}



a, input, textarea, form {

	outline:none;

}



h1, h2, h3, h4, h5, h6, form {

	margin:0px;

	}



p {

	line-height:20px;

}



ul {

	margin:0px;

	list-style:none;

}





.clear {

	margin:0px;

	padding:0px;

	clear:both;

}

	





#main-bg {

background:url(../images/main-top-bg.jpg) no-repeat center top;

width:100%;



}


#maininnerbg {

background:url(../images/main-inner-bg.jpg) no-repeat center top;

width:100%;



}



#phone_no {

	width:185px;

	float:right;

	color:#FFFFFF;

	font-size:20px;

	padding-bottom:5px;

	

}

#phone_no span {



	color:#ffca02;

	

}









#main-wrap {

	width:978px;

	margin:auto;

	padding-top:15px;

}



.top-menu {

	width:890px;

	

	padding:0px;

	color:#fff;

	font-size:16px;

	height:25px;

	float:right;

	margin-bottom:15px;

	

}







.top-menu a{

	color:#fff;

	padding:4px;

	text-decoration:none;

}

.top-menu a:hover{

	color:#000;

	background:#ffca02;

	text-decoration:none;

	padding:4px;

}





.topmenu-contr {

	height:52px;

}





.banner-bg {

	width:978px;

	height:345px;	



	padding:57px 0px 0px 0px ;

}



.banner-cont {

	width:740px;

	float:right;

	margin:0px 0px 25px 0px ;

}



.banner-bg h1 {

	font-size:33px;

	color:#971e9a;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

}





.banner-link{

	width:503px;

	margin:0px;

	float:right

	

	

}



.banner-link ul{

margin:0px;

padding:0px;



}



.banner-link li{

margin:0px 0px 12px 0px ;

padding:0px 0px 2px 25px ;

float:left;

width:220px;

color:#fff;

background:url(../images/banner-bullet.png) no-repeat 0px 0px;

font-family:Arial, Helvetica, sans-serif;

	

}

.banner-link li a{
	color:#fff;
	text-decoration:none;
}

.banner-link li a:hover{
	color:#ef9d0c;
	text-decoration:none;
}



.banner-link h2{

	font-size:30px;

	color:#FFFFFF;

	font-weight:normal;



	

}



.banner-link h2 span{

	font-size:42px;

	color:#b78211;	

}



.get-started {

	background:url(../images/get.png) no-repeat top;

	width:166px;

	display:block;

	height:42px;

	margin-top:15px;

}



.get-started:hover {

	background:url(../images/get.png) no-repeat bottom;



}
















/*inner banner starts here*/

.innerbanner-bg {

	width:978px;

	height:345px;	



	padding:0px 0px 0px 0px ;

}



.banner-cont {

	width:740px;

	float:right;

	margin:0px 0px 25px 0px ;

}



.innerbanner-bg h1 {

	font-size:33px;

	color:#971e9a;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

}





.innerbanner-link{

	width:650px;

	margin:0px;

	float:right

	

	

}



.innerbanner-link ul{

margin:0px;

padding:0px;



}



.innerbanner-link li{

margin:0px 0px 12px 0px ;

padding:0px 0px 2px 25px ;

float:left;

width:220px;

color:#fff;

background:url(../images/banner-bullet.png) no-repeat 0px 0px;

font-family:Arial, Helvetica, sans-serif;

	

}

.innerbanner-link li a{
	color:#fff;
	text-decoration:none;
}

.innerbanner-link li a:hover{
	color:#ef9d0c;
	text-decoration:none;
}



.innerbanner-link h2{

	font-size:28px;

	color:#FFFFFF;

	font-weight:normal;



	

}



.innerbanner-link h2 span{

	font-size:35px;

	color:#b78211;	

}



.get-started {

	background:url(../images/get.png) no-repeat top;

	width:166px;

	display:block;

	height:42px;

	margin-top:15px;

}



.get-started:hover {

	background:url(../images/get.png) no-repeat bottom;



}







/*inner banner ends here here*/






#body-contr {

	margin:18px 0px 15px 0px ;

	padding:0px 0px 0px 0px ;

	width:978px;

	background:url(../images/main-sep.png) repeat-y;

}



.left-contr {

	width:417px;

	float:left;

	

}



.view-portfolio {

	margin:0px 15px 0px 0px ;

	padding:0px;

	border-bottom:1px solid #b2b2b2;

}





.view-portfolio h2 {

	margin:0px;

	font-size:28px;

	color:#000562;

	background:url(../images/portfolio-icon.png) no-repeat;

	padding:5px 0px 5px 58px ;

	font-weight:normal;



}





.right-contr {

	width:560px;

	float:right;

	padding:0px 0px 0px 0px ;

}

.right-contr h5 {
	font-size:20px;
	color:#000;
	margin:0px;
	font-weight:normal;

}

.inside-bg {

	

	background:url(../images/right-bg.jpg) no-repeat;

	padding:0px 0px 0px 0px ;

	margin-left:1px;

}



.right-sect {

	margin-left:42px;

}



.about-us {

	margin:0px 0px 0px 0px ;

	padding:0px 0px 15px 0px ;

	border-bottom:1px dashed #000000;

}



.about-us p {

	margin:0px;

	padding:0px 0px 10px 0px;

}





.about-us h2 {

	margin:0px 0px 15px 0px ;

	font-size:28px;

	color:#000562;

	background:url(../images/about.png) no-repeat;

	padding:5px 0px 5px 50px ;

	font-weight:normal;



}



.about-us h2 span{



	color:#b78211;



}
.about-us h4{

	font-size:20px;
	margin:15px 0px 0px 0px ;

	color:#000;
	padding:10px 0px 10px 50px ;
	background:url(../images/painting-brush.jpg) no-repeat;

}




.about-us h4 span{
	color:#eb8a2c;

}

.about-us ul{
	margin:15px 0px 0px 0px ;
	padding:0px;
	list-style:none;
}

.about-us li{
	background:url(../images/about-bullet.jpg) no-repeat 0px 5px;
	padding:0px 0px 5px 25px ;

}

.about-us a{
	color:#971e9a;
	text-decoration:none;
}

.about-us a:hover{
	color:#700b73;
	text-decoration:none;
}





.testiimonial  {

	margin:0px 15px 0px 0px ;

	padding:15px 0px 0px 0px ;

	border-bottom:1px solid #b2b2b2;

}



.testiimonial a {

	color:#b78211;

	text-decoration:underline;

	padding:0px 0px 0px 0px ;

	

}

.testiimonial a:hover{

	color:#b78211;

	text-decoration:none;

}







.testiimonial p  {

	margin:0px ;

	padding:8px 0px 25px 0px ;

	background:url(../images/testmonis-bg.jpg) no-repeat;

	text-indent:45px;



}





.testiimonial h2 {

	margin:0px;

	font-size:28px;

	color:#000562;

	background:url(../images/testimonial.jpg) no-repeat;

	padding:5px 0px 5px 58px ;

	font-weight:normal;



}



.right-bg-rep {

	background:url(../images/rightbg-rep.jpg) repeat-y;

}





.contact-area {

	margin:0px;

	padding:15px 0px 0px 0px ;

}

.contact-area p{

	font-size:12px;

	margin:0px;

	padding:0px 25px 0px 0px ;



}





.contact-area p span{

color:#71ac0a;



}

.contact-area h2 {

	margin:0px;

	font-size:28px;

	color:#000562;

	background:url(../images/question-icon.jpg) no-repeat;

	padding:5px 0px 15px 58px ;

	font-weight:normal;



}



.contact-area input {

	width:317px;

	height:31px;

	background:url(../images/input-bg.jpg) repeat-x;

	padding:0px 0px 0px 0px ;

	border:1px solid #c8c8c8;

}



.contact-area textarea {

	width:317px;

	height:53px;

	background:url(../images/text-area-bg.jpg) repeat-x;

	padding:0px 0px 0px 0px ;

	border:1px solid #c8c8c8;

}



.contact-area td {

	padding:3px 0px 3px 0px;

	margin:0px;

}





.services-area {

	margin:0px;

	padding:15px 0px 0px 0px ;

	

}

.services-area a {
	color:#fff;
	text-decoration:none;

}

.services-area a:hover{
	color:#f9ca34;
	text-decoration:none;

}



.services-area h3 {

	margin:0px;

	font-size:26px;

	color:#000562;

	background:url(../images/services-icon.jpg) no-repeat;

	padding:5px 0px 5px 58px ;

	font-weight:normal;



}



.services-area h4 {

	color:#000562;

	color:#fff;

	font-weight:normal;

	font-size:20px;

	padding-top:100px;



}



.web-portfolio {

	width:483px;

	height:300px;

	padding:10px 10px 10px 20px ;

	margin:15px 0px 15px 0px ;

	background:url(../images/web-design.jpg) no-repeat;

}







.web-box {

	width:125px;

	float:left;



}



.web-box2 {

	width:327px;

	float:right;

	border:1px solid #c5c5c5;

	padding:15px 0px 15px 15px;



}



.web-box2 ul {

	margin:0px;

	padding:0px;

	list-style:none;



}



.web-box2 li {

	margin:0px 0px 5px 0px ;

	padding:0px 0px 5px 25px ;

	background:url(../images/tick-sevices.png) no-repeat 0px 0px;

	color:#fff;

	border-bottom:1px dotted #6d70aa;



	



}



.internet-marketing {

	width:513px;

	height:241px;

	padding:0px;

	margin:15px 0px 15px 0px ;

	background:url(../images/internet-marketing.jpg) no-repeat;

}





.footer-area {

	background:url(../images/footer-bg.jpg) repeat-x #000;

	padding-top:50px;

	padding-bottom:25px;

}



.footer-section {

	width:978px;

	margin:auto;

	color:#fff;

}



.footer-box {

	width:750px;

	float:left;
	text-align:center;

}



.footer-box span {

	color:#4b4b4b;

	font-size:12px;

}





.footer-box a{

	color:#fff;

	text-decoration:none;

	

}



.footer-box a:hover{

	color:#f6bd07;

	text-decoration:none;

	

}



.footer-box2 {

	width:200px;

	float:right;



	padding:10px ;

	

}





.submit {

	background:url(../images/submit.jpg) no-repeat top;

	width:108px;

	display:block;

	height:36px;

	float: right;

	

}

.submit:hover {

	background:url(../images/submit.jpg) no-repeat bottom;



}


.web1 {
	width:452px;
	padding:15px;
	background:#f4c052;
	margin-bottom:15px;
	

	
}

.web1 img {

	border:2px solid #FFFFFF;
	margin:0px 15px 0px 0px ;
	
}



.web2 {
	width:452px;
	padding:15px;
	background:#701672;
	color:#fff;
	
	margin-bottom:15px;

}

.web2 img{
margin:0px 15px 0px 0px ;
	border:2px solid #FFFFFF;
}

.visit-web {
	width:107px;
	height:32px;
	background:url(../images/visit-website.png) no-repeat top;
	display:block;
	float:right;
	margin-top:10px;
}

.visit-web {
	background:url(../images/visit-website.png) no-repeat bottom;

}


.learn-more {
	background:url(../images/learn-more.jpg) no-repeat top;
	width:97px;
	height:35px;
	float:right;
	display:block;
	margin-top:5px;
	margin-right:5px;
}

.learn-more:hover {
	background:url(../images/learn-more.jpg) no-repeat bottom;
}


.contactus {
	color:#d800c6;
	text-decoration:underline;
}

.contactus:hover {
	color:#d800c6;
	text-decoration:none;
}

.contact-form  {
	margin:0px;
	padding:0px;
}

.contact-form span {
	color:#FF0000
}

.contact-form  td{
	margin:0px;
	padding:5px 0px 5px 0px ;
}

.contact-form  input{
	width:290px;
	padding:0px;
	margin:0px;
	height:22px;;
	border:1px solid #c5c5c5;
	background:#e1e1e1;
}

.contact-form  textarea{
	width:290px;
	padding:0px;
	margin:0px;
	height:50px;;
	border:1px solid #c5c5c5;
	background:#e1e1e1;
}

.contact-form  select{
	width:290px;
	padding:0px;
	margin:0px;
	height:22px;;
	border:1px solid #c5c5c5;
	background:#e1e1e1;
}



.submit-contact {
	background:url(../images/submit.jpg) no-repeat
}




/*questionaire starts here*/
.questionare   {
	margin:0px;
	padding:0px;
}

.questionare  span {
	color:#FF0000
}

.questionare td{
	margin:0px;
	padding:5px 15px 5px 15px ;
}

.questionare  input{
	width:180px;
	padding:0px;
	margin:0px;
	height:22px;;
	border:1px solid #c5c5c5;
	background:#e1e1e1;
}

.questionare textarea{
	width:180px;
	padding:0px;
	margin:0px;
	height:50px;;
	border:1px solid #c5c5c5;
	font-family:"Trebuchet MS", Arial, Georgia;
	font-size:14px;
	background:#e1e1e1;
}

.questionare select{
	width:180px;
	padding:0px;
	margin:0px;
	height:22px;;
	border:1px solid #c5c5c5;
	background:#e1e1e1;
}

.tab-design {
	background:#eeeeee;
	border:1px solid #dfdfdf;
	padding:50px 0px 0px 0px ;
	
}

.pagination {
	width:110px;
	background:#5b5b5b;
	padding:15px;
	color:#FFFFFF;
	margin-left:150px;
}

.pagination span{
padding:0px 5px 0px 5px 
}

.pagination a{
	color:#fff;
	text-decoration:none;
}

.pagination a:hover{
	color:#c5c4c4;
	text-decoration:none;
}