/************************
Created by :	Vinod S.T.
Date :	July 18, 2006
Project : unifiedst.com
Note :	Updated on July 20, 06 - Styles for Home Page - Completed

	Modified on July 28, 06

	Modified on August 2, 06 - Only Left Navigation Section
	Modified on August 4, 06 - Left Navigation Corrected
				   Bottom Navigation
				   Code fixing for CONTENT Area

	Updated on Aug 23, 06	- Class BACKWARD for E-mail IDs
				- Table Properties
************************/


html, body	{
			font-family:trebuchet MS, arial, verdana, batang; 
			margin: 0;
			padding: 0;
			font-size:small; 
			text-align:center; 
			line-height:150%;

				
		}
		
		
#wrapper	{					
			width:775px; 
			height:100%; 
			border: 1px solid #C0C0C0;
			border: 1px solid #676767;
			margin:0 auto;
			padding:0;
			background-color:#FFF;
			background-color:#F5F8FF;
			/*background-color:#6595ED;*/
			background-image:url("../images/left_bg.gif");
			background-position:0 0;
			background-repeat:no-repeat;
			margin-right: auto;  margin-left: auto;
		}
					
					
#header		{
			width:775px;
			height:74px;
			border: 0px solid #000000; 
			margin:0; 
			padding:0;
			clear:both;
		}					

#hdr_lef	{
			width:193px;
			height:74px;
			margin:0; padding:0;
			position:relative;
			top:0px;
			left:187px;
			float:left;
			
		}	

#usLogo		{
			width:410px;
			height:74px;
			border: 0px solid #000000;
			float:right;
			margin:0; padding:0;
		}
			

#content	{
			text-align:left;
			float:right;
			width:540px;

			margin:0; padding:0;
			padding:20px;
			
			height: 350px; 			/* For IE Only */
			overflow: show;
					
	/* This if for IE Since for the Smaller Pages The Content Area becomes shorter than the Left Navigation */
				
			min-height: 350px;		/* For Opera and Firefox */
				
				
			width: 551px;			/* Only for IE 5.5 and 5.0 */
				
			voice-family:"\"}\" ";		/* Hack for IE 5.5 */
			voice-family:inherit;

			width: 540px;			/* Only for IE 6.0 */
							
			}


	/* This is for Opera and Firefox only. Above we have declared the height as 350px for IE, so it will introduce the scroller for the Content more than  350 px in these 2 browsers. So will set the height as 100% and Width as 540 px*/ 
html > body #content 	{
		
				height: 100%;
				width: 540px;
			}


			

#content p	{	text-align: justify;
			line-height: 150%;
			font-size: 100%;
		}

#image		{	float: right;
			margin:20px;
		}


#navTwo		{
			width:370px;
			height:74px;
			font-size:11px;
			font-weight:600;
			border: 0px solid #000000;				
			margin:0; padding:0;
			margin-right:-10px;
			float: left;
			background-image:url('../images/top_left.gif');
			background-position:187px top;
			background-repeat:no-repeat;
		}

			
#navTwo ul	{
			text-align:left;
			margin:0; padding:0;
			margin-top:5px;	
			line-height:normal;
			
		}				
				
#navTwo	li	{
			list-style-type:none;
			display:inline;
			word-spacing:4pt;	
			background-repeat:no-repeat;
			background-position: left top;
			padding-left:20px;
			
		}		

#navTwo a:link 	{ 	color: #353535; text-decoration:none	}

#navTwo #link 	{	background-image:url('../images/link_icon.gif');		}
					
#navTwo #mail 	{	background-image:url('../images/mail_icon.gif');		}
				
#navTwo #sMap 	{	background-image:url('../images/sitemap_icon.gif');		}	
			


/**********		Left Navigation 	********/
				
#navLeft	{
			float:left;
			width:160px;
			border: 0px solid #000000;
			margin:0; padding:0;
			padding-top:10px;
		}	
				
#navLeft ul	{
			margin:0;
			padding:0;
			list-style-type:none;
			line-height:20px;
		}	

				
#navLeft li	{	
			margin:0; padding:0;
			padding-left:5px;
			font-size:14px;
			vertical-align:top;
		}

#navLeft li a { 
			color:#0099FF;
			text-decoration:none;
			display: block;
			width:100%;	
			height:29px;	
			margin:0; padding:0;
			padding-left:30px;
			padding-top:4px;
			font-stretch:extra-expanded;
			font-weight:600;
			background-image:url('../images/button.gif');
			background-repeat: no-repeat;
		}

#navLeft li a:link {
			color:#0033FF;
		}		

#navLeft li a:hover {		
			color:#0000FF;
			}

#navLeft li a:visited {
			color:#0033FF;
			}

	/******  1st SubMenu ********/

#navLeft ul li ul { display:none ; }

#navLeft ul li ul { 	
			margin:0; padding:0;
			padding-left: 8px;
			}

#navLeft ul li ul li a { 
			background-image:url('../images/bullets/arrow - right - green - small.gif');
			background-position:2px 8px;
			font-size:13px;
			font-weight:normal;
			margin:0; padding: 0;
			padding-left:15px;
			}

#training ul li ul#trainingLinks { display:block;  }
#training ul li ul#trainingLinks li ul{ display: block; }

#about ul li ul#aboutLinks{ display: block; }
#products ul li ul#productsLinks{ display: block; }

#services ul li ul#servicesLinks{ display: block; }
#services ul li ul#servicesLinks li ul{ display: block; }


/***********	End of Left Navigation  *************/


#destHubli 	{	float: left;
			clear:left;
			margin: 25px 0 0 25px;

		}	


#footer		{
			width:775px;
			height:28px;
			border-top: 1px solid #FAC69E;
			font-size:100%;	
			margin-top:5px;
			clear:both;
		}

#footerTwo	{
			width:775px;
			height:28px;
			border: 0px none;
			margin-top:30px;
			clear:both
		}
				
.copyright	{
			float:left;
			margin-top:5px;
			margin-left:5px;
		}				
				
.policy		{
			float:right;
			margin-top:5px;
			margin-right:5px;
		}		



h1		{
			text-align:left;
			font-size:140%;
			font-weight: normal;
			margin-right:10px;
			margin-top:0px;
			padding-top:0;
			color:#000; 
			padding-bottom:7px;
			letter-spacing: 1px;
			border-bottom:1px solid #abe;
		}

h2		{	text-align: left;
			font-size:120%;
		}

h4		{
			text-align:left;		
			font-size:110%; letter-spacing:1pt; color:#363636;
			margin-bottom:-14px;
		
		}

h5		{
			text-align:left;
			font-weight:bold;
			font-size:100%; 
			margin-bottom:-15;		
		}			
		
ul		{	
		text-align:justify;			
		}


a:link, a:hover, a:visited { text-decoration:none;}


.address { margin-left: 30px; }	

#sitemap 	{ 	font-size:100%;	}
#sitemap ul 	{ 	
			font-size:85%;
			margin-top:0px; 
			margin-left:25px;
		}	

/*********	To Hide Emails from Spammers	********/

.backwards	{	unicode-bidi:bidi-override; 
			direction: rtl; 
			font-weight:bold;
			text-decoration:dotted;
			color: #00F;

		}

/*********	Table Properties	***************/

table 		{	width:95%;
				border-collapse:collapse;
				border: 1px solid black;
							
			}

table caption	{	text-align: left;	
					font-size:120%;
					color:#0066CC;
					padding-bottom:5px;
				}

th			{	background-color:#CCCCCC;
				text-align:center;
				padding:5px;	
			}

td			{	text-align:left;
				padding: 5px;
			}
			
th, tr, td	{	border: 1px solid black;	}

.leftHeadings th	{ 	text-align:left;
						vertical-align:top;
											
					}
.apply		{	display:block;
				text-align:right;
				font-weight:bold;
			}					


/***************	Form Properties		****************/
form {
	float:left;
	text-align: center;
	margin:0; padding:10px;
	
	width:80%;
	line-height: 200%;
	border:0px solid #aaa;
}

fieldset {
	border:1px solid #abe;
	margin-bottom:10px;
	
}
legend {
	padding:0 15px;
	margin:20px 0;
	font-size:14px;
	font-weight:600;
	letter-spacing:2px;
	color:#0066FF;
}

/***  Hack for the Opera for LEGEND. For the proper border around the Fields **/
br	{ clear: both;	}

label {
	float: left;
	width: 150px;
	padding-right: 10px;
	text-align:right;
	padding-bottom: 10px;
	clear: both;
}

label span {
	text-decoration: underline;
	font-weight: bold;
}

input, select {
	float: left;
	clear:right;
	margin-top: 2px;
	font-size:95%;
	border:0;
	border-bottom:1px dotted #000;
	font-family:Arial, Helvetica, sans-serif;
	color:#330066;
	background-color:#F5F8FF;
	
}

textarea	{	
	clear: both;
	margin-bottom: 6px;
}

.btn {
	margin:10px auto;
	margin-right: 10px;
	display:run-in;
	border: 2px outset;
}

fieldset {
	float: none;
	clear: both;
	margin: 0 20px;
	padding: -10px;
}

.asterisk	{	
	color:#FF6633;
	text-decoration:none;
	font-weight:normal;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
			

/****************  Bottom Navigation *******************/

#botNav	{	
	clear: both;
	border-top:1px solid #000;							
}

#botNav ul 	{ 	
	text-align: center;
	list-style-type: square;
	margin:5px 0 5px 0; padding:0;
}

#botNav ul li	{	
	display:inline;
	width: auto;
	margin:0 0px;
}

#botNav ul li span	{	
				margin:0; padding:0;	display:none;
			}

#botNav a	{	padding:0 13px;
			width:100%;
			border:2px solid #F5F8FF;	
		}

#botNav a:link 	{	
	text-decoration:none;
}

/****
#botNav a:hover	{	border-bottom: 3px solid #234;	background-color:#9a0404}

*****/

#botNav a:hover	{	
	border-right:2px inset #eaeaea;	
	border-bottom:2px inset #eaeaea	;
	border-left:2px solid #fff; 
	border-top:2px solid #fff;
}

#botNav a:visited {	color: #999;		}


			
/************************* Image Gallery  ************************/

#gallery table{
	border:0px none;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	margin: auto;
}

#gallery td {
	padding: 20px;
	
}

#gallery p {
	font-size: 11px;
	margin: 0;
	padding:0;
}

#gallery_in {
	text-align: center; 
}


#gallery_in h2 {
	font-size: 13px;
	color: #363636
}

#galleryNav {
	width: 30%;
	margin: auto auto;
	text-align: center;
	margin-bottom:-10px;
	margin-top:-15px;
	padding-bottom:0;
}

table #galleryNav {
	text-align: center;
	
}