/* SETUP */

@import url("/media/library/css/std.css");
@import url("/media/library/css/form.css");

body { font-family:Georgia, Arial, Sans-Serif; background-color:#003669; }
#container { width:701px; margin:0 auto; /*position:relative;*/ }
#foreground-layer { position:absolute; width:100%; top:0; left:0; }
#columnwrapcontainer { padding-left:3px; padding-right:3px; background:url(/media/img/bg_page.gif) repeat-y; background-color:#FFF;}
#leftcol { float:left; width:116px; overflow:visible !important; overflow:hidden; /* actual visual width (blue area): 119px */}

/* LINKS */

#columnwrap a { color:#00F; }
#columnwrap a:hover { color:#F00; }

/* HEADER */

#header {}
#background-layer { height:465px; background:url(/media/img/bg_ocean.png) repeat-x; background-position:0px 35px; }
#background-header-left { float:left; width:49%; height:35px; background:url(/media/img/bg_hill.png) repeat-x; }
#background-header-right { float:right; width:49%; height:35px; background:url(/media/img/bg_sky.png) repeat-x; }

/* NAV */

#nav-global { margin-top:20px; font:bold 1.2em Arial, sans-serif; letter-spacing:0.1em; }
#nav-global ul { padding:15px; padding-right:0; margin:0;}
#nav-global li { display:inline; list-style-type:none; margin:0; padding:0; }
#nav-global a { display:block; width:100%; white-space:nowrap !important; white-space:normal; text-decoration:none; color:#9CF; line-height:2em; }
#nav-global a:hover { color:#FFF; }
#homepage #nav-homepage a, #tours #nav-tours a, #bookings #nav-bookings a, #sealinfo #nav-sealinfo a, #akaroa #nav-akaroa a, #farmstay #nav-farmstay a, #contact #nav-contact a { color:#FFF; font-size:1.2em; }

#nav-global-aux { float:right; clear:both; padding-right:1em; margin:20px 1px 20px 0; color:#8BF; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#E7F0FE; text-align:left; }
#nav-global-aux a { color:#03C; background-color:#E7F0FE; text-decoration:none; padding:0 5px 0 5px; }
#nav-global-aux a:hover { color:#006; text-decoration:underline; }

/* COLUMNS */

#columnwrap { float:right; width:573px; font-size:1.2em; line-height:1.5em; }
#content-main { float:left; width:320px; margin-left:20px; height:auto !important; height:20em; min-height:20em; }
#homepage #content-main { width:310px; }
#content-related { margin-left:370px; }

/* CONTENT */

h1 { margin:0 0 0.8em 0; padding:0; line-height:1.1em; font-size:1.3em; }
h2 { margin:1em 0 0.2em 0; font: bold 1em/1em Verdana, Arial, Helvetica, sans-serif; background-color:#eee; padding:3px; border:1px solid #ddd; }
#content-main h2 { margin:2em 0 1em; }


/* LISTS */

ul { padding-left:1.5em; }
li { margin-bottom:0.8em; margin-top:0.8em; }

/* FOOTER */

#footer { clear:both; font-family:Verdana, Arial, Helvetica, Sans-Serif; background:url(/media/img/bg_footer.png) no-repeat; height:32px; margin-bottom: 20px; }
#footer p { float:right; clear:left; width:520px; font-size:9px; }
#footer a { color:#000; text-decoration:underline; }
#footer a:hover { color:#C90; }

/*  CLEARFIX KLUDGE */

#columnwrapcontainer:after, #columnwrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#columnwrapcontainer, #columnwrap { display:inline-block; }
/* Hides from IE-mac \*/
* html #columnwrapcontainer, * html #columnwrap { height: 1%; }
#columnwrapcontainer, #columnwrap { display: block; }
/* End hide from IE-mac */

/* MISC */

#pg-title { position:absolute; left:-2000px; display:none; }
.align-middle { display:inline; vertical-align:middle; margin-left:10px; margin-right:10px; }
.right-imgs { text-align:right; }
.right-img { display:inline; border:1px solid #000; margin:0 20px 20px 0; }
.align-right { display:inline; margin-right:20px; margin-bottom:0; padding:0; }

#nzmap { position:relative; top:-40px; right:16px; }
#endorsements { position:relative; right:1em; margin-top:3em; text-align:center; width:210px; font:bold 1.1em Arial, sans-serif; color:#777; }
#screensaver { position:relative; left:-20px; }
#email-a-friend { margin-top: 4em; margin-left:10px; }

.quote { background:url(/media/img/quotes_top.gif) no-repeat; width:180px; margin-right:20px; }
.quote .text { position:relative; top:20px; left:20px; margin-right:30px; color:#666; font:bold 1.2em Verdana, Arial, Helvetica, sans-serif; }
.quote .end-quote { height:32px; background:url(/media/img/quotes_bottom.gif) no-repeat; background-position:top right; }
.quote .who { font-size:1em; text-align:right; margin-right:20px; }

#columnwrap .highlight { font:bold 1.1em Verdana, Arial, Helvetica, sans-serif; margin-bottom:1em; color:#000; letter-spacing:0.05em; background:#FC0 url(../img/box_bg.jpg) no-repeat; }
#columnwrap .highlight h1 { margin:5px 5px 5px 10px; font-weight:bold; font-size:1.2em; text-align:center; }
#columnwrap .highlight p { margin:5px 5px 5px 10px; font-size:1em; text-align:center; }
#columnwrap .highlight ul, #columnwrap .highlight ol { padding-left:1.5em; margin:0; }
#columnwrap .highlight li { padding:0; margin-left:0.3em; margin-bottom:0.8em; }
#columnwrap .highlight .row-label { font-weight: bold; }
#columnwrap .highlight a { color:#900; text-decoration:underline; }
#columnwrap .highlight a:hover { color:#900; }
#columnwrap .highlight table { border-spacing:0px; }
#columnwrap .highlight th { font:bold 12px Arial, sans-serif; padding:5px; vertical-align:top; text-decoration:underline; text-align:left; }
#columnwrap .highlight td { font:normal 12px Arial, Sans-Serif; padding:5px 5px 5px 15px; vertical-align:top; }

.flash-notice, .flash-error { border:1px solid #000; padding:1em; margin-bottom:1em; }
.flash-notice { background-color:#ffc; }
.flash-error { background-color:#ff4343; }


/* FORMS */

.form { border:none; width:100%; background-color:#def; font-family:Verdana, Arial, Helvetica, sans-serif; }
.vTextField, .vEmailField, .vSelectField, .vLargeTextField, .vCaptchaField { width:180px; border:1px solid #369; }
.form .form-buttons input { background-color:#369; }
#bookings #message-row, #contact #message-row { display:none; }