/*

[ CSS Document ]

	Style Sheet Name: sol_baillies_style.css
	Style Sheet URL: Southern Ocean Lodges
	Author: Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 1.0
	Date: 26/2/09

[ Table Of Contents ]

	0- Reset
	1- Global
	2- Header
	3- Headings
	4- Navigation
	5- Main Content Elements
	6- Main Content
	7- Extras
	8- Forms
	9- Footer

[ Colour Reference Guide ]

	SOL Body Background Color: #323A44

*/ 
 

/* =0 Reset 
�������������������������������������������������������������������*/

	/* Universal - reset browser default styles */
		html, body, div, 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, b, u, i, center, 
		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-size: 100%; vertical-align: baseline; background: transparent;}
		body 	{ line-height: 1; }
		ol, ul 	{ list-style: none; }
		blockquote, q { quotes: none; font-style:italic;}
		
	/* Define focus styles! */
		:focus 	{ outline: 0; }
		
	/* Highlight inserts somehow! */
		ins 	{ text-decoration: none; }
		del 	{ text-decoration: line-through; }
		
	/* Tables still need 'cellspacing="0"' in the markup */
		table 	{ border-collapse: collapse; border-spacing: 0; }


/* =1 Global 
�������������������������������������������������������������������*/
	
	/* General style applied to HTML */
		html 	{ text-align: left; padding: 0; margin: 0; border: 0; font-family: "Century Gothic", Verdana, Arial, sans-serif;  
			width: 100%; background: url(../images/bg.jpg) top center repeat;}
		
	/* Body style */
		body 	{ clear: both; line-height: 1; vertical-align: top; color: #000;
			padding: 0; margin: 0 auto; text-align: left; }		
		
	/* Preset global styles */
		.right 	{ float: right; } 
		.left 	{ float: left; } 
		.align-left { text-align: left; } 
		.align-right { text-align: right; } 
		.align-center { text-align:center; } 
		.justify { text-align:justify; } 
		
		.hide 	{ display: none; } 
		.clear 	{ clear: both; } 
		.bold 	{ font-weight:bold; } 
		.italic { font-style:italic; } 
		 
		img.centered { display: block; margin-left: auto; margin-right: auto; } 
		img.alignleft { float:left; margin:4px 10px 4px 0; } 
		img.alignright { float:right; margin:4px 0 4px 10px; } 
		
		.spacer { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
		.small{ font-size: 80%;}
	
/* =2 Header
�������������������������������������������������������������������*/ 

	/* Header section style */
	
		#header { width: 1228px; text-align: center;}
		#header h1 { font-size: 1.1em; min-height: 1.4em; color: #0b377a; margin: 35px auto 20px; padding: 0; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5em; text-align: center;
		font-family: Verdana, Arial, sans-serif; }
		#header h1 #subHeading {color: #7d7f82; font-weight: 500;font-size: 1.4em; position: relative; top: 3px;}
						
		#homeHeader {}
		#homeHeader h1 { font-size: 1.1em; color: #0b377a; margin: 15px auto 60px; padding: 0; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5em; text-align: center;
		font-family: Verdana, Arial, sans-serif; }
		#homeHeader h1 #subHeading {color: #7d7f82; font-weight: 500;font-size: 1.4em; position: relative; top: 3px;}


/* =3 Headings
�������������������������������������������������������������������*/  

	/* General headings */
		
		h2, h3, h4, h5, h6 { color: #000; font-weight: 500; clear: both;}
			h2 	{ color: #0b377a; font-size: 0.9em; margin: 0 0 1em 0; line-height: 1.4em; }
			h3 	{ color: #0F4393; font-size: 1.0em; margin: 0 0 1em 0; }
			h4 	{ color: #7D7F82; font-size: 0.9em; margin: 0 0 0 0; font-weight: 900;}
			h5 	{ color: #4785b4; font-size: 0.9em; margin: 0 0 1em 0; }
			h6 	{ color: #4785b4; font-size: 0.8em; margin: 0 0 0 0; }

	/* Specific headings - defined within specific divs*/


/* =4 Navigation
�������������������������������������������������������������������*/ 

	/* Navigation - Primary - Top nav */
		#mainNav { width: 1234px;margin: 0 0 0px 12px;}
		#mainNav li{ float: left; border-right: 1px solid #A4A9AF; margin: 13px 0 0 0; font-size: 0.9em; line-height: 1.2em;}
		#mainNav li.last{ border-right: none;}
		#mainNav li a { padding: 5px 13px; text-decoration: none;}
		#mainNav li a:link, #mainNav li a:visited{ color: #fff;}
		#mainNav li a:hover{ color: #E9D7AF; }	
		#mainNav li a.active{ color: #E9D7AF;}
    #mainNav li.flags{ border-right: none; font-size: 70%; float: right; margin-right: 8px; margin-top: 16px; }
    #mainNav li.flags a { padding: 2px 4px; }
			
	/* Navigation - Secondary - Side nav */			
		#content ul#sideNav { width: 150px; list-style: none; margin: 0 0 0 16px; font-size: 0.8em; color: #42403a; font-weight: 900; 
		letter-spacing: 0px; position: absolute; top: 225px; left: 1px; z-index: 5000;}
		#content ul#sideNav li{ margin: 0 0 5px 0;}
		#content ul#sideNav li a{}
		#content ul#sideNav li a:link, #content ul#sideNav li a:visited{color: #7D7F82; text-decoration: none;}
		#content ul#sideNav li a:hover{color: #0b377a; text-decoration: none;}				
		#content ul#sideNav li.current a:link, #content ul#sideNav li.current a:visited, #content ul#sideNav li.current a:hover{color: #0b377a;}
				#content ul#sideNav li a.active{color: #0b377a;}
        
    #content ul#sideNav li a.video-link {
      display: block;
      margin-top: 2em;
    }
    
    #content ul#sideNav li a.video-link img {
      position: relative;
      top: 18px;
      padding-right: 4px;
    } 
    
    /* nav on videos pages */
    #content ul.video-nav {
      margin-left: 395px;
      width: 75%;
    }
    #content ul.video-nav li {
      display: inline;
      border-right: 1px solid #fff;
    }
    #content ul.video-nav li.last {
      border-right: none;
    }
    #content ul.video-nav li a {
      color: #fff;
      text-decoration: none;
      margin: 14px;
      font-size: 90%;
    }
    #content ul.video-nav li a:hover {
      color: #E9D7AF;
      text-decoration: underline;
    }
    #content ul.video-nav li a.current {
      cursor: default;
      background: transparent url(/images/playing.png) bottom left no-repeat;
      padding-left: 19px;
      color: #E9D7AF;
      text-decoration: none;
    }
		
		.video #content .credit {
			text-align: right;
			padding: 1em;
			color: #99998F;
		}
		
		.video #content .credit a {
			color: #99998F;
		}
    


/* =5 Main Content Elements
�������������������������������������������������������������������*/ 

	/* Main content - general element styles - used throught all content unless specific styles applied */
		
	/* General paragraph style */
		p { padding: 0em 0 1.5em; margin: 0; font-size: 0.75em; color: #42403a; line-height: 1.5em; font-style: normal; font-weight: 500; letter-spacing: 0px;}
		
		#mainColumn blockquote p { 
		quotes: none;
		font-style: 		italic; 
		font-size: 			14px; 
		margin: 		0 0 5px; 
		padding: 			0 0 0 15px;
		border-left: 		3px solid #0b377a;
		color: 				#0b377a;
		font-weight:		900;
		}	
		
		#mainColumn p cite, #mainColumn p sub {
		text-transform: 	uppercase;
		font-size: 			11px; 
		display: block;
		text-align: right;
		}
		
		#mainColumn table {
			margin-bottom: 15px;
		}

		.quoteMark {
		font-size: 160%;
		}	
			
	/* List styles  */
		#content ul { list-style-type: disc; }
		#content ol { list-style-type: decimal; }
		#content ul, 
		#content ol { margin: 0 1.5em 1.5em 2em; font-size: 0.8em; color: #42403a; line-height: 1.5em; font-style: normal; font-weight: 500; letter-spacing: 0.2px;}
			
	/* Link styles  */
		#content a:link, #content a:visited { color: #7D7F82; text-decoration: underline;}
		#content a:hover { color: #0b377a; text-decoration: underline; }
		
	/* Links at the bottom of main copy (in text area) */	
	
	
		#content ul.links { clear: both; list-style: none; margin: 0; padding: 0 0 10px; font-family: Arial, Verdana, sans-serif; float: left; }
		#content ul.links li { display: inline; float: left; margin: 0 6px 6px 0; font-size: 0.8em; background: #E9D7AF url(../images/arrow.jpg) left center no-repeat; 
		padding: 0px 0px 0px 14px; position: relative; }
		#content ul.links li img { position: absolute; top: 0; left: 0;}
		#content ul.links a { padding: 3px 8px 3px; margin: 0; }
		#content ul.links a:link, #content ul.links a:visited { background-color: #E9D7AF; text-decoration: none; color: #897f68;}
		#content ul.links a:hover { background-color: #E9D7AF; text-decoration: none; color: #3e3a30;}
		
	/* Links that link to a PDF */		
		.pdf-file { background: url(../images/icon_pdf.gif) top left no-repeat; padding: 8px 0 8px 40px;}


/* =6 Main Content 
�������������������������������������������������������������������*/ 

	/* Div styles - layout specific */
	
	/* Content wrappers */
		#wrapper {text-align:left; margin: 0px auto; width: 1260px; }
		#contentWrap {float:left; border: 1px solid #A4A9AF;background-color:#323A44;}
		#content {float:left; color:#7D7F82; text-align:left; background:#fff; height:727px;margin:13px 15px 0; padding: 0 0px; position: relative;} 
				
	/* Home page */						
		#homeContent {}	
		#homeFader {}
		#homeTextWrap { text-align: center; width: 708px; padding: 0 260px;}
		#homeTextWrap p { font-size: 0.9em; color: #7D7F82;}
		#brand-statement { padding: 20px 250px 0px 250px; clear: both; text-align: center;}
		#brand-statement p{ color: #99998f;}
		#brand-statement p a:link, #brand-statement p a:visited {color: #99998f;}
		#brand-statement p a:hover {color: #fff;}
		
	/* Most of the regular pages 
	������������������������������---��������*/		
			
	/* Main content area - main column */
		#mainContent {float: left; width: 618px; margin-right: 3px; position: relative;} 				
		/* Sub-content columns - mainContent splits into two columns = sideNav + mainColumn */
		#mainColumnWrap { float: right; width: 440px;}
		#mainColumnWrap h2 { text-transform: uppercase; letter-spacing: 0.4em; font-weight: 900; }
		#mainColumn { height: 458px; overflow: auto; padding-right: 15px; position: relative;}
		#mainColumn p { color: #7D7F82;}
		#mainColumn ul { color: #7D7F82; font-size: 0.75em; }
						
	/* Side content - side column */
		#sideContent {width: 606px; float: right;margin: 0px 0 0 0;background-color: #fff; padding: 0px;} 
		#sideContent #textFaderWrap{ width: 605px; margin: 0;background-color: #E9D7AF; padding: 0px; height: 116px; border-top: 1px solid #dac9a3; border-left: 1px solid #dac9a3;} 
		#sideContent #promo { width: 605px;}
		#sideContent #promo h3{ background-color: #0B377A; margin: 5px; padding: 5px; color: #fff; font-weight: 900;}
		#sideContent #promo p{ padding: 5px; color: #000;}					
				
	/* Alternative pages - specific layouts 
	������������������������������---��������*/
	
	/* Lodge page */
		#brochureDownload { position: absolute; bottom: 15px; left: 15px; z-index: 5001; width: 110px; font-size: 0.7em; 
		background: url(../images/icon_pdf.gif) top left no-repeat;}
		#brochureDownload label { margin: 0 0px 10px 40px; display: block;}
		#brochureDownload select { font-size: 1em; width: 120px;}
	
	/* Rates page */
		.rates #mainContent {width: 1228px; overflow: auto; height: 645px;}
		.rates #mainColumnWrap{float:left; }
		.rates #mainColumnWrap #mainColumn { height: 570px; overflow: visible; width: 420px;margin: 0px 0 0 176px;}
		.rates #mainColumnWrap #mainColumn table td{ font-size:0.75em;padding-bottom: 4px;}
		.rates #sideContent { width: 580px; float: right; border:4px solid #323A44; font-family: Verdana, Arial, sans-serif;padding: 2px;font-size: 0.8em;}
		.rates #topImage { position: absolute; top: 80px; left:0; z-index: 4000;padding-bottom: 10px;background: #fff;}		
		/* pricing table styles */
		.rates #sideContent * { font-family:arial, verdana, sans-serif; font-weight:normal; }
		.rates #sideContent table { width:99%; font-size:0.85em; border-collapse: collapse; margin: 3px auto !important; color: #42403a; }
		.rates #sideContent p { font-size:0.85em; text-align:left; margin:0; padding: 0;}
		.rates #sideContent ul { font-size:0.85em; text-align:left; margin:0;  padding: 0;}
		.rates #sideContent ul li { list-style: disc; text-align: left; margin-left: 20px !important; }
		.rates #sideContent strong { color: #000; font-weight: bold; }
		.rates #sideContent h5 { color: #000; font-weight: bold; font-size: 85%;  text-align: left; padding: 2px !important;  }
		.rates #sideContent h5 span { color: #7D7F82; font-weight: normal; font-size: 90%; text-align: left; }
		.rates #sideContent table thead { color:#000; }
		.rates #sideContent table th{ height:2em; background:#e3c78b; text-align: left; text-transform:uppercase; font-weight: bold; padding: 4px !important;}
		.rates #sideContent table th.suite { width: 60%; }
		.rates #sideContent table.charters th { color: #000; vertical-align: top; }
		.rates #sideContent table.charters th span { color: #7D7F82; text-transform: none; font-size: 90%; }
		.rates #sideContent table th em { text-transform:none; font-size: 90%; }
		.rates #sideContent table tr.perperson th { background:#fff; text-transform:none; font-weight: bold; text-align: left; color: #7D7F82; }
		.rates #sideContent table tr.extrarates td { border-top: 1px solid #323A44; }
		.rates #sideContent table td { height:1.5em; text-align: left; padding-left: 2px !important; }
		.rates #sideContent table th.twin-rate, .pricing #ImageSide table th.single-rate { width:20%; }
		.rates #sideContent p { margin: 0.6em 0.3em !important;}
		.rates #sideContent p.bordered { border-top: 1px solid #323A44; border-bottom: 1px solid #323A44; padding: 5px 0 !important; }
		.rates #sideContent .heavy { font-weight:bold; font-variant:small-caps; }	

	/* Packages page */
		.packages #mainContent {width: 1228px;  height: 645px;}
		.packages #mainColumnWrap{float:left; }
		.packages #mainColumnWrap #mainColumn { height: 570px; overflow: auto; width: 940px;margin: 0px 0 0 176px;border:4px solid #323A44; padding: 0;}
		.packages #topImage { }
		.packages #packageColumn { float: left; width: 500px; padding: 10px 15px 0;}
		.packages #packageTable { float: right; width: 350px; padding: 16px 0 0 0;margin: 0 16px 0 0px;}
		.packages #packageTable .pkg { width: 100%; border: 1px solid #323A44; }
		.packages #packageTable .pkg td { padding: 5px 9px;font-size: 0.8em;}
		.packages #packageTable .save { background-color: #00588E; color: #fff; padding: 9px; font-size: 0.8em;}
		.packages #packageTable .bonus { background-color: #223343; color: #fff; padding: 9px; font-size: 0.8em;}		
		.packages #packageColumn ul{font-size: 0.7em; color: #7D7F82;margin-left: 50px;}
		.packages #content ul.links { clear: both; list-style: none; margin: 10px 0 0 15px; padding: 0;}
		.packages #content ul.links li{ display: inline; margin-right: 15px 0 0 0; background: #323A44 url(../images/arrow1.jpg) left center no-repeat;color: #7D7F82;}
		.packages #content ul.links li a:link, .packages #content ul.links li a:visited { background-color: #323A44; color: #909295;}
		.packages #content ul.links li a:hover { background-color: #323A44; color: #fff !important;  }


	/* Image gallery page */
		.imageLibrary #mainContent { padding: 40px 0px 0 176px; width: 990px; overflow: auto; height: 605px; margin:0;}
		.imageLibrary #galleryContent { float: right; }
		.download-image { border: 1px solid #d3d5d8; padding: 10px 10px 0px 10px; float: left; width: 131px; margin: 0 10px 10px 0; text-align: center; min-height: 160px;}		
		.download-image h3 { font-size: 0.7em;}
		#content .download-image a {position: relative; top: 10px; font-size: 1em;}
		#content .download-image a:link, #content .download-image a:visited {text-decoration: none; margin-right: 4px;}
		#content .download-image a:hover { text-decoration: none;}	
			
	/* Media releases page */
		.media #mainContent { padding: 40px 120px 0 176px; width: 930px; overflow: auto; height: 605px; margin:0;}
		#media-releases { float: right; width: 930px; }
		.media-release { border: 1px solid #d3d5d8; padding: 10px 10px 10px 10px; margin: 0 20px 20px 0;width: 850px;}
		.media-release  a{font-size: 0.8em; background: url(../images/icon_pdf.gif) top left no-repeat; padding: 10px 0 10px 40px;}
				
	/* Downloads page */
		.downloads #mainContent { padding: 40px 120px 0 176px; width: 930px; overflow: auto; height: 605px; margin:0;}
	 	#downloads { float: right; width: 900px; }
		.download { float: left; width: 440px;}
		#content .download h3 { font-size: 0.8em;margin-bottom: 2px; line-height: 38px;}
		#content .download h3 a{background: url(../images/icon_pdf.gif) top left no-repeat; padding: 10px 0 10px 40px;}
		#content .download h3 a:link, #content .download h3 a:visited { text-decoration: none;}
		#content .download h3 a:hover { text-decoration: underline;}
    
    #content .mov-download { float: left; width: 440px; margin-top: 10px;}
		#content .mov-download h3 { font-size: 0.8em;margin-bottom: 2px; line-height: 20px;}
		#content .mov-download h3 a{background: url(../images/icon_quicktime.gif) top left no-repeat; padding: 10px 0 10px 40px;}
		#content .mov-download h3 a:link, #content .download h3 a:visited { text-decoration: none;}
		#content .mov-download h3 a:hover { text-decoration: underline;}
    #content .mov-download span { font-size: 0.8em; padding-left: 40px; }
    #content .mov-download span a { background: none; padding: 0; }
						
	/* Careers page */
		.careers #mainContent { width: 1228px;}
		.careers #mainContent p { font-size: 0.9em; color: #7D7F82;margin: 0 200px; text-align: center; }
		.careers #innerContent {float: left; width: 1040px;  padding: 0 0px 0 170px; text-align: left;} 	
		.careerBox { float: left; width: 424px; padding: 10px; margin: 0 20px 20px 0; border: 1px solid #d3d5d8; text-align: left;}
		.careerBox img{ float: left; margin: 0 0 20px 0;}
		.careers #mainContent .textWrap { float: right; width: 310px; text-align: left; height: 200px; overflow: auto; overflow-x: hidden;}
		.careers #mainContent .textWrap p{ margin: 0;  text-align: left; font-size: 0.7em;}	
			
	/* Subscribe and Reserve pages */			
		.reserve #mainContent, .subscribe #mainContent, .contact #mainContent { width: 1228px; text-align: center;}
		.reserve #mainContent p, .subscribe #mainContent p, .contact #mainContent p { font-size: 0.9em; color: #7D7F82;margin: 0 200px; text-align: center; }		
		#altSubscribe {float: right; width: 490px; padding: 0 370px; } 	
					
	/* Contact page */			
		#altContact {float: right; width: 1040px; } 
		#altContact #formWrap{float: left; width: 430px; padding: 0 370px; border: 6px solid #FFF1D6; padding: 20px 20px 50px 20px; } 		
		#contact-details{float: right;width: 270px; padding: 20px; background-color: #E3C78B; margin-right:200px; height: 495px;}
		#contact-details p {margin: 0 0 0.5em; padding: 0;}
		#contact-details h4 {color: #5a5952;}
		#contact-details h4.divider {border-top: 1px solid #dbb465;padding-top: 16px;}
		#contact-details h5 {color: #5a5952; font-style:italic;}

	/* Sitemap page */		
		.sitemap #mainContent { padding: 0px 120px 0 276px; width: 630px; overflow: auto; height: 605px; margin:0;}
		.sitemap #mainContent h3 { font-size:12px;}
		.sitemap #mainContent ul {list-style: none;}
		.sitemap #mainContent ul li { font-size:12px;}
		.sitemap #mainContent ul li li { font-size:12px;}
		
	/* Apply page */				
		.apply #formWrap {border: none; padding: 0px 0px 0px 0px; position: relative;}	
		.apply #formWrap form { width:455px; margin-left: 0px; height: 400px; margin-bottom: 4px; }
		.apply #formWrap form input.submit { position: relative; top: 10px; left: -30px; text-align: center !important; 
			border: 0; background: #E3C78B; color: #7D7F82; cursor: pointer; padding: 2px 0px; width:auto;}
		.apply #formWrap form textarea { margin-bottom: 15px;}
		.apply #formWrap #message{ position: relative; top: -100px;}
		
		
	/* Press page */
		.press #mainContent { width: 1228px;}
		.press #mainContent p { font-size: 0.9em; color: #7D7F82;margin: 0 0px; text-align: center; }
		.press #mainColumn { float: left; width: 1050px; padding: 0; margin: 0; height: auto;}		
		.press #Magazine-Press { width: 1050px;}
		.press #Magazine-Press ul { list-style: none;}
		.press #Magazine-Press ul li{ display: inline;padding: 0px 5px 0px 0;}
		.press #sideContent { width: 148px;float: right; padding: 0 30px 0 0; margin: 0; }
		.press #content #Other-Press { margin-left: 112px;}
		.press #content #Other-Press ul{ list-style: none; margin: 0; width: 280px;float: left;}
		.press #content #Other-Press ul li { width: 270px;}
		.press #content #Other-Press ul li a { display: block;}
		.press #content #Other-Press ul li a:link, 
		.press #content #Other-Press ul li a:visited { text-decoration: none; font-weight: 900; color: #0b377a; background: url(../images/arrow2.jpg) left top no-repeat; 
		padding-left: 20px;}
		.press #content #Other-Press ul li a:hover { text-decoration: none; font-weight: 900; color: #7D7F82; background: url(../images/arrow2.jpg) left top no-repeat; 
		padding-left: 20px;}
		.press #content #Other-Press ul li a span{ font-weight: 500; color: #7D7F82; font-size: 85%;position: relative; top: -6px;}


	/* Eat and Drink pages */		
		.eatdrink {}
		
		
	/* Video page - full page video */		
		
		.video #content { background: url(../images/bg-video.jpg) left top no-repeat;width: 1228px; position: relative;}
		.video #content #mainContent { width: 1200px; position: absolute; top: 110px; left: 35px;}
		.video #content #mainContent p { color: #fff;}
		.video #content #videoContent { width: 722px; height: 404px; position: absolute; top: 130px; left: 260px;}
		


/* =7 Extras
�������������������������������������������������������������������*/ 

	/* Image styles  */	
		#topImage { margin-bottom: 15px;}
		
	/* Fader style - used for jQuery Innerfade  */
		#fader, #fader1 {  margin-bottom: 4px;}
		 #fader1 {  margin-bottom: 3px;}
		.staySub #fader { margin-bottom: 2px; }
		.about #fader { margin-bottom: -2px;}
		
		#homeFader {height: 466px;margin: 0; padding: 0; display: block;}
		
	/* Other jQuery style */
	
	/* Google Map style */
	
	/* Video style */
	


/* =8 Forms
�������������������������������������������������������������������*/ 

	/* Form elements  */
		#formWrap {border: 6px solid #FFF1D6; padding: 20px 20px 50px 20px; position: relative;}		
		.spa #formWrap { padding-bottom: 40px; width: 90%; }
			#formWrap form { width:455px; margin-left: 0px; height: 450px; margin-bottom: 4px; }
			#formWrap form label { display:block; float:left; width:170px; text-align: left; padding-top: 4px; font-size:0.7em; clear:left; }
			#formWrap form label.error {
	      color:red;
				position:absolute;
				right:-190px;
				width:200px;
				top: 0;
				z-index: 500;
	    }
			#formWrap form input { text-align: left; width: 250px; margin-bottom: 2px; border: 1px solid #dbb465; font-size:0.7em; padding: 2px;}
			#formWrap form input.error { background-color: #fff4f6; }
			#formWrap form select { text-align: left; margin-bottom: 5px; border: 1px solid #dbb465; }
			#formWrap form p { font-size: 0.9em; padding: 0; margin: 10px 0;}
			#formWrap form div.checkbox-container { width: 130px; float: left; margin:0; padding: 0; margin-left: 170px; }
			#formWrap form div.checkbox-container label { width: 150px; display: inline; margin: -14px 0 0 20px; padding: 0; font-size: 0.7em; }
			#formWrap form div.checkbox-container input { float: left; border:0; width: auto; clear: left; margin: 0; padding: 0; }
			#formWrap form div.checkbox-container input.Submit, #formWrap form input.Submit { position: relative; top: 10px; left: 175px; text-align: center !important; 
			border: 0; background: #E3C78B; color: #7D7F82; cursor: pointer; padding: 2px 10px; width:auto;}
			#formWrap form #textarea-container { }														
			#formWrap form textarea { margin-right: 5px; width: 250px; height: 100px; border: 1px solid #dbb465; padding: 2px;}
			#formWrap form input#AddToEmailList {margin: 0 0px 5px 0;border: none; padding: 0;}
			#formWrap form p.note{position:absolute;bottom: 10px; left: 20px; width: 160px; font-size: 0.6em;}
			#formWrap form div { position: relative; }
			
		/* Spa Form elements  */
		.spa #mainColumn { overflow: hidden; }
		.spa #formWrap  form { width:405px; margin-left: 0px; height: 300px; margin-bottom: 4px; }
		.spa #formWrap form input { text-align: left; width: 200px; margin-bottom: 2px; border: 1px solid #dbb465; font-size:0.7em; padding: 2px;}
		.spa #formWrap p {width: 350px;}
		.spa .Submit-Btn {text-align: center !important; width: 130px !important; margin-top: 10px;
			border: 0; background: #E3C78B; color: #7D7F82; cursor: pointer; padding: 2px 10px; width:auto;}
		
			
			#CheckOut, #CheckIn, #BookingDate{ background: url(../images/cal.jpg) right top no-repeat; }
			

/* =9 Footer
�������������������������������������������������������������������*/  

	/* Footer style  */
		#footer {clear:both; text-align:left; margin:0; padding:0; width: 1244px;}
		#footer p { color:#99998f; font-size: 0.8em; line-height: 1.5em;margin: 4px 0 8px 16px; padding:0; }
		#footer p a:link, #footer p a:visited { color:#fff; text-decoration: none;}
		#footer p a:hover { color:#E9D7AF; text-decoration: none; }
		
		
		/* Social Media Icons - In footer */
		#socialMediaIcons {
		  padding-top:    1px;
		  padding-right:    1px;
		}
		#socialMediaIcons a {
		  width:        24px;
		  height:       24px;
		  display:      block;
		  float:        right;
		  margin-left:    4px;
		}
		#socialMediaIcons a#blog:link, #socialMediaIcons a#blog:visited {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat 0px 0px;
		}
		#socialMediaIcons a#blog:hover {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat 0px -26px;
		}
		#socialMediaIcons a#Facebook:link, #socialMediaIcons a#Facebook:visited {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat -26px 0px;
		}
		#socialMediaIcons a#Facebook:hover {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat -26px -26px;
		}
		#socialMediaIcons a#YouTube:link, #socialMediaIcons a#YouTube:visited {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat -52px 0px;
		}
		#socialMediaIcons a#YouTube:hover {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat -52px -26px;
		}
		#socialMediaIcons a#Twitter:link, #socialMediaIcons a#Twitter:visited {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat -78px 0px;
		}
		#socialMediaIcons a#Twitter:hover {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat -78px -26px;
		}
		#socialMediaIcons a#TripAdviser:link, #socialMediaIcons a#TripAdviser:visited {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat -104px 0px;
		}
		#socialMediaIcons a#TripAdviser:hover {
		  background:     url(../images/baillie-social-media-icons.jpg) no-repeat -104px -26px;
		}

    /* social us page */
    #social-links {
      text-align: center;
    }
    #social-links p {
      clear: both;
    }       
    #social-links ul {
      list-style-type: none;
      text-align: left;
      margin: 0 15% 15px;
    }
    #content #social-links ul li {
      clear: both;
    }
    #content #social-links ul li a {
      display: block;
      text-decoration: none;
      font-size: 0.95em;
      color: #42403A;
    }     
    #content #social-links ul li a:hover,
    #content #social-links ul li a:hover span {
      background: #fffbf1;
    }         
    
    #social-links ul li a img {
      display: block;
      float: left;
      margin-right: 1px;
    }       
    #social-links ul li a span {
      border-bottom: 1px solid #e1e1e1;
      display: block;
      float: left;
      width: 570px;
      padding-left: 13px;
      min-height: 85px;
    }