/* 
Title:     		Armadale
date:   		March 2008
*/		

				* { margin: 0; padding: 0; list-style-type: none; outline: none}
				body { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; color: #000; text-align: center;}
				
				img { border: none; margin: 0; padding: 0;}
				a img { border: none; margin: 0; padding: 0;}
				
				div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th, em
				{ margin: 0; padding: 0;}
				
				input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;}
				table { display: block; border-collapse: collapse; border: none;}
				th { text-align: left;}
			
/* Structure Styles 
---------------------------------------------------------- */
				#container { width: 778px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 20px; border: 1px solid #84414A;}
				.home-bg { background: url(../images/home-bg.jpg) 0 0 repeat-y;}
				.home-footer { background: url(../images/home-footer.jpg) left bottom no-repeat;}
				
				.food-bg { background: url(../images/food-bg.jpg) 0 0 repeat-y;}
				.food-footer { background: url(../images/food-footer.jpg) left bottom no-repeat;}
				
				.rooms-bg { background: url(../images/rooms-bg.jpg) 0 0 repeat-y;}
				.rooms-footer { background: url(../images/rooms-footer.jpg) left bottom no-repeat;}

				.findus-bg { background: url(../images/findus-bg.jpg) 0 0 repeat-y;}
				.findus-footer { background: url(../images/findus-footer.jpg) left bottom no-repeat;}

				/* Header */
				#header { width: 778px; height: 138px; margin: 0; padding: 0;}
				#hd-leftcol { width: 503px; float: left; display: inline; position: relative; margin: 0; padding: 0;}
				#hd-rightcol { width: 275px; float: right; position: relative; padding: 0; margin-top: 30px;}	

				#wrapper { width: 732px; margin-left: 46px; padding: 0;}
				#maincol { width: 390px; float: left; display: inline; position: relative; margin-right: 67px; padding: 0;}
				#rightcol { width: 275px; float: right; position: relative; padding: 0; margin: 0;}
				#rightcol p { margin: 10px 0 0 6px;}
				
				.map { background: url(../images/map.gif) 30px 43px no-repeat;}	
								
/* Navigation
---------------------------------------------------------- */	
				/* Main Top Navigation */
				#nav { width: 390px; height: 18px; float: left; padding-left: 46px;}
				#nav li { float: left; display: inline; clear: right; margin: 0; padding: 0;}
				
				#nav .last { margin-right: 0;}
				
				li.home { background: transparent url(../images/nav/home.gif) no-repeat 0 0; width: 78px; height: 18px;}
				li.home a { width: 78px; height: 18px; display: block; padding-top: 18px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/home.gif) no-repeat -78px 0;}
				li.home a:hover { background-position: 0 -18px; z-index: 50;}				
				li.home-over { background: transparent url(../images/nav/home-over.gif) no-repeat 0 0; width: 78px; height: 18px;}
				* html li.home a:link, * html li.home a:visited { height: 18px; he\ight:0;}
				* html li.home a:hover { height: 18px; he\ight:0;}
												
				li.food { background: transparent url(../images/nav/food.gif) no-repeat 0 0; width: 78px; height: 18px; display: block;}
				li.food a { width: 78px; height: 0; display: block; padding-top: 18px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/food.gif) no-repeat -78px 0;}
				li.food a:hover { background-position: 0 -18px; z-index: 50;}
				li.food-over { background: transparent url(../images/nav/food-over.gif) no-repeat 0 0; width: 78px; height: 18px;}
				* html li.food a:link, * html li.food a:visited { height: 18px; he\ight: 0;}
				* html li.food a:hover { height: 18px; he\ight: 0;}
				
				li.rooms { background: transparent url(../images/nav/rooms.gif) no-repeat 0 0; width: 78px; height: 18px; display: block;}
				li.rooms a { width: 78px; height: 0; display: block; padding-top: 18px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/rooms.gif) no-repeat -78px 0;}
				li.rooms a:hover { background-position: 0 -18px; z-index: 50;}
				li.rooms-over { background: transparent url(../images/nav/rooms-over.gif) no-repeat 0 0; width: 78px; height: 18px;}
				* html li.rooms a:link, * html li.rooms a:visited { height: 18px; he\ight: 0;}
				* html li.rooms a:hover { height: 18px; he\ight: 0;}
				
				li.todo { background: transparent url(../images/nav/todo.gif) no-repeat 0 0; width: 78px; height: 18px; display: block;}
				li.todo a { width: 78px; height: 0; display: block; padding-top: 18px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/todo.gif) no-repeat -78px 0;}
				li.todo a:hover { background-position:0 -18px; z-index: 50;}
				li.todo-over { background: transparent url(../images/nav/todo-over.gif) no-repeat 0 0; width: 78px; height: 18px;}
				* html li.todo a:link, * html li.quote a:visited { height: 18px; he\ight: 0;}
				* html li.todo a:hover { height: 18px; he\ight: 0;}

				li.findus { background: transparent url(../images/nav/findus.gif) no-repeat 0 0; width: 78px; height: 18px; display: block;}
				li.findus a { width: 78px; height: 0; display: block; padding-top: 18px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/findus.gif) no-repeat -78px 0;}
				li.findus a:hover { background-position:0 -18px; z-index: 50;}
				li.findus-over { background: transparent url(../images/nav/findus-over.gif) no-repeat 0 0; width: 78px; height: 18px;}
				* html li.findus a:link, * html li.findus a:visited { height: 18px; he\ight: 0;}
				* html li.findus a:hover { height: 18px; he\ight: 0;}

				* html #nav a:hover { height: 18px; he\ight: 0;}
				#nav a { display: block; height: 0; overflow: hidden; }
				* html #nav a:link, * html #nav a:visited { height: 18px; he\ight: 0;}
				
/* content styles
--------------------------------------------------------- */
				/* Main Content Styles */
				#main-content { margin: 0; padding: 0; overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;}
				#main-content h1 { font-size: 90%; font-weight: bold; color: #ED1C24; margin-bottom: 3px;}
				#main-content h2 { font-size: 90%; font-weight: bold; color: #000000; margin-bottom: 10px;}
				#main-content h3 { width: 238px; font-size: 70%; font-weight: bold; color: #CC0000; padding: 0 20px 10px 15px;}
				#main-content p { font-size: 75%; margin-bottom: 10px; color: #84414A;}

				#main-content img { margin: 0; padding: 0;}
				
				a:link, a:visited { color: #84414A; text-decoration: none;}
				a:hover, a.active { color: #84414A;}
				
				#main-content a.moreinfo, #main-content a.moreinfo.visited  { color: #84414A; text-decoration: none;}
				#main-content a.moreinfo:hover { text-decoration: none;}
					
				ul.bullet { margin-bottom: 10px;}			
				.bullet li { font-size: 75%; color: #84414A; padding-left: 5px; margin-left: 20px; list-style-image: url(../images/bullet.gif);}
				
				.contact-details { margin-top: 132px; margin-bottom: 50px;}
				.map-content { margin-top: 30px;}
/* footer
---------------------------------------------------------- */	
				#footer { clear: both; width: 778px; height: 85px;}

/* forms
---------------------------------------------------------- */
				
/* additional styles
---------------------------------------------------------- */ 
				.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
				.clearfix { display: inline-table;}
				/* Hides from IE-mac \*/
				* html .clearfix { height: 1%;}
				.clearfix { display: block;}
				/* End hide from IE-mac */