/* ==============================================================
Filename: default.css
Template: Kress Inn Web Page
Author: Chris Schmitz
Contact: chris@beperceived.com
Date Created: May 7th, 2009
Last Modified: August 31st, 2009
Media: Screen
-----------------------------------------------
Notes: The styling information for www.kressinn.com
============================================================== */



/* =Reset
--------------------*/

span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:"lucida sans", verdana, helvetica, sans-serif;
}

/* =Typography Styles
-------------------------------*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

b {
	font-weight: bold;
}

small {
	font-size: 70%;
}

p {
	font-size: 12px;
	padding-bottom: 15px;
}

h1 {
	font-size:20px;
	font-weight:bold;
	padding-bottom:20px;
}

h2 {
	font-size:18px;
    margin:0 0 10px 0;
	text-align:left;
}

h2 a {
	font-size:18px;
    margin:0 0 10px 0;
	text-align:left;
}

h2 small {
	font-size:10px;
}

h2.accommodations {
	font-size: 17px;
}

#specials h2 {
    font-size:20px;
    font-weight:bold;
    text-align:center;
    margin:0px 3px 0px 0px;
    padding:10px 0px 9px 0px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 4px 0;
}

h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px;
}

h3.discoverLink {
	margin:0 0 10px 0;
}

h2.specialsHeader {
	font-size:16px;
	margin:0 0 18px 0;
}

#leftColumn p, h1 {
	padding-right:20px;
	padding-bottom:20px;
}

strong {
	font-weight:bold;
}

a {
	color:#782327;
	font-size:100%;
	text-decoration:none;
}

p a {
	text-decoration: underline;
}

a.none {
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color:#366748;
}

address {
	font-size:14px;
	margin:0 0 10px 0;
}

/* =Body Elements
-------------------------------*/

html {
	background:url(/images/background.jpg);
}

body {
	margin:0px;
	padding:0px;
	text-align:center;
}

#wrapper {
	margin:0 auto;
	margin-top:20px;
	padding:0;
	text-align:left;
	width:801px;
}

/* =Header
--------------------------*/

#header {
	background:url(/images/contentTop.png) top left no-repeat;
	height:141px;
	margin: 0 0 -7px;
}

#logo {
	float: left;
	margin: 0;
	padding:12px 0px 0px 82px
}

#search {
	float: right;
	margin: 70px 20px 20px 0;
}

#headerLinks {
	float:right;
	margin: 0 15px 0 0;
	padding: 0;
}

#headerLinks li {
	display:inline;
}

#headerLinks a {
	text-decoration:none;
	color:#782327;
	margin-right:7px;
	letter-spacing: -1px;
	font-size:14px;
	font-weight:normal;
}

#headerLinks img {
	margin:0 10px 1px 0;
}

#headerLinks a:hover {
	color:#2F5B3F;
}

#headerLinks span {
	color:#2F5B3F;
}

/* =Highlight Active Link
--------------------------*/

body#homepage a#homenav, body#accommodationspage a#accommodationsnav, 
body#servicespage a#servicesnav, body#discoverpage a#discovernav, 
body#meetingspage a#meetingsnav, body#weddingspage a#weddingsnav, 
body#mappage a#mapnav, body#testimonialspage a#testimonialsnav
a#resvnav
{
	font-weight: bold;
}

body#reservationspage a#reservationsnav, body#specialspage a#specialsnav,
body#tourpage a#tournav, body#contactpage a#contactnav, body#faqpage a#faqnav, 
body#aboutpage a#aboutnav {
	color:#2F5B3F;
}


/* =Images and Links below header
---------------------------------*/

#preContent {
	background:url(/images/verticalLinksBG2.png) top right no-repeat;
	height:303px;
	margin:0;
	position:relative;
	z-index: 1;
}

#content {
	background:url(/images/contentBG.jpg) repeat-y;
	margin-top:-10px;
	position: relative;
	width:801px;
}

#slideshow1 {
	float:left;
	height:274px;
	margin:0px;
	margin-top:7px;
	position:relative;
	width:542px;
}

#slideshow1 img {
    position:absolute;
    top:0;
    left:0;
    z-index:-3;
}

#slideshow1 img.active {
    z-index:-1;
}

#slideshow1 img.last-active {
    z-index:-2;
}

#slideshowStill {
	float:left;
	height:274px;
	margin:0px;
	margin-top:7px;
	position:relative;
	width:542px;
}

#slideshowStill img {
    position:absolute;
    top:0;
    left:0;
    z-index:-3;
}

#imageOverlay {
	background:transparent url(/images/imageOverlay2.png) top left repeat-x;
	width:543px;
	height:12px;
	position:absolute;
	top:265px;
	left:0px;
	z-index:100;
}

#vertLinkContainer {
	float:right;
	width:256px;
}

#verticalLinks {
	margin:24px 0px 0px 0px;
	text-align:center;
}

#verticalLinks span {
	color:#000;	
}

#verticalLinks li {
	list-style:none;
	padding:0px 0px 9px 0px;
}

#verticalLinks a {
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

#verticalLinks a:hover {
	font-weight: bold;
}

#verticalLinks a:active {
	color:#eee;
}

/* =Main Content
-----------------------------------*/

#leftColumn {
	display:block;
	float:left;
	padding:35px 0px 20px 35px;
	width:482px;
}

#leftColumn ul {
    font-size:12px;
    margin:0 0 20px 20px;
}

#rightColumn {
	display:block;	
	float:right;
	height: 100%;
	position:relative;
	width:257px;
}

#rightImage {
	float:right;
	position: absolute;
		bottom: -38px;
		right: 0;
	width:259px;
	z-index: 10;
}

#specials {
	margin:3px 0px 230px -3px; /* Bottom padding is to prevent image at the bottome of the right column from coming up too far */
	position:relative;
}

#clearFix {
	clear:both;
}

.floatClear {
	clear: both;
}

.divider {
	margin: 0 0 10px 0;
}

/* =Left Column Styles
-----------------------*/

.leftContent1 {
	margin:0 0 0 -20px;
}

.leftContent1 ul {
	border-bottom:2px solid #782327;
	border-top:2px solid #782327;
	margin:0 0px 20px 0;
	padding:8px 3px 8px 0;
	width:470px;
}

.leftContent1 ul, .leftContent1 ul a {
	color:#782327;
	font-size:11px;
	font-weight:normal;
	list-style-type:none;
	text-decoration:none;
	text-align:center;
}

.leftContent1 li a {
	margin:0 0 0 3px;
}

.leftContent1 li {
	display:inline;
}

.leftContent1 li a:hover {
	color:#366748;
}

.leftContent1 a span {
	color:#366748;
}

.leftContent2 ul {
	float:left;
	font-size:12px;
	list-style-type:disc;
	margin:0 0 0 25px;
	text-decoration:none;
	width:215px;
}

.leftContent2 ul.listRight {
	float:right;
	font-size:12px;
	list-style-type:disc;
	margin:0 0 0 25px;
	text-decoration:none;
	width:215px;
}

.leftContent3 ul {
	list-style-type:disc;
	margin:0 0 15px 25px;
	text-decoration:none;
}

.finePrint {
	font-size:11px;
	text-align:center;
	width:450px;
}

#map {
	margin:0 0 10px 0;
	text-align:center;
}

.specialsContainer {
	margin:0 0 0 15px;
}

ul#discover {
font-size: 14px;
font-weight: bold;
}

ul#discover a {
	font-size:13;
	font-weight:bold;
}

#weatherWidget {
	margin:0;
	width:200px;
}

p.testimonial {
	border-top:1px solid #782327;
	padding:18px 0 0 0;
}

#bookItNow {
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 19px;
	text-decoration:underline;
}

p.image {
	float: left;
	width: 320px;
}

p.p-image img {
	float: right;
}

/* =Gallery Styles
-----------------------*/

ul#image-gallery li {
	font-size: 10px;
	float: left;
	list-style-type: none;
	margin: 5px 5px 5px 0;
	text-align: center;	
}

ul#image-gallery li img {
	display: block;
	margin-bottom: 2px;
}

/* =Contact Page Styles
-----------------------*/

p#twitter {
	padding-left: 25px;
	position: relative;
}

p#twitter img {
	position: absolute;
		top: -2px;
		left: 0;
}


/* =Footer
-----------------------*/

#footer {
	background:url(images/bottomBarRepeat.jpg) repeat-x;
	color:#fff;
	height:36px;
	margin-bottom:60px;
	position: relative;
	vertical-align: middle;
}

#footer-text {
	position: relative;
	z-index: 1000;
}

#footer p {
	font-size:12px;
	padding-top:13px;
	position:relative;
	text-align:center;
	z-index: 10000;
}

#footer a {
	color:#aaaaaa;
	position: relative;
	text-decoration:none;
	z-index: 10000;
}

#footer a:hover {
	color:#fff;
}

.cse-overlay {
	z-index: 10000;
}