/* Wrapper */
body { background:#0d3350 url(../img/layout/rocket.jpg) no-repeat 50% 0; font-size:14px; font-family:helvetica,arial,sans-serif; }
#wrap { margin:0 auto; width:900px; }

/* Logo */
#identity a { float:left; margin:50px 0 52px 120px; width:150px; height:48px; font-size:1.429em;/*20px*/ color:#fff; text-decoration:none; }

/* Main navigation */
#mainnav { margin:0 15px 0 0; }
#mainnav a { float:right; margin:59px 0 0 0; padding:9px 14px; border:1px solid transparent; font-size:1.429em;/*20px*/ color:#c2ccd3; text-decoration:none; text-transform:lowercase; }
#mainnav a:hover, #mainnav .active a { background:#0D2F4A; border:1px solid #0C2A44; border-right-color:#103B5E; border-bottom-color:#103B5E; color:#fff; }
#mainnav .active a { cursor:default; }

/* Header */
#title { clear:both; float:left; padding:41px 30px 0; width:240px; min-height:58px; background:#bec107 url(../img/layout/reflection.png) no-repeat 0 0; border-top:1px solid #cbcd08; font-size:2.143em;/*30px*/ color:#fff; }
#switch-lang { float:left; padding:30px; width:540px; min-height:40px; background:#0b2c44 url(../img/layout/header-gradient.jpg) no-repeat 0 0; text-align:right; }
#switch-lang a { font-size:0.857em;/*12px*/ font-family:georgia,serif; font-style:italic; color:#567185; text-decoration:none; }
#switch-lang a:hover { color:#c2ccd3; }

/* Wrapper for sidebar and main content: vertical rhythm of 20px */
#main { position:relative; clear:both; float:left; padding:15px 0 0; background:#fff; color:#333; line-height:1.429em;/*20px*/ }

#main a { border-bottom:1px solid #d1dee7; color:#0f436a; text-decoration:none; }
#main a:visited { color:#185989; }
#main a:hover { border-color:#f56624; color:#f56624; }

#main strong { color:#000; }
#main em { font-style:italic; }

#main h1 { clear:both; margin:60px 0 40px; max-width:405px; font-size:2.143em;/*30px*/ }
#main h2 { clear:both; margin:40px 0 20px; max-width:405px; font-size:1.429em;/*20px*/ color:#1a1a1a; }
#main h2 span { color:#ccc; }
#main h3 { margin:40px 0 20px; max-width:405px; font-size:0.857em;/*12px*/ font-weight:bold; color:#000; text-transform:uppercase; word-spacing:0.1em; }
#main h2 + h3 { margin-top:0; }

#main p { margin:0 0 20px; max-width:405px; }
#main p.intro { margin:39px 0 40px; background:url(../img/layout/lines.gif) repeat 0 0; border-top:1px solid #f5f5f5; font-size:1.143em;/*16px*/ font-family:georgia,serif; font-style:italic; color:#999; }
#main p.intro:first-letter { float:left; margin:3px 4px 0 0; padding:8px 10px 5px; background:#ccc; font-size:1.250em;/*20px*/ font-family:helvetica,arial,sans-serif; font-weight:900; color:#fff; }
#main p.intro strong { color:#666; }
#main h2 + p.intro, #main h3 + p.intro { margin-top:0; }

#main ul { margin:0 0 20px; max-width:405px; list-style-image:url(../img/layout/tick-lightgray.png); }
#main ol { margin:0 0 20px; max-width:405px; list-style-type:decimal; }
#main li.active { list-style-image:url(../img/layout/tick-darkgray.png); }
#main li.active > a { border:0; color:#333; }
#main li.active > a:hover { background:none; cursor:default; }
#main ul.spaced li { margin-bottom:20px; }
#main li.spaced { margin-top:20px; }

#main blockquote { margin:0 0 20px; padding:39px 30px 1px; max-width:345px; background:#f5f5f5 url(../img/layout/quote-left.png) no-repeat -2px -6px; font-family:georgia,serif; font-style:italic; color:#666; }
#main blockquote strong { color:#333; }
#main blockquote .author { font-family:helvetica,arial,sans-serif; font-style:normal; color:#999; text-align:right; }

#main form p { clear:both; padding-left:150px; max-width:255px; }
#main form p label { float:left; margin-left:-150px; width:135px; text-align:right; }
#main form p small { font-size:0.857em;/*12px*/ color:#666; }
#main textarea { margin:0; width:98%; }
#main input[type="text"] { width:98%; }
#main input[type="submit"] { padding:4px 8px; font-size:0.857em;/*12px*/ font-weight:bold; color:#000; text-transform:uppercase; word-spacing:0.1em; }

#main .errorbox { margin:0 0 40px; padding:20px 100px 20px 30px; max-width:275px; background:#bd2811 url(../img/layout/alert-icon.png) no-repeat 325px 50%; color:#fff; }
#main .errorbox ul { margin-left:20px; margin-bottom:0; list-style-image:url(../img/layout/tick-white.png); }
#main .alert label { color:#bd2811; }

#main img { text-align:center; } /* Note: setting a background(-color) will cause problems with google map markers! */
#main .figure { margin:0 0 30px; max-width:510px; }
#main .alt1 { float:left; margin-right:30px; }
#main .alt2 { float:right; margin-right:30px; margin-left:30px; }
#main .large { clear:both; width:510px; }
#main .medium { width:240px; }
#main .small { width:150px; }
#main .xsmall { width:105px; }
#main .figure img { display:block; width:100%; }
#main .figure small { display:block; padding:10px 20px; background:#000; font-size:0.857em;/*12px*/ font-family:georgia,serif; font-style:italic; color:#ccc; }
#main .figure.small small { padding:10px 15px; }
#main .figure.xsmall small { padding:10px; }
#main .figure small strong { font-size:0.833em;/*10px*/ font-family:helvetica,arial,sans-serif; font-weight:bold; font-style:normal; color:#e5e5e5; text-transform:uppercase; }
#main .figure small a { border-color:#666; color:inherit; }
#main .figure small a:hover { border-color:#ccc; }

/* Slideshow */
#slideshow p + p { display:none; } /* Only show first image in case javascript is disabled */

/* Sidebar */
#sidebar { float:left; padding:0 30px 30px; width:240px; }
#sidebar ul, #sidebar ol { margin-left:20px; }

/* Main content */
#content { float:right; padding:0 30px 30px; width:540px; }

/* Homepage illustration */
#kiddie { position:absolute; left:50px; bottom:-26px; }

/* Trigger bar */
#trigger { clear:both; padding:40px 30px 39px; background:#e9f1f2 url(../img/layout/get-in-touch-gradient.gif) repeat-x 0 0; border-bottom:1px solid #f5f8f8; font-size:1.429em;/*20px*/ color:#7b92a1; text-align:right; }
#trigger a { margin:0 0 0 10px; padding:10px 20px 10px 0; background:#f35f22 url(../img/layout/button-right.png) no-repeat 100% 50%; color:#fde1d4; text-decoration:none; }
#trigger a:hover { color:#fff; }
#trigger a strong { padding:10px 0 10px 20px; background:url(../img/layout/button-left.png) no-repeat 0 50%; }

/* Footer */
#footer { clear:both; padding:30px; background:url(../img/layout/footer-shadow.jpg) no-repeat 100% 0; font-size:0.857em;/*12px*/ font-family:georgia,serif; font-style:italic; color:#3d5b71; line-height:1.25; }
#footer a { color:#567185; text-decoration:none; }
#footer a:hover { color:#c2ccd3; }
#bottomnav a { float:right; margin:15px 0 0 15px; text-transform:lowercase; }

/* Three columns layout */
body.three-cols #content, body.three-cols #content2 { float:left; padding:0 30px 30px; width:240px; }

/* Message layout */
body.message { padding:0 0 30px; }
body.message #wrap { width:600px; }
body.message #identity a { margin-left:28px; }
body.message #main { padding:0; border-top:1px solid #cbcd08; }
body.message #content { float:none; padding:0 110px 30px; width:380px; background:url(../img/layout/confirm-icon.png) no-repeat 30px 43px; border-top:19px solid #bec107; }
body.message #mainnav, body.message #kiddie { display:none; }

/* Error message layout */
body.error.message #main { border-color:#c93014; }
body.error.message #content { background-image:url(../img/layout/alert-icon.png); border-color:#bd2811; }

/* General classes */
.clear { clear:both; }
.clearfix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.skip { position:absolute; top:-9999px; left:-9999px; font-size:1px; }