/*------------------------------------------------------------------
Client:			Aeon Tours
Version:		3
Last change:	2/16/09
Designer:		Schlick Designs (schlickdesigns.com)

{ Color Codes }

Dark Rust: 		#6c230f
Light Rust: 	#a73607		(H1)

Dark Blue:		#1b252e		(H2, links)

Dark Green:		#b9c67c
Light Green:	#ebf0cf
-------------------------------------------------------------------*/

@import "form.css";
@import "modx.css";
@import "menu.css";
@import "slider.css";

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 {font-size:100%;}
img, a img, a:link img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
hr {display: none;}
div {background:none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {margin: 0 auto; text-align: center;}


img, div, input { behavior: url("../iepngfix.htc") }

/*----------------------------------- BODY STYLES ------------------------------------*/
body {font: normal 12px Helvetica, Arial, sans-serif; background: #e3e3e3; cursor: default; color: #333;}
p {font-size: 1.1em; line-height: 1.7em; margin: 0 0 .8em 0; color: #333;}
strong {font-weight: bold;}

/*----------------------------------- IMAGE CONTAINER ------------------------------------*/
.photoc {margin: 0 auto; text-align: center;}
.photo {background: #fff; padding: 5px; border: 1px solid #ececec; margin-bottom: 20px;}


/*----------------------------------- HEADINGS ------------------------------------*/
#content h1, #content-full h1 {
font-size: 2em;
margin: 0 0 .5em 0;
font-weight: normal;
font-style: italic;
color: #a73607;
text-align: center;
font-family: Georgia,Times,serif;
}

#content h2, #content-full h2 {
color: #1b252e;
font-size: 1.3em;
line-height: 1.1m;
margin-top: 0;
margin-bottom: 1.5em;
font-weight: bold;
text-align: center;
}

a {text-decoration: none; border-bottom: 1px solid #ddd; color: #3a678f; font-weight: bold;}
a:hover {text-decoration: none; border-bottom: 1px solid #bbb; color: #1d4d73; font-weight: bold;}


/*----------------------------------- BUTTONS ------------------------------------*/
#btn-sm {
	cursor:pointer; 
	cursor:hand; 
	line-height:25px;
	background:url(../images/button-sm.png) no-repeat right top; 
	padding-right:15px; 
	vertical-align:middle;
	text-decoration: none;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
	border: none;
	}

#btn-sm span { 
	background:url(../images/button-sm.png) no-repeat left top; 
	height:27px;
	display:block;
	display:inline-block;
	padding-left:15px;
	line-height:27px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	}

a#btn-sm:hover {background-position:right -155px;}
a#btn-sm:hover span {background-position:left -155px;}


/*----------------------------------- LAYOUT ------------------------------------*/
#ccontainer {width: 1000px; height: 100%; margin: 0 auto; background:url(../images/ccontainer.png) repeat-y;}
#container {width: 900px; height: 100%; margin: 0px auto; height: auto; background:url(../images/bodybg.png) repeat-x #ffffff; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#top {height: 100%; width: 100%;}
#top .utility {background:url(../images/bodybg-utility.png) top left no-repeat; height: 27px; padding: 9px 0 0 20px; font-size: 10px; color: #cc5626;}
	#top .utility a {color: #c7a395; margin: 0 12px; text-decoration: none; border-bottom: 1px solid #cc5626;}
	#top .utility a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #ccc;}
#top .logo {float: left; clear: left; padding-left: 40px; padding-top: 25px;}
	#top .logo h1 {background:url(../images/Aeon_Logo.png) no-repeat; width: 300px; height: 135px; text-indent: -9999px;}
#topnav {clear: both; float: left; width: 100%; height: 35px; background: url(../images/menu/menu_bg.gif) repeat-x; 
	margin-bottom: 40px; margin-top: 5px;}
#bottom {margin: 0; padding: 0; height: 100%; width: 100%; clear: both; background:url(../images/content_bg.gif) top left repeat;}
	#bottom-full {margin: 0; padding: 0; height: 100%; width: 100%; clear: both; background: none;}
#leftnav {float: left; width: 200px; padding: 0; margin-left: 30px; height: 100%; padding-bottom: 50px;}
	#leftnav .search {padding: 0; margin: 0;}
#content {margin-left: 300px; margin-right: 50px; padding: 0; max-width: 47em;}
	#content-full {padding: 0 40px 0 40px;}
	#content .content-links {width: 100%; text-align: right; height: 25px;}
#footer {background: #1b252e; clear: both; width: 100%; padding: 35px 0 50px 0; border-top: 3px solid #344960;}


/*----------------------------------- TOP SLIDER ------------------------------------*/
.slider-wrap img {padding: 5px; background: #fff; border: 1px solid #ccc; float: left; margin: 0 20px 0 0;}
.slider-wrap h2 {font-family: Georgia, Times, serif; margin: 0 0 5px 0; color: #ccc; font-size: 20px; font-style: italic;}
.slider-wrap p {color: #ccc; line-height: 1.6em; font-size: 12px; margin: 0 0 5px 0;}
.slider-wrap p a {color: #ccc; font-size: 16px; font-family: Georgia, Times, serif; font-style: italic; 
	font-weight: normal; text-decoration: none; border-bottom: 1px solid #596065;}
		.slider-wrap p a:hover {color: #fff; border-bottom: 1px solid #fff;}


/*----------------------------------- LEFT SIDEBAR ------------------------------------*/
#leftnav h2 {color: #1b252e; font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0; padding: 0; text-align: center;}
	#leftnav p.search {color: #554331; font-weight: normal; text-align: center; margin: 0 0 5px 0; padding: 0;}
	#leftnav {color: #554331; font-size: .9em;}

	#leftnav a {font-weight: bold; text-decoration: none; color: #1b252e; border-bottom: 1px solid #ddd;}
	#leftnav a:hover {color: #000; border-bottom: 1px solid #bbb;}

	/*----------------------------------- LEFT SIDEBAR QUOTE ------------------------------------*/
	blockquote {
		width: 18em;
		margin: 20px auto 2em auto;
		text-align: left;
		text-indent: 25px;
		background: url(../images/quotes1.png);
		background-position: 0 2px;
		background-repeat: no-repeat;
		line-height: 1.7em;
		font-size: 1em;
	}

	blockquote p {
		line-height: 2em;
		font-size: 1.1em;
		margin: 0;
		display: block;
		padding: 0;
		background: url(../images/quotes2.png);
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	blockquote span {
		display: block;
		margin: 0 0 10px 0;
		padding: 0;
		text-align: left;
		font-size: 1em;
		font-style: italic;
	}
		#leftnav blockquote span, #leftnav blockquote p {color: #554331;}
		#leftnav .customer {border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px;}

	blockquote strong {
		font-size: 1em;
		padding-left: 15px;
		margin-left: 20px;
		background:url(../images/arrow.gif) left no-repeat;
	}
	#leftnav .quote strong {padding-left: 20px; background:url(../images/arrow.gif) left no-repeat;}


/*----------------------------------- TOURS PAGE ------------------------------------*/
#tourwrap {padding: 10px; height: 110px; width: 540px; margin-bottom: 10px; background-color: #fff; border: 1px dotted #ccc;}
	#tourwrap:hover {border: 1px solid #ccc; cursor: pointer; background: #ececec;}
#tourwrap img {
	float: left;
	width: 66px;
	height: 100px;
	border: 1px solid #ccc;
	background:#FFFFFF;
	padding: 3px;
}
#tourwrap div.price {
	background:url(../images/tours_pricebg.gif) top right no-repeat;
	margin: 0;
	padding: 23px 10px 0 0;
	width: 65px;
	height: 64px;
	float: right;
	text-align: right;
}
	#tourwrap div.price span {color: #6996c0; font-size: 18px; letter-spacing: .1em; font-weight: bold; 
	padding: 0; margin: 0;}
#tourwrap div.content {float: right; width: 450px; padding: 5px 0 0 0;}
#tourwrap h2 {
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	font-style: italic;
	padding: 0;
	margin: 0 0 8px 0;
	text-align: left;
	text-decoration: none;
	float: left;
	width: 300px;
	text-transform: capitalize;
}
	#tourwrap h2 a {text-decoration: none; color: #4a513b; border: none; font-weight: normal;}
#tourwrap .content p {
	float: left;
	width: 375px;
	font-size: 12px;
	line-height: 1.4em;
}
#tourwrap .orderwrap {
	clear: left;
	float: left;
	width: 100%;
}

/*----------------------------------- INDIVIDUAL TOUR PAGES ------------------------------------*/
.tour-price {
	background:url(../images/tours_pricebg.gif) top right no-repeat;
	margin: 0 20px 0 0;
	padding: 0;
	width: 65px;
	height: 65px;
	text-align: right;
	float: left;
}
	.tour-price span {color: #6996c0; font-size: 18px; letter-spacing: .1em; font-weight: bold; 
	display: block; padding: 0; margin: 23px 0 0 0; width: 55px;}

.tour-deets {float: left;}

ul.checklist {list-style-image: url(../images/check-green.png); margin: 0; padding: 0;}
	ul.checklist li {margin: 0 0 10px 0; padding: 0; line-height: 1.7em; font-size: 1.1em;}
	ul.checklist strong {color: #982800; font-weight: bold;}

/*----------------------------------- TOUR PAGE SIDEBAR ------------------------------------*/
#content .title {float: left; display: inline;}
#leftnav .highlights {color: #554331; font-size: 1em; text-align: center;}
#leftnav .highlights a:link, #leftnav .highlights a:active, #leftnav .highlights a:visited {font-size: 1.3em; text-decoration: none;}
#leftnav .highlights a:hover {color: #1d4d73;}
#leftnav .highlights ul {margin-bottom: 20px; line-height: 2em; font-size: 1em;}
#leftnav .more {font-weight: bold; color: #1b252e; text-align: center;}
#leftnav .big {font-size: 1.3em; padding-bottom: 5px;}

#leftnav .questions {border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px;}
	#leftnav .questions p {color: #554331;}
	

/*----------------------------------- GUIDE PAGES ------------------------------------*/
.guidenav {margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.guidenav ul {line-height: 2em; margin-left: 20px;}
.guidenav ul li {font-size: 1em; padding-left: 15px; background:url(../images/arrow.gif) left no-repeat;}
div.guide-col1 {float: left; width: 240px; text-align: center;}
div.guide-col2 {float: right; width: 240px; text-align: center;}
div.guide-col1 h3, div.guide-col2 h3 {
text-align: right;
float: right;
font-size: 1.2em;
color: #1b252e;
font-weight: bold;
padding: 0 0 3px 0;
}
div.guide-col1 ul, div.guide-col2 ul {clear: right; text-align: left; margin: 0 0 20px 0; padding: 0; border: 1px solid #f3f3f3;}
div.guide-col1 ul li, div.guide-col2 ul li {padding: 5px 5px; color: #554331; background: #f3f3f3;}
div.guide-col1 ul li.color, div.guide-col2 ul li.color {background: #fcfcfc;}
.guide-photo {float: left; margin: 0 5px 5px 0;}


/*----------------------------------- FOOTER ------------------------------------*/
#footer {margin-top: 30px;}
#footer span {color: #4a545d; font-size: .9em; padding-left: 40px;}
#footer .links {padding-right: 40px; float: right;}
#footer a {text-decoration: none; border-bottom: 1px solid #333; font-size: .9em; font-weight: normal; color: #4a545d;}
#footer a:hover {color: #a8b2bd; border-bottom: 1px solid #a8b2bd;}


/*----------------------------------- SITEMAP ------------------------------------*/
#sitemap li {list-style-type: none;}
ul#sitemap > li {margin-bottom: 10px;}
#sitemap ul li {list-style-image: url(../images/l2_normal.gif); margin: 1px 0 0 50px;}
#sitemap ul ul li {list-style-image: url(../images/l3_normal.gif);}
#sitemap ul li.firstfollow {list-style-image: url(../images/l2_first_follow.gif);}
#sitemap ul li.last {list-style-image: url(../images/l2_last_item.gif);}
#sitemap ul ul li.firstfollow {list-style-image: url(../images/l3_first_follow.gif);}
#sitemap ul ul li.last {list-style-image: url(../images/l3_last_item.gif);}

a.plainlink {border: none;}
a.plainlink:hover {border: none;}

#livesearch
  { 
  margin:0px;
  width:188px;
  font-size: 12px;
  }
input#txt1 {
    width: 188px;
    height: 30px;
	color: #333;
	background:url(../images/form-input.png) top center no-repeat;
	margin: 0;
	border: none;
	}