@charset "utf-8";

@font-face {
    font-family: 'FuturaMedium';
    src: url('fuce__-webfont.eot');
    src: url('fuce__-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fuce__-webfont.woff') format('woff'),
         url('fuce__-webfont.ttf') format('truetype'),
         url('fuce__-webfont.svg#FuturaMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: white; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #24b8ff; color: #fff; text-shadow: none; }
::selection { background: #24b8ff; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #0c82b9; text-decoration: none !important; }
a:visited { color: #0c82b9; }
a:hover { color: #0c82b9; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

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

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures

   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

/* Contain floats: h5bp.com/q */
.clearboth { clear: both; }

.msgbox { padding: 20px 15px; margin-bottom: 15px; }
.errorbox { background: #FBE3E4; color: #D12F19; border: 1px solid #FBC2C4; }
.infobox { background: #E6EDF5; color: #3D98F1; border: 1px solid #69B9DA; }
.noticebox { background: #FFF6BF; color: #817134; border: 1px solid #FFD324; }
.successbox { background: #E6EFC2; color: #529214; border: 1px solid #C6D880; }

.layout { clear: both; margin: 0 auto !important; position: relative; width: 1089px; }
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}


/***** Global *****/

html { overflow-y: scroll; overflow-x: hidden; } /* Keep the scroll bar showing at all times, stop it from jumping */

/* Body */

body {
	background: black;
	color: white;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	line-height: 1.323em;
	margin: 0;
	padding: 0;
	text-align:left;
}

.a {
	background-image: url(../images/global-banner-sprite.jpg);
}

.grid { float: left;  margin-right: 10px; width: 147px; }
.grid img { max-width: 100%; }

.grid-span-2 { width: 304px; }
.grid-span-2 > .grid:last-child { margin-right: 0; }

.grid-span-3 { width: 461px; }
.grid-span-3 > .grid:last-child { margin-right: 0; }

.grid-span-4 { width: 618px; }
.grid-span-4 > .grid:last-child { margin-right: 0; }

.grid-span-5 { width: 775px; }

.grid-rowspan-1 { height: 147px; }
.grid-rowspan-2 { height: 304px; }
.grid-rowspan-3 { height: 461px; }
.grid-rowspan-4 { height: 618px; }

.grid-flush { margin-top: 0; margin-bottom: 0; }

.grid-column-right { float: right; margin-right: 0 !important; }

.grid { margin-top: 10px; }
#content > .grid, .grid > .grid:first-child, .grid-column-right { margin-top: 0; }

/*.grid-pad { margin-top: 0; margin-bottom: 0; }*/

/*
.grid-adjustment {
	float: left;
	margin-left: -314px;
	height: 147px;
	position: relative;
	z-index: 1;
} */


.grid:last-child { margin-right: 0; }

[role="banner"] {}
[role="navigation"] {}
[role="complementary"] {}
[role="main"] {}
[role="contentinfo"] {}

#logo { position: relative; z-index: 5;}

#wrapper-container { background: url(../images/global-background.jpg) center top #151515; padding: 192px 0 35px; }
#header-container { margin-top: -157px; position: relative; }
#header {  }
#header .grid, .banner-north, .banner-south { display: block; height: 147px; }

.banner { background-image: url(../images/global-banner-sprite.jpg); }
.banner-west { background-position: 0 0; }
.banner-center { background-position: -304px 0; }
.banner-east { background-position: -451px 0; }

.banner-north { background-position: -588px 0; }
.banner-south { background-position: -745px 0; }

#header .call-us { background: black; line-height: normal; }
.call-us-header { font-size: 1.3em; font-family: 'FuturaMedium', Arial, Helvetica, sans-serif; padding: 20px 0 0 15px; text-transform: uppercase; }
.call-us .details { margin: 0; padding: 10px 0 0 15px; }
.call-us span { display: block; }
.call-us .h { font-size: 0.6em; text-transform: uppercase; }
.call-us .i { color: #666666; font-size: 1.3em; font-family: 'FuturaMedium', Arial, Helvetica, sans-serif; }

#section {  }

#navigation { padding-top: 157px; }
#navigation > .grid:first-child { background: #000000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 15px; }

#navigation ul, #navigation li { display: block; list-style: none; margin: 0; padding: 0; }

.navigation li { margin-bottom: 13px !important; }
.navigation a, .navigation a:hover { color: #666666; font-size: 1.25em; font-family: 'FuturaMedium', Arial, Helvetica, sans-serif; text-transform: uppercase; }
.navigation a:hover { color: #bcd147; }

#navigation .social { background: black; bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 147px; left: 0; padding: 0 0 20px 15px !important; position: absolute; }
#navigation .social li { float: left; margin-right: 10px !important; }
.social span { background-image: url(../images/global-social-sprite.png); display: block; height: 16px; line-height: 16px; overflow: hidden; text-indent: -9999px; width: 16px; }
.social .email span { background-position: 0 bottom; }
.social .email:hover span { background-position: 0 top; }
.social .facebook span { background-position: -22px bottom; }
.social .facebook:hover span { background-position: -22px top; }
.social .twitter span { background-position: -44px bottom; }
.social .twitter:hover span { background-position: -44px top; }
.social .youtube span { background-position: -66px bottom; }
.social .youtube:hover span { background-position: -66px top; }
.social .footer:first-child { clear: both; }
.social .footer { float: left; margin-top: 5px !important; margin-right: 10px !important; }

.content { background: black; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; }


.errorbox p:first-child {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=);
}

/*
#section {
	background: -webkit-linear-gradient(left, black, black 302px, transparent 302px);
}
/*
#wrapper { background: -webkit-linear-gradient(left, transparent 314px, black 314px, black 618px, transparent 618px); -pie-background: linear-gradient(left, #151515 314px, black 314px, black 618px, #151515 618px); behavior: url(../scripts/pie.htc); }*/
/*
#wrapper { background: url(data:image/gif;base64,R0lGODlhMAEBAIAAAAAAAP///yH5BAAAAAAALAAAAAAwAQEAQAIPhI+py+0Po5y02ouz3hwVADs=) 314px top repeat-y; }
.ie7 #wrapper { background: url(../images/global-ie-content-bg-304.jpg) 314px top repeat-y; }

*/

#section h1 { font-size: 1.3em; font-weight: normal; margin: 0 15px 5px; }
#section h2 { font-size: 1em; font-weight: normal; margin: 0 15px 5px; }
#section p { margin: 0 15px 20px; }
#section :last-child { margin-bottom: 0; }
#section ul, #section li { list-style: none; margin: 0; padding: 0; }
#section ul { margin: 0 15px 20px 30px; }
#section li { font-size: 1em; position: relative; }
#section li:before { content: "=";font-family:Webdings; color: #005f97; font-size: 10px; line-height: 1em; margin-right: 5px; right: 100%; position: absolute; top: 2px; }

#section p.h + ul { margin-top: -15px; }

#footer-container { padding: 35px 0; }
#footer { color: #666666; font-size: 0.8em; }
#footer p, #footer a, #footer a:hover { color: #666666; font-size: 1em; }

#footer ul, #footer li { display: block; margin: 0; padding: 0; }
#footer h5 { font-size: 1.2em; margin: 0 0 5px; }
#footer li.f_phone, #footer li.f_fax, #footer li.f_email, #footer li.f_address, #footer li.f_postal { margin: 0 0 0 15px; }

	.f_phone:before, .f_fax:before, .f_email:before, .f_address:before, .f_postal:before {
		float: left;
		font-style: italic;
		margin: 0 0 0 -15px;
		width: 15px;
	}

		.f_phone:before { content: "p"; }
		.f_fax:before { content: "f"; }
		.f_email:before { content: "e"; }
		.f_address:before {	content: "a"; }
		.f_postal:before { content: "b"; }



#c-wrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; bottom: 25px; left: 0; overflow:auto; position:absolute; right: 15px; top: 25px; z-index:1; }
#c-scroller { position:absolute; z-index:1; /*	-webkit-touch-callout:none;*/ -webkit-tap-highlight-color:rgba(0,0,0,0); width:100%; padding:0; }

.scrollable-content { -webkit-user-select:none; -webkit-text-size-adjust:none; padding: 0 0 25px; }

.vContent { bottom: 25px; left: 0; padding: 0 15px 0 0; position: absolute; right: 15px; top: 25px;}

.vScroll {
	height: 100%;
    overflow: hidden;
    position: relative;
	width: 100%;
}

.vBar {
    background: #bbb;
	border-radius: 10px;
    top: 0;
    right: 1px;
    float: left;
    width: 12px;
    height: 100%;
    position: absolute;
	opacity: 0.2;
}

.vContent:hover .vBar { opacity: 0.8; }

.vKnob {
	border-radius: 8px;
	cursor: url(https://mail.google.com/mail/u/0/images/2/openhand.cur), default !important;
    left: 1px;
    width: 10px;
    height: 50px;
    background: white;
}

/* == Contact == */

/* == CONTACT == */

/*
form label { color: #535353; left: 0; padding: 5px 15px; position: absolute; top: 0; z-index: 3; }
form span.required { font-size: 10px; }
    form .required:before, form .required:after { color: #0c82b9; font-size: 14px; }
    form label.required:after, form span.required:before { content: "*"; padding: 0 5px; }

form .inputbox, form .textbox { border:  1px solid #e6e6e6; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 5px 15px; position: relative; width: 249px; z-index: 2; }

/* form .inputbox.empty + label { z-index: 3; }
.inputbox.not-empty + label, .textbox.not-empty + label, .inputbox:focus + label, .textbox:focus + label { z-index: 1; }

/* form .inputbox:not(:empty) + label { z-index: 1; }

.ie7 form .inputbox, .ie7 form .textbox { width: 217px; }
form p, form .textbox-area, form .submit-area { margin: 0 0 15px; position: relative; }
form .submit-area { margin-left: -5px; }
form .button-submit { background: #1889d5; border: 0; color: white; float: right; font-size: 10px; padding: 5px 15px; }

*/
/*
.gallery .grid:nth-child(1) { margin-top: 0;}
.gallery .grid:nth-child(2) { margin-top: 0;}
.gallery .grid:nth-child(3) { margin-top: 0;}
.gallery .grid:nth-child(4) { margin-top: 0;}
.gallery .grid:nth-child(5) { margin-top: 0; }
.gallery .grid:nth-child(5n) { margin-right: 0;}
*/
#gallery { margin-right: -10px !important; margin-top: -167px !important; width: 785px; }
#gallery .grid { margin-right: 10px !important; margin-top: 10px !important; }
#gallery .grid:first-child { margin-top: 167px !important;}

.gallery img { position: relative; -moz-transition: -moz-transform, outline, 0.1s ease-in; -ms-transition: -ms-transform, outline, 0.1s ease-in; -o-transition: -o-transform, outline, 0.1s ease-in; -webkit-transition: -webkit-transform, outline, 0.1s ease-in;  transition: transform, outline, 0.1s ease-in; z-index: 9; outline: 0 solid white; }
.gallery div:hover img {  -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5);  transform: scale(1.5); z-index: 10; outline: 5px solid rgba(255,255,255,.6); }

.gallery div.grid-rowspan-1:hover img { -webkit-transform: scale(2.5); outline: 3px solid rgba(255,255,255,.6); }

form { position: relative; }
form .msgbox { bottom: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 3px #eee; left: 0; margin-bottom: -10px; position: absolute; right: 0; z-index: 9; }
form h1 { margin-bottom: 20px !important; }
form p { margin-bottom: 15px !important; position: relative; }
form .textbox-area { margin: 0 15px 5px; position: relative; }
form label { color: white; left: 0; padding: 4px 15px 5px; position: absolute; top: 0; z-index: 3; }
form span.required { color: #666666; font-size: 0.7em; }
    form .required:before, form .required:after { color: #d5dd20; font-size: 14px; }
    form label.required:after, form span.required:before { content: "*"; padding: 0 5px; }

form .inputbox, form .textbox { background: #333333; border: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 4px 15px 5px; position: relative; width: 100%; z-index: 2; }
form .textbox { height: 84px; resize: none; }

.inputbox.not-empty + label, .textbox.not-empty + label, .inputbox:focus + label, .textbox:focus + label { z-index: 1; }

.ie7 form .inputbox, .ie7 form .textbox { width: 274px; }
form .submit-area { margin-left: -5px; }
form .submit-area p {  height: 20px; }
form .button-submit { background: black; border: 0; color: #d5dd20; float: right; font-size: 1em; padding: 5px 0; }

.address-box { margin-top: 25px !important; }

.geo { display: none; }
#gmap { margin-top: -157px; border: 1px solid #333333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#gmap .ovarlayView { background: url(../images/icons/marker.png) center bottom no-repeat; }
#gmap .photo, #gmap .photo a, #gmap .photo a:hover { margin: 0; padding: 0; visibility: hidden; }