@charset "UTF-8";
/* CSS Document */
.margin-under-img{
	margin-bottom:15px;
}
legend {display:none;}

.font-blue-link-bottom, .font-blue-link-bottom a:link, .font-blue-link-bottom a:active, .font-blue-link-bottom a:visited{
	color:#09F;
	font-size:13px; 
	text-decoration:none;
	}
.font-blue-link-bottom a:hover{
	color:#000;
}
.border-right{
	border-right:dashed 2px #e1d8ae;
}
.menu-bar-four{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position:absolute; 
	top:-400px; 
	left:45px; 
	width:890px; 
	height:130px;
	background:url(../images/bg-top.jpg) repeat;
	z-index:33333333;
	padding:20px 0px 5px 0px;
}
#menu-wrapper  select{
	-moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0); 
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0); 
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	font-size: 9px;
	color:#fff;
	width:35px; 
	height:14px; 
	background-image:none;
	background:#999;
	float:right;
	margin-left:10px;
	border:none;
	display: block;
	padding-left:0px;
	

}
body{
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6b6b6b;
	background:url(../images/bg-body.jpg) repeat;
}
a img{
	border:none;
}
a img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.font-brown  a:link, .font-brown  a:active, .font-brown  a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#cfbd9d;
	text-decoration:none;
}
.font-brown  a:hover{
	color:#FC0;
	}
ul{
    list-style-type:square;
	margin:0px;
	padding:0px 0px 0px 20px;
}
.font-white-faq{
	font-size:24px;
	color:#FFF;
}
.fotter-1 img{
	margin:0px 20px 0px 0px;
}
.font-white-faq-2{
	font-size:18px;
	color:#FFF;
	/*text-transform:uppercase;*/
}
.line{
	height:1px;
	width:100%;
	background:#ccc;
	margin:20px 0px 40px 0px;
}
.line-1{
	height:1px;
	width:100%;
	background:#ccc;
	margin:5px 0px 5px 0px;
}
.line-2{
	height:1px;
	width:100%;
	background:#ccc;
	margin:15px 0px 20px 0px;
}
.clear{
	clear:both;
}
.font-yellow{
	color:#fed56b;
}
.font-brown{
	color:#cfbd9d;
}
.font-brown-1{
	color:#999999;
}
.font-brown-1 a:link,.font-brown-1 a:active,.font-brown-1 a:visited{
	color:#999999;
	text-decoration:none;
}
.font-brown-1 a:hover{
	color:#2eaeff;
}
.font-brown-2{
	color:#6b6b6b;
}
.font-black-normal-bold{
	font-size:14px;
	color:#000;
	font-weight:bold;
}
.font-black{
	color:#000;
	/*text-transform:uppercase;*/
	font-size:16px;
}
.font-blue{
	color:#48a5f6;
}
.font-blue-2{
	color:#234c6f;
}
.font-front-sentence{
	font-size:48px;
}
.font-sentence{
	font-size:30px;
}
.font-titile-upercase{
	/*text-transform:uppercase;*/
	font:16px;
}
.font-orang ,.font-orang a:link, .font-orang a:active, .font-orang a:visited{
	color:#f68d52;
	text-decoration:none;
}
.font-black-title-sub-pages{
	color:#000;
	font-size:28px;
	/*text-transform:uppercase;*/
}
.font-blue-title-sub-pages{
	color:#48a5f6;
	font-size:28px;
	/*text-transform:uppercase;*/
}
.font-white-title-sub-pages{
	color:#fff;
	font-size:28px;
	/*text-transform:uppercase;*/
}
.font-brown-title-sub-pages{
	color:#6f4c30;
	font-size:28px;
	/*text-transform:uppercase;*/
}
.font-black-under-title-sub-pages{
	font-size:18px;
	color:#000;
}
.font-brown-title-contact-pages{
	font-size: 18px;
	color: #39F;
}
.box-30per{
	width:31.3333333333333%;
	margin-right:1%;
	margin-left:1%;
	float:left;
}
.box-30per img{
	margin-right:10px; 
	float:left;" 
}
.box-40per{
	width:36%;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.box-60per{
	width:56%;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.box-50per{
	width:46%;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.box-65per{
	width:61%;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.box-80per{
	width:76%;
	margin-right:2%;
	margin-left:2%;
	float:left;
	padding:20px; 
	background:url(../images/bg-blue-1.png) repeat; 
	position:relative; 
	z-index:888;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
.box-80per-2{
	width:86%;
	margin-right:2%;
	margin-left:2%;
	float:right;
	padding:20px;
	background: rgba(30, 30, 30, 0.1);
	position:relative; 
	z-index:888;
	margin:10px 0px;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
	border:#CCa solid 1px;
}
.box-65per .box-50per img{
	float:left;
	margin-right:10px;
}
.box-65per .box-50per{
	margin-top:15px;
}
.box-35per{
	width:31%;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.box-100per{
	width:96%;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.magin-menu{
	margin-left:15px;
}
.box-980{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.img-port img{
	margin:0px 15px 0px 15px;
}
.box-top-bg-full{
	width:100%;
	border-bottom:#949494 1px solid;
	background:url(../images/bg-top.jpg) repeat;
}
.box-under-top-bg-full{
	width:100%;
	/*height:10px;*/
	border-bottom:#949494 1px solid;
	background:url(../images/bg-under-top.jpg) repeat;
}
.large-picture{
	width:980px;
	margin-top:20px;
	margin-bottom:40px;
}
.large-picture img{
	width:100%;
}
.box-menu{
	 float:right; 
	 margin-top:17px;
	 margin-left:25px;
}
.cover{
	position:relative;
	top:155px;
	z-index:1;
}
.fotter{
	background:url(../images/bg-top.jpg) repeat;
	padding:20px 0px;
}

.box-upper-footer{
	width:100%;
	/*height:10px;*/
	border-top:#949494 1px solid;
	background:url(../images/bg-under-top.jpg) repeat;
}
.fotter-1{
	background:url(../images/bg-under-top.jpg) repeat;
	padding:20px 0px;
	margin-top:20px;
}
.box-20per{
	width:18%;
	margin-right:1%;
	margin-left:1%;
	float:left;
}
.box-25per{
	width:21%;
	margin-right:2%;
	margin-left:2%;
	float:left;
}
.box-25per-border{
	width:21%;
	padding-right:2%;
	padding-left:2%;
	float:left;
	border-right:dashed 1px #e1d8ae;
}
.font-uppercase{
	/*text-transform:uppercase;*/
}
.font-white{
	color:#FFF;
}
.box-50per li,.box-30per li{ list-style-image:url(../images/dot.png)}
.box-35per li{ list-style-image:url(../images/dot-w.png)}
.border-radius {border-radius:10px;}
.full img{
	width:100%;
}
.box-35per .font-brown-1 li{ list-style-image:url(../images/tri.png); padding-left:4px; margin-bottom:8px;}

.notebook img{ width:90%; margin:10px 5%;}
.notebook1 img{ width:100%; text-align:center; margin-bottom:10px;}
.dot-blue li{ list-style-image:url(../images/dot.png)}
.dot-black li{ list-style-image:url(../images/dot-b.png)}
.images-for-news {
	width:80%; margin-left:10%; margin-right:10px; margin-top:20px;
}
.images-for-news .images-new img{ width:100%; margin-bottom:10px;}
.font-blue-faq{
	color: #234c6f;
}
/* css list with numeber circle background -------------- */

#basic-accordian{
	
}

.accordion_headings{
	ont-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#222;
	
	padding:10px;
	padding-left:30px;
	background:url(../images/plus-2.png) left center no-repeat;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	border:1px #ddd solid;
	margin-top:3px;
}
.accordion_headings:hover{
	color:#222;
	padding-left:30px;
	background:url(../images/plus-1.png) left center no-repeat;
}

.accordion_child{
	ont-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#222;
	padding:15px;
	/*background:#fff;*/
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
}

.header_highlight{
	border:1px #ddd solid;
	color:#222;
	padding-left:30px;
	background:url(../images/plus.png) left center no-repeat;
}
.header_highlight-2{
	border-bottom:1px #fff dashed ;
	color:#FFF;
	padding-left:30px;
	background:rgba(30, 30, 30, 0.2) url(../images/plus.png) left center no-repeat;
}


.accordion_headings-2{
	ont-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#555;
	
	padding:15px;
	padding-left:30px;
	border:1px solid #ddd ;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	background:rgba(30, 30, 30, 0.5) url(../images/plus-2.png) left center no-repeat;}
.accordion_headings-2:hover{
	color:#09F;
	padding-left:30px;
	background:url(../images/plus-1.png) left no-repeat;
	border:1px solid #ddd ;
}
.numberlist-f{
	width:100%;
	padding:0px;
	margin:0px;
}
.numberlist-f ol li{
	border-bottom:1px #fff dashed;
	
	
	
}
.numberlist-f ol{
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	padding: 0;
	margin-bottom: 4em;
	
}
.numberlist-f ol ol{
	margin: 0 0 0 2em;
}
			
.numberlist-f a{
			}

.numberlist-f a:hover{
				/*background:#fff;
				color:#39F;*/
			}
.numberlist-f a:before{
			}
			
			


.numberlist{
	width:470px;
	padding:0px;
	margin:0px;
}
.numberlist ol li{
	border-bottom:1px #fff dashed;
	
}
.numberlist ol{
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	padding: 0;
	margin-bottom: 4em;
}
.numberlist ol ol{
	margin: 0 0 0 2em;
}
			
.numberlist a{
				position: relative;
				display: block;
				padding: .4em .4em .4em 2em;
				*padding: .4em;
				margin: .5em 0;
				background:none;
				text-decoration: none;
				-moz-border-radius: .3em;
				-webkit-border-radius: .3em;
				border-radius: .3em;
				color:#333;
			}

.numberlist a:hover{
				/*background:#fff;
				color:#39F;*/
			}
.numberlist a:before{
				content: counter(li);
				counter-increment: li;
				position: absolute;	
				left: -1.3em;
				top: 50%;
				margin-top: -1.3em;
				background: #87ceeb;
				height: 2em;
				width: 2em;
				line-height: 2em;
				border: .3em solid #fff;
				text-align: center;
				font-weight: bold;
				-moz-border-radius: 2em;
				-webkit-border-radius: 2em;
				border-radius: 2em;
				color:#FFF;
			}

.height-footer{
	min-height:18px;
	}
/* End css list with numeber circle background -------------- */
.port-link a:link, .port-link a:visited,.port-link a:active{
	margin:10px 10px 10px 0px; padding:10px; background: rgba(30, 30, 30, 0.5); float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffebc9; text-decoration:none;
}
.port-link a:hover{
	margin:10px 10px 10px 0px; padding:10px; background: rgba(255, 235, 201,1); float:left; color:#000;
	}
.font-ffebc9-title-sub-pages{
	color:#ffebc9;
	font-size:28px;
	/*text-transform:uppercase;*/
	}
	
.team-link a:link, .team-link a:visited,.team-link a:active{
	margin:10px 10px 10px 0px; padding:10px; background: rgba(30, 30, 30, 0.05); float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6b6b6b; text-decoration:none;
}
.team-link a:hover{
	margin:10px 10px 10px 0px; padding:10px; background: rgba(184, 146, 116,0.61); float:left; color:#fff;
	}
.space-port {
	margin-top: 50px;
	margin-bottom: 30px;
}
.space-port-1 {
	margin-top: 170px;
	margin-bottom: 30px;
}
















/* nice menu*/
/**
 * Name: Nice Menu
 * Version: 0.1
 * Author: Marcell Jusztin - http://www.marcelljusztin.com
 * Description: A simple, elegant, colorful, CSS3 animated menu
 * Tags: css3, animation, menu, simple, elegant, colourful
 * License: http://creativecommons.org/licenses/by-sa/3.0/
**/
ul.nice-menu {
  
}

@-moz-keyframes expand {  
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  100% {
    width: 200px;
    padding-left: 20px;
  }
}

@-moz-keyframes expand-bounce {
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  50% {
    width: 200px;
  }
  
  70% {
    width: 170px;
  }
  
  80% {
    width: 200px;
  }
  
  90% {
    width: 190px;
  }
  
  100% {
    width: 200px;
    padding-left: 20px;
  }
}

@-webkit-keyframes expand {  
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  100% {
    width: 200px;
    padding-left: 20px;
  }
}

@-webkit-keyframes expand-bounce {  
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  50% {
    width: 200px;
  }
  
  70% {
    width: 170px;
  }
  
  80% {
    width: 200px;
  }
  
  90% {
    width: 190px;
  }
  
  100% {
    width: 200px;
    padding-left: 20px;
  }
}

@-moz-keyframes shrink {
  
  0% {
    width: 200px;
    padding-left: 20px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

@-moz-keyframes shrink-bounce {
  
  0% {
    width: 200px;
    padding-left: 20px;
  }
  
  50% {
    width: 5px;
  }
  
  70% {
    width: 35px;
  }
  
  80% {
    width: 5px;
  }
  
  90% {
    width: 15px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

@-webkit-keyframes shrink {
  
  0% {
    width: 200px;
    padding-left: 20px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

@-webkit-keyframes shrink-bounce {
  
  0% {
    width: 200px;
    padding-left: 20px;
  }
  
  50% {
    width: 5px;
  }
  
  70% {
    width: 35px;
  }
  
  80% {
    width: 5px;
  }
  
  90% {
    width: 15px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

ul.nice-menu li {
	list-style-image:url(../images/four-angle.png);
  
}

ul.nice-menu.tight li {
  margin-top: 0 !important;
}

ul.nice-menu li {
  -moz-animation-name: shrink;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: shrink;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu.bounce li {
  -moz-animation-name: shrink-bounce;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: shrink-bounce;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu li:hover {
  width: 200px;
  padding-left: 20px;
  -moz-animation-name: expand;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: expand;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu.bounce li:hover {
  -moz-animation-name: expand-bounce;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: expand-bounce;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu a {
  position: absolute;
  padding: 5px 0px;
  font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#cfbd9d;
	text-decoration:none;
}

ul.nice-menu li.green {
  background: rgb(107,186,112);
}

ul.nice-menu li.blue {
  background: rgb(78,92,127);
}

ul.nice-menu li.orange {
  background: rgb(216,121,40);
}

ul.nice-menu li.dark {
  background: rgb(42,32,30);
} 

ul.nice-menu li.red {
  background: rgb(178,59,30);
}


ul.nice-menu li.bright {
  background: rgb(241,249,210);
}	

div.container {
}

div.header {
width: 100%;
height: 30px;
line-height: 30px;
font-size: 12px;
background: rgb(78,92,127);
margin-bottom: 20px;
}

div.header p {
padding: 0 10px;
}

div.header a {
color: #FFF;
text-decoration: none;
font-weight: bold;
}
.bottom-link-product li{
	color:#555;
	list-style-image:url(../images/tri-1.png); 
	padding-left:4px; 
	margin-bottom:0px;
	text-decoration:none;
}
.bottom-link-product li a:link, .bottom-link-product li a:visited, .bottom-link-product li a:active{
	color:#000;
	text-decoration:none;
}
.bottom-link-product li a:hover{
	color:#39F;
	text-decoration:underline;
}