/* main css */
body {
	margin: 0px;
	padding: 0px;
	background-color: #e6e6dd;
}
.main-area {
	width:800px;
	height: auto;
	background:url(images/shadow-background.jpg) center repeat-y;
}
.image-1 {
	width:800px;
	height:285px;
	background:url(images/1.jpg) center no-repeat;
	margin-top: -85px;
	z-index: 0;
	position:relative;
}
.image-2 {
	width:800px;
	height:315px;
	background:url(images/2.jpg) center no-repeat;
	margin-top: -115px;
	z-index: 0;
	position:relative;
}
.image-3 {
	width:800px;
	height:300px;
	background:url(images/3.jpg) center no-repeat;
	margin-top: -100px;
	z-index: 0;
	position:relative;
}
.image-4 {
	width:800px;
	height:315px;
	background:url(images/4.jpg) center no-repeat;
	margin-top: -115px;
	z-index: 0;
	position:relative;
}
.image-5 {
	width:800px;
	height:315px;
	background:url(images/5.jpg) center no-repeat;
	margin-top: -115px;
	z-index: 0;
	position:relative;
}
.image-6 {
	width:800px;
	height:282px;
	background:url(images/6.jpg) center no-repeat;
	margin-top: -82px;
	z-index: 0;
	position:relative;
}
.image-7 {
	width:800px;
	height:315px;
	background:url(images/7.jpg) center no-repeat;
	margin-top: -115px;
	z-index: 0;
	position:relative;
}
.head {
	width:780px;
	height:119px;
	background-image:url(images/ata-design-01.jpg);
	background-repeat: no-repeat;
	background-position:top;
	z-index:1;
	position:relative;
}
.logo {
	text-align: left;
	margin-top: 12px;
	padding-left: 35px;
	float:left;
	clear:left;
}
.mail {
	text-align: right;
	float:right;
	clear:right;
	padding-right: 36px;
	margin-top: 5px;
}
.menu-area {
	width:780px;
	height: 35px;
	background:url(images/menu-background.jpg) repeat-x;
	vertical-align: middle;
	z-index:3;
	position:relative;
}
.tabler {
	display: table;
	width:780px;
	vertical-align: top;
	background-color: #FEFEFC;
}
.left-content {
	width: 160px;
	background-color:#e4ece7;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	vertical-align: top;
}
.right-content {
	background-color: #fffef8;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 25px;
	vertical-align: top;
}
/*
.left-content {
	width: 210px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: table-cell;
	float:left;
	clear: left;
}
.left-2 {
	background: url(images/sub-menu-bag.jpg) top repeat-x;
	background-color:#edede7;
	width:180px;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
	border: 1px #d7dcd3 solid;
}
.right-content {
	width: 570px;
	background: #ffffff;
	padding-top: 25px;
	padding-bottom: 20px;
	display: table-cell;
	float: right;
	clear: right;
}
.right-2 {
	width:540px;
	margin-left:10px;
	margin-right:20px;
}*/
.footer-area {
	width:780px;
	height: 35px;
	background-color: #b0b9b6;
	clear:both;
	vertical-align: middle;
}
.shadow-footer-area {
	background:url(images/shadow-footer.jpg) top no-repeat;
}
.spacer {
	height: 25px;
}
.spacer-catalog {
	padding-top: 15px
}
.bx-menu {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	height: 20px;
	width: 200px;
	padding-top:9px;
}
/* text */
.button1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 20px;
}
.button2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.txt-right {
	text-align:right;
}
.red {
	color:#FF0000;
}
.content, .content a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
.content a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	text-align: justify;
}
.menu, .menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	letter-spacing: 0.5px;
}
.menu a:hover, .menu-visit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8a0000;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	letter-spacing: 0.5px;
}
.menu-2, .menu-2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
}
.menu-2 a:hover, .menu-2-visit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #8a0000;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
}
.title, .title a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #436558;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.5px;
}
.title a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999999;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.5px;
}
.title-sub, .title-sub a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #385449;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.5px;
}
.title-sub a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #615c49;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.5px;
}
.area-sub {
	height: 40px;
}
.space-sub {
	padding-top: 5px;
}
.sub-cat-h {
	padding-bottom: 10px;
}
.content-right, .content-right a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: right;
}
.content-right a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	text-align: right;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.header2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.footer, .footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-top:5px;
}
A.footer:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-top:5px;
}
/* area */
.liner {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.line2 {
	width:100%;
	height: 1px;
	background: #e4e4e1;
}

#liner-area {
	height:20;
	width:100%;
	float:left;
	margin-top: 3px;
}
#area-back {
	text-align:center;
}
#area-empty {
	height:30px;
}
#back-lines {
	height: 25;
	width:100%;
	border-bottom: 1px #ebefe4 solid;
}
#area-title {
	float:left;
	width: 60px;
	clear: none;
}
#area-titik {
	float:left;
	width: 15px;
	clear: none;
}
#area-content {
	clear: none;
	margin-bottom: 1px;
}
/* button & form */
.tombol-biasa {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	width:75px;
	height:18px;
	background-color:#9BAD7C;
	border: solid #555555 1px;
	cursor: hand;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 6px;
}
.read-more, .read-more a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5A6842;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
.read-more a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4A4A4A;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	text-align: justify;
}
#format, .format {
	height:18px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
/* index */
#back-articles {
	height: 25;
	width:100%;
	border-bottom: 1px #ebefe4 solid;
}
#back-articles-2 {
	height: 25;
	width:100%;
	border-bottom: 1px #ebefe4 solid;
}
.i-title, .i-title a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #436558;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.5px;
}
.i-title a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #436558;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.5px;
}
.catalog-area {
	width: 100%;
	padding: 10px;
}
#catalog-p {
	text-align: center;
	vertical-align: bottom;
}
#catalog-h {
	width: 450px;
	text-align: center;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}
.image-tb {
	border: 5px solid #bdc7c3;
}
.image-tb:hover {
	border: 5px solid #bcb8a1;
}
/* catalog */
.ctitle, .ctitle a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
}
.ctitle a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
}
.cnosub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
}
.ccontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #222222;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-align: justify;
}
#catalog-table {
	text-align:center;
	vertical-align: top;
}
#catalog-areas {
	width:100%;
	float: left;
}
#catalog-content-areas {
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
}
#catalog-area-center {
	width: 160px;
	text-align: center;
	vertical-align: middle;
}
#catalog-area-top {
	text-align: left;
	vertical-align: top;
}
#catalog-area-image {
	width: 160px;
 #position: relative;
 #top: -50%;
}
#catalog-area-all {
	float: left;
	display: table;
 #position: relative;
	overflow: visible;
}
#catalog-area-title {
	float: left;
	width: 40px;
	clear: none;
	margin-left: 15px;
}
#catalog-area-titik {
	float: left;
	clear: none;
	margin-left: 1px;
}
#catalog-area-content {
	float: left;
	clear: none;
	margin-left: 15px;
	margin-bottom: 5px;
	text-align: justify;
}
#catalog-area-read {
	clear: both;
	margin-left: 20px;
	text-align: center;
}
#catalog-line {
	width: 100%;
	float: left;
}
#catalog-area-text {
	width:100%;
	float: left;
}
#catalog-area-handler {
	clear: left;
}
#catalog-area-empty {
	height:20px;
	float:left;
}
.green {
	color:#009900;
}
.red {
	color:#FF0000;
}
/* details */
#details-area-inquiry {
	float:left;
	width: 120px;
}
#details-area-intitle {
	width: 100%;
	clear: both;
	text-align: center;
	border-bottom: 1px #ebefe4 solid;
	font-weight:bold;
}
.details-area-inform, #Arrival, #Departure {
	width:60%;
}
#details-area-inform2 {
	width: 100%;
	height: 100px;
}
.details-area-space {
	height: 25px;
}
#details-area-title {
	float:left;
	width: 40px;
	clear: none;
	font-weight: bold;
}
#details-area-titik {
	float:left;
	width: 15px;
	clear: none;
}
#details-area-content {
	margin-bottom: 1px;
}
#details-area-button {
	clear: both;
	text-align: center;
}
/* article */
#article-area {
	width:100%;
	float:left;
	clear:both;
}
.article-center {
	text-align:center;
	padding-bottom: 10px;
}
#article-area-total {
	float:left;
	clear:right;
	margin-top: 7px;
}
#article-area-search {
	text-align:right;
	float:right;
}
#article-area-title {
	width:100%;
	float:left;
}
/* comment */
.comment-alert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	text-align:center;
	border: 1px #999999 solid;
	padding: 8px;
}
.comment-form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-name, .comment-name a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-name a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: underline;
}
.comment-date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-number {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #D7D7D7;
	text-decoration: none;
}
.comment-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.comment-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
#comment-background {
	background-color: #F4F4F4;
	padding: 10px;
}
#comment {
	float:left;
}
#comment-number {
	margin-top: 0px;
	float: right;
}
#comment-reply {
	padding: 8px;
	background-color:#FFFFFF;
}
/*date*/
.sel {
	background-color: #E9E9E9;
}
.cal {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-color: #ffffff;
}
.cols {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #E9E9E9;
}
.grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	background-color:#FFFFFF
}
.none {
	background-color: #E9E9E9;
}
.outer {
	background-color: #666666;
}
.arrows {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}
.style1 {
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
}
.top_link {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.bsv {
	font-family: verdana;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.link1 {
	font-family: verdana;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	color: #CC9933;
}
.body1 {
	font-family: verdana;
	font-size: 12px;
	color: #FFFFFF;
}
.style2 {
	color: #CC9933;
	font-weight: bold;
}
.linkser {
	width:540px;
}
.partners-image {
	float:left;
	width:100px;
	height:85px;
}
.partners-text {
	float:right;
	width: 440px;
	height:85px;
	margin-top:10px;
}
.break {
	clear:both;
}