/*
@author		Iyatech, http://www.iyatec.com/
@css			common.css
@version		v1.0 (tuesday, may 22, 2007)
------------------------------------------------------------------------------------------------------------------------------ */

/* @import url(layout.css);*/ 
body { 
font:75% Arial, Helvetica, sans-serif; 
text-align:center; 
margin:0 auto; 
padding:0;
overflow-y:overflow;
}

/* Utility
--------------------------------------------------------------- */
.clearall { clear:both; height:0; line-height:0; font-size: 1px; }
.clear { clear:both; }
.clearRight { clear:right; }
.clearLeft { clear:left; }
.floatLeft{ float: left }
.floatRight{ float: right }
.alignRight{ text-align: right }
.alignCenter{ text-align: center; }
.smallText{ font-size: 7px }
h1 { font-size:1.7em; }
h2 { font-size:1.5em; }
h3 { font-size:1.3em; }
h4 { font-size:1.1em; }
h5 { font-size:0.9em; }
h6 { font-size:0.7em; }
p { font-size:small; }

/* Layout
---------------------------------------------------------------*/

#wrapper { 
width: 757px; 
text-align: left; 
padding: 0px; margin: 0 auto; 
background-color: #000000;
height:100%; 
}
/* Top Pannel
---------------------------------------*/
#toppanel
{
	width: 757px;  
	padding: 0px;
	margin: 0px;
}

#bannerimg
{
	width:757px;
	padding: 0px;
	margin: 0px;
	height:36px;
	background-color:#1A5577;
	border:1px solid #D5D7CE;
	border-bottom:none;
	border-top:none;
}

#bannerdivider
{
	width:757px;
	padding: 0px;
	margin: 0px;
	border:0px;	
	height:2px;
	background-color:#BAD1DD;
}

#bannerheader
{
	width:757px;
	padding: 0px;
	margin: 0px;
	height:220px;
	background:url(../images/headbg.jpg) repeat-x;
	border:1px solid #D5D7CE;
	border-bottom:none;
	border-top:none;
}

#bannerlogo
{
	width:757px;
	padding: 0px;
	margin: 0px;
	border:0px;	
	height:145px;
}

#bannernavigation
{
	width:727px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border:0px;	
	height:75px;
	background:url(../images/navimg.jpg) repeat-x;
	
}
#bannernavigation ul
{
padding:0px;
margin:0px;
list-style:none;
float:left;
}
#bannernavigation ul li
{

margin-top: 5px;
background: url(../images/navsep.jpg) no-repeat right; 
padding:0px 24px 0px 25px;
float:left;
}
#bannernavigation ul li.first
{

margin-top: 5px;
background: url(../images/navsep.jpg) no-repeat right; 
padding:0px 24px 0px 50px;
float:left;
}
#bannernavigation li span{
	background: url(../images/arrow.gif) no-repeat  top center;
	padding-top:20px;	
	display:block;
}

#bannernavigation a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
color:#274D75;
}
#bannernavigation a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
padding-top:5px;
color:#006699;

}
.last
{
margin-top: 5px;
padding:0px 24px 0px 25px;
float:left;
}

#prim li.last
{
background:none;
float:left;

}

#logo
{
float:left;
padding:10px 0px 0px 30px;
}

#caption
{
float:right;padding:10px 20px 0px 0px;
height:132px;

}

#home
{
padding: 0px;
margin: 0px;
border:0px;	
height:36px;
float:right
}

#home ul
{
padding: 0px;
margin: 0px;
border:0px;
list-style:none;
float:left;
}

#home ul li
{
margin-top: 5px;
padding:0px 10px 0px 10px;
float:left;

}

#home ul li.home
{
background:url(../images/home.gif) no-repeat left;
width:25px;
}

#home ul li.contact
{
background:url(../images/contactus.gif) no-repeat left;
width:45px;
}

#home ul li.site
{
background:url(../images/sitemap.gif) no-repeat left;
width:25px;
}

#home a{
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color:#ffffff;
font-size:0.70em;
float:right;
}
#home a:hover{
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#ffffff;
font-size:0.70em;
float:right;
}
/* center panel
--------------------------------------------------------*/
#centerpanel
{
	width: 757px; 	
	padding: 0px 0px 0px 0px;
	margin: 0px;   
	/*height:603px; */
	background-color:#ffffff;
	border:1px solid #D5D7CE;
	border-top:none;
	border-bottom:none;
}

#leftcontent
{
	width: 110px; 	
	padding: 10px 0px 15px 10px;
	margin: 0px;   
	/*height:563px; */
	background-color:#ffffff;
	float:left;
	}
	
#techleftcontent
{
	width: 150px; 	
	padding: 10px 0px 0px 10px;
	margin: 0px;   
	/*height:563px; */
	background-color:#FFFFFF;
	float:left;
	}
	

#rightcontent
{ 	
	padding: 0px; 
	/*height:603px;*/ 
	background-color:#FFFFFF;
	float:left;
}
#indexrightcontent
{
	width: 637px; 	
	padding: 0px;
	margin: 0px;  
	/*height:603px;*/ 
	background-color:#FFFFFF;
	float:right;
}

#techrightcontent
{
	width:440px;
	padding: 0px;
	margin: 0px;  
	/*height:603px;*/ 
	background-color:#FFFFFF;
	float:left;
}


#centercontent
{
	width: 637px; 	
	padding: 0px;
	margin: 0px;   
	/*height:308px;*/
	text-align:center; 
}
#indexcentercontent
{
	width: 637px; 
	padding: 0px;
	margin: 0px;  
	/*height:603px; */
	background-color:red;
	
	 
	float:left;
}


#content1
{
	width: 560px; 	
	padding: 10px 10px 0px 10px;
	margin: 0px;   
	height:178px; 
	background-color:#ffffff;
	float:left;
	color:#222222;
	text-align:justify;
	font-size:0.90em;	
}

#content2
{
	width: 440px; 	
	padding: 10px 5px 0px 10px;
	margin: 0px;   
	height:255px; 
	background-color:#ffffff;
	float:center;
	color:#222222;
	text-align:left;
	font-size:1em;	
}

#content3
{
	width: 600px; 	
	padding: 10px 10px 20px 10px;
	margin: 0px;   
	/*height:255px; */
	background-color:#FFFFFF;
	float:left;
	color:#222222;
	text-align:justify;
	font-size:1em;	
}
#aboutuscont
{
	width: 600px; 	
	padding: 10px 10px 20px 10px;
	margin: 0px;   
	/*height:255px; */
	background-color:#FFFFFF;
	float:left;
	color:#222222;
	text-align:justify;
	font-size:0.90em;	
}

#servicecont
{
	width: 600px; 	
	padding: 10px 10px 0px 10px;
	margin: 0px;   
	/*height:255px; */
	background-color:#FFFFFF;
	float:left;
	color:#222222;
	text-align:justify;
	font-size:1em;	
}
#technologycont
{
	 width:530px;
	padding: 13px 0px 0px 40px;
	margin: 0px;   
	/*height:255px; */
	background-color:#FFFFFF;
	float:left;
	color:#222222;
	text-align:justify;
	font-size:1em;	
}

#contactuscont
{
	width: 400px; 	
	padding: 10px 10px 20px 120px;
	margin: 0px;   
	/*height:255px; */
	background-color:#FFFFFF;
	float:left;
	color:#222222;
	text-align:justify;
	font-size:1em;	
}
.blue{
font-family:Arial, Helvetica, sans-serif;
color:#03AFAF;
text-align:left;
font-size:1.1em;
}

.darkblue{
font-family:Arial, Helvetica, sans-serif;
color:#006699;
text-align:left;
font-size:1.1em;
}


.pink{
font-family:Arial, Helvetica, sans-serif;
color:#FF41CF;
text-align:left;
font-size:1.1em;

}

.yellow{
font-family:Arial, Helvetica, sans-serif;
color:#C9C300;
text-align:left;
font-size:1.1em;
}

.contenthead
{
font-family:Arial, Helvetica, sans-serif;
color:#165698;
text-align:left;
}

#img1
{
padding: 0px;
margin: 0px;   
background:url(../images/img1.gif) no-repeat;
float:left;
height:122px;
width:84px;
border:2px solid #D5D7CE;
}
#img2
{
padding: 0px;
margin: 0px;   
background:url(../images/img2.gif) no-repeat;
float:left;
height:122px;
width:84px;
border:2px solid #D5D7CE;
}
#img3
{
padding: 0px;
margin: 0px;   
background:url(../images/img3.gif) no-repeat;
float:left;
height:122px;
width:84px;
border:2px solid #D5D7CE;
}
#img4
{
padding: 0px;
margin: 0px;   
background:url(../images/img4.gif) no-repeat;
float:left;
height:122px;
width:84px;
border:2px solid #D5D7CE;
}
#img5
{
padding: 0px 0px 0px 0px;
margin: 0px;   
background:url(../images/img5.gif) no-repeat;
float:left;
height:122px;
width:84px;
border:2px solid #D5D7CE;
}
#img6
{
padding: 0px;
margin: 0px;   
background:url(../images/img6.gif) no-repeat;
float:left;
height:122px;
width:84px;
border:2px solid #D5D7CE;
}
#img7
{
padding: 0px;
margin: 0px;   
background:url(../images/img7.gif) no-repeat;
float:left;
height:122px;
width:84px;
border:2px solid #D5D7CE;
}


#map
{
padding: 0px;
margin:50px 0px 0px 0px;   
/*background:url(../images/map.png) no-repeat;*/
float:left;
height:100px;
width:80px;
}

#leftcont
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.90em;
color:#494949;
width:130px;
height:100px;
float:left;
text-align:left;
background-color:#ffffff;
}

#phone
{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.90em;
float:left;
text-align:left;
height:80px;
width:100px;
}

#mail
{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.90em;
float:left;
text-align:left;
height:20px;
width:100px;
}

#contarrow
{
padding:0px;
margin:10px 0px 25px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.90em;
color:#7A7979;
float:right;
height:10px;
width:65px;
}
#heading
{
padding:0px 0px 15px 0px;
margin:0px;
width:600px;
height:30px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#7A7979;
}

#listsection
{
padding:0px 0px 15px 0px;
margin:0px;
width:600px;
font-family:Arial, Helvetica, sans-serif;
color:#7A7979;
}

#list1
{
padding:10px 10px 0px 0px;
margin:0px;
width:300px;
float:left;
}
#list2
{
padding:0px 0px 0px 0px;
margin:0px;
width:300px;
float:left;
}

#list1 ul
{
list-style:none;
margin:0px;
padding:0px;
}

#list1 ul li
{
padding:0px 20px 5px 27px;
background:url(../images/arrow2.jpg) no-repeat;
}

#list2 ul
{
list-style:none;
margin:0px;
padding:0px;
}

#list2 ul li
{
padding:0px 0px 5px 27px;
background:url(../images/arrow2.jpg) no-repeat;
}

.textbox
{
width:200px;
}

.textarea
{
width:300px;
height:50px;
}


/* Footer
--------------------------------------------------------*/
#footerdivider
{
	width:757px;
	height:4px;
	background:#1A5577;
	border:1px solid #D5D7CE;
	border-bottom:none;
	border-top:none;
	margin:0px auto;
}

#footer
{
	width:757px;
	height:35px;
	background:#A6C3D5;
	border:1px solid #D5D7CE;
	border-bottom:none;
	border-top:none;
	margin:0px auto;
	padding:5px 0px 0px 0px;
}

#footleft
{
    padding:0px 0px 0px 25px;
	margin:0px;
	width:250px;
	height:10px;
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#222222;
}

#footleft a
{
    
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#222222;
	text-decoration:none;
}

#footleft a:hover
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#222222;
	text-decoration:underline;
}



#footright
{
    padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	width:100px;
	height:20px;
	float:right;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#222222;
}

#footright a
{
    
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#222222;
	text-decoration:none;
}

#footright a:hover
{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#222222;
	text-decoration:underline;
}