/* [Layout Structure Stylesheet]

   Project:	Las Palmas Tours and Travel
   Version:	3.0
   Author:	Ronald D. Estangco
   Updated:	Fri 30.11.08
   [Table of contents]

	1.Layout
		- Body
		- Page_wrap / #page_wrap
			- Top /#top
			- Header / #header
			- Tour Packages / #t#tour_pack_col
			- Feature Packages / ##feature_pack_col
			- Advertisement / #advertise_col
			- Footer / #f#footer
   -------------------------------------------------------------------*/

/* [ LAYOUT ]
   -------------------------------------------------------------------*/

	
	
#page_wrap {                       /*  [ TO CHANGE GREEN BANNER-------------------------------------------------------------------*/
	background: #fff url(images/bg/bg_page_wrap.png) top repeat-x;
	margin: 0 auto;
	width: 1130px; 
	height: 600px;
	}
	                              /*  [ TO CHANGE DISTANCE FROM TOP - HEADER LPTT LOGO AND ADDRESSES ------------------------------------------*/
	#top { 
		height: 30px; }
		                          /*  [ TO CHANGE DISTANCE BETWEEN BANNER AND IBODY INDEX------------------------------------------------------*/
	#header {
		height: 153px;}
	
	#tour_pack_col {
		float: left;
		margin-top: 10px; 
		width: 235px; }
		
	#advertise_col {
		float:right;
		margin-top: 5px;
		width: 240px; }
		
	#feature_pack_col {
        
		width: 598px;
		margin-top: 10px;
		padding:0px 1px 0 0px; }
		
	/* (for inner page) */

	.clear { clear:both; }
		
	#footer { 
		background: #fff url(../iages/bg/bg_footer.png) top repeat-x;
		width: 1110px;
		min-height: 100px;
		margin: 0 auto;
		padding-top: 40px;
		text-align: center; }


/* [ BANNER/HEADER ]
   -------------------------------------------------------------------*/
 a#logo {
 	margin: 17px 10px 0 21px; 
 	float: left;}
 
.branch {
	float: right;
	width: 3000px;
	margin: 12px 5px 0 5px; }
	
	

/* [ CONTENT / COLUMNS ]
   -------------------------------------------------------------------*/

/* title
   -------------------------------------------------------------*/
h4.title { 
	margin: 0; 
	height: 24px; 
	padding: 5px 0 0 10px;
	text-transform: uppercase; }
	
/* tour package column
   -------------------------------------------------------------*/
#tour_pack_nav { 
	margin: 0 5px 0px 1px;
	border: 1px solid #fff;
	
	width: 218px; }

/* featured package column
   -------------------------------------------------------------*/
#feature_pack_col h4.title {
	background: #dfdfdf url(../images/bg/bg_title_panel.png) top repeat-x;
	border: 1px solid #fff; }
	
/* main content column (for inner pages)
   -------------------------------------------------------------*/
#main_content_col {                                                  /*center featured package---*/
	margin: 19px 10px 0  245px; 
	border: 1px solid #fff;
	/*background: #dfdfdf url(../images/bg/bg_title_panel.png) top repeat-x;*/
	width:850px;
	}
		
	#main_content {
		background-color: #f6f6f6;
		margin: 0 0 0px 0px;
		padding: 5px; }
		
		#main_content p {
			text-align: justify;
			line-height: 1.0em;
			padding: 5px; }
		

/* advertisement/annoucement column
   ---------------------------------------208 width----------------------*/	
#advertise_col .advertise_post {
	
	border: 1px solid #fff;
	margin: 0 50px 10px 5px;
	padding: 1px;
	width: 240px; }
	
	#advertise_col .advertise_post img { border: 1px solid #699a00; }


/* [ FOOTER ]
   -------------------------------------------------------------------*/
#footer ul li { 
	display: inline; }

#footer ul#email li {
	line-height: 1.2em;
	color: #222;
	margin: 0 5px 25px 5px;;
	width: 300px;
	float: left;
	display: inline-block; }
	
	#footer ul#email li strong {
		color: #e0dfdd;	} 

#footer ul#bottom_nav { margin-bottom: 10px; }
	
	#footer ul#bottom_nav li a{
		color: #222; }
		
		#footer ul#bottom_nav li a:hover { 
			text-decoration: none;
			color: #699a00; }
			
p a { font-weight: bold; }
p a:hover { text-decoration: none; }

/* [ NAVIGATION ]
   -------------------------------------------------------------------*/
  
/* top navigation
   -------------------------------------------------------------*/
ul#top_nav {
	color: #696969;
	float: left;
	padding: 7px 0 0 10px; }
	
	ul#top_nav li { display: inline; }
	ul#top_nav li a { color: #696969; }
	ul#top_nav li a:hover { 
		color: #699a00;
		text-decoration: none; }
		
		
		
/* main menu
   -------------------------------------------------------------*/
ul#main_menu {
	padding-right: 2px;
	float: right;
	list-style: none; }
	
	ul#main_menu li {
		display: inline; }
		
		ul#main_menu li a {
			text-indent: -9999px;
			display: block;
			height: 29px;
			float: left;}
			
		ul#main_menu li a.airfare {
			background: url(../images/menu/menu_airfare.png) no-repeat bottom center;
			width: 110px; }

		ul#main_menu li a.service {
			background: url(../images/menu/menu_service.png) no-repeat bottom center;
			width: 110px; }
			
		ul#main_menu li a.gallery {
			background: url(../images/menu/menu_gallery.png) no-repeat bottom center;
			width: 110px; }

		ul#main_menu li a.about {
			background: url(../images/menu/menu_about.png) no-repeat bottom center;
			width: 110px; }

		ul#main_menu li a.contact {
			background: url(../images/menu/menu_contact.png) no-repeat bottom center;
			width: 110px; }

		ul#main_menu li a.home {
			background: url(../images/menu/menu_home.png) no-repeat bottom center;
			width: 61px; }
			
			/* main menu:hover
		   -----------------------------------------------------*/
			ul#main_menu li a.airfare:hover, ul#main_menu li a.airfare:active,
			ul#main_menu li a.service:hover, ul#main_menu li a.service:active,
			ul#main_menu li a.gallery:hover, ul#main_menu li a.gallery:active,
			ul#main_menu li a.about:hover, ul#main_menu li a.about:active,
			ul#main_menu li a.contact:hover, ul#main_menu li a.contact:active,
			ul#main_menu li a.home:hover, ul#main_menu li a.home:active { 
				background-position: top center; }
		 
		/* main menu:active
		   -----------------------------------------------------*/			
		body#home ul#main_menu li a.home { background-position: top center; }
		
/* tour packages navigation
   -------------------------------------------------------------*/
ul#tour_pack_list {
	margin: 0 5px 5px 5px;
	background-color: #f6f6f6;}
		
		ul#tour_pack_list li a {
			display: block;
			padding: 3px 5px 3px 5px;
			line-height: 1.5em;
			border-top: 1px solid #dfdfdf;
			width: 199px; }
			
			ul#tour_pack_list li a:hover {
				background: #699a00 url(../images/bg/bg_gardient.png) top repeat-x;
				color: #fff;
				text-decoration: none; }
				
/* feature packages navigation
   -------------------------------------------------------------*/
	.feature_pack {
		background-color: #dfdfdf;
		float: left;
		padding: 5px;
		height: 130px;
		width: 223px;
		border: 1px solid #fff; }
		
	  .pic {
	     border: 4px solid #dfdfdf;  
	     float: left;
	     width: 100px;
	     margin: 0px 0px 0 px; }
		
		
		
		.packages a { 
			
			color: #222;
			background-color: #f6f6f6;
			width: 213px;
	/* -------------------------------------------------------------*		
			height: 120px;
			padding: 5px; 
	/* -------------------------------------------------------------*/
	                }
	
	/* -------------------------------------------------------------*
		.packages a:hover { 
			background: #699a00 url(../images/bg/bg_gardient.png) top repeat-x;
			color: #fff;
			text-decoration: none; }
			
			.packages a:hover .days, .packages a:hover .currency, .packages a:hover .price  {
				color: #fff; }
	/* -------------------------------------------------------------*/		
			.packages img {
				border: 4px solid #dfdfdf;
				padding: 1px;
				margin-right: 5px;
				background-color: #699a00;
				float: left; }
				
			.packages p {
				margin-bottom: 0;
				line-height: 1.2em; }
		.packside a { 
			display: block;
			color: #222;
			background-color: #f6f6f6;
			width: 196px;
			height: 60px;
			padding: 5px; }
			
		.packside a:hover { 
			background: #699a00 url(../images/bg/bg_gardient.png) top repeat-x;
			color: #fff;
			text-decoration: none; }
			
			.packside a:hover .days, .packages a:hover .currency, .packages a:hover .price  {
				color: #fff; }
			
			.packside img {
				border: 4px solid #dfdfdf;
				padding: 1px;
				margin-right: 20px;
				background-color: #699a00;
				float: left; }
				
			.packside p {
				margin-bottom: 0;
				line-height: 1.2em; }