/**
 *  Normanby Hotel
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *
 */
html,body {
	background:					#000;
}

body {
	color:						#191919;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					12px;
}

img, div, li { 
	behavior: url(/iepngfix.htc);
}

/** layout
------------------------------------------------------------------ */

div#logo {
	position:					absolute;
	z-index:					999;
	margin-left:				413px;	
}

div#navigation-wrapper {
	background:					url(../images/bg-menu.gif) repeat-x;
}

div#navigation {
	margin:						0 auto;
	width:						972px;
	height:						75px;
}

div#feature {
	height:						640px;
	text-align:					center;
}

div#feature-home {
	position:					absolute;
	width:						330px;
	height:						150px;
	margin:						100px 0 0 20px;
	color:						#676463;
	line-height:				20px;
	font-size:					13px;
	color:						#333;
}

div#feature-home a {
	margin-top:					12px;
}

div#wrapper {
	position:					absolute;
	margin-top:					330px;
	width:						100%;
}

div#wrapper-content {
	position:					absolute;
	margin-top:					50px;
	width:						100%;	
}

div#events {
	margin:						0 auto;
	width:						1000px;
	overflow:					hidden;
}

div#events-content {
	margin:						0 auto;
	overflow:					hidden;
}

div#logo-small {
	position:					absolute;
	margin: 					108px 0 0 462px;
	z-index:					666;
}

div#logo-small-content {
	position:					absolute;
	margin: 					172px 0 0 462px;
	z-index:					666;
}

div#contact {
	height:						90px;
	background:					url(../images/bg-icons.jpg) no-repeat;
	margin-top:					20px;
}

.contact-column {
	padding:					38px 0 0 0;
	float:						right;
}

.column1 {
	width:						240px;
}

.column2 {
	width:						240px;
}

.column3 {
	width:						105px;
}

div#footer {
	margin:						0 auto;
	width:						960px;
	padding:					40px 0 0 0;
	height:						120px;
}

.footer-background {
	background:					url(../images/bg-footer.jpg) no-repeat;
}

div#footer .column {
	width:						210px;
	padding:					0 0 0 30px;
	float:						left;
	font: 						12px Helvetica, Arial, sans-serif;
	color:						#9b9b9b;
	line-height:				20px;
}

div#content-wrapper {
	width:						972px;
	margin:						0 auto;
	background:					url(../images/bg-content.png);
	padding:					45px 0 8px 0;
}

div#title {
	padding:					0 0 0 36px;
	font-size:					10px;
}

div#content {
	float:						left;
	width:						660px;
	padding:					0 0 15px 36px;
	line-height:				20px;
}

div#content-side {
	float:						right;
	width:						180px;
	padding:					0 36px 15px 0;
}

div#content-footer {
	clear:						both;
	background:					url(../images/bg-red.jpg);
	height:						200px;
}

.content-footer-home {
	width:						972px;
	margin:						0 auto;
}

div#callout {
	background:					#A6A6A6;
	padding:					20px;
	border:						1px solid #b7b7b7;
}

div#slideshow {
	padding:					5px;
	background-color:			#9f9f9f;
	margin:						15px 0 15px 0;
	font-size:					10px;
	text-transform:				uppercase;
	color:						#fff;
	font:						"Trebuchet MS", Arial, Helvetica, sans-serif;
	clear:						both;
}


/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

p {
	margin-bottom:				12px;
	line-height:				20px;
}

a {
	color:						#b7000a;
	text-decoration:			none;
}

a:hover {
	color:						#9f0009;
	text-decoration:			none;
}

h1 {
	font: 						24px Helvetica, Arial, sans-serif;
	color:						#FFF;
	margin-bottom: 				4px;
}

h2 {
	font: 						18px Helvetica, Arial, sans-serif;
	line-height:				24px;
}

h3 {
	font:						14px Helvetica, Arial, sans-serif;
	color:						#FFF;
}

div#callout h3 {
	font:						15px Helvetica, Arial, sans-serif;
	text-transform:				uppercase;
	color:						#FFF;
	margin-bottom:				5px;
	border-bottom:				1px solid #b7b7b7;
	padding-bottom:				5px;
}

div#feature-home h1 {
	color:						#b7000a;
}

div#content h1 {
	font:						14px Helvetica, Arial, sans-serif;
	color:						#FFF;
}

/** lists/typography/links
------------------------------------------------------------------ */
img.img-left {
	margin:						0px 20px 10px 0px;
	border:						5px solid #9F9F9F;
}

img.img-right {
	margin:						0px 0px 10px 20px;
	border:						5px solid #9F9F9F;
}
	

div#content-wrapper h2 {
	margin:						14px 0 12px 0;
}

div#title a {
	text-transform:				uppercase;
}

div#title img {
	margin-top:					10px;
}

div#footer a {
	color:						#9b9b9b;
	text-decoration:			none;
}

div#footer a:hover {
	color:						#9b9b9b;
	text-decoration:			none;
}

div#footer .column h2 {
	font: 						16px Helvetica, Arial, sans-serif;
	font-weight: 				bold;
	color:						#FFF;
	margin-bottom: 				10px;
}

div#footer span {
	width:						20px;
	color:						#ca0813;
	border-right:				1px solid #1c1c1c;
	padding-right: 				7px;
	margin-right:				7px;
}

div#footer .column ul {
	margin-left:				0;
	margin-bottom:				1em;
}

div#footer .column ul li {
	list-style:					none;
	list-style-type:			none;
	margin-bottom:				0.5em;
	padding-left:				0;
}

div#content-side ul {
	margin: 					0;
	padding:					0;	
}

div#content-side li {
	margin: 					0px;
	padding:					0 0 4px 20px;		
	font-size:					12px;
	list-style: 				none;
	line-height:				24px;
	background: 				url("../images/arrow.gif") no-repeat 0.1em 0.4em;
}

/*
div#content-side li.book {
	margin: 					0px;
	padding:					0 0 4px 20px;		
	font-size:					12px;
	list-style: 				none;
	line-height:				24px;
	background: 				url("../images/icon-book.gif") no-repeat 0em 0.3em;
}

div#content-side ul li.pdf {
	margin: 					0px;
	padding:					0 0 4px 20px;		
	font-size:					12px;
	list-style: 				none;
	line-height:				24px;
	background: 				url("../CatalystImages/Literature/pdf.png") no-repeat 0em 0.3em;
}*/

div#content ul {
	margin: 					0;
	padding:					0;	
}

div#content ul li {
	margin: 					0px;
	padding:					0 0 4px 20px;		
	font-size:					12px;
	list-style: 				none;
	line-height:				24px;
	background: 				url("../images/arrow.gif") no-repeat 0em 0.4em;
}


/** images
------------------------------------------------------------------ */

/** forms
------------------------------------------------------------------ */
input,select,textarea {
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					11px;
}

input.text {
	border:						0; 
	height:						12px;
	padding:					5px;
}

input.search {
	width:						115px;
	background:					url(../images/bg-field.gif) no-repeat;
}

.searchbutton {
	background:					url(../images/buttons/btn-search.gif) no-repeat;
	border:						0;
	height:						22px;
	width:						50px;
	padding:					4px 10px 5px 6px;
	color:						#474749;
}

input.large {
	background:					url(../images/bg-large-field.gif) no-repeat;
	width:						160px;
}

input.medium {
	background:					url(../images/bg-medium-field.gif) no-repeat;
	width:						97px;
}