/*

[ 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; display: inline; }

	/* 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: 1px 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;}
		#homeTextWrap p strong { font-weight: normal; }
		#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 h2 { font-weight: bold; padding: 0 3px; margin: 10px 0pt 0pt; }
		.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; font-weight: bold; padding: 4px !important; line-height:1.3;}
		.rates #sideContent table th.suite { width: 60%; }
		.rates #sideContent table td.holidaySurcharge { background: #8db3e2; color: #000; height:2em; padding: 5px !important; line-height: 1.5; }
		.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: 3px !important; border-bottom: 1px solid #E3C78B;  }
		.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; }
		.rates #sideContent table.pricing td { border: none; }

	/* 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; overflow-x: hidden;}
		.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; 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;  }
		.packages #content ul#sideNav { font-size: 0.75em; top: 100px; }
		.packages #content ul#sideNav li { margin-bottom: 10px; }


	/* 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 form th { vertical-align: top; }


	/* 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; font-size:0.7em; clear:left; position: relative; top: 4px; left: 0px; }
			#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; width: 256px; font-size: 0.7em;  }
			#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 div.radiogroup {
        padding: 5px 0;
      }
      #formWrap form div.radiogroup label.radio,
      #formWrap form div.radiogroup input {
        width:auto;
        float: none;
        display: inline;
				top: 0;
      }			
			#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; }
			#formWrap form .prevproperty { display: none; clear: both; }

		/* 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;
    }


/* Awards page */
#awards {
    position: relative;
    margin-left: 150px;
}

#awards .scroll-pane {
    height: 510px;
    overflow: auto;
    position: relative;
    top: -40px;
    width: 530px;
}

#awards ul {
    list-style: none;
    position: absolute;
    top: 10px;
    left: 20px;
}

#awards .lodge {
    font-family: 'Century Gothic', sans-serif;
    margin-bottom: 10px;
}

#awards .lodge h3 {
    color: #233343;
    font-weight: 800;
    margin-bottom: 15px;
    clear: both;
}

#awards .entries h4 {
    float: left;
    width: 75%;
    clear: none;
    padding-bottom: 5px;
}

#awards .entries {
    margin-bottom: 0px;
    margin-right: 60px;
    position: relative;
    clear: both;
    margin-top: 20px;
}

#awards .property-entries {
	margin-top: 8px;
}

#awards .entries p {
    float: left;
    width: 80%;
}

#awards .entries img {
    float: right;
}

#awards .entry {
  clear: left;
  padding-top: 10px;
}
#awards .entry.first {

}

#awards a.more {
    font-size: 0.8em;
    font-style: italic;
    text-decoration: none;
    position: relative;
    top: -5px;
}

#awards p.more {
  padding-bottom: 0.5em;
}

#content p.introduction {
    color: #7D7F82;
    font-size: 0.9em;
    text-align: center;
    width: 1228px;
}