/*

Title:      	CSS Style Sheet
Author:     	http://www.DavidColeCreative.com
Created: 		Jan 17th 2009

*/





/* START - READ MORE LINK STYLE */

a:link.read-more {
	color: #9d3c0f;
	font-size: 12px;
	line-height: 1em;
	font-family: arial, verdana, sans-serif;
	margin: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #9d3c0f;
	border-left: 0;
	text-align: right;
	padding: 0;
}

a:visited.read-more {
	color: #9d3c0f;
	font-size: 12px;
	line-height: 1em;
	font-family: arial, verdana, sans-serif;
	margin: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #9d3c0f;
	border-left: 0;
	text-align: right;
}

a:hover.read-more {
	color: #222;
	font-size: 12px;
	line-height: 1em;
	font-family: arial, verdana, sans-serif;
	margin: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #222;
	border-left: 0;
	text-align: right;
}


/* END - READ MORE LINK STYLE */




/* START - FOOTER LINK STYLE */

a:link.footer,
a:visited.footer {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	padding: 10px 20px 10px 0;
	margin: 0;
}

a:hover.footer {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	font-family: arial, verdana, sans-serif;
	padding: 10px 20px 10px 0;
	margin: 0;
}



/* END - FOOTER LINK STYLE */




/* START - INLINE LINK STYLE */

a:link.inline,
a:visited.inline {
	font-size: 13px;
	line-height: 1.5em;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 10px 0 10px 0;
}

a:hover.inline {
	font-size: 13px;
	line-height: 1.5em;
	color: #9d3c0f;
	font-family: arial, verdana, sans-serif;
	margin: 10px 0 0 0;
}



/* END - INLINE LINK STYLE */


/* START - INLINE LINK STYLE (with BUTTON BG) */

a:link.button,
a:visited.button {
	background: #9d3c0f url(images/button-bg.png) repeat-x;
	border: 1px solid #642b11;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.5em;
	color: #DAD8BE;
	font-family: arial, verdana, sans-serif;
	margin: 10px 0 0 0;
	padding: 5px;
}

a:hover.button {
	background: #a84e24;
	font-size: 13px;
	line-height: 1.5em;
	color: #DAD8BE;
	font-family: arial, verdana, sans-serif;
	margin: 10px 0 0 0;
}



/* END - INLINE LINK STYLE */





/* START - INLINE-RED LINK STYLE (NO BUTTON BG)*/

a:link.inline-red,
a:visited.inline-red {
	border: 0px solid #333;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5em;
	color: #9d3c0f;
	font-family: arial, verdana, sans-serif;
	margin: 20px 0 0 0;
	padding: 4px;
}

a:hover.inline-red {
	font-size: 13px;
	line-height: 1.5em;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 10px 0 0 0;
}

/* END - INLINE-RED LINK STYLE */














/* START - LITTLE TEXT LINKS STYLE */


p.little-text {
	color: #333;
	font-size: 10px;
	line-height: 1em;
	font-family: arial, verdana, sans-serif;
	text-align: left;
	margin: 0 0 0 28px;
	padding: 62px 0 0 0;
	border: 0;
}




p.badge-text {
	color: #333;
	font-size: 10px;
	line-height: 1em;
	font-family: arial, verdana, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}


p.little-text-sig {
	color: #703A12;
	font-size: 10px;
	line-height: 1em;
	font-family: arial, verdana, sans-serif;
	text-align: left;
	margin: 5px 0 0 5px;
	padding: 0;
	border: 0;
}







p.partner-captions {
	color: #333;
	font-size: 10px;
	line-height: 1em;
	font-family: arial, verdana, sans-serif;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
}


div#quote-intro {
	width: 240px;
	padding: 0;
	margin: 20px 20px 5px 20px;
	border: 0px dotted #333;
	text-align: left;
}


p.quote-intro {
	color: #333;
	font-size: 11px;
	line-height: 1em;
	font-family: arial, verdana, sans-serif;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
}




.badge-text a:link,
.badge-text a:visited {
	color: #333;
}


.badge-text a:hover {
	color: #888;
}



/* END - LITTLE TEXT LINKS STYLE */









body {
	font-size: 75%;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	background: #17120e url(images/page-bg-4.jpg) center top no-repeat;
	margin: 0;
	padding: 0;
}


h1 {
	color: #9d3c0f;
	font-family: Arial;
	font-size: 22px;
	line-height: 24px
	padding: 0;
	margin: 20px 0 0 15px;
	
}


h2 {
	color: #9d3c0f;
	font-family: Arial;
	font-size: 14px;
	padding: 10px 0 0 0;
	margin: 0 0 0 15px;
}


h2.about {
	color: #9d3c0f;
	font-family: Arial;
	font-size: 14px;
	padding: 10px 0 0 0;
	margin: 10px 0 0 15px;
}


span.tour-deets-title {
	color: #9d3c0f;
	font-family: Arial;
	font-size: 12px;
	padding: 10px 0 0 0;
	margin: 0 0 0 15px;
	font-weight: bold;
}


span.tour-deets {
	font-size: 13px;
	line-height: 1.5em;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 5px 0 0 5px;
}



.details li {
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
}



p.bodycopy {
	font-size: 13px;
	line-height: 1.4em;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 10px 0 0 15px;
}


p.faq-body {
	font-size: 13px;
	line-height: 1.2em;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 5px 0 0 40px;

}




p.partner-copy {
	font-size: 12px;
	line-height: 1.2em;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 4px 0 0 0;
}


/* START - Tour tag header link style*/



a.tour-tag-title:link {
	font-size: 20px;
	color: #240703;
	font-family: times;
	margin: 0;
	padding: 12px 0 2px 0;
}


a.tour-tag-title:visited {
	font-size: 20px;
	color: #240703;
	font-family: times;
	margin: 0;
	padding: 12px 0 2px 0;
}

a.tour-tag-title:hover {
	font-size: 20px;
	color: #703a12;
	font-family: times;
	margin: 0;
	padding: 12px 0 2px 0;
}


/* END - Tour tag header link style*/



p.tour-tag-body {
	font-size: 12px;
	line-height: 13px;
	color: #240703;
	font-family: times;
	margin: 0;
	padding: 5px 15px 10px 15px;
	text-align: left;
}



blockquote, blockquote p.big-review {
	text-indent: -.75em;
	margin: 0;
	}



p#footer {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	padding: 10px 20px 10px 0;
	margin: 0 0 0 15px;
}


p#flickr-title {
	font-size: 12px;
	line-height: 13px;
	color: #fff;
	font-family: arial, sans-serif;
	margin: 10px 0 8px 0;
	padding: 5px 15px 5px 15px;
	text-align: left;
}



p.right-col-review {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	color: #703a12;
	font-family: times, serif;
	font-style: italic;	
}


p.inline-review {
	padding: 0;
	margin: 15px 0 5px 15px;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	color: #703a12;
	font-family: times, serif;
	font-style: italic;	
}



p.inline-sig {
	color: #703A12;
	font-size: 10px;
	line-height: 1em;
	font-family: arial, verdana, sans-serif;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 0;
	border: 0;
}



p.right-col-sig {
	padding: 0;
	margin: 5px 0 0 0;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	color: #703a12;
	font-family: arial, sans-serif;
	font-style: normal;	
}


a:link,
a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px dotted #d88f32;
	}

a:hover {
	color: #000;
	border-bottom: 0px dotted #000;

	}
	

/* TOP NAV LINK STYLE */


a:link,
a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 0px dotted #d88f32;
	}

a:hover {
	color: #000;
	border-bottom: 0px dotted #000;
	}
	
	
	
	
/* top nav styling */

#topnav ul {
	list-style: none;
	margin: 0;
	text-align: center;
	padding: 5px 0 0 0;
}

#topnav li {
	margin: 0 3px 0 3px;
	display: inline;
	font-family: arial, verdana, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0;

}


#topnav li a {
	text-decoration: none;
	color: #fff;
	padding: 0;
}



#topnav a:hover {
	color: #9d3c0f;
}



/* start CURRENT PAGE NAV STYLING

This is the code that highlights the current page in the nav.
1. Each page must have body ID to match below.
2. Line Items in the nav must have IDs to match below.
3. This only affects links (anchors) in the nav UL.
*/

body#home li#topnav-home a,
body#belltown li#topnav-belltown a,
body#market li#topnav-market a,
body#reservations li#topnav-reservations a,
body#reviews li#topnav-reviews a,
body#about li#topnav-about a,
body#faq li#topnav-faq a,
body#contact li#topnav-contact a {
color: #9d3c0f;
border: 0px solid #9d3c0f;
font-weight: bold;
}


/* end CURRENT PAGE TAB */








	
/* this is the container that everything is inside of */


div#wrapper {
	background: transparent url(images/shadow-sides.png) top left repeat-y;
	width: 800px;
	padding: 0px 15px 0px 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	/* border: 1px solid #gray; */

}



/* main content wrapper div */








div#header {
	background: #333 url(images/header-bg.jpg);
	width: 800px;
	height: 180px;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px solid yellow;

}



#market div#header {
	background: #333 url(images/header-bg-market.jpg);
}

#belltown div#header {
	background: #333 url(images/header-bg-belltown.jpg);
}






div#topnav {
	background: #2b2620;
	width: 800px;
	/* height: 30px; */
	padding: 10px 0 10px 0;
	border: 0px solid pink;
	margin: 0;
}



div#mainstage {

	background: #d9d7c2 url(images/faux-column.jpg) repeat-y;
	width: 776px;
	padding: 0;
	margin: 0;
	border: 12px solid #fff;

}



div#main_left {
	float: left;
	width: 460px;
	padding: 0 0 15px 0;
	margin: 0;
	border: 0px solid red;

}

div#big-review {
	width: 380px;
	padding: 15px 30px 15px 30px;
	margin: 30px 0 30px 15px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;


}


div#main_right {
	/* background: #9e9c92; */
	float: right;
	width: 280px;
	padding: 0 0 42px 0;
	margin: 0 0 0 5px;
	border: 0px solid red;

}




div.tour-tag {
	background: transparent url(images/tag-bg-top.png) left top no-repeat;
	width: 240px;
	padding: 12px 0 0 0;
	margin: 20px 20px 0 20px;
	border: 0px solid green;
	text-align: center;

}


div.tour-tag-bottom {
	background: #9e9c92;
	width: 240px;
	padding: 0;
	margin: 0;
	border: 0px solid green;
	text-align: center;

}


div#big-trip-advisor {
	width: 240px;
	margin: 25px 0px 5px 10px;
	padding: 0;
	border: 0px dotted #666;
}



div#trip-advisor-badge {
	background: url(images/trip-advisor-badge.png) top left no-repeat;
	width: 252px;
	height: 89px;
	padding: 5px;
	margin: 0 20px 20px 15px;
	border: 0px solid green;
	text-align: center;
}


div#zerve-badge {
	background: url(images/zerve-badge.png) top left no-repeat;
	width: 252px;
	height: 89px;
	padding: 5px;
	margin: 0 20px 20px 15px;
	border: 0px solid green;
	text-align: center;
}



div#right-col-review {
	width: 240px;
	padding: 0;
	margin: 10px 20px 25px 20px;
	border: 0px dotted #333;
	text-align: center;
}



div.hr {
	padding: 0 10px 0 10px;
	margin: 0 15px 0 15px;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #5e5c52;
	border-left: 0;


}

div.right-col-hr {
	padding: 0 10px 0 10px;
	margin: 20px 0 0 20px;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px dotted #5e5c52;
	border-left: 0;
	width: 220px;


}




div.footer {
	background: #2b2620;
	/* height: 30px; */
	padding: 0;
	margin: 0;
	border: 0px solid green;

}




div#flickr-box {
	background: #2b2620;
	float: left;
	width: 430px;
	padding: 0;
	margin: 10px 0 15px 15px;
	border: 10px solid #fff;

}



div.partner{
	background:#E8E7DA;
	width: 440px;
	padding: 0;
	margin: 10px 0 15px 15px;
	border: 0px solid #fff;
}

div.partner-text{
	float: left;
	width: 275px;
	padding: 0;
	margin: 0;
	border: 0px solid #fff;
}

div.partner-text-hr{
	float: left;
	width: 275px;
	padding: 0;
	margin: 5px 0 0 0;
	border-bottom: 1px dotted #aaa;
}



div.deets{
	background:#E8E7DA;
	width: 400px;
	padding: 0;
	margin: 10px 0 0 15px;
	border: 0px solid #fff;
}


div.inquire{
	background:#E8E7DA;
	width: 240px;
	padding: 0;
	margin: 10px 0 0 15px;
	border: 0px solid #fff;
}


div.tip{
	background: #E8E7DA;
	width: 340px;
	padding: 5px 20px 5px 20px;
	margin: 5px auto 0 auto;
	border: 0px solid #fff;
	text-align: left;
}


p.tip-body {
	font-size: 13px;
	line-height: 1.4em;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 5px 0 0 0;
}


span.heavy-red {
	border: 0px solid #333;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5em;
	color: #9d3c0f;
	font-family: arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
}


div.reserve-deets{
	background:#E8E7DA;
	width: 440px;
	padding: 5px 0 15px 0;
	margin: 10px 0 0 15px;
	border: 0px solid #fff;
}


div#bottom-shadow {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0px dotted lime;
	text-align: center;
	
}


img.slide {
	margin: 10px 0 0 0;
	padding: 0;
}


img.tour-tag-bottom {
	margin: 0;
	padding: 0;
}

img#logo {
	margin: 20px 0 0 20px;
}

img.james-beard {
	margin: 5px 0 0 0;
	border: 0;
}




img.partner-pic {
	float: left;
	margin: 5px 15px 5px 5px;
}




/* SLIDE SHOW START */


#slideshow {
    position:relative;
    height:200px;
    padding: 0;
    margin: 0;
    border: 0px dotted lime;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    padding: 0;
    margin: 0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
    padding: 0;
    margin: 0;    
    border: 0px dotted pink;

}

#slideshow img.last-active {
    z-index:9;
    padding: 0;
    margin: 0;
    }



/* END SHOW  */



/* this class/ID TOOLTIP is used by Jquery  */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background: #9C9C8F;
	padding:5px;
	color:#111;
	display:none;
	}	
	
	

/* END this class/ID TOOLTIP is used by Jquery  */



ul.bodycopy{
	padding: 0;
	margin: 0 0 0 40px;
	list-style: square;
}


.bodycopy li {

	font-size: 13px;
	line-height: 1.5em;
	color: #333;
	font-family: arial, verdana, sans-serif;
	margin: 0;
	padding: 0 0 0 -5;
	}

img#twitter-icon {
padding: 0;
margin: 0 0 -5px 5px;
border: 0;
}

img#flickr-logo {
padding: 0;
margin: 0 0 -2px 145px;
border: 0;
}