/* CSS Document */

@import url("http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,700italic,400italic,900,900italic");

body { background:url(images/bg.jpg) no-repeat center bottom fixed; background-size: cover; color:#FFFFFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; overflow:hidden; }
img { border:none; }
.clr{ clear:both; }

.wrapper{ width:1000px; margin:0 auto; position:relative; }
.menu { background:url(images/logo_menu.jpg) no-repeat left top; background-color:#FFFFFF; width:564px; height:205px; position:absolute; top:125px; left:220px; }

.language { width:564px; height:205px; position:absolute; top:340px; left:220px; text-align:right; z-index:2000000000000000; }
.language a, .language a:link, .language a:visited, .language a:active{ color:#FFFFFF; text-decoration:none; text-transform:uppercase; padding:0px 10px 0px 10px; display:inline-block; }
.language a:hover{ color:#FFC000; }


ul#services{ position:relative; width:282px; margin:20px 0px 0px 242px; }
ul#services li{ list-style-type:none;}
ul#services li a{ display:block; padding:10px 15px; font-size:12px; z-index:10; position:relative; text-decoration:none; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; color:#FFFFFF; }
ul#services li a:hover{ color:#FFFFFF; }
ul#services li.backLava{z-index:1; position:absolute; background:url(images/sel.png) no-repeat left center; }


.box{ width:20px; height:20px; background:url(images/black_trans.png); position:absolute; top:300px; left:500px; opacity:0; z-index:100000; border:1px solid #3C3C3E; padding:20px 30px 20px 20px; color:#FFFFFF; }

.close{ background:url(images/close.png) no-repeat left top; display:block; color:red; width:12px; height:12px; float:right; margin:10px 10px 0px 0px; }

.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}


.caps{text-transform:uppercase;}

/* Font Style & Weight */

.bold {font-weight: bold;}
.italic {font-style: italic;}
.strikeout {text-decoration: line-through;}

/* Font Sizes */

.ten {font-size: 10px;}
.eleven {font-size: 11px;}
.twelve {font-size: 12px;}
.thirteen {font-size: 13px;}
.fourteen {font-size: 14px;}
.fifteen {font-size: 15px;}
.sixteen {font-size: 16px;}
.seventeen {font-size: 17px;}
.eighteen {font-size: 18px;}
.nineteen {font-size: 19px;}
.twenty {font-size: 20px;}
.twentyone {font-size: 21px;}
.twentytwo {font-size: 22px;}
.twentythree {font-size: 23px;}
.twentyfour {font-size: 24px;}
.twentyfive {font-size: 25px;}
.thirty {font-size: 30px;}
.fourty {
	font-size: 35px;
	letter-spacing: -0.05em;
}

.arial{font-family: Arial, Helvetica, sans-serif;}
.arialn{font-family: "Arial Narrow",Arial, Helvetica, sans-serif;}
.verdana{font-family: Verdana, Arial, Helvetica, sans-serif;}
.tahoma{font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}
.trebuchet{font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;}
.segoe{font-family: "Segoe UI", Tahoma, Arial, Verdana, Helvetica, sans-serif;}
.lato {font-family: 'Lato', sans-serif;}

.red, A.red, A.red:link, A.red:visited, A.red:active{ color:#EE1C24; text-decoration:none; }
A.red:hover{ color:#FFF; }
.white{ color:#FFF; }
.gray{ color:#9C9C9C; }
.yellow{ color:#EEDBA0; }



#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures { position: relative; overflow: hidden; width: 254px; height: 152px; }
.jshowoff {	width: 254px; margin: 10px 0; }
.jshowoff div {	width: 254px; height: 152px; }
.jshowoff-controls, .jshowoff-slidelinks{ display:none;}



h1{ font-family: 'Lato', sans-serif; font-size:30px; color:#FFF; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; float:left; }


.about_content{  width:1000px; float:left; }
.about1{ width:270px; float:left; height:200px; border-right:1px solid #444; padding:0px 20px 0px 0px; margin:0px 20px 0px 0px; }
.about2{ width:670px; float:left; height:200px;  }
.about2 .seg{ width:320px; float:left; }
.about2 .seg .text{ width:260px; float:left; margin:0px 0px 0px 15px; }

/* Magaya Live Track Application */
.magaya{ width:600px; float:left; height:450px;}
.mbox{ width:20px; height:20px; background:url(images/black_trans.png); position:absolute; top:300px; left:500px; opacity:0; z-index:100000; border:1px solid #3C3C3E; padding:20px 30px 20px 20px; color:#FFFFFF; }
/* end of Magaya */

.product_content{  width:1000px; float:left; }
.product1{ width:270px; float:left; height:200px; border-right:1px solid #444; padding:0px 20px 0px 0px; margin:0px 20px 0px 0px; }
.product2{ width:670px; float:left; height:200px;  }
.product2 .seg{ width:320px; float:left; }
.product2 .seg .text{ width:260px; float:left; margin:7px 0px 0px 15px; }


.login_content{  width:1000px; float:left; }
.loginform{ width:330px; float:left; height:200px; border-right:1px solid #444; padding:0px 20px 0px 0px; margin:0px 20px 0px 20px; }

.contact_content{  width:1000px; float:left; }
.contact1{ width:330px; float:left; height:200px; border-right:1px solid #444; padding:0px 20px 0px 0px; margin:0px 20px 0px 20px; }

.txtbox{ width:280px; height:23px; border:1px solid #444; margin:0px 0px 10px 0px; background:#000; color:#999999; padding:0px 5px 0px 5px;}
.txtarea{ width:280px; height:90px; border:1px solid #444; margin:0px 0px 10px 0px; background:#000; color:#999999; font-family:Arial, Helvetica, sans-serif; padding:5px; font-size:12px; }
.send_btn { background:#FFF; height:25px; padding:0px 10px 3px 10px; border:none; color:#000000; cursor:pointer; margin:0px 5px 0px 0px; }
.send_btn:hover { background:#EE1C25; color:#FFF; }

.contact2{ width:300px; float:left; height:200px; border-right:1px solid #444; padding:0px 20px 0px 0px; margin:0px 20px 0px 0px;   }
.contact3{ width:250px; float:left; height:200px;  }