html { height:100%; min-height:100%; }
body { height:100%; min-height:100%; }

body, body *{ font-family:verdana, arial, sans-serif; text-align: center; }

a.active {cursor: default;}
				
.right{ float:right; }
.left{ float:left; }
.clear { clear:both; }
.full-width { width:100%; }

#mainContainer{	width:825px; margin:auto; padding:0; border-left:15px solid #0061B0; 
				border-right:15px solid #0061B0; margin-bottom: -1px; }

#mainNav{ font-size:11px; padding:0.5% 0 0.5% 0; margin:0; background:#0061B0; color:#fff; width:100%; text-align:left; }
#mainNav a{ text-decoration:none; padding:0 0.7% 0 0.7%; color:#fff; }
#mainNav a:hover, #mainNav a.active{ color: #191718; }
#destination_popup li { text-align:center; padding:0; margin:0; width:131px; background:#C4C5C7; }
#destination_popup li a { background:#C4C5C7; display:block; padding: 1px 4px; width: 131px; font-size: 10px !important; margin:0;
											line-height:11px !important; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#destination_popup li a:hover,  #destination_popup li a.active { background:#B5CDEA;  }

#ContentArea{ font-size:80%; color:#7D7F82; float:left; text-align:left; background:#fff; height:100%; }
#ContentArea a { color:#0061B0; }
#ContentArea .homepageText{ width:85%; margin:auto; padding-top:3.3%; padding-bottom:2%; font-size:11px; }
#ContentArea p.homepageText {line-height:1.5em;}

#ContentArea #homepageCollage{ width:100%; margin:13.2% 0 2% 0; padding:0; }
#ContentArea #homepageCollage object{ margin: 0; padding: 0; }

#ContentArea #PageHeading { width:100%; background:#fff; margin: 30px 0 0 0; float:left; }
#ContentArea #PageHeading img { float:left; }

#ContentArea #ContentSide * { text-align: left; margin:0; padding:0; }
#ContentArea #ContentSide { background:#fff url(/images/bg_shells.gif) bottom left no-repeat; }
#ContentArea #ContentSide { width: 411px; float: left; font-size: 85%; }
.img-library #ContentArea {float: left; font-size: 70%; background:#fff url(/images/bg_shells.gif) bottom left no-repeat;  }
#ContentArea #ContentSide ul, .img-library #ContentArea ul{ float:left; height:333px; margin: 2% 1.5% 1% 0.7%; width: 100px; }
.img-library #ContentArea ul { margin-top: 102px; height:323px; }
#ContentArea #ContentSide ul li, .img-library #ContentArea ul li { padding-bottom: 6px; text-align:left; }								
#ContentArea #ContentSide ul li a, .img-library #ContentArea ul li a { color:#0061B0; text-decoration:none; font-weight:bold; }
#ContentArea #ContentSide ul li a:hover, #ContentArea #ContentSide ul li a.active, 
.img-library #ContentArea ul li a:hover, .img-library #ContentArea ul li a.active { color:#191617; }
#ContentArea #ContentSide p { margin: 0.5em 0 0.7em 0; padding-right:0.5%; }
#ContentArea #ContentSide p.ContentImages {	margin:0; padding:0;  }
#ContentArea #ContentSide h2 { margin: 1em 0 1em 0; color:#0061B0; letter-spacing: 0.2em; font-size:105%; font-weight:bold; 
	line-height:130%; }
#ContentArea #ContentSide h2.short-heading { letter-spacing: 0.6em; text-transform:uppercase; }
#ContentArea #ContentSide h2.medium-heading { letter-spacing: 0.4em; }
#ContentArea #ContentSide .ContentCopy { overflow:auto; height: 362px;}

#ContentArea #ImageSide * {margin:0; padding:0; }
#ContentArea #ImageSide { width: 411px; float: right; margin:0; padding:0; }

#ContentArea #promo * { text-align:left; }
#ContentArea #promo { background: #B8BABC; width:98%; height: 81px; color:#191718; padding:1%; }
#ContentArea #promo h3 { background:#C7DFE5; font-size:0.8em; margin:0.5% 0.5% 0; padding:1%; width:97%; }
#ContentArea #promo p { margin:0 0.5% 0.5%; padding:0.5%; font-size:0.8em; width:97%; }
#ContentArea #promo a { text-decoration:none; }
#ContentArea #promo a:hover { text-decoration:underline; }

#ContentArea #ContentSide ul.links { width:80%; height:auto; margin:0; padding:0; }
#ContentArea #ContentSide ul.links li { float:left; background: #A4C3E6; padding:1%; color:#7D7F82; margin-right:13px; margin-top:1em; }
#ContentArea #ContentSide ul.links li a { color:#7D7F82; }

#ContentArea #ContentSide blockquote * { margin:0; padding:0; }
#ContentArea #ContentSide blockquote { margin:0.3em 0.3em 0.3em 0; width:91.5%; float:left; }
#ContentArea #ContentSide blockquote p { font-family: verdana, arial, sans-serif; font-style:italic;
									display:block; font-size:1.4em; font-weight:bold; }
#ContentArea #ContentSide blockquote p em { font-size:1.3em; }
#ContentArea #ContentSide blockquote p strong { font-size:1.5em; }
#ContentArea #ContentSide blockquote cite { font-size:0.7em; font-style:normal; display:block; 
											float:right; font-style:normal; margin:0.4em; }

#Content{ text-align: left; }

/* About Us Page Layout */
.about  #ContentArea #ContentSide .ContentCopy { height:395px; }
.about #ContentArea #ContentSide { width: 550px; }
.about #ContentArea #ImageSide { width: 272px; }
.about #ContentArea #ImageSide img { margin-bottom: -3px; }

/* Page Headings */
#PageHeading {font-size:0.1em; color:#fff; width: 818px !important; }
#PageHeading.destination h1 { background: #fff url(/images/heading_bl.gif) top left no-repeat; height:32px; }
#PageHeading.stay h1 { background: #fff url(/images/heading_southern_ocean_stay.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.spa h1 { background: #fff url(/images/heading_southern_ocean_spa.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.remarkable h1 { background: #fff url(/images/heading_remarkable.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.press h1 { background: #fff url(/images/heading_press.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.subscribe h1 { background: #fff url(/images/heading_subscribe.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.contact h1 { background: #fff url(/images/heading_contact.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.sitemap h1 { background: #fff url(/images/heading_sitemap.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.media h1 { background: #fff url(/images/heading_media.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.downloads h1 { background: #fff url(/images/heading_downloads.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.reserve h1 { background: #fff url(/images/heading_reserve.gif) top left no-repeat; height:32px; width:100%; }
#PageHeading.img-library h1 { background: #fff url(/images/heading_baillie_imglibrary.gif) top left no-repeat; height:32px; width:100%; }

/* subscribe styles */
.subscribe #ContentArea {height: 521px; background:#fff url(/images/bg_shells.gif) bottom left no-repeat; }
.subscribe #ContentArea p { width:370px; margin:0; padding:0 0 15px 30px; margin-left:180px; font-size:0.9em; }
.subscribe #ContentArea form { width:405px; margin-left:200px; border:5px solid #5A98D1; padding:1%; height: 364px; margin-bottom: 4px; }
.subscribe #ContentArea form label { display:block; float:left; width:100px; text-align:left; padding-bottom: 4px; font-size:0.8em; clear:left; }
.subscribe #ContentArea form input { text-align:left; width: 250px; margin-bottom: 3px; border: 1px solid #5A98D1; }
.subscribe #ContentArea form p {padding:0; margin:0; width:100px; text-align:left; float:left; font-size:0.9em;}
.subscribe #ContentArea form div.checkbox-container { width: 130px; float:left; margin:0; padding:0; margin-left:28px; }
.subscribe #ContentArea form div.checkbox-container label { display:inline; margin: -16px 0 0 20px; padding:0; font-size:0.8em; }
.subscribe #ContentArea form div.checkbox-container input { float:left; border:0; width:auto; clear:left; margin:0; padding:0; }
.subscribe .Submit { position: relative; top:2px; left:175px; text-align:center !important; border:0; background:#B5CDEA; color:#7D7F82; }

/* reserve styles */
.reserve #ContentArea { height: 551px; background:#fff url(/images/bg_shells.gif) bottom left no-repeat; font-size:0.9em; }
.reserve #ContentArea form { width:380px; margin-left:205px; border:5px solid #5A98D1; padding:1%; 
					height: 384px; margin-bottom: -25px; }
.reserve #ContentArea form label { display:block; float:left; width:100px; text-align:left; font-size:0.9em; clear: left; }
.reserve #ContentArea form input { text-align:left; margin-right:65px;font-size:0.9em;   }
.reserve #ContentArea form textarea { width:45%; margin:5px; text-align:left; font-size:0.8em; margin-right:47px; height:60px; }
.reserve #ContentArea form p {padding:0; margin:0; width:100px; text-align:left; float:left;}
.reserve #ContentArea form .calendar-container { width:100%; clear:both; }
.reserve #ContentArea form .calendar-container select option { text-align:left; }
.reserve #ContentArea form .calendar-container .cal-day { width:11%; margin-left:-14px; }
.reserve #ContentArea form .calendar-container .cal-mon { width:20%; }
.reserve #ContentArea form .calendar-container .cal-year { width:14%; margin-right:15%; }
.reserve #ContentArea form .calendar-container p { width:37%; margin-top:2%; margin-bottom:0; font-size:0.9em; }
.reserve #ContentArea form .calendar-container select { float:left; font-size:0.75em; margin: 2% 0.2% 2% 0; } 
.reserve #ContentArea form input.Submit { float:right; text-align:center; border:0; background:#A4C3E6; margin-right:5px; 
												top:-26px; position:relative; }
.reserve #ContentArea form .no-guests { margin-top:10px; width:100%; margin-bottom:1em; clear:both; }
.reserve #ContentArea form .no-guests label {clear:none; float:left; width:100px; margin-right:22px; padding-bottom:8px;  }
.reserve #ContentArea form .no-guests input { width:30px; clear:none; float:left; display:inline; margin-right:30px; }
.reserve #ContentArea form .calendar-container p a img#cal_icon1 { position:relative; left:24px; top:1px; }
.reserve #ContentArea form .calendar-container p a img#cal_icon2 { position:relative; left:1px; top:1px; }
.reserve #ContentArea form .note { width:70px; float:right; font-size:10px; 
										position:relative; top:-95px; margin-bottom:-170px; font-family:arial, verdana, sans-serif; }

/* contact form */
.reserve.contact #ContentArea p { width:96%; margin:1% auto; text-align:center; }
.reserve.contact #ContentArea #form-container { height:400px; width:40%; float:left; margin-bottom:20px; }
.reserve.contact #ContentArea #form-container form { margin-left:140px; height:410px; padding-top:15px; }
.reserve.contact #ContentArea form h2 { margin-bottom:1%; }
.reserve.contact #ContentArea form input { width:250px; margin-right:5px; border: 1px solid #5A98D1; margin-bottom: 4px; padding:1px; font-size:0.9em; }
.reserve.contact #ContentArea form input.checkbox { margin:0; float:left; margin-left:14px; margin-right:100px; width:auto; border: 0;   }
.reserve.contact #ContentArea form input.Submit2 { float:right; border:0; background:#B5CDEA; text-align:center; 
																position:relative; top:15px; left:-12px; z-index:1000; width:auto; color:#7D7F82;  }
		
.reserve.contact #ContentArea form #textarea-container { position:relative; top:10px; }														
.reserve.contact #ContentArea form textarea { margin-right:5px; width:250px; height:150px ; border: 1px solid #5A98D1 }
.reserve.contact #ContentArea form label.EnquiryLabel { clear:left; margin-top:2%; float:left; }
.reserve.contact #ContentArea form .radiogroup { font-size: 11px; height:70px; padding-top:5px; line-height: 2; vertical-align:middle;  }
.reserve.contact #ContentArea form .radiogroup label { float: none; clear:none; display: inline; width: auto; position: relative; top: -4px; }
.reserve.contact #ContentArea form .radiogroup input { display: inline; width: auto; border: none; margin-right: 1px; margin-left: 4px; }

.reserve.contact #ContentArea #contact-details { width:170px; background:#0061B0; float:right; font-size:0.7em; text-align:left; 
														padding:0.9%; height:424px; position:relative; left:-70px; color:#fff; }
.reserve.contact #ContentArea #contact-details h4 { margin: 0.4% 0 0.1%; padding:0; text-align:left; }
.reserve.contact #ContentArea #contact-details h4.divider { border-top:1px solid #6599A2; padding-top:0.8em; margin-top:0.8em; }
.reserve.contact #ContentArea #contact-details h5 { margin: 0.1% 0; text-align:left; font-weight:normal; font-style:italic; margin-bottom:0.5em; }
.reserve.contact #ContentArea #contact-details h5.nth-america { margin-top:1em; }
.reserve.contact #ContentArea #contact-details p { margin: 0 0 0.5%; padding:0; text-align:left; width:auto; margin-bottom:0.2em; }

/* sitemap */
.sitemap #ContentArea { font-size: 70%; background:#fff url(/images/bg_shells.gif) bottom left no-repeat; height: 501px;  }
.sitemap #ContentArea .ContentCopy  { width:35%;  text-align:left; margin:auto; }
.sitemap #ContentArea .ContentCopy h3 { text-align:left; padding-top: 60px !important; }
.sitemap #ContentArea .ContentCopy ul li  { text-align:left !important; padding: 4px 0 4px 20px; }

/* media releases */
.img-library #ContentArea #media-releases { margin: 5% 5% -4% 5%; }
.img-library #ContentArea #media-releases .media-release { margin-bottom:2%; }
.img-library #ContentArea #media-releases .media-release h3 { font-size:1.2em; }

#footer{ width:815px; background: #0061B0; margin: 0; padding: 0.4% 0 0.5% 0;
			border-right: 10px solid #0061B0; font-size:75%; background:#0061B0;
			color: #fff; text-align: left; line-height: 110%; }

#footer a{ text-decoration:none; color:#fff; }
#footer a:hover{ color: #191718; }

/* press articles */
.packages.displaypress #ContentArea #ContentSide *  { margin:0; padding:0; width:auto; }
.packages.displaypress #ContentArea #ImageSide *  { margin:0; padding:0; }
.packages.displaypress #ContentArea #ContentSide { height:438px; }
.packages.displaypress #ContentArea #ContentSide h2 { width:100%; }
.packages.displaypress #ContentArea #ContentSide h3 { margin: 1% 0 0; font-size:1.3em; }
.packages.displaypress #ContentArea #ContentSide ul { height:420px; float:left; margin: 0 0 0 0; padding:0; }
.packages.displaypress #ContentArea #ContentSide .ContentCopy { float:left; width:310px; height:0; }
.packages.displaypress #ContentArea #ContentSide .ContentCopy.scrollable { overflow:auto; margin-left:1em;  }
.packages.displaypress #ContentArea #ContentSide.PressTextContainer { width:90%; padding-bottom:1%; }

.packages.displaypress #ContentArea #ImageSide { border:6px solid #B7CFEC; width:300px !important; margin-top:1%; 
						margin-bottom:0; padding-bottom:0; margin-left:0;  }

.packages.displaypress #ContentArea #ContentSide #PressScans ul * { margin:0; padding:0; }
.packages.displaypress #ContentArea #ContentSide #PressScans { width:90%; float:right; margin-top:20px; 
																	position:relative; left:70px; margin:0; padding:0;}
.packages.displaypress #ContentArea #ContentSide #PressScans h4 { margin-bottom:20px; }
.packages.displaypress #ContentArea #ContentSide #PressScans ul { height:auto; float:left; padding:0.5%;  }

.packages.displaypress #ContentArea #ContentSide.PressTextContainer .ContentCopy { width:500px; height:435px; position: relative; left:50px;  }
.packages.displaypress #ContentArea #ContentSide #PressText { height:auto; overflow:auto; margin:2% 5%; }
.packages.displaypress #ContentArea #ContentSide #PressText p { margin-bottom:1em; }
.packages.displaypress #ContentArea #ContentSide #PressText h4 { margin:1em 0; }

/* image library */
.img-library #ContentArea * { margin:0; padding:0; }
.img-library #ContentArea .download-image { float:left; margin: 1%; color:#7D7F82; }
.img-library #ContentArea .download-image h3 { padding:0; margin:0; font-weight:normal; }
.img-library #ContentArea .download-image p img { display:block; margin-top:0; padding-top:0; }
.img-library #ContentArea .download-image p a { margin:0.3%; color:#7D7F82;  }

/* downloads */
.img-library #ContentArea div.download,
.img-library #ContentArea div.download *  { text-align:left !important; }
.img-library #ContentArea .Downloads { margin-top: 5%; }
.img-library #ContentArea .Downloads p { margin-bottom: 5%; }
.img-library #ContentArea .Downloads h3 {background: #fff url(/images/icon_pdf.gif) bottom left no-repeat; width:60%; 
										height: 35px; margin-left:33%; }
.img-library #ContentArea .Downloads a { display:block; margin:1%; padding-left:38px; padding-top: 10px; }	
.img-library #ContentArea .Downloads a:hover{ color: #191718; }

/* branding message */
#brand-statement {
    width: 750px;
    margin: 2em auto;
    color: #aaaaaa;
    font-size: 11px;
    line-height: 1.5;
}

#brand-statement a {
    color: #aaaaaa;
}

#brand-statement a:hover {
    text-decoration: none;
}