/* CSS Document */

* { padding: 0; margin:0; color:#000000; }

body 
{ margin: 0; padding: 0; color: #ffffff; font-family: arial,helvetica,sans-serif; font-size: 12px; 
  background: #000000 url("../images/bg.jpg") repeat-x top left; 
}
.WYSIWYG_body {
	background:url("../admin/images/wysiwyg_bg.jpg") repeat-y;
	background-color:#000000;
	width:590px !important;
	margin-left:50px;
	margin-top:20px;
	text-align:justify;
	padding-right:100px;
}

.WYSIWYG_body a {color:#CC0000 !important;}
.WYSIWYG_body a:link {color:#CC0000 !important;}
.WYSIWYG_body a:hover {color:#CC0000 !important;}
.WYSIWYG_body a:visited {color:#CC0000 !important;}

/* Default Typography & Image
   specific styles for each area are written after the class or id */
h1 { font-family: helvetica-condensed,arial,sans-serif; font-size: 16px; font-weight: bold; color: #94C494; padding: 6px 0 0 10px; }
h2 { font-family: verdana,arial,sans-serif; font-size: 15px; font-weight:bold; color: #ffffff; padding: 6px 0 0 10px;}
h3 { font-family: helvetica-condensed,arial,sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; padding: 6px 0 0 10px; }
h4 { font: 16px verdana,arial,sans-serif; font-weight: bold; color: #000000; padding: 6px 0 0 10px; }
p { font-family: arial,helvetica,sans-serif; font-size: 12px; padding: 10px;  }
p+p {padding-top: -10px;}
a:link { font-family: arial,helvetica,sans-serif; color:#CC0000; text-decoration: none; }
a:visited { font-family: arial,helvetica,sans-serif; color:#CC0000; text-decoration: none; }
a:active { font-family: arial,helvetica,sans-serif; color:#CC0000; text-decoration: none; }
a:hover { font-family: arial,helvetica,sans-serif; color:#FF0000; text-decoration:underline;}

img { border:0;}
.image { width: 600px; text-align: center;}
a img {text-decoration:none;}
.social_icon{ margin:10px 0 10px 10px;}   /* for the icons*/

/*Listing */
ul { margin:10px 0 10px 15px; font-family: arial,helvetica,sans-serif; font-size: 11px; color: #000000;}
ul li { margin-left: 15px; line-spacing: 100%;}
ul li ul{ margin: 0 0 0 10px; }

/* ----------------------   PICASA PHOTOSLIDESHOW  ----------------------  */
.gss a img {border : none;}
.gss {width: 200px; height: 172px; color: #dddddd; background-color: #000000; }

/* ----------------------   HEADER CONTAINER  ----------------------  */

/*#header_container 
{ width: 100%; height: 136px; float: left; overflow: hidden; }*/

#header_container 
{ width: 100%;  float: left;  }

#image_container 
{ height: 100%; float: left; overflow: inherit; }

#tagline_container 
{float: right; margin: 16px 0 18px 10px; padding:0;}


#menu_container, .menu_container
{ margin: 74px 0 0 340px; padding: 0; height: 62px; float: left; overflow: inherit; z-index: +900;  display: inline;  }

  /* float: left; overflow: inherit; }*/

#wrapper { width: 1150px; float:left; overflow: inherit;}

.widgets {float:left;margin-bottom:10px;}

/* for logo */
.orangutan 
{ margin: 55px 0 0 80px;  background:url("../images/logo.png") no-repeat;  z-index: +200; position: absolute; left: 0;}

.great { width: 255px; height: 106px; }

/* for monkey*/
.container2 
{ padding: 0; background-image: url("../images/monkey.png"); z-index: +100; position:absolute;}

.dim2 {width:132px; height: 214px; margin-top: 480px; padding:0; float:left; left: 950px;}

#holders_area 
{ width:810px; padding: 10px; }

#left_margin 
{ width:161px; min-height: 200px; height: auto!important; height: 200px; overflow: inherit; float:left; text-align:right;}

#right_margin 
{ width:161px; min-height: 200px; height: auto!important; height: 200px; overflow: inherit; float:left;}

.clear {margin-top: -1px; height:1px; width:100%; clear:both;}

/* for main template */
	.monkey { padding: 0; background-image: url("../images/monkey.png");  z-index: +100; position: absolute; top: 650px; left: 948px;}
	.peeps {width:132px; height: 214px; }
	.main_template #left_margin img { margin-top: 150px;}

/* for brochure template */
	.brochure_template #holders_area { width:850px; margin:0; }
	.leaf { padding: 0; background-image: url("../images/leaf.png"); }
	.divider { width:850px; height: 271px; margin:-125px 0 -80px 0; z-index: +900;  position:relative; float:left; }


/* ----------------------   MAIN CONTENT CONTAINER ----------------------  */

#main_content_container 
{ width:830px; min-height: 200px; height: auto!important; height: 200px; overflow: inherit; float:left; 
  border-left: 2px solid #FF7F00; border-right: 2px solid #FF7F00; text-align: left;  }

#highlight 
{  width: 810px; min-height: 1px; height: auto!important; height: 1px; overflow: inherit; clear:both; float: left;}

.contentofpage, .productpage
{  width: 600px; min-height: 1px; height: auto!important;  overflow: inherit; float: left; color:#000000;}

.contentofpage table, table.table { margin-left: 10px; }
.conntentofpage table td, table.table td { padding: 5px 10px;}
	
/* for content template */
   #left_holder 
    { margin: 10px 0 10px 0; width: 200px; min-height: 200px; height: auto!important; height: 200px; 
      overflow: inherit; float: left;}

    #sidenavi
    { width: 200px; min-height: 100px; height: auto!important; height: 100px; overflow: inherit; 
      float: left; background-color:#999999; margin-bottom: 10px;}

    #bookmarking
    { width: 200px; min-height: 100px; height: auto!important; height: 100px; overflow: inherit; 
      float: left; margin-bottom: 10px;background: #FFFFFF;}
		#bookmarking .bmarks 
		{ height: 30px; width: 200px; background: #000000 url("../images/orange200x30.gif") no-repeat top left; }
		#bookmarking .social 
		{ height: 30px; width: 100%; background: #210FD3; }
		#bookmarking .newsletter 
		{ height: 30px; width: 100%; background: #00A0FF; }

    #products
    { width: 200px;  min-height: 100px; height: auto!important; height: 100px; overflow: inherit; 
      float: left; background-color:#999999; }
    
    #right_holder 
     { width: 600px; margin: 10px 0 10px 0; min-height: 200px; height: auto!important; height: 200px; overflow: inherit; float: right; }
	 
    .content_template #right_holder  h1 {font-size: 10px;}
   
    #pagetitle
    { width: 100%;  height: 30px;overflow: inherit; float: left; background: url("../images/orangeheader610X30.gif") no-repeat top left; }
 
    #pagetitle2
    { width: 100%;  height: 30px;overflow: inherit; float: left; background: url("../images/producttitle.gif") no-repeat top left; }

    #breadcrumbs
    { width: 100%; height: 30px;overflow: inherit; float: left; background-color:#FFFFFF;}
		#breadcrumbs p
		{ color: #999999; font-size: 11px; padding: 6px 0 0 10px; }
		#breadcrumbs a
		{ color: #FF9900; text-decoration: underline; font-size: 11px; padding: 6px 5px 0 5px; } 
		#breadcrumbs a:hover
		{ color: #000000; text-decoration: underline; font-size: 11px; padding: 6px 5px 0 5px; } 	   

    /*--#printarea
    {  width: 100%; min-height: 100px; height: auto!important; overflow: inherit; float: left; background-color:#FFFFFF; color:#000000;}
		#contentarea * {color:#000000;}--*/
#information { padding: 10px; font-size: 20px;}
#information * { padding-left: 0; font-size: 13px;}

    
    #contentarea
    {  width: 100%; min-height: 100px; height: auto!important; overflow: inherit; overflow-x:hidden; float: left; background-color:#FFFFFF; color:#000000; font-size:13px;}
		#contentarea * {color:#000000 ;}
		#contentarea a {color:#CC0000;}
		#contentarea a:link {color:#CC0000;}
		#contentarea a:hover {color:#CC0000;}
		#contentarea a:visited {color:#CC0000;}
		
		
    #usefultools
    { margin-top: 10px; width: 600px; height: 36px; background: url("../images/usefultools_bg.gif") no-repeat top left;
      overflow: inherit; float: left;  }
	#usefultools p { padding-top: 8px; font-family: arial,helvetica,sans-serif; font-size: 11px; color: #ffffff; } 
	#usefultools a { padding: 5px  0 0 20px; }
	#usefultools a:link
	{ font-size: 11px; color: #ffffff; text-decoration: none; } 
	#usefultools a:visited 
	{ font-size: 11px; color: #ffffff; text-decoration: none; }
	#usefultools a:active 
	{ font-size: 11px; color: #ffffff; text-decoration: none; }
	#usefultools a:hover 
	{ font-size: 11px; color: color: #ff9900; text-decoration: none; }

    #usefultools table
    { font-family: arial,helvetica,sans-serif; font-size: 11px; color: #ffffff; }    
		#usefultools table a:link
		{ font-family: arial,helvetica,sans-serif; font-size: 11px; color: #ffffff; text-decoration: none;} 
		#usefultools table a:visited 
		{ font-family: arial,helvetica,sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; }
		#usefultools table a:active 
		{ font-family: arial,helvetica,sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; }
		#usefultools table a:hover 
		{ font-family: arial,helvetica,sans-serif; font-size: 11px; color: #ff9900; text-decoration: none; }
		
/* for mainpage template */
	.main_template #left_holder 
	{ margin: 10px 0 0 0; width: 420px; min-height: 168px; height: auto!important; height: 100px; overflow: inherit; float:left;}
	
	.main_template #right_holder 
	{ margin: 10px 0 0 0; width: 390px; min-height: 168px; height: auto!important; height: 100px; overflow: inherit;  float: right;}
	
/* for product page navigation */
	#catalogue_navigation
	{ margin: 0; padding: 0; width: 100%; min-height: 31px; height: auto!important; height: 31px; overflow: hidden; 
  	float: left; background-color:#ffffff;}
  
	#catalogue_navigation ul
	{ margin: 0; padding: 0; }

	#catalogue_navigation ul li
	{ margin: 0; padding: 0; display: inline; float: left; }	

	#catalogue_navigation ul li * {
		float:left;
	}

/* for brochure template */  
  	.brochure_template #main_content_container 
	{ width:850px; min-height: 200px; height: auto!important; height: 200px; overflow: inherit; float:left; border:0; 
	  background: #016b13 url("../images/brochure_bottom.jpg") no-repeat bottom left;}
	  
  	.brochure_template #left_holder 
	{ margin: 10px 0 0 0; width: 420px; min-height: 168px; height: auto!important; height: 100px; overflow: inherit; float:left;}
	
	.brochure_template #left_holder .advert_images img
	{ margin: 0 0 6px 8px; }
	
	.brochure_template #left_holder #bg_img
	{ width: 420px; height: 525px; }
		
	.brochure_template #right_holder 
	{  margin: 10px 0 0 10px; width: 410px; min-height: 100px; height: auto!important; height: 100px; overflow: inherit; float: left; }
	
	.brochure_template #brochure_content
	{ min-height: 132px; height: auto!important; height: 132px; overflow: inherit; }
		.brochure_template #brochure_content h1
		{ font-size:28px; color:#FF9900; padding: 0;}
		.brochure_template #brochure_content h4
		{ font-size: 13px; font-weight:bold; color:#FFF; padding: 5px 0 5px 0;}
		.brochure_template .itinerary .content h4
		{ font-size: 13px; font-weight:bold; color:#000; padding: 10px;}
		.brochure_template #brochure_content p
		{  font: 11px verdana,arial,sans-serif; font-weight:normal; color:#FFF; padding: 0 0 5px 0;}
		.brochure_template .itinerary .content p
		{  font: 11px verdana,arial,sans-serif; font-weight:normal; color:#000; padding: 0 10px;}
			
    .brochure_template #usefultools
    { width: 410px; padding: 10px 0 10px 0; background: #464646 url("../images/brochure_usefultools_bg.gif") no-repeat bottom left;
      overflow: inherit; float: left; text-align: center;}
		.brochure_template #usefultools a
		{ margin: 6px; color: #FFF; font: 9px verdana,arial,sans-serif; }
		.brochure_template #usefultools a:hover
		{ color:#FFCC00; text-decoration: none;}
	
	.brochure_template .testimonial
	{ width: 228px; height: 225px; background: url("../images/brochure_testimonial_bg.gif") no-repeat; float:left; 
	  margin: -8px 0 0 -28px; z-index: +900; position:relative; }
		.brochure_template .testimonial p {font: 11px verdana,arial,sans-serif; font-style:italic; color:#000; 
		 padding: 50px 10px 10px 55px;}
		.brochure_template .testimonial img
		{ margin: 10px 17px 5px 10px; z-index: +900; position:relative; float:left; }
		
	.brochure_template .itinerary
	{ width: 200px; min-height: 375px; height: auto!important; height: 375px; margin-bottom: 10px; overflow: inherit; float:right; }
		.brochure_template .itinerary .content
		{ width: 100%; min-height: 330px; height: auto!important; height: 330px; overflow: inherit; background: #80b589;  float:left; }	
		.brochure_template .itinerary .readmore
		{ width: 100%; padding-top: 10px; height: 35px; background: #80b589 url("../images/brochure_itinerary.gif") no-repeat bottom left;  float:left; }	


/*--- Widgets---*/
  
.widgets_container
{ padding: 0 0 20px 10px; width: 285px; min-height: 168px; height: auto!important; height: 100px; overflow: inherit; float:left; }

.widget_long_container { margin-bottom: 10px; width: 390px; float: left;  }

.widget_short_container { margin-bottom: 10px; width: 190px; float: left;  }

.widgets_content
{ width: 200px; min-height: 100px; height: auto!important;  overflow: inherit; float:left;  }
	.main_template .widgets_content, .brochure_template .widgets_content
	{ width: 200px; min-height: 132px; height: auto!important; height: 132px; overflow: inherit; 
	background: #FFF url("../images/widget_bg.gif") repeat-x top left; }
	
.widgets_bottom
{ width: 200px; min-height: 32px; height: auto!important; height: 32px; overflow: inherit; 
background-color:#FFFFFF }

.widgets_long_content
{ width: 390px; min-height: 100px; height: auto!important; height: 100px; overflow: inherit;  float:left; 
  background: #FFF url("../images/widget_bg.gif") repeat-x top left;}

.widgets_short_content
{ margin: 0; padding: 0; width: 190px; min-height: 70px; height: auto!important; height: 70px; overflow: inherit; 
  float:left; background: #FFF url("../images/widget_bg.gif") repeat-x top left;  }

.widget_newsletterform{
	padding:5px;
	width:180px;
	font-size:10px;
	height:90px !important;
	overflow:hidden;
}

.widget_newsletterform form{
	margin:0px;
}


.widgets_container_title
{ min-height: 31px; height: 31px;  float: left; width:100%; }
	.productcatalogue { width: 285px; height: 31px; background: url("../images/green_285.gif") top left; }
	.purple_410	{ width: 410px; background: url("../images/purple410x31.gif") top left; }
	.red { width: 200px; background: url("../images/red200x31.gif") top left; }
	.orange	{ width: 100%; background: url("../images/orange200x31.gif") top left; }
	.purple	{ width: 200px; background: url("../images/purple200x31.gif") top left; }
	.purple_long { width: 390px; background: url("../images/purple390x31.gif") top left; }
	.green_long	{ width: 390px; background: url("../images/green390x31.gif") top left; }
	.blue { width: 200px; background: url("../images/blue200x31.gif") top left; }
	.blue_short	{ width: 190px; background: url("../images/lightblue200x31.gif") top left; }
	.darkblue_short	{ width: 190px; background: url("../images/darkblue200x31.gif") top left; }

/* for content template */
	.products_area
	{ clear:both; float:left; width: 100%; margin-top: 10px; background-color:#CCCC99;}
	
/* for mainpage template */
	.main_template .widgets_container
	{ padding: 0 0 10px 0; margin: 0 10px 0 0; width: 200px; }
	.main_template .latest_item 
	{ padding: 0 0 10px 0; margin: 0 10px 0 0;  width: 410px; min-height: 100px; height: auto!important; height: 100px; 
	  overflow: inherit; float:left;}
	
/* for brochure template */	
	.brochure_template .widgets_container
	{ padding: 0 0 10px 0; margin: 0 10px 0 0; width: 200px; }

/*---forms--*/
#subscribe h3{ font-size: 15px; }
#subscribe p { margin: 5px 5px 0 0; }
form { margin: -5px 5px 10px 8px; }
form input { font-size: 12px; font-weight: bold; color: #FFF; background-color:#999999;}

/* for content template */
	.content_template form #name { height: 18px; width:130px; border:1px solid #999999; margin:2px 0; color:black; background-color:#e2e2e2;}
	.content_template form #email { height: 18px; width:130px; border:1px solid #999999; margin:2px 0; color:black; background-color:#e2e2e2;}
	
/* for mainpage template */
	.main_template form #name { height: 18px; width:120px; border:1px solid #999999; margin:2px 0; color:black; background-color:#e2e2e2;}
	.main_template form #email { height: 18px; width:120px; border:1px solid #999999; margin:2px 0; color:black; background-color:#e2e2e2;}
	
/* for product catalogue */
#navigation
{ margin: 10px 0 0 0; width: 100%; min-height: 31px; height: auto!important; height: 31px; overflow: inherit; 
  float: left; background-color:#ffffff;}

#navigation ul
{ margin: 0; padding: 0; }

#navigation li
{ display: inline; float: left; }	
	
/*---footer--*/
#bg_bottom { width:834px; height: 127px; clear:both; padding: 0;background: url("../images/bg_bottom.gif"); margin-left:161px;}
#bg_bottom a:link { font-family: arial,helvetica,sans-serif; font-size: 10px; color: #000000; text-decoration: none; }
#bg_bottom a:hover  { font-family: arial,helvetica,sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none;}
#bg_bottom a:visited  { font-family: arial,helvetica,sans-serif; font-size: 10px; text-decoration: none;}
#bg_bottom a:active  { font-family: arial,helvetica,sans-serif; font-size: 10px; text-decoration: none;}

.bottom_menu {font-family: arial,helvetica,sans-serif; font-size: 11px; color: #000000; font-weight:bold;  padding-top:100px; text-align: center; }

#bottom_container { font-family: arial,helvetica,sans-serif; font-size: 10px; color: #999999;
margin: 0; padding: 0; width: 820px; height: 20px; margin-left:170px; }

.demo  {color:#000033; background-color:#ffffff; layer-background-color:#ffffff; margin-top:-240px; margin-right: 161px; 
padding: 10px; float: right; width:200px; height:200px; z-index:100; visibility:hidden; }

#bottom_container a:link { font-family: arial,helvetica,sans-serif; font-size: 10px; color: #999999; text-decoration: none; }

#bottom_container a:active { font-family: arial,helvetica,sans-serif; font-size: 10px; color: #999999; text-decoration: none; }

#bottom_container a:visited { font-family: arial,helvetica,sans-serif; font-size: 10px; color: #999999; text-decoration: none; }

#bottom_container a:hover { font-family: arial,helvetica,sans-serif; font-size: 10px; color: #FFFFFF ; text-decoration: underline; }

/* for brochure template */
	.brochure_template #bg_bottom 
	{ width:850px; background: url("../images/brochure_bg_bottom.gif"); left:161px; margin:-125px 0 0 0; z-index: +900; 
	  position:relative; float:left; }
	
	.brochure_template .copyright { clear:both; color:#999999;  height: 20px;  }
	
/* for listing system */
a.article:link {  font-size: 10px; color:#990000; text-decoration:none; }
a.article:visited {  font-size: 10px; color:#990000; text-decoration:none; }
a.article:active {  font-size: 10px; color:#990000; text-decoration:none; }
a.article:hover {  font-size: 10px; color:#990000; text-decoration:underline;}

.current { border: 2px solid #FF6600; margin-left: 10px; margin-bottom: 10px; width:575px; height: auto;
overflow: inherit; float:left; }

.current2 { border: 2px solid #33CC33; margin: 10px; float:left; width:560px; 
min-height: 100px; height: auto!important; height: 100px; overflow: inherit;  }

.articleitem {  clear:both; margin: 5px 10px;
min-height: 100px; height: auto!important; height: 100px; overflow: inherit;}

.thumbnail { width:100px; height: 100px; overflow:hidden; float:left;text-align: center; margin-top: 10px;
background: url("../images/icon-article-default.gif") no-repeat 10px 0; }
.item { width:100%; float:left; 
min-height: 100px; height: auto!important; height: 100px; overflow: inherit;  }
.floatright {
	float:right;
	width:420px;
}

h2.article { background-color:#FF6600; color: #FFFFFF; padding-bottom: 4px;}
h3.article { font: arial,helvetica,sans-serif bold; font-size: 14px; color:#000000;}

h2.article2 { background-color:#33CC33; color: #FFFFFF; padding-bottom: 4px;}
h3.article2 { font: arial,helvetica,sans-serif bold; font-size: 14px; color:#000000;}

p.article { color:#666666; margin: -10px 0 ; }

.past { float:left; width: 100%; min-height: 200px; height: auto!important; height: 200px; overflow: inherit;  }
h2.article_past { background-color:#999999; color: #FFFFFF; padding-bottom: 4px; margin-top: 10px }
h3.article_past { font-size: 14px; font-weight: bold; color:#000;}
p.article_past { font-size: 10px; color:#666666; margin: -10px 0 -15px;}


/* override influences */
.left { float: left; }
.right { float: right; }

div.bookmarkus {
	height:90px !important;
	padding-top:10px;
	overflow:hidden;
}
