/*** ================================***/
/*** CSS Document                    ***/
/*** Author by : VIFA Tours & Travel ***/
/*** ================================***/

/************* General Css *************/  
* {  
	margin: 0; /* Zero down margin and padding on all elements */
	padding: 0;
}

body {
	font: 10px arial, Helvetica, sans-serif;
	color: #774343 
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;  
}

h3{
	font-size: 1.8em;
	/*color:#b85f5f;*/
	color: #722220;
}

li {
	font-size: 1.3em;
}

p{
	font-size: 1.4em;
}


hr {
	border: none;
	border-bottom: 1px solid #ffcc66;
	height: 0px; 
 }
 
a{
	text-decoration:none;
	color: #940004;
}

a:hover{
	text-decoration:underline; 
	color: #940004;
}

/*
#secondaryContent h2 {
	font-size: 1.6em;
	margin: 0;
}

#secondaryContent p {
	font-size: 1.2em;
}
*/

body {
	text-align: center; 
	min-width: 760px;
}


#wrapper {
	width: 778px; 
	margin: 0 auto; 
	text-align: left;
	background: #fff url(images/bg-vifa.gif) repeat-y left top;
}

#wrapper2 {
	width: 778px; 
	margin: 0 auto; 
	text-align: left;
	background: #fff url(images/bg-vifa2.gif) repeat-y left top;
}

/************* Header *************/

#header {
	height: 202px;
	background-color:#b0b0b0;
	padding: 0px;
}

#header #logo{
	position:absolute;
	top:7px;
	left:140px;
	width:130px;
	height:76px;
}

/************* Top Navigasi *************/
#topNav {
	width: 778px;
	height: 26px;
	margin: 0 auto;		
	/*text-transform:uppercase;*/
	background: url(images/navbar-bg1.gif) #fff repeat-x; 
	text-align:center;
	line-height:21px;
	color:#940004;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0px;	
	text-transform:uppercase;
}

#topNav a{
   text-decoration: none;
   color:#940004;
}

#topNav a:hover{
	color:#fff0c8;
	text-decoration: blink;
}

#topNav .currenttopNav{
	color:#fff0c8;
}

#topNav .lineshadow{
	height:26px;
	widht:20px;
	font-size:17px;
	color:#ff9900;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='white', direction=120, strength=30)	
}

/************* Left Navigasi *************/

#leftNav { 
	width: 175px; 
	float: left; 
}

.leftbox{
	width:175px;
	text-align:left;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px
}

.leftbox1{
	width:175px;
	text-align:left;
	float:left;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px
}
.leftbox h1{
	margin:0px;
	color:#940004;
	font-weight: bold;
	padding:1px 0px 3px 10px;
	text-transform:uppercase;
	line-height:25px;
	letter-spacing:-1px;
	background: #ffc224 url(images/header-bg.gif) no-repeat left top;
}

.leftbox h2{
	margin:0px;
	font-weight: bold;
	padding:6px 0px 4px 10px;
	color:#940004;
	text-transform:uppercase;
}

/************* Detail Left Navigasi *************/
.leftbox ul{
	font-family: arial;
	padding-bottom:0px;
	padding-left:0px;
	width:175px;				
}

.leftbox ul li{   
	list-style:none;
	font-weight:none;
	padding-bottom:0px;
	text-decoration:none;	
	border-bottom:1px solid #efbd36;
	background:url(images/arrow.gif) no-repeat 5% 45%;
	background-color:#f19109;		
}

.leftbox ul li a{
    display:block;
	text-decoration:none;    
	padding-left:20px;
	padding-bottom:2px;
	padding-top:1px;
	color:#fff;
	font-weight:none;	
}

.leftbox ul li a:hover,.leftbox ul li a:focus{
	display:block;
	text-decoration:none;
	font-weight:bold;
	padding-left:20px;
	/*width:170px;*/
	background:url(images/arrow-over.gif) no-repeat 5% 45%;
	color:#940004;
	background-color:#fff0c8;
	
}

.leftbox .currentleftNav{ 
    color:#940004;
    display:block;   
	background:url(images/arrow-over.gif) no-repeat 5% 45%;
	background-color:#fff0c8;
}


/************* Content *************/

#content { 
	width: 603px; 
	float: right; 	
}

#content #linkscontent {
	width: 588px; 
	float: right;
	padding: 12px 0px 12px 4px;
}

#content #linkscontent ul{
     margin: 12px 12px 12px 16px;
	 text-align:justify;	 
}
#content #linkscontent ul li{
	list-style-position:outside;
      
}

#content #linkscontent p{
	padding: 0px 0px 0px 0px;
}

#tit-content{
	float:right;
	background:url(images/tit-content-bg.gif) repeat-x left top;
	width:603px;
	height:33px;
	color:#ffda7a;
}

.dt{    
	font-family: Arial;
	font-size:10px;
	color:#774343;
}
/*
#date{
	position:absolute;
    right:124px;
	top:235px;
	width:175px;
	height:24px;
	font-family: normal small Arial, Helvetica, sans-serif;
	font-size:10px;
	z-index:1;
	text-align:right;
	color:#774343;
}
*/
#tit-content #breadcrumbhome{
	width:603px;
	height:33px;
	color:#fff;
	font-size:12px;
	
}
#tit-content #breadcrumb{
	width:564px;
	height:33px;
	color:#fff;
	font-size:12px;
	padding: 11px 10px 10px 15px;
}

#tit-content #breadcrumb a{
	color:#940004;
	text-decoration:none;
	font-size:11px;
}

#tit-content #breadcrumb a:hover{
	color:#fff;
	text-decoration:underline;
}


#mainContent { 
	width: 373px; 
	margin: 0;
	float: left; 
	padding:20px 0px 0px 10px;
}

#mainContent2 { 
	width: 578px; 
	margin: 0 auto; 
	float: left; 
	padding:10px 15px 0px 10px;
}


#mainContent2 .backtotop{
float:left;
margin: 0 auto;
font-size:11px;
width:578px;
text-align:right;
padding-top:6px;
}


#mainContent2 #map{ 
	width: 578px; 
	margin: 0 auto; 
	float: left; 
	padding:0px 0px 0px 0px;
}

#mainContent2 #map #sumateraMap{ 
	position:absolute;
	top:319px;
	left:343px;
	width:auto;
	height:auto;
}


#mainContent2 #sulawesiIntro{ 
	width: 578px; 
	margin: 0 auto; 
	float: left; 
	padding:0px 0px 0px 0px;
}

#mainContent2 #photos{ 
	width: 578px; 
	margin: 0 auto; 
	float: left; 
	padding:0px 0px 0px 0px;
	margin: 10px 0px 15px 0px;
}

#mainContent2 #photos #photo1{ 
	width:287px; 
	margin: 0 auto; 
	float: left; 
	padding:0px 12px 0px 0px;
}
#mainContent2 #photos #photo2{ 
	width: 278px; 
	margin: 0 auto; 
	float: right; 
	padding:0px 0px 0px 0px;
}

#mainContent2 #packages{ 
	width: 578px; 
	margin: 0 auto; 
	float: left; 
	padding:0px 0px 0px 0px;
}

#mainContent2 #packages #titpackages{ 
	padding:5px 5px 5px 5px;
	background:url(images/bg-tourpackages.gif) repeat-x;
	height:30px;
	line-height:350%;	
	/*background-color:#ffda7a;*/
}


#mainContent2 #packages #links ul {
        list-style-type: none;
        width: 578px;
		border-top: 1px solid #f19109;
} 

#mainContent2 #packages #links li {
        /*border: 1px dotted #ffcc66;*/
		border-width: 1px 0;
        margin: 0px 0;
}

#mainContent2 #packages #links li a { 
        color: #990000;
        display: block;
        font: 90% Arial, Helvetica, sans-serif;
        padding: 3px;
        text-decoration: none;
		border-bottom: 1px solid #ffcc66;		
}

#mainContent2 #tourpackagescontent{
		width: 578px;
}

/*
 * html #links li a {  /* make hover effect work in IE 
	width: 400px;
}
*/

#mainContent2 #packages #links li a:hover {
        background: #ffebb9;
}

#mainContent2 #packages #links a em { 
        color:#7a7a7a;
        /*display: block;*/
        font: normal 130% Arial, Helvetica, sans-serif;
        line-height: 120%;
}

#mainContent2 #packages #links a span {
        font: normal 90% Arial, Helvetica, sans-serif;
        line-height: 120%;
}
/*
#mainContent2 #packages #links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 100%;
}
*/

#mainContent2 #toc{
border:1px dashed #722220;
margin-left: 0px;
padding: 10px 10px 10px 10px;
background-color:#fff4d7;
}

#mainContent2 #toc ul li{
list-style-position:inside;
color:#722220;
}

#mainContent2 #specialnote{
    width: 578px;	
} 

#mainContent2 em{
    color:#CC0000;
	font-weight:bold;		
} 

#mainContent2 span{
   font-style:italic;		
} 

#mainContent2 .quotations{
   font-size:12px;		
}

#mainContent2 #compose{
padding: 10px 10px 10px 10px;
}

#mainContent2 #compose ul li{
list-style-position:inside;
list-style-type:circle;
}

/*Content for Contact Us */
#mainContent3 { 
	width: 575px; 
	margin: 0 auto; 
	float: left; 
	padding:10px 0px 10px 13px;
}

#mainContent3 #address{
	position:absolute;
	top:399px;
	left:297px;
	width:407px;
	height:219px;
}

#secondaryContent { 
	width: 200px;
	/*display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right; 
	padding:8px 8px 0px 8px;
	font-size:12px;	
} 

#secondaryContent .rightbox{
	width:215px;
	text-align:left;
	float:left;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px
}

#secondaryContent .tit_box{
	width:215px;
	text-align:left;
	float:left;	
}

#secondaryContent .detail_box{
	width:107px;
	text-align:left;
	float:left;	
}

#secondaryContent table td{
	font-size:12px;
}

#secondaryContent .rightbox1{
	width:140px;
	text-align:left;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px
}
/************* Footer *************/

#footer {
	background: #fff0c8 url(images/footer-bg.gif);
	color:#940004;
	height:54px;
	padding:0px 10px 0px 10px;	
	text-align:center;
	line-height:25px;
	clear:both;
}

#footer p{
	font-size:10px;
	padding-top:24px;
}

/************* Add some padding *************/
/*
#mainNav, #secondaryContent {
	padding-top: 20px;
	padding-bottom: 20px;
}

#mainNav *, #secondaryContent * {
	padding-left: 20px;
	padding-right: 20px;
}

#mainNav * *, #secondaryContent * * {
	padding-left: 0;
	padding-right: 0;
}
*/
.floating-left
{
	float: left;
	margin: 4px 10px 0px 0px;
	/*border: 3px solid #A33000;*/
	vertical-align:middle;	
} 

.floating-right
{
	float: right;
	margin:4px 0px 0px 10px;
	/*border: 3px solid #A33000;*/
	vertical-align:middle;
} 

.dropcaps{
	margin-right:6px;
	margin-top:3px;
	float:left;
	color:#774343;
	border:1px solid #774343 ;
	font-size:60px;
	line-height:50px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:2px;
	padding-left:2px;
	font-family: "Times New Roman", Times, serif 
}

.note{
   width:578px;
   /*font-size:12px;
   color:#F3C243;*/
   font-style:none;
   font-size:1.1em;
   /*color: #774343;*/
   color: #DA9536;
}

table{
font-size:140%;
font-family:arial
}

/************* Images Caption *************/
.arc90_imgcaptionTXT {
	font-size: .8em;
	color: #666;
	text-align: left;
}
p.arc90_imgcaptionALT {
	margin-top: 2px;
	margin-bottom: 6px;
	font-size: .65em;
	text-align: right;
}
span.arc90_imgcaptionALT {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	background: #888;
	color: #fff;
}
.arc90_imgcaption {
	text-align: center;
	/*border: 1px solid #DDD;*/
	padding: 1em;
	margin: 1em 0;
	width: 9em;
}
.floatl { float: left; margin-right: 1em; }
.floatr { float: right; margin-left: 1em; }


.compose {
color:#660000;
}

.compose a {
color: #333333;
}

.compose a:hover{
color:#009966;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	color: 465568;
	text-decoration: none;
	text-align: justify;
	line-height: 18px;
	cursor: crosshair;
}
				
.details {
	display:none;
	visibility:hidden;
	font-family: Arial, Helvetica, sans-serif;
	color: #940004;
	font-size:110%;
	text-decoration: none;
	text-align: justify;
	line-height: 20px;
	font-weight:none;
}


/************* End Css Document *************/