/*
 * Author: Jonas Sarunas <jonas.sarunas@telemedia-its.lt>
 * Company: TeleMedia IT Solutions (http://www.telemedia-its.lt)
 */
body 
{
    color: #FFFFFF; 
	text-align: center; /* to correct the centering IE bug*/
	margin:0px auto;
	background:#1b4f85; /* blue */	
}

/*----------------------------------------------------------------------------------------
 * generic
 *--------------------------------------------------------------------------------------*/
 .left-float{float:left;}
 .right-float{float:right;}
 .no-clear{clear:none;}
 .clear-both{clear:both;} 
 
/*----------------------------------------------------------------------------------------
 * site page and wraper
 *--------------------------------------------------------------------------------------*/
#site_page /*rules for the div of all page*/
{
    border:solid 0px green;
	position: relative;
	width:100%;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x; 
	overflow: hidden;    
}

#site_content_area /*rules for the div of main content area-column on the page */
{
    border:solid 0px black;
	position: relative;
	width: 900px;
	background: transparent url(../images/globe_bg.png) no-repeat center 110px;
	margin: 0px auto;
}
/*----------------------------------------------------------------------------------------*/

/*---------------------------------------------------
 * Header area
 *---------------------------------------------------*/
#site_header_main
{
    border:solid 0px red;
	position: relative;
	height: 80px;
	width:100%;
	background: Transparent url(../images/header.png) no-repeat center top; 
	overflow:visible;	
}

#PictureGallery_flash 
{
    border:solid 1px #FFFFFF;
	position: relative;
	display: block;
    width:420px;   
	height:260px; 
	font-family: Arial, "Arial Black";
	font-size: 11px;
	font-weight: normal;
	color: #f1f1f1; /*grey*/
	overflow: hidden;
	z-index: 10000; /*above all other layers*/
}
#PictureGallery_flash p {  
	font-size: 11px;
	font-weight: normal;
	color: #ff6633;	
	text-decoration: none;	
}
#PictureGallery_flash a,
#PictureGallery_flash a:hover,
#PictureGallery_flash a:visited {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;	
	color: #ff6633;	
}
/*-----------------------------------------------*/



/*-----------------------------------------------
 * Site content section
 *-----------------------------------------------*/
/*-----------------------------------------*/
#site_content {
	border:solid 0px blue;
	background:transparent;
	width: 100%;
	margin:0px;
}

#page_content 
{
    border:solid 0px red;
	width:100%;
	min-height:650px;
	height:600px; 
	margin: 0px 0px 0px 0px;	
}
/*-----------------------------------------*/
	

/*-------------- Footer Style --------------*/
#page_footer {
	border:solid 0px red;
	position: relative;
	display:block;
	height: 54px;
	width:100%;
	background: Transparent url(../images/footer.png) no-repeat center top; 
	overflow:visible;
	margin: 0px 0px 0px 0px;
	padding:0px;
	color:#666;
	text-align:center;
}
#copyright {
	display: block;
	padding: 3px 0px 0px 0px;
	text-align:center;
    font-family: Arial, "Arial Black";
	font-size: 11px;
	font-weight: bold;
	color: #0c4075	
}
#footer_note,
#footer_reg_office,
#footer_reg_number {
	display: block;
	padding: 3px 0px 0px 0px;
	text-align:center;
    font-family: Arial, "Arial Black";
	font-size: 10px;
	font-weight: 500;
	color: #0c4075;	
}
/*---------------------------------------------*/
#solution {
    display:none;
   	position: relative;
	border: solid 1px #003366; 
    width:100%;
    height:15px;
    margin:0px auto;
	color:#666;
	background-color:#FFFFFF; 
    text-align:center;
	font-family: Arial, "Arial Black";
	padding:5px;
}
#solution .title {
 color:#999999;
 font-size:10px;
}
#solution .company_blue {
 color:#003366;
 font-size:10px;
}
#solution .company_orange {
 color: #FF6600;
 font-size:10px;
}
#solution .company_grey {
 color: #666666;
 font-size:10px;
 font-weight:bold;
}
#solution .company_blue_small {
 color:#003366;
 font-size:6px;
}
#solution a:hover,
#solution a:visited {
 text-decoration:none;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------*/

/*-----------------------------------------------*/
#Menu_Container
{
 border: solid 0px #FFFFFF;
 margin:20px 10px 10px 10px;
 display:block;
}

table
{
 border:solid 0px red;
 width:100%; 
}

table td.MenuFirstRow
{
height:75px;
border:solid 0px green;
}
table td.MenuSecondRow
{
border:solid 0px yellow;
}
table td.MenuThirdRow
{
height:75px;
border:solid 0px green;
}
/*-----------------------------------------------*/



/*-----------------------------------------------*/
#PictureGallery
{
 height:260px;
 width:420px;
}
/*-----------------------------------------------*/


/*-----------------------------------------------*/
.MenuItemCrossField
{
   display:block; 
   margin: auto auto;
   background: Transparent url(../images/btn_cf.png) no-repeat 0 0;
   width:272px;
   height:39px;
}
.MenuItemCoTech
{
   display:block; 
   margin: auto auto;
   background: Transparent url(../images/btn_ct.png) no-repeat 0 0;
   width:272px;
   height:39px;
}
.MenuItemRail
{
   display:block; 
   margin: auto auto;
   background: Transparent url(../images/btn_r.png) no-repeat 0 0;
   width:209px; /*194px adding margin on the right this way*/ 
   height:39px;
}
.MenuItemTMR
{
   display:block; 
   margin: auto auto;
   background: Transparent url(../images/btn_tmr.png) no-repeat top right;
   width:209px; /*194px adding margin on the left this way*/ 
   height:39px;
}

.MenuItemBody
{
 border:solid 1px green;
 color:#FFFFFF;  
 line-height:40px;  
}


a.MenuItemCoTech,
a.MenuItemCrossField{
   width:272px;
   height:39px;
}

a.MenuItemRail,
a.MenuItemTMR{
   width:209px;
   height:39px;
}

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


/*-----------------------------------------------*/
/*Active Inactive button styles*/
/*Remove selection frame*/
.MenuItem,
.MenuItem :hover {
    display:block;
	text-decoration: none;
    border:none 0px #4e6b8e;
    line-height:0px;
    font-size:0px;
	color: #4e6b8e;	
}

.MenuItem :active {outline-style:none;outline-width:0;}  /*two rules remove dotted border from links while pressing*/
.MenuItem :focus {-moz-outline-style: none;}             /*for mozila firefox only*/
.MenuItem :visited { text-decoration:none;}
/*-----------------------------------------------*/

/*-----------------------------------------------*/
.TransparentObject_50
{
   /* transparency */
   -moz-opacity: .5;      /*older Mozilla*/
   -khtml-opacity: 0.5;   /*older Safari*/
   opacity: 0.5;          /*supported by current Mozilla Firefox, Safari(WebKit), and Opera*/ 
   -ms-filter: "alpha(opacity=50)";   /* IE 8 */   /*this goes first!*/
   filter: alpha(opacity=50);         /* IE 4-7*/  /*this goes second!*/
   zoom: 1;                           /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */       
}

.TransparentObject_75
{
   /* transparency */
   -moz-opacity: .75;      /*older Mozilla*/
   -khtml-opacity: 0.75;   /*older Safari*/
   opacity: 0.75;          /*supported by current Mozilla Firefox, Safari(WebKit), and Opera*/ 
   -ms-filter: "alpha(opacity=75)";   /* IE 8 */   /*this goes first!*/
   filter: alpha(opacity=75);         /* IE 4-7*/  /*this goes second!*/
   zoom: 1;                           /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */       
}
/*-----------------------------------------------*/

/*-----------------------------------------------*/
.Container
{
  width:803px;
  margin:auto auto;
}

.Container_top
{
 display:block;
 position:relative;
 width:803px;
 height:10px;
 background:url('../images/cont_top.png') no-repeat;
}
.Container_btn
{
 display:block;
 position:relative;
 width:803px;
 height:10px;
 background:url('../images/cont_btn.png') no-repeat;
}

#Description_Container
{
 display:block;
 position:relative;
 width:803px;
 background:url('../images/cont_md.png') repeat-y;
}

#DescriptionHeader
{
	display: block;
	padding: 0px 10px 0px 10px;
	text-align:left;
    font-family: Arial, "Arial Black";
	font-size: 24px;
	font-weight:bold;
	font-style:italic;
	color: #FFFFFF;	
	z-index:1000;	
}
#DescriptionBody
{
	display: block;
	padding: 5px 10px 5px 10px;
	text-align:justify;
    font-family: Arial, "Arial Black";
	font-size: 14px;
	font-weight:normal;
	font-style:normal;
	color: #FFFFFF;	
	z-index:1000;
}

#DescriptionBody p
{
	margin: 5px 0px 15px 0px;
}

.separator{
   height:20px;
}
/*-----------------------------------------------*/