/* ---------------------------- 
[Global Stylesheet]

Project:1842 Inn
Changes:05/02/12 (File created)
Created by:Third Wave Digital (www.thirdwavedigital.com)
------------------------------- */
/* ---------------------------- */
/* Normalize CSS
/* ---------------------------- */

@import url(normalize.css); 
@import url(/admin/assets/css/forms.css.cms);

/* ---------------------------- */
/* Fonts
/* ---------------------------- */

@font-face {
    font-family: 'AlexBrushRegular';
    src: url('fonts/alexbrush-regular-otf-webfont.eot');
    src: url('fonts/alexbrush-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alexbrush-regular-otf-webfont.woff') format('woff'),
         url('fonts/alexbrush-regular-otf-webfont.ttf') format('truetype'),
         url('fonts/alexbrush-regular-otf-webfont.svg#AlexBrushRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */

	body{background-color:#480108; color:#674b2e; font-family:'TimesNewRoman'; font-size:14px; line-height:20px; margin:0px; padding:0px;}
	a img{border:none;}
	a{color: #a90f1f; text-decoration:none;}
	a:hover{outline:none; text-decoration:underline; color:#47010b;}
	a:active, a:focus{outline:none; -moz-outline-style:none;}
	h1, h2, h3, h4, h5, h6, p, address{margin: 15px 15px 15px 0px;}
	h2, h5, h6{font-weight:normal; font-family:'TimesNewRoman';}
	h1 {font-weight: normal; font-family:'AlexBrushRegular'; font-size: 26px; color: #cbbf88;}
	h2{font-weight:normal; font-size:18px; color:#48030c; text-transform: uppercase;}
	h3 {font-family:'AlexBrushRegular';font-size:30px; color: #a90f1f; }
	h4 {font-weight:normal; font-family:'AlexBrushRegular';font-size:22px; color: #a90f1f; }
	::selection, ::-moz-selection, ::-webkit-selection{color:#fff; background:#a90f1f;}
	 
/* ---------------------------- */
/* Main Containers
/* ---------------------------- */

	#pattern {background: url(/img/bkground-content-pattern.jpg) repeat; width: 100%;}
	#header-pattern {background: url(/img/bkground-header-pattern.jpg) repeat-x;}
	
	#main-wrapper{margin:0px auto 0px auto; width: 965px; position:relative; padding: 156px 0px 0px 0px;}
	
	header{position: absolute;	width: 965px; top: 0px; left: 0px;  z-index: 99;}
	
	#quick-links {font-family:'TimesNewRoman'; margin:0px; padding:10px 0px 10px 0px; list-style:none; position:absolute;	right:0px;	top:0px;}
		#quick-links li {font-size:14px; text-transform:capitalize;	float:left;	padding:0px 10px 0px 10px;	border-right:1px solid #baad71}
		#quick-links li:last-child {border-right:none}
		#quick-links li a {	color:#baad71;	text-decoration:none}
		#quick-links li a:hover {text-decoration:underline}
	
	header .telephone {font-family: 'TimesNewRoman'; font-size: 16px; color: #baad71; margin: 35px 0px 0px 0px; float: right; text-decoration: none; padding:0px 10px 0px 10px; }
	
	header #logo {z-index: 3; float: left; margin: 20px 40px 0px 20px;}
	
	header h1 {padding: 75px 0px 0px 0px;}
	
	#top-nav{background-image:url(/img/bkground-top-nav.png); list-style:none; text-transform:uppercase; position:absolute; right:0px; top:117px; z-index:99; margin:0px 0px 0px 0px; padding:6px 0px 0px 0px; height:24px; }
		#top-nav li{ position: relative; float:left; padding:0px 20px 0px 20px; border-right: 1px solid #7b7145}
		#top-nav li:last-child {border: none;}
		#top-nav li a {display: block; text-decoration: none; color:#7b7145;}
		#top-nav li a:hover, #top-nav li.active a {color:#a90f1f}
		/* Dropdowns */
		#top-nav li.active ul li a {color:#7b7145}
		#top-nav li ul {background-color: #2f0003; text-transform:none; padding: 0px 5px 7px 5px; list-style: none; visibility: hidden; text-align: left; width: 150px; position: absolute; top:23px; left: 0px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
		#top-nav li ul li {border: none; float: none;  padding: 4px; display: block; white-space:nowrap; margin: 0px; }
		#top-nac li ul:last-child {padding: 4px;}
		#top-nav li ul li a {position: relative; font-size:14px; color: #cbbf88; padding: 3px; height: auto; display: block; background: none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
		#top-nav li ul li a:hover {background: #a90f1f; color: #fff;}
		
	#content-wrapper {z-index: 0; margin:0px auto 0px auto; background-image: url(/img/bkground-page-shadow.png); background-repeat: repeat-y; width: 1000px; position: relative ;min-height: 610px; }
	#content-wrapper:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
	
	#slideshow {z-index: 0; width: 965px; height: 333px; overflow: hidden; margin: 0px auto 0px auto; position: relative}
	
	article {width:635px; border-right: double #600; margin: 15px 15px 15px 30px; padding: 0px 23px 15px 10px; float:left; min-height:580px;}
	article:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
	aside {width: 200px; float:left; padding: 30px 15px 15px 15px}
	
	aside #reservations td {margin:0px;}
	
	iframe {border:none}
	
	footer {background-image:url(/img/bkground-footer-pattern.jpg); background-repeat: repeat-x; min-height: 115px; background-color:#4a0108;padding-top:20px}
	footer #content{margin:0px auto 0px auto; width: 965px; position:relative; padding: 0px; }
	footer #content #left{width: 390px; position:relative; float:left }
	footer img {float:left; margin-left: 20px}
	footer p {color:#baad71; font-family:'TimesNewRoman'; font-size:12px; line-height:20px; margin:0px; padding:0px;}
	footer a {color:#baad71}
	footer a:hover {color:#baad71;}
	
	


/* ---------------------------- */
/* Homepage Specific
/* ---------------------------- */

	#homepage {}
	#homepage #content-wrapper {z-index: 0; min-height: 610px; position: relative}
	#homepage #content-wrapper:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
	#homepage #section-left {margin: 20px 0px 0px 0px; float:left; width: 295px; border-right:double #660000; padding: 0px 10px 0px 20px}
	#homepage #section-center {margin:20px 0px 0px 0px; float:left;  width: 300px; border-right:double #660000; padding: 0px 20px 0px 20px}
	#homepage #section-right {margin: 20px 0px 0px 0px; float:left;  width: 295px; padding: 0px 20px 0px 10px}
	#homepage #section-title-specials {background-image:url(/img/title-specials.gif); background-repeat:no-repeat; min-height: 25px; margin: 0px auto 0px auto; width: 227px}
	#homepage #section-title-accomodations {background-image:url(/img/title-accomodations.gif); background-repeat:no-repeat; min-height: 25px; margin: 0px auto 0px auto; width: 250px}
	#homepage #section-title-reservations {background-image:url(/img/title-reservations.gif); background-repeat:no-repeat; min-height: 25px; margin: 0px auto 0px auto; width: 227px}
	#homepage h2 {margin:0px; padding: 0px;}
	#homepage #reservations {margin:12px 0px 0px 20px}
		
/* ---------------------------- */
/* Misc & Helpers
/* ---------------------------- */

	.clear{clear:both; display:block; float:none}
	.img-left{float:left; margin:0px 20px 10px 0px}
	.img-right{float:right; margin:0px 0px 10px 10px}
	.img-center {display:block; margin:0px auto 0px auto; text-align:center}
	.margin-top{margin-top:20px}
	.margin-left30 {margin-left:30px}
	.margin-top30{margin-top:30px}
	.margin-top10{margin-top:10px}
	.margin-top5{margin-top:5px}
	.margin-right{margin-right:20px}
	.margin-bottom{margin-bottom:20px}
	.align-left{text-align:left}
	.align-right{text-align:right}
	.align-center{text-align:center}
	.small{font-size:12px; line-height:14px}
	.large{font-size:26px; line-height:29px;}
	.nodis {display:none;visibility:hidden;}
	.floatright {float:right;}
	.floatleft {float:left;}
	.fineal-left {background-image: url(/img/ornament-titles-left.gif);background-repeat:no-repeat; width:20px; height:16px; margin-right:10px; float:left;}
	.fineal-right {background-image: url(/img/ornament-titles-right.gif);background-repeat:no-repeat;  margin: 5px; float: left; width:16px; height:12px;margin-left:10px;}
	.italic-bold-red {font-size:16px; color:#47010b; font-style:italic; font-weight:bold; line-height:none;}
	.addtoH3 {font-size:20px;float:right;margin-right:20px;font-weight:normal;}

/* ---------------------------- */
/* IE Fixes
/* ---------------------------- */

	.ie {}
	.ie8 footer {margin:0px auto 0px auto; position:absolute; width:100%; clear:both; padding: 30px 0px 30px 0px;}
	.ie7 #homepage #content-wrapper {z-index: -5; min-height: 610px; position: relative; }
	.ie7 #homepage #content-wrapper:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
	.ie7 #top-nav li ul {position:absolute; z-index: 100}
	.ie7 #pattern {position:absolute; z-index:-5;}
	.ie7 #content-wrapper {z-index: -5; margin:0px auto 0px auto; background-image: url(/img/bkground-page-shadow.png); background-repeat: repeat-y; width: 1000px; position: relative ;min-height: 610px; }
	.ie7 #content-wrapper:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
	.ie7 footer {margin:0px auto 0px auto; min-height: 115px; padding-top:20px; width:100%; clear:both; position:absolute; }
	.ie7 footer #content{padding: 0px; }

	
	
/* ---------------------------- */
/* IE6 Page
/* ---------------------------- */ 
	#white{background-color: #fff; padding: 20px;}
	#ie6 h2{font-weight:normal; font-size:24px; color:#a90f1f; text-transform: uppercase;}
		
