/* CSS Document */
/* Normalize.css(http://necolas.github.com/normalize.css/) + Eric Meyer Reset(http://meyerweb.com/eric/tools/css/reset/) = Freaks Reaet(http://www.mobifreaks.com/?p=943)*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

/* HTML5 Element display reset for non supporting browsers*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* Corrects inline-block display not defined in IE6/7/8/9 & FF3*/
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/* Prevents modern browsers from displaying 'audio' without controls*/
audio:not([controls]) { display: none; }

/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue:no IE6 support */
[hidden] { display: none; }

/* Base 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 2. Keeps page centred in all browsers regardless of content height. 3. Prevents iOS text size adjust after orientation change, without disabling user zoom. www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ }

/* Addresses font-family inconsistency between 'textarea' and other form elements */
body, button, input, select, textarea { font-family: sans-serif; }

/*	Links - Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }

/* Typography - Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5 */
h1 { font-size: 2em; }

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic; }

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace,serif; _font-family: 'courier new',monospace; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/*	1. Addresses CSS quotes not supported in IE6/7
	2. Addresses quote property not supported in S4
*/
/* 1 */
blockquote, q { quotes: none; }

/* 2 */
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/* Prevents sub and sup affecting line-height in all browsers - gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Lists */
article ul, article ol { margin-left: 0; padding: 0 0 0 40px; }

article dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

/* Embedded content - Improves image quality when scaled in IE7 - code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img { -ms-interpolation-mode: bicubic; /* 1 */ }

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) { overflow: hidden; }

/* Define consistent border, margin, and padding */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/*	1. Corrects color not being inherited in IE6/7/8/9
	2. Corrects alignment displayed oddly in IE6/7
*/
legend { border: 0; /* 1*/ *margin-left: -7px; /* 2*/ }

/*	1. Corrects font size not being inherited in all browsers
	2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
	3. Improves appearance and consistency in all browsers
*/
button, input, select, textarea { font-size: 100%; /* 1*/ margin: 0; /* 2*/ vertical-align: baseline; /* 3*/ *vertical-align: middle; /* 3*/ }

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input { line-height: normal; }

/*	1. Improves usability and consistency of cursor style between image-type 'input' and others
	2. Corrects inability to style clickable 'input' types in iOS
	3. Removes inner spacing in IE7 without affecting normal text inputs. Known issue:inner spacing remains in IE6
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1*/ -webkit-appearance: button; /* 2*/ *overflow: visible; /* 3*/ }

/*	1. Addresses box sizing set to content-box in IE8/9
	2. Removes excess padding in IE8/9
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1*/ padding: 0; /* 2*/ }

/*	1. Addresses appearance set to searchfield in S5, Chrome
	2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/
input[type="search"] { -webkit-appearance: textfield; /* 1*/ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2*/ box-sizing: content-box; }

/* Removes inner padding that is displayed in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in FF3+ - www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*	1. Removes default vertical scrollbar in IE6/7/8/9
	2. Improves readability and alignment in all browsers
*/
textarea { overflow: auto; /* 1*/ vertical-align: top; /* 2*/ }

/* Tables - Remove most spacing between table cells */
table { border-collapse: collapse; border-spacing: 0; }

/* jQuery FlexSlider v2.2.0 http://www.woothemes.com/flexslider/  Copyright 2012 WooThemes Free to use under the GPLv2 license. http://www.gnu.org/licenses/gpl-2.0.html  Contributing author: Tyler Smith (@mbmufffin) */
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* Icon Fonts
*********************************/
/* Font-face Icons */
/*@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { border-top: 1px solid #FFF; display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; margin: 0; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { zoom: 1; position: relative; margin: 0 0 30px 0; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: 0; position: absolute; top: 40%; z-index: 10; overflow: hidden; opacity: 0.6; cursor: pointer; color: rgba(0, 0, 0, 0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { font-size: 0px; width: 40px; height: 40px; background-image: url(../images/misc/flexslider_prev_next.png); background-repeat: no-repeat; background-position: top left; -moz-background-size: 80px 40px; -webkit-background-size: 80px 40px; background-size: 80px 40px; }

.flex-direction-nav .flex-next { font-size: 0px; width: 40px; height: 40px; right: 0; background-image: url(../images/misc/flexslider_prev_next.png); background-repeat: no-repeat; background-position: -40px 0; -moz-background-size: 80px 40px; -webkit-background-size: 80px 40px; background-size: 80px 40px; }

HTML.ie8 .flex-direction-nav .flex-prev, HTML.ie8 .flex-direction-nav .flex-next { background-image: url(../images/misc/flexslider_prev_next_IE.png); }

.flexslider:hover .flex-prev { left: 0; }

.flexslider:hover .flex-next { right: 0; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { display: none; position: absolute; top: 15px; right: 15px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 8px; height: 8px; display: block; border: 1px solid #FFF; cursor: pointer; text-indent: -9999px; }

.flex-control-paging li a:hover { background: #FFF; }

.flex-control-paging li a.flex-active { background: #FFF; cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

.flexslider .sold { top: 1px; z-index: 2; }

@media screen and (min-width: 768px) { .flexslider { margin-bottom: 36px; }
  .flex-direction-nav { display: none; }
  .flex-control-nav { display: block; z-index: 2; } }
/* colour palette */
/* form css */
#form-container { margin: 0 5% 0 5%; }

form, #frmConf { padding: 20px 0 0 0; }
form h1, #frmConf h1 { line-height: 1.3em; }
form p, #frmConf p { margin-bottom: 30px; }

.frmElement, .frmText, .frmField { width: 100%; margin: 0; text-align: left; }

.frmElement { padding: 0; }

.frmText { margin-bottom: 5px; }

input, select, textarea { width: 100%; margin: 0 0 25px 0; padding: 6px 0 6px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #414042; background-color: #F4F4F4; border: none; text-indent: 6px; }

textarea { min-height: 80px; resize: vertical; }

label { font-size: 1.2em; font-family: 'Libre Baskerville', serif; font-weight: 400; }

input.submit { background-color: white; border: 1px solid #98c7d6; color: #98c7d6; font-family: 'Libre Baskerville', serif; font-weight: 400; text-transform: uppercase; }

select { -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-indent: 0.01px; text-overflow: ''; appearance: none; cursor: pointer; background-image: url(../images/misc/arrow_select.svg); background-position: center right; background-repeat: no-repeat; -moz-padding-start: 6px; -webkit-padding-start: 6px; padding-start: 6px; -moz-padding-end: 6px; -webkit-padding-end: 6px; padding-end: 6px; }

select::-ms-expand { display: none !important; }

select.select::-ms-expand { display: none !important; }

#frmLogin .frmField input { width: 150px; }
#frmLogin .frmField input.submit { width: auto; border: 1px solid #98c7d6; color: #471403; background: transparent; padding: 4px; cursor: pointer; }

#frmLoading img, .image-manipulation img { width: auto !important; }
#frmLoading img.ui-datepicker-trigger, .image-manipulation img.ui-datepicker-trigger { width: auto !important; float: right; cursor: pointer; }

#frmLoading { width: 100%; height: 100%; background-color: white; position: absolute; z-index: 1; }
#frmLoading img { width: 32px; margin: 45% auto 0 auto; position: relative; text-align: center; display: block; }

input#strDateField { width: 90%; }

HTML.ie9 select, HTML.ie8 select, HTML.ie7 select { background-image: none; }

/* accessbility css - do not remove */
.hidden { display: none; }

.clear { clear: both; }

.error { color: #FF0000; }

/* css layout */
html { overflow-y: scroll; }

body { margin: 0; padding: 0; overflow-x: hidden; background-color: white; font-family: 'Libre Baskerville', serif; font-size: 62.5%; font-weight: 400; line-height: 1.7em; text-align: left; color: #414042; }

img { width: 100%; margin: 0 0 30px 0; padding: 0; border: 0; vertical-align: bottom; }
img.image-sub { display: block; }

.video-sub { display: none !important; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; color: #414042; text-transform: uppercase; }

h1 { display: block; margin-bottom: 30px; padding: 15px 0 15px 0; font-size: 2em; letter-spacing: 4px; border-top: 1px solid #98c7d6; border-bottom: 1px solid #98c7d6; text-align: center; }

h2 { margin-bottom: 10px; font-size: 1.4em; }

p { margin: 0 0 30px 0; font-size: 1.5em; line-height: 1.7em; letter-spacing: 0.4px; color: #414042; position: relative; }
p.center { text-align: center; }

em { font-style: italic; }

a { color: #98c7d6; text-decoration: none; outline: none; -moz-outline: none; }
a:active, a:focus, a:hover { color: #98c7d6; text-decoration: none; outline: none; -moz-outline: none; }

hr { width: 100%; height: 1px; margin: 0 0 30px 0; padding: 0; border: 0; background-color: #98c7d6; clear: both; }

ul, li { margin: 0; padding: 0; list-style: none; line-height: 2.5em; font-weight: 400; }

ul { margin: 0 0 30px 0; }

li { font-size: 1.4em; }

#wrapper { position: relative; }

#header { width: 90%; max-width: 1120px; margin: 0 auto; position: relative; clear: both; }

#content_wide { width: 90%; max-width: 1120px; margin: 0 auto; position: relative; }
#content_wide hr { display: none; }
#content_wide.show-h1 h1 { display: block; }

#container { position: relative; }

#content { width: 90%; max-width: 730px; margin: 0 auto 30px auto; position: relative; }
#content.show-h1 h1 { display: block; }

#footer { width: 90%; max-width: 1120px; margin: 0 auto 30px auto; position: relative; clear: both; }
#footer a { color: #414042; }
#footer p { font-size: 1.1em; text-align: center; }
#footer hr { background-color: #d1d3d4; opacity: 0.5; }
#footer span { margin: 0 10px 0 10px; position: relative; top: -3px; }
#footer span.postcode { margin: 0; font-size: 0.8em; top: 0; }
#footer hr { margin: 0; }
#footer p.address { max-width: 440px; margin: 0 auto 30px auto; letter-spacing: 4px; }
#footer p.address span.break_320 { display: block; }
#footer p.contact { margin: 30px 0; font-size: 1.3em; line-height: 3em; }
#footer p.contact span { display: none; }
#footer p.contact span.break_one, #footer p.contact span.break_two { display: block; }
#footer p.legal, #footer p.legal a { margin: 0; color: #d1d3d4; }
#footer ul { margin: 30px auto 30px auto; padding: 0; float: left; left: 50%; list-style-type: none; position: relative; clear: both; }
#footer li { height: 20px; margin: 0 auto; float: left; font-size: 0px; position: relative; right: 50%; }
#footer li a { height: 100%; position: absolute; }
#footer li.facebook { width: 20px; background-image: url(../images/icons/icon_facebook.svg); background-repeat: no-repeat; background-position: center center; padding: 0 20px 0 20px; }
#footer li.facebook a { width: 20px; }
#footer li.twitter { width: 29px; background-image: url(../images/icons/icon_twitter.svg); background-repeat: no-repeat; background-position: center center; padding: 0 20px 0 20px; }
#footer li.twitter a { width: 29px; }

HTML.ie8 #footer li.facebook, HTML.ie7 #footer li.facebook { background-image: url(../images/icons/icon_facebook.png); }

HTML.ie8 #footer li.twitter, HTML.ie7 #footer li.twitter { background-image: url(../images/icons/icon_twitter.png); }

.content_container { position: relative; }
.content_container h2 { color: #98c7d6; }

/* Prim nav */
#nav { width: 100%; position: static; margin: 0 0 30px 0; font-family: 'Libre Baskerville', serif; font-size: 1.1em; text-transform: uppercase; z-index: 1; }
#nav li { position: relative; }
#nav li a { color: #231F20; display: block; letter-spacing: 1px; }
#nav li a.selected { color: #98c7d6; }
#nav span { display: none; }
#nav span.clip_left, #nav span.clip_right { display: inline-block; }
#nav span.clip_right { display: none; }
#nav #nav_content { float: left; list-style-type: none; margin: 15px auto 0 auto; padding: 0; position: relative; background: none; z-index: 1; }
#nav #nav_content li { float: left; position: relative; }
#nav #nav_content li a:hover { color: #98c7d6; background: none; }

#nav > a { display: none; }

#nav > ul { background-color: white; }

#nav > ul > li { float: left; }

#nav > ul > li > a { height: 100%; font-size: 1.1em; line-height: 3em; text-align: left; }

/* Sub nav */
#sub_nav { display: none; }

/* css content */
.logo { width: 100%; max-width: 300px; height: 54px; margin: 20px auto; background-image: url(../images/misc/logo_mob.svg); background-repeat: no-repeat; background-position: center center; position: relative; font-size: 0px; }

.logo a { width: 100%; height: 100%; position: absolute; }

HTML.ie8 .logo, HTML.ie7 .logo { background-image: url(../images/misc/logo_mob.png); }

a.btn { height: 28px; margin: 0 0 30px 0; padding: 12px 0 0 20px; text-transform: uppercase; font-size: 1.1em; display: block; background-position: 0 14px; }
a.btn.tel { background-image: url(../images/icons/icon_telephone.svg); background-repeat: no-repeat; }
a.btn.print { background-image: url(../images/icons/icon_print.svg); background-repeat: no-repeat; }
a.btn.enquire { background-image: url(../images/icons/icon_enquire.svg); background-repeat: no-repeat; }

HTML.ie8 a.btn.tel, HTML.ie7 a.btn.tel { background-image: url(../images/icons/icon_telephone.png); }

HTML.ie8 a.btn.print, HTML.ie7 a.btn.print { margin-right: 0; background-image: url(../images/icons/icon_print.png); }

HTML.ie8 a.btn.enquire, HTML.ie7 a.btn.enquire { background-image: url(../images/icons/icon_enquire.png); }

.btn_video_container { width: 100%; position: absolute; bottom: 10px; z-index: 3; }

a.btn_video { width: 90px; margin: 0 auto; position: relative; padding: 0; text-transform: uppercase; text-align: center; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); font-size: 1.1em; display: block; color: white; cursor: pointer; }

ul.spec { width: 100%; }
ul.spec li { text-transform: uppercase; color: #98c7d6; clear: both; background-image: url(../images/misc/dot_blue.png); background-repeat: repeat-x; background-position: center left; -moz-background-size: 23px 6px; -webkit-background-size: 23px 6px; background-size: 23px 6px; }
ul.spec li span.left { background-color: white; }
ul.spec li span.right { float: right; text-transform: none; color: #414042; background-color: white; }

HTML.ie8 ul.spec li, HTML.ie7 ul.spec li { background-image: url(../images/misc/dot_blue_IE.png); }

.block h2, .block p { text-align: center; }
.block p { font-size: 1.1em; }
.block a { color: #414042; }

.overlay_container { position: relative; margin: 0 0 15px 0; }
.overlay_container img { margin: 0; }
.overlay_container .overlay { display: none; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.6); cursor: pointer; }
.overlay_container a.btn_overlay { width: 130px; height: 32px; margin: 21% auto 0 auto; padding: 16px 0 0 20px; text-transform: uppercase; font-size: 1.1em; color: white; border: 1px solid white; display: block; cursor: pointer; background-image: url(../images/misc/arrow.svg); background-repeat: no-repeat; background-position: center right; }

.sold { width: 90px; height: 90px; position: absolute; top: 0; left: 0; background-image: url(../images/misc/sold.svg); z-index: 1; }

HTML.ie8 .overlay_container .overlay { background-image: url(../images/misc/bg.png); filter: alpha(opacity=80); }

HTML.ie8 .overlay_container a.btn_overlay { background-image: url(../images/misc/arrow.png); }

HTML.ie8 .sold, HTML.ie7 .sold { background-image: url(../images/misc/sold.png); }

span.image_caption { width: 96%; padding: 5px 2% 5px 2%; position: absolute; left: 0; bottom: 30px; font-size: 1.1em; color: white; background: rgba(0, 0, 0, 0.6); }

HTML.ie8 span.image_caption, HTML.ie7 span.image_caption { background-image: url(../images/misc/bg.png); filter: alpha(opacity=80); }

.summary-details ul li { margin-left: 30px; margin-bottom: 1.7em; padding-left: 15px; line-height: 1.7em; background-image: url(../images/misc/bullet_point.svg); -moz-background-size: 6px 6px; -webkit-background-size: 6px 6px; background-size: 6px 6px; background-position: 0px 8px; background-repeat: no-repeat; }

HTML.ie8 .summary-details ul li, HTML.ie7 .summary-details ul li { background-image: url(../images/misc/bullet_point_IE.png); }

UL.boat-thumbs-list img { width: 100%; }
UL.boat-thumbs-list li { width: 30%; float: left; margin-right: 5%; }
UL.boat-thumbs-list li.thumb-last { margin-right: 0; }

/* old mobile landscape */
@media screen and (min-width: 480px) { .frmElement { clear: both; }
  .frmText { width: 35%; float: left; }
  .frmField { width: 65%; float: right; }
  #footer p.address span.break_320 { display: none; }
  a.btn { margin-right: 27px; float: left; }
  a.btn:last-of-type { margin-right: 0; }
  .home-tablet img.image-sub { display: block; } }
@media screen and (min-width: 530px) { #form-container { margin: 0 20px 0 20px; }
  p.back-to-brokerage { display: none; } }
/* tablet devices */
@media screen and (min-width: 600px) { .block { width: 48%; min-height: 344px; height: auto !important; height: 344px; float: left; }
  .block.tile2, .block.tile4, .block.tile6, .block.tile8, .block.tile10, .block.tile12 { float: right; }
  form h1, #frmConf h1 { line-height: inherit; }
  img.image-sub { display: none; }
  .video-sub { display: block !important; } }
/* ipad portrait */
@media screen and (min-width: 768px) { #header { margin-bottom: 36px; }
  img { margin-bottom: 36px; }
  .logo { width: 430px; max-width: none; height: 75px; margin: 36px auto; background-image: url(../images/misc/logo.svg); }
  HTML.ie8 .logo, HTML.ie7 .logo { background-image: url(../images/misc/logo.png); }
  h1 { display: none; margin-bottom: 36px; }
  #content, #footer, hr, ul, a.btn { margin-bottom: 36px; }
  p.address, p.legal { margin-bottom: 40px; }
  #header, #content_wide, #footer { width: 700px; }
  #content { width: 450px; }
  #footer p.contact { line-height: 1.7em; }
  #footer p.contact span { display: inline-block; }
  #footer p.contact span.break_one, #footer p.contact span.break_768 { display: none; }
  .content_container h2 { max-width: 100px; margin-bottom: 0; position: absolute; left: -126px; font-size: 1.1em; color: #98c7d6; }
  a.btn_video { padding-top: 45px; background-image: url(../images/icons/icon_play.svg); background-repeat: no-repeat; background-position: center top; }
  HTML.ie8 .btn_video { background-image: url(../images/icons/icon_play.png); }
  #footer p.contact { margin: 10px 0; }
  /* Prim nav */
  #nav { margin: 0; padding-top: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; height: auto; border-top: 1px solid #98c7d6; border-bottom: 1px solid #98c7d6; }
  #nav #nav_content { margin: 0; }
  #nav li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); letter-spacing: 0; }
  #nav li.divide { display: block; width: 100%; height: 1px; background-color: #98c7d6; }
  #nav span { display: block; margin: 0 10px 0 10px; position: relative; float: left; line-height: 2.5em; }
  #nav span.clip_left, #nav span.clip_right { display: none; }
  #nav .nav_push_one { margin-left: 8px; }
  #nav .nav_push_two { margin-left: 34px; }
  span.image_caption { bottom: 36px; }
  /* Sub nav */
  #sub_nav { display: block; max-width: 122px; position: absolute; left: -126px; }
  #sub_nav ul li { margin-bottom: 1.1em; text-transform: uppercase; font-size: 0.9em; line-height: 1.7em; }
  #sub_nav ul li a { color: #231f20; }
  #sub_nav ul li a.selected { color: #98c7d6; } }
/* Prim nav only start */
@media only screen and (max-width: 767px) { #nav > a { width: 40px; margin: 0; padding: 7px 30px 7px 7px; text-align: left; position: relative; border: 1px solid #98c7d6; color: #414042; z-index: 1; }
  #nav > ul { height: auto; margin: -1px 3% 0 3%; display: none; position: absolute; left: 0; right: 0; }
  #nav:target > ul { display: block; }
  #nav > ul > li { width: 100%; float: none; }
  #nav > ul > li > a { height: auto; text-align: center; padding: 0 0.833em; }
  #nav > ul > li:not(:last-child) > a { border-right: none; border-bottom: 1px solid #98c7d6; }
  #nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type { display: block; }
  .toggleBtn, .toggleBtnOn { background-image: url(../images/icons/icon_toggle.svg); background-position: center right; background-repeat: no-repeat; background-color: white; }
  HTML.ie8 .toggleBtn, HTML.ie8 .toggleBtnOn, HTML.ie7 .toggleBtn, HTML.ie7 .toggleBtnOn { background-image: url(../images/icons/icon_toggle.png); } }
/*pc screens and up */
@media screen and (min-width: 980px) { #nav span.clip_left, #nav span.clip_right { display: inline-block; margin: 0 5px 0 0; float: left; line-height: 2.9em; }
  #nav span.clip_right { float: right; margin: 0 0 0 5px; }
  #nav li a { letter-spacing: 1px; }
  #nav .nav_push_one { margin-left: 13px; }
  #nav .nav_push_two { margin-left: 61px; }
  #header, #content_wide, #footer { width: 900px; }
  #content { width: 650px; }
  #content_wide hr { display: block; }
  #content_wide.two_col .block { width: 48%; min-height: 332px; height: 332px; margin-left: 0; margin-right: 0; float: left; }
  #content_wide.two_col .block.tile2, #content_wide.two_col .block.tile4, #content_wide.two_col .block.tile6, #content_wide.two_col .block.tile8, #content_wide.two_col .block.tile10, #content_wide.two_col .block.tile12 { float: right; }
  #footer p.contact span.break_two { display: none; }
  #footer p.contact span.break_768 { display: inline-block; }
  .block { width: 30%; margin-right: 5%; margin-bottom: 0; min-height: 0; height: auto; float: left; }
  .block.tile2, .block.tile4, .block.tile6, .block.tile8, .block.tile10, .block.tile12 { float: left; }
  .block.tile3, .block.tile6, .block.tile9, .block.tile12 { margin-right: 0; float: right; }
  a.btn { margin-right: 72px; }
  span.image_caption { width: 98%; padding: 5px 1% 5px 1%; } }
/*pc screens and up */
@media screen and (min-width: 1280px) { #header, #content_wide, #footer { width: 1120px; }
  #nav li a { letter-spacing: 2px; }
  #nav span { margin: 0 15px; }
  #nav .nav_push_one { margin-left: 65px; }
  #nav .nav_push_two { margin-left: 116px; }
  #content { width: 730px; }
  .content_container h2 { max-width: 160px; left: -196px; }
  a.btn { margin-right: 111px; }
  /* Sub nav */
  #sub_nav { max-width: 160px; left: -196px; }
  #sub_nav ul li { font-size: 1.1em; } }