
/*	{{{
	Document Elements
	}}} */

html
{
	margin:	0 0 0 0;
	height:	100%;
}

body
{
	min-height: 100%;
	margin:	0 0 0 0;
	font-family:		verdana, helvitica, sans-serif;
	font-size:			9pt;
	color:				black;
	background:			#555555 url(../images/body_tile.gif) repeat-y;
}
	body a
	{
		text-decoration: 	none;
		color:				#b2b1b1;
	}
	body a:hover
	{
		text-decoration: 	none;
		color:				#555555;
	}




/*	{{{
	Heading Styles
	}}} */
h1, h2, h3, h4, h5, h6
{
	font-family:	arial, helvitica, sans-serif;
}

/* Used for page titles */
h1
{
	color:			#555555;
	font-size:		17pt;
	margin-bottom:	20px;
}

/* Used for product sub-titles */
h2
{
	font-family:	arial, helvitica, sans-serif;
	font-size:		10pt;
	font-style:		italic;
	color: 			#7F7F7F;
	margin-top:		-16px;
}




/* Used for product titles on product_details.php */
h4
{
	font-size:		14pt;
	font-weight:	bold;
	color:			#555555;
	margin:			0 0 10px 0;
}

h5
{
	font-size:		12pt;
	font-weight:	bold;
	color:			#b2b1b1;
	margin:			20px 0 0 0;
	width:			98%;
	border-bottom:	1px solid #b2b1b1;
}


/*	{{{
	Block Elements
	}}} */
p.quote
{
	font-style:			italic;
	font-weight:		bold;
}



/***********************************************************
************************************************ CONTAINERS
***********************************************************/

#page_container
{
	position:			absolute;
	height:				auto;
	left:				0px;
	top:				0px;
	bottom:				0px;
	width:				1000px;
	background-color:	#ffffff;
}





/*	{{{
	Left Column
	Contains logo and random rotating picture directly below
	}}} */

#left_column
{
	position:			absolute;
	top:				0px;
	bottom:				0px;
	left:				0px;
	width:				261px;
	background-color:	#555555;

}

#logo
{
	position:		relative;
	top:			0px;
	left:			0px;
	width:			261px;
	height:			189px;
}

#left_rand_img
{
	position:		relative;
	top:			0px;
	left:			0px;
	width:			261px;

}





/*	{{{
	Center Column
	contains tag_line at top and content_box below
	}}} */

#center_column
{
	position:		absolute;
	top:			0px;
	left:			261px;
	bottom:			0px;
	width:			551px;
	min-height:		100%;
}

#tag_line
{
	position:		relative;
	top:			0px;
	left:			0px;
	height:			132px;
	width:			551px;
}





/*	{{{
	Content Box
	holds content if main center column below nav bar
	}}} */
#content_box
{
	position:		absolute;
	left:			261px;
	top:			189px;
	width:			530px;
	margin:			0 0 0 0;
	padding:		15px 15px 15px 15px;
}

#content_box_wide
{
	position:		absolute;
	left:			261px;
	top:			189px;
	width:			700px;
	margin:			0 0 0 0;
	padding:		15px 15px 15px 15px;
}
    #content_box h1
    {
    	margin-top:		0px;
    }

	#content_box p
	{
		margin: 0 0 30px 0;
	}

/*	{{{
	Right Column
	contains right_rand_img, contact_box and promo_box
	}}} */

#right_column
{
	position:		absolute;
	top:			0px;
	left:			812px;
	width:			188px;
	min-height:		100%;
}

#contact_box
{
	position:		relative;
	top:			0px;
	left:			0px;
	width:			188px;
	height:			85px;
	color:			#555555;
	font-size:		8pt;
}
#phonetext
{
	position:	absolute;
	left:		0px;
	bottom:		4px;
}

	#contact_box a
	{
		color:	#555555;
	}
	#contact_box a:hover
	{
		color:	#b2b1b1;
	}

#right_rand_img
{
	position:		relative;
	top:			0px;
	left:			0px;
	width:			188px;
	height:			47px;
	margin:			0 0 0 0;
}



#promo_box
{
	position:			relative;
	top:				65px;
	left:				0;
	width:				170px;
	height:				510px;
	overflow:			auto;
	border-left:		1px solid #c7c7c7;
	padding:			8px 8px 8px 8px;
	text-align:			center;
	color:				#b2b1b1;
	
}

	#promo_box hr
	{
		margin:				30px 0 20px 0;
		background-color:	#c7c7c7;
		height: 			1px;
	}
	
p.promo_title
{
	font-family:		arial black;
	font-size:			13pt;
	margin:				0 0 20px 0;
}

.promo_thumb
{
	position:			relative;
	top:				0;
	left:				0;
	width:				137px;
	margin:				0 auto 0 auto;
}

.promo_tag
{
	position:			relative;
	top:				8px;
	width:				137px;
	margin:				0 auto 0 auto;
	font-family:		verdana, helvitica, sans-serif;
	font-size:			8pt;
	font-weight:		bold;
}

.click_here
{
	position:			relative;
	top:				12px;
	width:				137px;
	margin:				0 auto 0 auto;
}

	.click_here a
	{
		font-family:		verdana, helvitica, sans-serif;
		font-size:			8pt;
	}




/*	{{{
	Navigation Bar
	}}} */

#nav_bar
{
	position:		absolute;
	top:			132px;
	left:			261px;
	width:			739px;
	height:			57px;
	z-index:		2;
}



.button
{
	position:			relative;
	float:				left;
	top:				0;
	left:				0;
	width:				105px;
	height:				57px;
	background-color:	#b2b1b1;
	display:			table-row;
	vertical-align:		middle;
}

.valign
{
	position:			relative;
	margin;				20px 0 20px 0;
	display:			table-cell;
}

td.navigation
{
	background-color:	#b2b1b1;
}
td.navigation:hover
{
	background-color:	#c7c7c7;
}
	
	td.navigation a
	{
		display:		inline;
		height:			100%;
		color:			#555555;
	}

.wide
{
	width:	109px;
}
	





/*	{{{
	Footer
	}}} */

#footer
{
	position:		relative;
	margin:			50px 0 0 0;
	left:			0px;
	width:			500px;
	bottom:			10px;
	font-size:		7pt;
	text-align:		left;
	color:			#b2b1b1;
}
	#footer a:hover
	{
		color:	#c7c7c7;
	}







/*	{{{
	Product Details Page Styles
	}}} */

#departure_dates_box
{
	position:			relative;
	top:				0px;
	left:				0px;
	width:				150px;
	border:				1px solid #555555;
	padding:			5px 5px 5px 5px;
	margin:				0 5px 5px 0;
	background-color:	#E4E4E4;
	font-size:			8pt;
	font-weight:		normal;
	float:				left;
}

	#departure_dates_box h6
	{
		font-size:		10pt;
		font-weight:	bold;
		color:			#8E6740;
		width:			100%;
		border-bottom:	1px dotted #8E6740;
		margin:			0 0 10px 0;
	}
	
	#departure_dates_box p
	{
		margin:		0 0 10px 0;
	}

	#departure_dates_box p.departure_date
	{
		font-weight:	bold;
		color:			#555555;
		border-bottom:	1px dotted #555555;		
		margin:		0 0 0 0;
	}

	#departure_dates_box p.call_2_action
	{
		width:			100%;
		text-align:		center;
		margin:			10px 0 0 0;
	}
	
		#departure_dates_box p.call_2_action a
		{
			color:			#8E6740;
			font-weight:	bold;
			font-size: 		10pt;
		}
		
			#departure_dates_box p.call_2_action a:hover
			{
				color: #426DA5;
			}

#pictures_column
{
	position:			relative;
	top: 				0px;
	left:				0px;
	width:				150px;
	border:				1px solid #555555;
	padding:			5px 5px 5px 5px;
	margin:				0 5px 5px 0;
	background-color:	#E4E4E4;
	float:				left;
	text-align:			center;
}

#left_tallbox
{
	position:			relative;
	top: 				0px;
	left:				0px;
	width:				150px;
	z-index:			10;
	float:				left;
	margin-right:		20px;
}



/*	{{{
	Contact Us Page
	}}} */

#map_1
{
	position: 		absolute;
	right:			27px;
	top:			90px;
	height: 		100px;
	width:			100px;
	border:			1px solid #b2b1b1;
	font-size:		7pt;
}

#map_2
{
	position: 		absolute;
	right:			27px;
	top:			245px;
	height: 		100px;
	width:			100px;
	border:			1px solid #b2b1b1;
	font-size:		7pt;
}




/*	{{{
	Vacation List Page
	}}} */

/* Used on vacations.php for product title */
.prod_title
{
	position:		relative;
	font-size:		12pt;
	font-weight:	bold;
	color:			#A95454;
}

.prod_subtitle
{
	position:		relative;
	font-size:		9pt;
	font-weight:	bold;
	color:			#7F7F7F;
}


.short_desc
{
	location:		relative;
	top:			10px;
	font-family:	verdana, helvitica, sans-serif;
	font-size:		9pt;
	color:			#555555;
	margin:			5px 0 7px 0;
}


td.prod_preview_a
{
	border:				1px dotted #555555;
	background-color:	#D8D8D8;
	padding:			5px 5px 5px 5px;
	vertical-align:		top;
}

	td.prod_preview_a a
	{
		font-size:			10pt;
		font-weight:		bold;
		text-decoration:	underline;
		color:				#AE812B;
		margin:				5px 0 10px 0;
		border:				none;
	}

td.prod_preview_b
{
	border:				1px dotted #555555;
	background-color:	#E6E6E6;
	padding:			5px 5px 5px 5px;
	vertical-align:		top;
}
	td.prod_preview_b a
	{
		font-size:			10pt;
		font-weight:		bold;
		text-decoration:	underline;
		color:				#AE812B;
		margin:				5px 0 10px 0;
		border:				none;
	}

table.product_list
{
	width:		95%;
	margin:		0 auto 0 auto;
}

.list_image
{
	position:		relative;
	top:			0px;
	right:			0px;
	height:			93px;
	width:			93px;
	float:			right;
	margin:			0 0 0 0;
	padding:		0 0 0 0;
}


/*	{{{
	Wine Page
	}}} */
#winebanner
{
	position:	relative;
	top:		0px;
	width:		522px;
	height:		137px;
	margin:		0 0 20px 0;
}



