body {		
		
		background-color:#000;
		margin: 0 auto;
		text-align:center;
		}

a {text-decoration:none; color:#c5c5c5;/*#777575;FF6633;*/}
a:hover { color:#cc0000;}
	
div .note {display:block; width: 100%; position:relative; left:200px;top:20px;}		

.link{color:green;}

.gyan {display:block; margin:5px; font:italic 14px Trebuchet MS;color:#000;}		
#wrapper1 {
		width:100%;
		
		}
		
#wrapper2 {
		margin: 0 auto;
		width:790px;
		text-align:left;
		position:relative;
		margin-bottom:-100px;		
		min-height:400px;
		}	

#wrapper2-hpg {
		width:800px;
		margin: 0 auto;
		text-align:left;
		position:relative;
		}				
			
#header {
		background-image:url('../images/top_bg.jpg');
		background-repeat: repeat-x; 
		width:100%;
		height:170px;
		}
		
#header-hpg {
		background:#000000 url('../images/hpgtop_2.jpg'); background-repeat:no-repeat; background-position:center center; width:100%;
		height:335px;
		margin: 0 auto;
		
		}		

.hlite {font: bold 14px Arial; color:#464646;}		
.hlite2 {font: Italic 11px arial; color:#464646; background:#000000;color:#fff; padding:3px;}		
		
#innrhdr {float:left;height:90px; margin-top:3%;}		

#breadcrumbs {
			left:70%;
			width:300px;
			font:10px arial; 
			color:#efefef; 
			text-align:left;
			position:absolute;
			top:100px;
			}

#breadcrumbs i {color:#cc0000;}			
			
.you {
			font: bold 10px arial; 
			color:#000;
			}

.headingtxt {
		Font: bold 16px Arial, Verdana;
		Color:#d3d3d3;
		border-bottom: dotted 1px #464646;
		line-height:26px;
		}		
		
#map{
		margin-left:1px;	
		padding-left:1px;
		padding-top:10px;
		display:block;
		position:relative;
		}
		
.sitemap {font: 10px verdana; color: gray; }
.sitemap-hdr {border-bottom: dotted 1px; border-color:#fff; font:14px verdana; color: gray; padding-bottom:6px;}
.sitemap-subhdr {border-left: dotted 1px; border-color:#fff; font: 10px verdana; color: gray; padding-bottom:5px;}		
.sitemap-subhdr2 {border-left: dotted 1px; border-color:#fff; font: italic 10px verdana; color: gray; padding-bottom:5px; padding-left:10px;}		

.sub {font: 10px verdana; color: orange; }

.top {display:block; height:22px; width:500px; text-align:right;}

#logo { 
		position:absolute;
		margin-top:12px;	
		width:165px;
		left: 270px;
		}
		
/*#logoclr {
		float:right;
		width:130px;
		position:absolute;
		top:508px;		
		left:640px;
		
		margin-top:10px;
		}*/

#logoclr {
		float:right;
		width:120px;
		position:relative;
		top:10px;		
		margin-bottom:5px;

		}
		
#logoclr-hpg {
		float:right;
		width:100px;
		position:absolute;
		margin-bottom:10px;
		z-index:5;
		top:392px;
		left:615px;
		margin-top:20px;
		display:block;

		}		


#version{
		position:relative;
		width:100px;
		display:block;
		margin-right:300px;
		text-align:right;
		float:right;
		top:10px;
		float:left;
		font:12px arial;
		color:#fff;
		z-index:3;
		}	
		
#topnav{
		position:relative;
		display:block;
		top:20px;
		float:right; 
		text-align:right;
		margin-right:100px;
		
		}	
			

#topnav ul{	list-style:none;}

#topnav ul li{display:inline;}
#topnav li a:link{
		font: bold 11px Arial, Helvetica;
		color: #2e2e2e;
		Text-Decoration:none;
		padding-right:10px;
		}
#topnav li a:visited{
		font: bold 11px Arial, Helvetica;
		color: #2e2e2e;
		Text-Decoration:none;
		padding-right:10px;
		}		
#topnav li a:active{
		Text-Decoration:none;
		border-bottom: 1px dotted;
		color: #cc0000;
		}		
#topnav li a:hover{
		Text-Decoration:none;
		border-bottom: 1px dotted;
		color: #cc0000;
		}
		
/*---------------------main nav------------------------------*/

#nmain {
		position: absolute; 
		width: 400px; 
		height: 20px; 
		z-index: 4; 
		left: 50%; 
		top: 148px; 
		background-color:#000; /*5C0A0A; */
		}
			

#nmain ul{list-style:none; display:inline;}

#nmain ul li{display:inline;}

#nmain li a:link{
		font: bold 12px Arial, Helvetica;
		color: #efefef;
		Text-Decoration:none;
		padding-right:15px;
		}
#nmain li a:visited{
		font: bold 12px Arial, Helvetica;
		color: #efefef;
		Text-Decoration:none;
		padding-right:10px;
		}		
#nmain li a:active{
		Text-Decoration:none;
		color: #cc0000;
		}		
#nmain li a:hover{
		Text-Decoration:none;
		color: #cc0000;
		}
#nmain li strong { 
				font: bold 12px Arial, Helvetica;
				Text-Decoration:none;
				color: #cc0000;
				padding-right:15px;
				}		

a.imagehm {
     display: block; 
     float:left;
     margin-left:10px;
     margin-top:2px;
     width: 15px; 
     height: 16px; 
     background-image: url(../images/hm_ico1.gif);
     background-repeat: no-repeat;
     }
	 
a.imagehm:hover { 
     background-image: url(../images/hm_ico.gif);
     } 

		
		
.activ{color:#cc0000;border-bottom: 1px dotted; font: bold 11px arial, helvetica; padding-right:10px;
}
		
.hrzline {width:400px; border-bottom: dotted 1px gray;}

#textbox-hpg {
		background:url(../images/inner_bg.jpg);
		background-repeat: repeat-x;
		width:799px;		
		height:405px;
		font:11px Trebuchet MS, Arial, Verdana;
		margin-bottom:100px;
		color:#7b7979;

	}


/*#textbox-hpg p {display:block; width:530px; float:right; margin-right:25px;margin-bottom:2px; margin-top:10px;}*/
#textbox-hpg p {display:block; width:330px; float:left; margin-left:230px;margin-bottom:2px; margin-top:10px;}




#textbox5-hpg {
		background:url(../images/inner_bg.jpg);
		background-repeat: repeat-x;
		width:590px;		
		font:11px Trebuchet MS, Arial, Verdana;
		
		display:block;
		margin-left:210px;

	}
	
#textbox5-hpg p {width:300px;margin-top:0px; margin-left:30px; color:#fff;}

#textbox {
		background:url(../images/inner_bg.jpg);
		background-repeat: repeat-x;
		width:799px;		
		/*height:522px;*/
		font:11px Trebuchet MS, Arial, Verdana;
		margin-bottom:100px;
		color:#7b7979;
		

	
	}
	
#news{
	position: absolute; width: 233px; height: 248px; z-index: 6; left: 562px; top: 3px; background-color:#121212;  
}	

/*-----------------PORTFOLIO----------------------*/

.gallery-img {

			width:55px;
					
			opacity: 0.3;
		-moz-opacity: 0.3;
		filter: alpha(opacity=30)

			}	
.gallery-img:hover {
			/*background:#664F08;*/
			opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
} 



/* #textbox p {display:block; width:520px; float:right; padding-right:15px;margin-bottom:5px; } */
#textbox .hrzline2 {height:2px; margin:0px; width:500px; border-bottom: dotted 1px gray;}

p {padding:3px; text-align:justify;}
#rightcol{
		
		top:110px;	
		width:505px;	
		left:1px;
		Z-index:3;
		float:right;
		margin-right:25px;
		
		}


#leftcol{
		position:absolute;
		top:110px;	
		height:475px;	
		left:1px;
		Z-index:3;
		
		
		}

#leftcol-hpg{
		position:absolute;
		top:1px;	
		height:175px;	
		Z-index:3;
		left:1px;
		}	
		
#leftcol5-hpg{
		position:absolute;
		display:block;
		background:url(../images/inner_bg.jpg);
		background-repeat: repeat-x;
		height:700px;
		float:left;
		top:opx;	
		left:0px;
		}	

#leftcol2{
		position:absolute;
		top:110px;	
		height:400px;	
		left:1px;
		Z-index:3;
		background:url(../images/lhs_bkgpic2.jpg); background-repeat: no-repeat; background-position:left bottom;
		}

#leftcolpic1 {display:block; position:absolute; width:210px; height:342px; z-index: 5; left:0px; top: 243px; 
			background:url(../images/lhs_bkgpic3.jpg); background-repeat: no-repeat; background-position:left bottom;
			}	

#leftcolpic2 {position: absolute; width: 210px; height: 342px; z-index: 5; left: 0px; top: 243px;
			background:url(../images/lhs_bkgpic2.jpg); background-repeat: no-repeat; background-position:left bottom;
			}				
#leftcolpic3 {position: absolute; width: 210px; height: 342px; z-index: 5; left: 0px; top: 243px;
			background:url(../images/lhs_bkgpic5.jpg); background-repeat: no-repeat; background-position:left bottom;
			}
#leftcolpic4 {position: absolute; width: 210px; height: 342px; z-index: 5; left: 0px; top: 243px;
			background:url(../images/lhs_bkgpic4.jpg); background-repeat: no-repeat; background-position:left bottom;
			}
#leftcolpic6 {position: absolute; width: 210px; height: 372px; z-index: 5; left: 0px; top: 223px;
			background:url(../images/lhs_bkgpic6.jpg); background-repeat: no-repeat; background-position:left bottom;
			}		
			
#leftcolpic7 {position: absolute; width: 210px; height: 372px; z-index: 5; left: 0px; top: 223px;
			background:url(../images/lhs_bkgpic7.jpg); background-repeat: no-repeat; background-position:left bottom;
			}		
			
#leftcolpic8 {position: absolute; width: 210px; height: 362px; z-index: 5; left: 0px; top: 222px;
			background:url(../images/lhs_bkgpic8.jpg); background-repeat: no-repeat; background-position:left bottom;
			}	

#leftcolpic9 {position: absolute; width: 210px; height: 322px; z-index: 5; left: 0px; top: 202px;
			background:url(../images/lhs_bkgpic9.jpg); background-repeat: no-repeat; background-position:left bottom;
			}				
						

#vert {
		background:url(../images/vertline.jpg) no-repeat; 
		width:3px; height:450px; 
		float:left; 
		margin-left:207px;
		position:absolute;
		top:82px;
		Z-index:3;
		display:block;
		}		

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.navguide{
		margin-bottom:10px;
		margin-top:10px;
		width:350px;
		font:10px verdana;
		margin-left:200px;
		color:#EA9E1B; /*0C91DD;*/
}


.email{font:bold 12px verdana, arial; color:#cc0000;}
		
#textbox p strong {font: bold 14px;}	

#textbox h4 {font: bold 11px verdana; text-align:left; margin-left:300px;width:400px;}	

#textbox .job {
			display:block;
			color:#efefef;
			width: 500px;
			margin-right:20px;
			list-style:none;	
			padding:5px;
			margin-top:0px;
			padding-top:0px;
			background:#141414;

			}


/*-------------lhs---------------*/
a.image1 {
     display: block; 
     width: 209px; 
     height: 56px; 
     background-image: url(../images/creative_tab1.jpg);
     background-repeat: no-repeat;
     }
	 
a.image1:hover { 
     background-image: url(../images/creative_tab.jpg);
     } 
     
a.image2 {
     display: block; 
     width: 209px; 
     height: 56px; 
     background-image: url(../images/sfware_tab1.jpg);
     background-repeat: no-repeat;
     }
	 
a.image2:hover { 
     background-image: url(../images/sfware_tab.jpg);
     }      


#leftcol-hpg ul {
		position:relative;
		float:left;
		list-style:none;
		width:195px;
		top: 50px;
		left:-30px;
		height:420px;
		/*background: url(../images/ver111.jpg);
		background-repeat: repeat-y;
		background-position: top right;*/
		text-align:right;
		
		}

#leftcol ul {
		position:relative;
		float:left;
		list-style:none;
		width:195px;
		top: 50px;
		left:-30px;
		height:420px;
		/*background: url(../images/ver111.jpg);
		background-repeat: repeat-y;
		background-position: top right;*/
		text-align:right;
		
		}
	
#leftcol ul li {
			margin-bottom:15px;
			height:20px; 
			/*background: url(../images/lhs_linkbg.jpg) no-repeat;*/
			background: #181617;
			margin-left:-5px;
			margin-right:10px;
			border-bottom:solid 2px; border-color:#131313;
}	


		
#leftcol ul li a{
		
		width:195px;
		height:14px;
		font: 11px verdana, arial, helvetica;
		Text-decoration:none;
		/*padding: 3px 15px 1px 5px;*/
		padding-right:5px;
		margin-top:5px;
		color:#363636;
		background: #181617;
		
		}

#leftcol ul li a:hover {
		color:#efefef;
	
		}
		

		
#lhs li .sel{
		background: url(../images/lhs1_mo.gif) no-repeat;
		font: 11px verdana, arial, helvetica;

		width:120px;
		height:35px;
		padding:10px;
		}	
		

.type2 {list-style:none; width:480px; float:left; margin-left:3px; padding-left:3px; padding-top:0px; margin-top:2px; }
.type2 li {display:inline; padding-right:8px; font:bold 12px Arial; border-right: dotted 1px gray; padding-left:3px;}

.type3 {list-style:none; width:450px; display:block; margin-left:1px;padding:5px;padding-top:1px; margin-top:1px;	}
.type3 b {font:bold 12px; color:#fff;}
.type3 li {font-style:italic;}

/*-------------RHS---------------------*/
#rhs {
		Position:absolute;
		top:180px;
		right:180px;
		float:right;
		Text-align:center;
		width:175px;
		
		}	
		

.add{ border-bottom: dotted 1px #000;padding-bottom:5px;}

.hdg2 {Font: bold 12px Arial, Verdana;Color:#956718; margin-left:230px; list-style:none;margin-top:0px;}


#textbox-news {
		Position:absolute;
		top:0px;
		right:5px;
		float:right;
		Text-align:left;
		width: 228px;
		}

#textbox-news p{font:12px arial, helvetica; color:white; margin-left:0px; margin-top:1px; margin-bottom:2px;}		
		
.title {font: bold 14px arial, helvetica; color:green; background:#121212; padding-left:5px;padding-right:3px;}		
.hrzshrt {border-top:solid 1px; border-color:#3e3e3e; margin-top:0px; margin-bottom:2px;}
.date {font: 10px arial, helveica; color:#cc0000; margin-left:2px; margin-bottom:3px; margin-top:5px;diplay:block; background:#121212;}

/*--------------FORM-----------------*/

#contact-form {
	width: 500px;
	margin-top: 25px;
	margin-left:170px;
	display:block;
	float:left;
	
}

#contact-form input, #contact-form textarea {
	padding: 1px;
	width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

.legend {
		color:#fff;
		font: bold 12px verdana;
		padding-left:25px;
		padding-bottom:10px;
}

#contact-form textarea {
	height: 90px;
}

#contact-form textarea:focus, #contact-form input:focus {
	border: 1px solid #2e2e2e;
}

.nxtrt{display:block; text-align:right; margin-right:50px;}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 11px;;
}

/* .leftcol {
		float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	font-size: 11px;;
		} */
		
.rtcol {font:11px verdana;margin-bottom:5px;}		

#contact-form .submit-button {
		width:50px; 
		background-color:#efefef; 
		border:solid 2px; border-color:#cecece;
		font:bold 10px verdana;
		}


/*--------------------------*/

#fttr {
		
		background-color:#181818;
		height:103px;
		position:relative;
		margin-top:20px;

		width:100%;
		}

#fttr p{
		font: 10px verdana, arial;
		color:#383838;
		text-align:right;
		padding-right:20px;
		margin-right:20px;
		padding-top:10px;
		}