/* CSS Document */

body {

background-color: #000;
/*color: #878789;*/
color:#0000BB;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
margin: 0;
padding:0px;
}

#wrapall {
	position:absolute;
	left:50%;
	width:783px;
	margin-top:50px;
	margin-left:-391px;
	padding:15px;
	border:none;
	background-color:#000;
	}


h1 {

font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
font-style: normal;
font-weight: bold;
line-height: 20px;

}

h2 {
font-family: Futura Book, Futura, sans-serif;
font-size: 25px;
text-decoration: none;
font-style: normal;
font-weight: normal;
letter-spacing: 3px;
color: #8F0F0E;
}

p {
font-size: 12px;
text-align: justify;
line-height: 20px;

}

p.title {
font-family: Futura Book, Futura, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: 10px;
font-size: 30px;
color: #fff;
text-align: right;
line-height: 20px;
margin-right: 100px;
margin-top: 55px;
}



a:link {
color: #367CC4;
text-decoration: underline;
}

a:visited {
color: #367CC4;
}

a:hover {
text-decoration: none;
}

a:active {

text-decoration: underline;

}


#content {
position: relative;
width: 783px;
background-color: #ffffff;
padding-top: 2px;
}

#ul {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
/*color: #878789;*/ /*John 2009/11/03 comented this line*/
line-height: 20px;
}

.ul {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
/*color: #878789;*/ /*John 2009/11/03 commented line and add next one*/
color:#0000BB;
line-height: 20px;

}

#navbar ul li {
list-style-type: none;
margin: 0;
padding: 0;
}

#navbar ul {
margin: 0;
padding: 0;

}


#navbar ul li a:link, #navbar ul li a:visited {

display: block;
text-decoration: none;
font-weight: bold;
border-bottom: solid #000000 1px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 20px;

}


#navbar ul li a:hover {

}

/* div#main {position: absolute; margin-left:-200px; left: 50%; width: 400px;} */

#main-text {
background-color: #ffffff;
border-top: 5px #808082 solid;
border-left: 2px #808082 solid;
border-right: 2px #808082 solid;
border-bottom: 5px #808082 solid;
margin-left: 5px; 
margin-right: 5px;
margin-top: 0px;
margin-bottom: 5px;
padding: 12px;
}

/* Header */ 
/* changes in .header 2009/10/29 */
.header	{
	        position:absolute;
			left:225px;
            top:5px;
			border: 0;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 12px;
			letter-spacing: 1.1px;
			font-weight: normal;
			color: #7E7E7E;
			text-align: center;
			}
			 
#header a:link, #header a:visited {
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 12px;
			line-height: 21px;
			color: #7E7E7E;
			text-decoration: none;

}

#header a:hover {
			text-decoration: none;
			color: #8F0F0E;
} 

/* Footer */
.footer 	{
			background: #fff;
			position: relative;
			clear: both;
			border: 0;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 10px;
			color: #69696B;
			text-align: right;
			margin-right: 10px;
			margin-bottom: 10px;
			 }
		
			.hpgfooter2 	{
			background: none;
			position: relative;
			clear: both;
			border: 0;
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 10px;
			color: #999999;
			text-align: right;
			margin-right: 10px;
			margin-bottom: 10px;
			 }

#hpgfooter2 a:link, #hpgfooter2 a:visited {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 21px;
color: #999999;
text-decoration: none;

}

#hpgfooter2 a:hover {
text-decoration: underline;

}

#footer a:link, #footer a:visited {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 21px;
color: #69696B;
text-decoration: none;

}

#footer a:hover {
text-decoration: underline;

}
/* End Footer */
.main-image 	{
			
            background: #fff;
			width: 212px;
			height: 119px;
			border-top: 0;
            border-left: 0;
            border-right: 2px #808082 solid;
            border-bottom: 0;
			margin-left: 5px; 
			margin-right: 0px;
			margin-top: 5px;
			margin-bottom: 0;
			 }


#main-image {
width: 212px;
height: 119px;
border-top: 0;
border-left: 0;
border-right: 2px #808082 solid;
border-bottom: 0;
margin-left: 5px; 
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding: 0px;
}

#image-spec	{
			background-image: url(../images/inner-page-titlesabout.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;

			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			 }
#image-spec2	{
			background-image: url(../images/inner-page-titlesservices.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;

			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			 }
			 
	#image-spec3	{
			background-image: url(../images/inner-page-titlescasest.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;

			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			 }
			 
	#image-spec4	{
			background-image: url(../images/inner-page-titlescont.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;

			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			 }		 

	#image-spec5	{
			background-image: url(../images/inner-page-titlessitemap.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;

			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			 }		 

/*inner-page-titles_contact.jpg*/
	#image-contact	{
			background-image: url(../images/inner-page-titles_contact.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;
			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			}
	  #image-technologies	{
			background-image: url(../images/inner-page-titles_technologies.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;
			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			}
	 
	 #image-services	{
			background-image: url(../images/inner-page-titles_services.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;
			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			}
			
		#image-markets	{
			background-image: url(../images/inner-page-titles_markets.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;
			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			}		
		
		#image-clients	{
			background-image: url(../images/inner-page-titles_clients.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;
			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			}
		#image-clients3	{
			background-image: url(../images/inner-page-titles_clients3.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;
			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			}	
			
		#image-about	{
			background-image: url(../images/inner-page-titles_about.jpg); 
			position:absolute;
			left:223px;
            top:34px;
			width: 557px;
            height: 90px;
			background-repeat: no-repeat;
			border: 0;
			margin-right: 10px;
			margin-left: 0px; 
            margin-top: 0px;
            margin-bottom: 0px;
            padding: 0px;
			}

/*
#outer-image {
height: 119px;
margin: 30px 10px 15px 10px;
}
*/

#inner-image {
height: 199px;
background-image: url(../images/inner-image.jpg);
background-repeat: no-repeat;
background-position: 198px 0px;
}


.any-image {
margin: 5px 5px 5px 5px;
padding: 0px;
}

/* added by John*/

.li_b {
font-weight:bold;
	
	position:relative;
	list-style-image:url(../my_pic/bullet_green_s2.gif);
    list-style-position:inside;
	padding-bottom:1px;
}

.pda-image {
margin: 1px 1px 1px 1px;
padding: 0px;
}

.clear {
    clear: both;
    height:0px;
    font-size:0px;
}
#box1 {
    margin:10px 0px 0px 0px;
    width:740px;
    padding:0px 0px;
    clear:both;
	color:#0000BB;
}

#box1 ul#listLeft 
{
    float:left;
    width:300px;
	margin-left:15px;
	padding-left:5px;

	text-indent:5px;    
    position:relative;
	list-style-image:url(../my_pic/bullet_green_s2.gif);
    list-style-position:inside;   
}

#box1 ul#listRight{
    float:left;
    width:345px;
	margin-left:5px;
	padding-left:0px;
	text-indent:5px;
    position:relative;
	list-style-image:url(../my_pic/bullet_green_s2.gif);
    list-style-position:inside;   
}
#box1 ul#listLeft li
{
	margin-left:0px;
	margin-bottom:10px;
    width:300px;
}
#box1 ul#listRight li {
	margin-left:0px;
	margin-bottom:10px;
    width:345px;
}	
/*new 2010/01/02*/
#box1 ul#listLeftFull 
{
    float:left;
    width:680px;
	margin-left:15px;
	padding-left:1px;
	text-indent:5px;    
    position:relative;
	list-style-image:url(../my_pic/bullet_green_s2.gif);
    list-style-position:inside;
}
#box1 ul#listLeftFull li
{
	margin-left:0px;
	margin-bottom:10px;
    width:100%;
	font-weight: bold;
}
/*li_indent*/
#box1 ul#listLeftFull .li_indent {
	list-style-position: inside;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:5px;
    position:relative;
	text-indent:2px;
	list-style-image:url(../my_pic/diamond2.gif);
	margin-left:10px;  
	font-weight:normal;
};
/*new 2010/01/02*/

#box2 {
    margin:0px 0px 0px 0px;
    width:400px;
    padding:0px 0px;
    clear:both;
	color:#0000BB;
	position: relative;
	float:left;
	margin-top:10px;
	}

#box2 #left-element {
   float:left;
   position: absolute;
   left: 10px;
   width: 400px;
   margin-bottom:10px;
   margin-left:20px;
   position:relative;
   }

#box2 #right-element {
   position: absolute;
   right: 0;
   left: 10px;
   width: 400px;
   text-align: left; /* depends on element width */
   margin-bottom:10px;
   position: relative;
   float:right;
   } 

#box3 {
    margin:0px 0px 0px 0px;
	/*border:1px solid red;*/
    width:400px;
    clear:both;
	color:#0000BB;
	/*
	position: relative;
	float:left;
	padding:0px 0px;
	*/
	margin-top:0px;
	margin-left:20px;
	margin-bottom:10px;
}

.contact-image-right {
margin: 5px 5px 5px 5px;
padding: 0px;
float:right;
position:absolute;
left:475px;
top:160px;
}