html {

  height:100%;
}

@font-face {
    font-family: 'KomikaDisplayBold';
    src: url('fonts/Komika_display_bold-webfont.eot');
    src: url('fonts/Komika_display_bold-webfont.eot?iefix') format('eot'),
         url('fonts/Komika_display_bold-webfont.woff') format('woff'),
         url('fonts/Komika_display_bold-webfont.ttf') format('truetype'),
         url('fonts/Komika_display_bold-webfont.svg#webfont9ZhzoG8S') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KomikaDisplayRegular';
    src: url('fonts/Komika_display-webfont.eot');
    src: url('fonts/Komika_display-webfont.eot?iefix') format('eot'),
         url('fonts/Komika_display-webfont.woff') format('woff'),
         url('fonts/Komika_display-webfont.ttf') format('truetype'),
         url('fonts/Komika_display-webfont.svg#webfontcs7A8h10') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
margin:0;
padding:0;
text-align:center;
font-family: verdana, arial, helvetica, sans-serif;
  background: #F0E6C4 url(images/newBG-back.png) repeat-x;
background-position:fixed;
font-size:10px;
height:100%;
}

/*structure */

/*this is the wrapper */
#container {
position:relative;
width:960px;
margin:auto;
background: url(images/newBG-white.png) repeat-y;
border-right:10px solid #f6f0e2;
border-left:10px solid #F6F0E2;

}


/* content, menu and header sit in this panel */

#leftpanel {
float:left;
width:657px;
}

/* this is where mapContent get published */
#content {

width:617px;
padding:20px;
color:#185C7D;
text-align:left;
background-color:white;
}

.airport {
  
position:inherit:
}

/* this is for the logo and phone number */
/* note, the menu and header sit in a file called header.inc */
#header {
height:75px;
background-image:url("images/logo.gif");
background-repeat:no-repeat;
text-align:right;
background-position: 0px 15px;
background-color:white;
padding:10px;
}

/* the orange box, inside is the menu and specials */
/* note, the menu and header sit in a file called header.inc */
#navbar {
background:#d35602 url('images/BG-orange.png') repeat-x;
height:200px;
}

/* this is the box where specials sit */
.specials {
position:relative;
float:left;
text-align:left;
line-height:16px;
margin:5px;
width:500px;
height:100px;
}

.containformHeader{
  float:left;
  background-color:#F1BE5E;
  width:500px;
  text-align:center;
}

.containformHeader input {
  padding:5px;
}

/* this is where mapContent get published */
#mapContent {
position:absolute;
left:0;
top:255px;
width:397px;
color:#185C7D;
text-align:left;
background-color:white;
}

/* the menu holds the navigation system */
/* note, the menu and header sit in a file called header.inc, remember to update intrepidTours.xsl as well */
#menu {
position: absolute; 
top:100px;
left:560px;
z-index:3;
}
	/*additional menu styles */
	/* set definition list globals */
	dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}	
	
	/* edit these to change look of menu items */
	#menu dt {
	cursor: pointer;
	text-align:right;
	text-transform:uppercase;
	font-size:1.0em;
	line-height:15px;;
	color:white;
	font-weight:bold;
	}
	
		/* menu item link style */
	#menu a {
	color:white;
	font-weight:bold;
	}
	
	
	/* changes look of menu subcategory list item box */
	#menu li {
	background-color:#d35602;
	width:150px;
	}

	/* subcategory global values */
	#menu dd {
	display: none;
	background-color:#d35602;
	font-size:1.0em;
	color:white;
	font-weight:bold;
	}

	/* subcategory links, changes look of subcategory navigation */
	#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {

	color:#F1BE5E;
	}

	/* set positions of subcategory rollover menu */
		#smenu1 {
		position:absolute;
		left:89px;
		top:45px;
		}

		#smenu2 {
		position:absolute;
		left:89px;
		top:60px;
		}

		#smenu3 {
		position:absolute;
		left:89px;
		top:75px;
		}

		#smenu4 {
		position:absolute;
		left:89px;
		top:90px;
		}

		#smenu5 {
		position:absolute;
		left:89px;
		top:105px;
		}
		
		#smenu6 {
		position:absolute;
		left:89px;
		top:120px;
		}

/* in here is the quote link, some pictures, and testimonials */

#rightpanel {
float:left;
background-color:#F1BE5E;
color:#A3480B;
width:293px;
border-left:10px solid #f6f0e2;
}

 
	/* global link to quote form */
	#quote {
	height:92px;
	border-bottom:3px solid #f6f0e2;
	text-align:left;
	}

	/* the three pictures, each is set in html page, they all differ */
	/* note picture one is of different size */
	#pic1 {
	height:142px;
	}

	.pic1,.pic2 {
	height:135px;
	border-top:3px solid #f6f0e2;
	}

	.pic2 {
	border-bottom:3px solid #f6f0e2;
	}

	/* testimonial text properties */
	.testimonial {
	font-size:11px;
	font-style:italic;
	display:block;
	margin:20px;
	}
	


/* end of structure */

/* content styles */

	/* link properties */
	a {
	text-decoration:none;

	}

	#content a:hover {
	color:#F1BE5E;
	}

	#content a {
	color:#A3480B;
	font-weight:bold;
	}

	#content a:visited {
	color:#AE7B48;
	}

	/* end of linkproperties */
	
	/* global paragraph and header style */
	p {
	font-size: 12px;
	line-height:1.6em;
	margin:10px 20px 0px 20px;
	}
	
	/* used for lowering margin on the paragraph style on first line */	
	.under {
	margin-top:5px;
	}
	
	.bold {
	font-weight:bold;
	}
	
	
	/* content title */
	h1{
  font-family:'KomikaDisplayBold', verdana, arial, helvetica, sans-serif;
	font-size:22px;
	margin: 10px 20px 10px 20px;
	border-bottom:1px solid #79ABC4;
	text-transform:uppercase;
	}
	
	h2 {
  font-family:'KomikaDisplayBold', verdana, arial, helvetica, sans-serif;
  background-color:#F1BE5E;
	font-size:18px;
	font-weight:bold;
	margin: 10px 0px 5px 10px;
	text-transform:uppercase;
	padding:5px;
	text-align:center;
	color:#3E3C3C;
	}
	
	/* used as tour highlights title in highlight box */
	h3 {
  font-family:'KomikaDisplayRegular', verdana, arial, helvetica, sans-serif;
	font-size:16px;
	margin:0px 0px 8px 0px;
	}
	
	/* used as headers for tour highlights by date, day 1, day 2 etc. */
	h4 {
  font-family:'KomikaDisplayRegular', verdana, arial, helvetica, sans-serif;
	background-color:#F1BE5E;
	font-weight:bold;
	padding:5px;
	margin: 0px 20px 10px 20px;
	font-size:14px;
	color:#3E3C3C;
	clear:both;
	}
	
	
	h5 {
  font-family:'KomikaDisplayRegular', verdana, arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:10px 0px 5px 20px;	
	} 
	
	.customFont, .destin {font-family:'KomikaDisplayRegular', verdana, arial, helvetica, sans-serif;font-size:18px;}

.destin span {font-family: verdana, arial, helvetica, sans-serif;}
/* navbar styles */
	/* title of specials, originally a country name */
	.country {
	font-weight:bold;
	font-size:11px;
	color:#451E09;
	text-decoration:none;
	border-top: none;
	font-weight:bold;
	background-color:#D66813;
	padding:5px;
	  height:140px;
	}


	/* specials "view details" link */
	.country a{
	color:#F0E6C4;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;

	}

	.country  a:hover{
	color:#F1BE5E;
	}
/* end of navbar styles */


/* image properties */
img {
border:none;
}

.floatleft {
float:left;
margin: 0px 10px 10px 0px;
border: 5px solid #f6f0e2;
}

.floatright {
float:right;
margin: 0px 0px 10px 10px;
border: 5px solid #f6f0e2;
}

/* end of image properties */


/* lists */
ul {
list-style-type: none;
margin:0;
padding: 0;
}

li {
margin:3px;
}

/* use for bulleted lists */
.bullets {
margin: 5px 0 5px 30px;
font-size: 12px;
}

/* use for bulleted lists */
.bullets li {
list-style-type:disc;
}

	/* this lists sits in main index page */
	.tenreasons {
	margin:20px;
	padding:0;
	font-size:12px;
	}

	.tenreasons li {
	margin:15px;
	}
/* end of lists */


/*  header text style */
.emphasis {
margin:2px 5px 0px 0px;
padding:0;
font-size:1.4em;
font-weight:bold;
color:#185C7D;
}
/* end of header style */



/* global quote link and text style */
.gotoquote {
font-size:1.5em;
margin:0 20px 0 20px;
padding-bottom:15px;
font-weight:bold;
display:block;
border-bottom: 1px solid #C38B22;
color:#B45203;
}

	/* "let us tailor make your dream, rightpanel, by gloabl quote */
	.oneliner {
	font-size:1.0em;
	color:#B45203;
	margin:0 20px 0 20px;
	border-top: 1px solid #F4CE87;
	display:block;
	padding-top:10px;
	font-weight:bold;
	}
/* end of global quote section */




/****************** Added by Muddypaws Productions **************************/

div.thumbnail {
	width:397px;
	float:right;
	margin:0 10px 10px 0;
	padding-bottom:10px;
	}

div.thumbnail img {
	float:right;
	border: 1px solid #777;
	margin: 0px 10px 0 20px;
	}
	
div.thumbnail p {
	margin:0;
	padding: 10px 10px 0px 40px;
	}

div.thumbnail2 {
	width:397px;
	float:right;
	margin:0 10px 10px 0;
	padding-bottom:10px;
	}
		
div.thumbnail2 img {
	float:left;
	border: 1px solid #777;
	margin: 0px 10px 0 20px;
	}
	
div.thumbnail2 p {
	margin:0;
	padding: 10px 10px 0px 10px;
	}	

	
#mapContent p{
	text-indent:10px;
	font-size:12px;
	}
	
#mapContent a{
	margin-left:30px;
	color:#A3480B;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted;
	}


	#mapContent a:hover {
	color:#F1BE5E;
	}

	#mapContent a {
	color:#A3480B;
	font-weight:bold;
	}

	#mapContent a:visited {
	color:#AE7B48;
	}
	/* this box contains the newsletter signup form*/
.containform {
width:210px;
margin: 15px auto;
padding:5px;
background-color:#D35602;
}



/* table cells */
.containform td{
margin:0;
padding:0;
color:black;
}

/* paragraph style for the form */
.containfrom p{
margin-top:0px;
}

/* "sign up for your free newsletter */
.newsletter {
font-size:12px;
font-weight:bold;
color:black;
display:block;
margin-bottom:0px;
}

/* labels for form */
.formLabel {
font-size:13px;
color:black;
}

/* input boxes */
.myinput {
  display: block;
  width: 115px;
  float: left;
  margin-bottom: 2px;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

/* submit button */
.submit {
clear:left;
display:inline;
margin:5px;
width:55px;
border: 1px solid #333;
background-color: #79ABC4;
color: #fff;
font-size: 100%;
}

/* error styles */
.error {
color:#FF0000;
font-weight:bold;
font-size:11px;
}


/* privacy link, also used for newsletter archive link */
.privacy {
color:#A3480B;
font-weight:bold;
}

.liveperson {

    margin: 40px 0px 40px 20px;
}