/* Landing page CSS */


	/* positioning body content */	
	body {
		margin:0px; padding:0px;
		background:#f7f6f6 url(../../images/mainbg.jpg) repeat-x;
	}
	.innerbody {
		margin:0px; padding:0px;
		background:#f7f6f6 url(../../images/innermainbg.jpg) repeat-x;
	}
	/* headings */	
	html, body, h1, h2, h3, h4, h5, div, td, p, span, a {
		font-family: arial, Helvetica, verdana, sans-serif;		
		}
		
	/* global classes */							
	.clr{
		clear:both;
		margin:0px; padding:0px;
		}
	
	img {
		border:none;
		}
	.whitebg {background: #FFF; padding:5px; text-align: center !important}
	
	A.genlink { 
		color: #999999;
		text-decoration:underline;
			}
		A.genlink:hover { 			
			text-decoration:none;
			color:#a62ba6
			}	
		
	/* global IDs */		
	.wrapper{
		width:995px;		
		margin:0px auto; padding:0px;
		display: block;
		}
    .mainhead{
		width:995px;	
        height:471px;
   		
		}    
       
	.topbarL{
		float: left;
		width: 370px; height: 87px;		
		}
	.topbarR{
		float: right;
		width: 625px; height: 87px;	
		}		
	.topbarR .mainlink{
		float: left;
		text-align:right;
		padding-top: 10px;
		}
	.topbarR .mainlink a{
		font-size: 18px; color: #dfdfdf; text-transform:uppercase; text-decoration: none
		}
	.topbarR .mainlink a:hover{
		color: #fff;
		}
		
	.topbarR .mainlink span{
		font-size: 10px; color: #cccaca; text-transform:uppercase; text-decoration: none
		}
	.topbarR .mainlinkline {
		float: left;
		width: 20px;  height: 87px;	
		background:url(../../images/mainlink-line.jpg) no-repeat
		}
	.mainspaceL{
		float: left;
		width: 424px; height: 471px;
		background: url(../../images/mainspaceL_bg.jpg) no-repeat;			
		}	
		.mainspaceL .logohome {
			margin: 50px 0 0 15px;
			
			}
		.mainspaceL .intro_cont {
			margin: 65px 0 0 15px;
			color:#757475; font-size: 14px;
			}
			.mainspaceL .intro_cont h4 {
			font-size: 30px;
			padding:0; margin: 0;
			}
		.mainspaceL .intro_cont .more_but_h{			
			margin-top:20px;
			width: 139px; height: 39px; line-height: 39px;
			background:url(../../images/more_but_home.jpg) no-repeat;
			text-align: center
			}
			.mainspaceL .intro_cont .more_but_h a{			
				color:#b98fb7; font-size: 18px;
				text-decoration: none;		
				}
				.mainspaceL .intro_cont .more_but_h a:hover{			
					color:#7a2a7f; font-size: 18px;							
					}
	.mainspaceR{
		float: right;
		width: 571px; height: 471px;
		/*background: url(../../images/mainspaceR_bg.jpg) no-repeat;		*/
		}		
			
	.newproject {
		float:left;
		width:332px;
		margin: 30px 0 0 30px;		
		}	
	.newproject .newpro_thumb {
		float:left;
		width:126px;
		margin: 5px 0 0 0;
		}
	.newproject .newpro_intro {
		float:left;
		width:186px;
		margin: 5px 0 0 20px;
		font-size: 13px; color: #5c5c5d		
		}
		.newproject .newpro_intro h4{		
		font-size: 18px; color: #5c5c5d;
		padding:0;
		margin:0;		
		}
		.newproject .newpro_intro a{		
			font-size: 13px; color: #959194	;
			text-decoration: none	
			}
	.newsevent {
		float:left;
		width:300px;
		margin: 30px 0 0 50px;	
		font-size: 13px; color: #5c5c5d;	
		}	
	
		.newsevent a{		
			font-size: 13px; color: #959194	;
			text-decoration: none	
			}
			.newsevent a:hover{		
			font-size: 13px; color: #7a2a7f	;
			text-decoration: none	
			}
	.clients {
		float:left;
		width:200px;
		margin: 30px 0 0 50px;	
		font-size: 13px; color: #5c5c5d;	
		}	
	
		.clients a{		
			font-size: 13px; color: #959194	;
			text-decoration: none	
			}
			.clients a:hover{		
			font-size: 13px; color: #7a2a7f	;
			text-decoration: none	
			}
	.more_but{	
		float:left;		
		margin:10px 0 0 5px;
		width: 98px; height: 32px; line-height: 28px;
		background:url(../../images/more_but2.jpg) no-repeat;
		text-align: center
		}
		.more_but a{			
			color:#989698; font-size: 18px;
			text-decoration: none;		
			}
			.more_but a:hover{			
				color:#7a2a7f; font-size: 18px;							
				}
		
.footer{	
	margin-top:20px;
	height: 400px;
	background: url(../../images/footer-bg.jpg) repeat-x;
	}
	.wrapper_footer{
		width:995px;		
		margin:0px auto; padding:0px;		
		}
	.footer-art{
		height: 101px;
		background:url(../../images/footer-art.jpg) no-repeat;	
		}
	.footer-line{
		height: 1px;
		background:#616163;	
		margin: 5px 0;
		}
	.footer-data{
			padding: 0;
		}
		.footer-data ul{
			float: left;
			margin:0 0 0 10px; padding:0 20px 0 0;
			border-right: 1px solid #616163;
			height:230px;
		}
		.footer-data ul li{
			line-height: 25px;
			list-style:none
		}
		.footer-data ul a{
			color:#c9c8c8; font-size: 11px; text-transform:uppercase; text-decoration:none			
			}
			.footer-data ul a:hover{
			color:#ffffff; 			
			}
		.opensource { 
			width:130px !important;
			padding:0; margin:0;
			}
		.opensource li { 
			line-height: normal;
			list-style:none;
			padding:0;
			margin-top:10px;
			}
		.opensource .joomla a{ 
			width:84px; height: 33px;
			display:block;
			background:url(../../images/joomla.jpg) no-repeat;
			}
			.opensource .joomla a:hover{ 
				background:url(../../images/joomla-over.jpg) no-repeat;
				}
		.opensource .dhrupal a{ 
			width:87px; height: 33px;
			display:block;
			background:url(../../images/dhrupal.jpg) no-repeat;
			}
			.opensource .dhrupal a:hover{ 
				background:url(../../images/dhrupal-over.jpg) no-repeat;
				}
		.opensource .wordpress a{ 
			width:107px; height: 30px;
			display:block;
			background:url(../../images/wordpress.jpg) no-repeat;
			}
			.opensource .wordpress a:hover{ 
				background:url(../../images/wordpress-over.jpg) no-repeat;
				}
				
		.opensource .magento a{ 
			width:92px; height: 34px;
			display:block;
			background:url(../../images/magento.jpg) no-repeat;
			}
			.opensource .magento a:hover{ 
				background:url(../../images/magento-over.jpg) no-repeat;
				}


/* get touch form styles */

.gettouchform {
	width: 310px;
	float: left;
	margin-left: 35px;
	
}

.gettouchform fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

.gettouchform legend {
	display: none;
}

.gettouchform h3 {
	clear: both;
	padding: 0; margin: 0;
	font-size: 28px; color:#d7d4d4; font-style:normal
}

.gettouchform label {
	float:left;	
	padding:2px;
	font-size: 13px; color: #999999 ; font-style: italic
}
.gettouchform label.field-first input
 {
	border:none; background:#f1f1f1;
	width: 150px; height: 24px;
	}
.gettouchform label.field-email input
 {
	border:none; background:#f1f1f1;
	width: 150px; height: 24px;
	}
.gettouchform label.field-comment textarea
 {
	border:none; background:#f1f1f1;
	width: 304px; height: 100px;
	}
input, textarea { 
 font:normal 13px arial;
  color:#3a393a;  
}
/* socialnetworking styles */
.social {
	margin-left:10px;

	}

.families h3 {
	clear: both;
	padding: 0; margin: 6px 0 0 30px;
	font-size: 28px; color:#d7d4d4; font-style:normal
}


.footerlinks {
	margin:20px 0 0 10px;
	height:50px;
	}
.footerlinks a{
	color:#564d57; font-size: 12px; text-decoration:none;
	padding-right:5px;			
	}
	.footerlinks a:hover{
	color:#000000; 			
	}
.copyright{
	float: right;
	color:#5d5c5c; font-size: 12px; 
	margin:20px 0 0 0;
	}

/* inner */
.innerbanner {	
	display:block;
	height: 98px;
	background:url(../../images/innerbanner.jpg) no-repeat;
	}
.innersubnav {
	float:left;
	width: 184px;
	text-align:right;
	display:block;
	 color: #686768; font-size: 14px; text-decoration:none;
	}
	.innersubnav h3 {
	font-size: 30px; color: #727070;
	padding:0; margin:30px 0 0 0;
	}
	.innersubnav ul {
		padding:0; margin: 0;
		}
	.innersubnav ul li {
		list-style-type: none;
		list-style:none;
		line-height: 30px;
		}
	.innersubnav ul li a{
		padding-right:10px;
		 color: #686768; font-size: 14px; text-decoration:none;
		 background: url(../../images/subnav-bullet.gif) no-repeat right;
		}
	.innersubnav ul li a.active{
		 color: #9c237e;
		 background: url(../../images/subnav-bullet-over.gif) no-repeat right;
		}
	.innersubnav ul li a.active span{		
		 background: url(../../images/subnav-overtail.gif) no-repeat; 
		 padding-left: 30px;  font-weight: bold;
		}
	.innersubnav ul li a:hover{		
		 color: #9c237e;
		 background: url(../../images/subnav-bullet-over.gif) no-repeat right;
		}
		
.innercontent {
	float:left;
	width: 750px;
	margin: 30px 0 0 61px;
	}
.innercontent h2{
	font-size: 24px; color: #7a2a7f;
	 margin:0; padding: 0;
	}
.innercontent h3{
	font-size: 22px; color: #afaaad; font-weight: normal; font-style:italic
	}
.innercontent .p-left{
	float: left;
	width: 340px;
	font-size: 13px; color: #555455; font-weight: normal;
	text-align:justify
	}
.innercontent .p-right{
	float: right;
	width: 340px;
	margin-right: 30px;
	font-size: 13px; color: #555455; font-weight: normal;
	text-align:justify
	}
.innercontent .quote{
	
	font-size: 14px; color: #999299; font-weight: normal; text-align:center;
	}
.innercontent .gencontent{
	font-size: 13px; color: #555455; font-weight: normal;
	text-align:justify;
	margin-right: 25px;
	}
	.innercontent .gencontent a{
	font-size: 13px; color: #999299; text-decoration:none
	}
.innercontent li{
	color: #7A2A7F;
	}	
.clientsthumb {
	float: left; width: 150px; margin:0 30px 30px 0;
	}
	.clientsthumb img {
	border:1px solid #d9d6d6
	}
.clientsthumb a{
	text-decoration: none
	}
	.clientsthumb a .content{
	display:none
	}

	.clientsthumb a:hover{	
	display: block;
	background:#993399;
	}
	.clientsthumb a:hover .content{
	background: url(../../images/overbg.png);
	display: block;
	z-index:1000;
	margin-top:-150px;
	height:140px;
	padding:5px;
	position:relative;
	text-align:center; color:#FFFFFF;
	
	}
.logothumb {
	float: left; width: 212px; margin:0 29px 15px 0;
	}
	.logothumb img {
	border:1px solid #d9d6d6
	}
.innersublink {float: right; padding:0; margin:-20px 20px 0 0}
.innersublink li{
	float: left; 
	padding:0 10px; margin:0; 
	list-style:none;
	}
	.innersublink li a{
	color:#999299;
	text-decoration:none
	}
	.innersublink li a:hover{
	color:#7A2A7F;	
	}
	.innersublink li span{
	color:#7A2A7F;
	font-weight: bold;
	}
/* enquiry form */
.form_enq {
float:left;
padding:0 0px;
width:300px;
}
.form_enq label {
display:block;
margin:10px 0 0;
padding:0;
}

.input_text {
border:1px solid #e0aac4;
color:#4F4F4F;
font-size:14px;
height:24px;
margin:0;
padding:2px;
width:230px;

}
.input_select {
border:1px solid #e0aac4;
color:#4F4F4F;
font-size:14px;
height:26px;
margin:0;
padding:2px;
width:200px;
}


.textarea {
border:1px solid #e0aac4;
height:110px;
margin-top:5px;
overflow:hidden;
padding:5px;
width:350px;
}
.button {
border:1px solid #888a8a;
background:#666666;
color:#ffffff;
font-size:14px;
font-weight: bold;

margin:0;
padding:2px;
width:208px;
}
.code {
margin:20px 0 0;
}
.error { color: #CC3366; font-style:italic;}
/* enquiry form end */	

	/* tool tips	*/

#tt {position:absolute; display:block; }

#tttop {display:block; height:5px; margin-left:5px;  overflow:hidden}

#ttcont {display:block; padding:8px 10px;  border-radius: 10px; margin-left:5px; background:#76366a; color:#FFF; font-size: 12px}

#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}