/* CSS Document */

/* ================================================================== =RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* ================================================================== =BASE */
body {
	background:#fff url(../img/bg-body.gif) top left repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:80%;
	color:#705748;
	text-align:center;
	line-height:1.5;
	}
h1,h2 { color:#E64C16; font-family:Tahoma,Verdana,sans-serif; }
h3,h4,h5,h6 { Georgia, "Times New Roman", Times, serif; }
h2 {font-size:200%;margin-bottom:10px;}
h3 {font-size:150%;font-weight:normal;font-style:italic;}
p,td { color:#705748; }
ul {margin-left:20px;}
p {margin-bottom:10px;}
dl {margin:0 20px;}
dt {font-weight:bold}
dd {margin-bottom:20px;margin-left:10px;}

a {color:#C48445;}
a:link {color:#C48445;}
a:visited {color:#9B5E23;}
a:hover {color:#9B5E23;}
a:active {color:#E57315;}
:focus {outline:0;}

#wrapPage {
	width:758px;
	text-align:left;
	margin:0 auto; 
	padding:0 12px;
	background: url(../img/bg-inner.gif) top left no-repeat;
	}

h1#brand {
	background: #88370E url(../img/bg-head.jpg) top left no-repeat;
	height: 185px;
	text-indent: -9000px;
	}

/* ================================================================== =NAVIGATION */
ul#nav {
	list-style:none;
	height:34px;
	background:#97410D url(../img/bg-nav.gif) top left repeat-x;
	margin:0;
	padding:0;
	padding-left:20px;
	padding-top:6px;
	}
ul#nav li {float:left; display:inline;margin:0;padding:0;}
ul#nav a {
	display:block;
	background:url(../img/tabs.gif) 0px 0px no-repeat;
	color:#E48749;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight:bold;
	width:130px;
	text-align: center;
	height: 34px;
	width:182px;
	line-height: 34px;
	text-decoration: none;
	margin-left:-3px;
	}
ul#nav a:hover {background:url(../img/tabs.gif) -182px 0px no-repeat;color:#FEA66C;}

/* Set page tab as "on" */
#bHome #pHome a,
#bGallery #pGallery a,
#bFAQ #pFAQ a,
#bContact #pContact a {background:url(../img/tabs.gif) -364px 0px no-repeat;color:#80330F;}

/* ================================================================== =CONTENT */
#wrapContent {margin:19px;}

img.homePic {float:right;margin-left:10px;margin-right:-15px;margin-top:-60px;}
img.faqPic {float:right;margin-left:15px;margin-right:-5px;margin-top:0px;}
#wrapContent p {margin-left:20px;}
#wrapContent ul {margin-left:40px;}

div.boxHalf {float:left;width:330px;border:1px solid #C6BCB6;margin-left:20px;margin-bottom:30px;}
div.boxHalf img { margin:10px 20px;}


/* ================================================================== =GALLERY */

#gallerycontainer {
	margin-top:20px;
	padding-left:6px;
	}
#gallerycontainer div.trip {
	background:url(../img/bg-gallery.gif) top left repeat-x;
	border-top:1px solid #DACBAC;
	padding-left:4px;
	margin-bottom:20px;
	}
#gallerycontainer div.thumbnail {
	float: left;
	margin: 6px;
	padding: 5px;
	text-align: center;
	border:1px solid #AC9273;
	background:#fff;
	width:77px;
	}
#gallerycontainer div.thumbnail a.thumbnailhover {
	background:  none;	
	display:block;
	color: #9F4202;
	text-decoration: none;
	margin-bottom:-2px;
	}
#gallerycontainer div.thumbnail a.thumbnailhover:hover{
	text-decoration: none;
	background-image:none;
	}
#gallerycontainer div.thumbnail img{
	background: #fff;
	margin: auto;
	margin-bottom:2px;
	display:block;
	border:1px solid #000;
	}
#gallerycontainer div.thumbnail a {
	color:#9F4202;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	}

#gallerycontainer h3 {margin:10px 6px 6px 6px;}


/* ================================================================== =FOOTER */
#footer {margin:0 auto;width:760px;background:url(../img/bg-footer.gif) top left no-repeat;}
#footer p {text-align:center;height:60px;line-height:60px;padding-top:8px;}

/* ================================================================== =CLEARING */

/* Budget clearing method */
div.clearEm {clear:both;margin:0;padding:0;height:1px;}

/* P.I.E. clearing method */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */