html, body {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: 'LatoRegular';
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
header,
section,
footer,
article,
aside {
  display: block;
}

/*------------------------------------------*/
/*--- Non-semantic helper classes ---*/
/*------------------------------------------*/
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.group:before, .group:after,
.navi:before, .navi:after,
ul.floated:before, ul.floated:after { content: ""; display: table; }

.group:after,
.navi:after,
ul.floated:after { clear: both; }

.group, .navi, ul.floated { zoom: 1; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; float: none; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center,
.text-centre { text-align: center; }

.last{
	margin-right: 0;
}

/* LOG styling */
#log {
	margin:     0 50px;
	margin-top: 20px;
	color:      #000;
}

#log pre {
	display:  none;
	overflow: scroll;
}

/*------------------------------------------*/
/* INUIT.css form styles */
/*------------------------------------------*/
fieldset {
	padding:       10px;
	border:        1px solid #BBB;
	margin-bottom: 18px;
}

label {
	color:         #333;
	font-weight:   bold;
	font-size:     14px;
	margin-bottom: 10px;
	display:       inline-block;
	cursor:        pointer;
}

label:after,
label::after {
	content: ":";
}

input,
button,
select,
textarea {
	font-family: "'LatoRegular'", Helvetica, Arial, sans-serif;
	font-size:   13px;
	font-weight: normal;
	line-height: normal;
}

[placeholder] {
	cursor: pointer;
}

[placeholder]:active,
[placeholder]:focus {
	cursor: text;
}

.check-list {
	width:      100%;
	overflow:   hidden;
	list-style: none;
	margin:     0 0 18px 0;
}

.check-list li {
	width: 30%;
	float: left;
}

.check-list li label {
	font-weight: normal;
	font-size:   inherit;
}

.check-list li label:after,
.check-list li label::after {
	content: "";
}

.check-label {
	display: inline;
}

.check-label:after,
.check-label::after {
	content: normal;
}

fieldset > :last-child {
	margin: 0;
}

/*------------------------------------------*/
/*--- WIDTHS ---*/
/*------------------------------------------*/
.input_tiny {
	width: 50px;
}

.input_small {
	width: 100px;
}

.input_medium {
	width: 150px;
}

.input_large {
	width: 200px;
}

.input_xlarge {
	width: 250px;
}

.input_xxlarge {
	width: 300px;
}

.input_full,
.auto-complete .ui-autocomplete-input {
	width: 100%;
}

/*
		Added via JS to <textarea> and class="input_full".
		Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
	display:       block;
	padding-right: 8px;
}

/*------------------------------------------*/
/*--- UI CONSISTENCY ---*/
/*------------------------------------------*/
::-moz-focus-inner {
	border:  0;
	padding: 0;
}

input[type="search"]::-webkit-search-decoration {
	display: none;
}

input,
button,
select,
textarea {
	margin:         0;
	vertical-align: middle;
}

.btn,
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	-webkit-border-radius:   2px;
	-khtml-border-radius:    2px;
	-moz-border-radius:      2px;
	border-radius:           2px;
	-webkit-appearance:      none;
	-webkit-background-clip: padding;
	-moz-background-clip:    padding;
	background-clip:         padding-box;
	background:              rgb(239, 239, 239);
	background:              -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(251, 251, 251, 1) 100%);
	background:              -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(239, 239, 239, 1)), color-stop(100%, rgba(251, 251, 251, 1)));
	background:              -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(251, 251, 251, 1) 100%);
	background:              -o-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(251, 251, 251, 1) 100%);
	background:              -ms-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(251, 251, 251, 1) 100%);
	filter:                  progid:DXImageTransform.Microsoft.gradient(startColorstr = '#efefef', endColorstr = '#fbfbfb', GradientType = 0);
	background:              linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(251, 251, 251, 1) 100%);
	-webkit-box-shadow:      inset 0 1px 0 rgba(255, 255, 255, 255, 0.8);
	-moz-box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 255, 0.8);
	-o-box-shadow:           inset 0 1px 0 rgba(255, 255, 255, 255, 0.8);
	box-shadow:              inset 0 1px 0 rgba(255, 255, 255, 255, 0.8);
	border:                  1px solid #9B9B9B;
	color:                   #444;
	display:                 inline-block;
	text-decoration:         none;
	text-shadow:             0 1px rgba(255, 255, 255, .75);
	cursor:                  pointer;
	display:                 inline-block;
	padding:                 7px 14px 6px;
	font-weight:             bold;
	line-height: normal;
	/* IE7 */
	*padding-top:            2px;
	*padding-bottom:         0px;
}

a.btn:hover,
button:hover {
	color:       #222;
	background:  #eee; /* Old browsers */
	background:  -moz-linear-gradient(top, rgba(255, 255, 255, .3) 0%, rgba(0, 0, 0, .3) 100%); /* FF3.6+ */
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .3)), color-stop(100%, rgba(0, 0, 0, .3))); /* Chrome,Safari4+ */
	background:  -webkit-linear-gradient(top, rgba(255, 255, 255, .3) 0%, rgba(0, 0, 0, .3) 100%); /* Chrome10+,Safari5.1+ */
	background:  -o-linear-gradient(top, rgba(255, 255, 255, .3) 0%, rgba(0, 0, 0, .3) 100%); /* Opera11.10+ */
	background:  -ms-linear-gradient(top, rgba(255, 255, 255, .3) 0%, rgba(0, 0, 0, .3) 100%); /* IE10+ */
	background:  linear-gradient(top, rgba(255, 255, 255, .3) 0%, rgba(0, 0, 0, .3) 100%); /* W3C */
	border:      1px solid #888;
	border-top:  1px solid #aaa;
	border-left: 1px solid #aaa;
}

a.btn:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	background:    #eee; /* Old browsers */
	background:    -moz-linear-gradient(top, rgba(0, 0, 0, .3) 0%, rgba(255, 255, 255, .3) 100%); /* FF3.6+ */
	background:    -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .3)), color-stop(100%, rgba(255, 255, 255, .3))); /* Chrome,Safari4+ */
	background:    -webkit-linear-gradient(top, rgba(0, 0, 0, .3) 0%, rgba(255, 255, 255, .3) 100%); /* Chrome10+,Safari5.1+ */
	background:    -o-linear-gradient(top, rgba(0, 0, 0, .3) 0%, rgba(255, 255, 255, .3) 100%); /* Opera11.10+ */
	background:    -ms-linear-gradient(top, rgba(0, 0, 0, .3) 0%, rgba(255, 255, 255, .3) 100%); /* IE10+ */
	background:    linear-gradient(top, rgba(0, 0, 0, .3) 0%, rgba(255, 255, 255, .3) 100%); /* W3C */
	border:        1px solid #888;
	border-bottom: 1px solid #aaa;
	border-right:  1px solid #aaa;
}

.btn.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width:         100%;
	padding-left:  0 !important;
	padding-right: 0 !important;
	text-align:    center;
}

button {
	/* IE7 */
	*padding-top:    1px;
	*padding-bottom: 1px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"], ececec
input[type="week"],
.auto-complete .ui-autocomplete-input {
	display:                 block;
	background-color: #FFF;
	background:              -moz-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background:              -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 252, 252, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
	background:              -webkit-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background:              -o-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background:              -ms-linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
	filter:                  progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fcfcfc', endColorstr = '#ffffff', GradientType = 0);
	background:              linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
	border:                  1px solid #BBB;
	color:                   #000;
	outline:                 0;
	padding:                 5px;
	font-size:               13px;
	line-height:             19px;
	height:                  31px;
	-webkit-appearance:      none;
	-webkit-box-shadow:      0 1px 2px #ddd inset;
	-moz-box-shadow:         0 1px 2px #ddd inset;
	-o-box-shadow:           0 1px 2px #ddd inset;
	box-shadow:              0 1px 2px #ddd inset;
	-webkit-border-radius:   2px;
	-khtml-border-radius:    2px;
	-moz-border-radius:      2px;
	border-radius:           2px;
	-webkit-transition:      all 0.15s ease-in-out;
	-moz-transition:         all 0.15s ease-in-out;
	-o-transition:           all 0.15s ease-in-out;
	transition:              all 0.15s ease-in-out;
	-webkit-box-sizing:      border-box;
	-moz-box-sizing:         border-box;
	box-sizing:              border-box;
	-moz-background-clip:    padding;
	-webkit-background-clip: padding;
	background-clip:         padding-box;

	/* IE7 */
	*padding-top:            2px;
	*padding-bottom:         1px;
	*height:                 auto;
}

/*
		Separate rule for Firefox.
		Separate rule for IE, too.
		Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
	color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
	color: #888;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
	-moz-box-shadow:    rgba(74, 173, 219, 0.8) 0 0 7px;
	-webkit-box-shadow: rgba(74, 173, 219, 0.8) 0 0 7px;
	box-shadow:         rgba(74, 173, 219, 0.8) 0 0 7px;
	border-color:       #4aaddb;

	/* for Opera */
	z-index:            1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
	background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
	-moz-box-shadow:     none;
	-webkit-box-shadow:  none;
	box-shadow:          none;
	-webkit-user-select: none;
	-moz-user-select:    none;
	user-select:         none;
	color:               #888;
	cursor:              default;
}

textarea,
select[size],
select[multiple] {
	height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
	select {
		background-color: #FFF;
		background-image:    url(/public/img/select_arrow.gif);
		background-repeat:   no-repeat;
		background-position: right center;
		padding-right:       35px;
	}

	select[size],
	select[multiple] {
		padding:          0;
	}
}

textarea {
	min-height: 40px;
	overflow:   auto;
	resize:     vertical;
	width:      100%;
}

optgroup {
	color:       #000;
	font-style:  normal;
	font-weight: normal;
}

/*------------------------------------------*/
/* IE6 */
/*------------------------------------------*/

/*
		Everything below this line is for IE6.
		Delete it if you don't support it! :)

		Classes are added dynamically via JS,
		because IE6 doesn't support attribute
		selectors: .ie6_button, .ie6_input, etc.

		Note: These style rules are somewhat
		duplicated because IE6 bombs out when
		it sees attribute selectors. Example:

		.ie6_button {
	This works in IE6.
		}

		.ie6_button,
		input[type=submit] {
	This doesn't work.
		}
*/

.ie6_button,
* html button {
	background:   #ddd url(../img/css/formalize/button.png) repeat-x;
	border:       1px solid;
	border-color: #ddd #bbb #999;
	cursor:       pointer;
	color:        #333;
	font:         bold 12px/1.2 Arial, sans-serif;
	padding:      2px 10px 0px;
	overflow:     visible;
	width:        auto;
}

* html button {
	padding-top:    1px;
	padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
	background:     #fff;
	border:         1px solid;
	border-color:   #848484 #c1c1c1 #e1e1e1;
	color:          #000;
	padding:        2px 3px 1px;
	font-size:      13px;
	font-family:    'LatoRegular', Arial, sans-serif;
	vertical-align: top;
}

* html select {
	margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
	color: #888;
}

.ie6_input_disabled {
	background: #eee;
}

/* --- ADDITIONAL STYLES --- */
.form-field {
	padding:       15px 15px 20px 15px;
	border-bottom: 1px solid #eee;
}

.form-field:last-child {
	border-bottom: 0 none;
}

.form-field ul {
	margin: 0;
}

/* --- FORM OPTIONS --- */
/* UI for Uploading multiple clips */
#fo_upld_clips .uploader {
	margin-bottom: 20px;
}

#fo_upld_clips #addclip-wrap {
	width:         100%;
	margin-bottom: 20px;
}

#fo_upld_clips #addclip-preview {
	width:  305px;
	height: 170px;
}

#addclip-bulk-queue {
	clear: both;
}

#addclip-bulk-queue ul {
	list-style: none;
}

#addclip-bulk-queue ul li {
	background: #eee;
}
/*------------------------------------------*/
/*--- BASE & RESET STYLES ---*/
/*------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:         0;
	padding:        0;
	border:         0;
	font-size:      100%;
	font:           inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }

blockquote, q { quotes: none }

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

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

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

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

del { text-decoration: line-through }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

/*--- tables still need cellspacing="0" in the markup ---*/
table { border-collapse: collapse; border-spacing: 0; }

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

.ie7 img { -ms-interpolation-mode: bicubic; }

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

/*--- HTML5 MEDIA ---*/
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

/*--- MINIMAL BASE STYLES ---*/
html {
	font-size:                100%; /* 1 */

	-webkit-text-size-adjust: 100%; /* 3 */
	-ms-text-size-adjust:     100%; /* 3 */
	-webkit-font-smoothing:   antialiased;
}


strong, th { font-weight: bold; }

td { vertical-align: top; }

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection { background: #6B916D; color: #fff; text-shadow: 0 1px 1px #385d3a; }

::selection { background: #6B916D; color: #fff; text-shadow: 0 1px 1px #385d3a; }

q:before, q:after { content: ''; }



b

/*--- PARAGRAPHS ---*/
p {
	font-weight:   200;
	font-size:     0.938em;
	margin-bottom: 1.5em;
}

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dfn { font-style: italic; }



}

/* Webkit Menu Transitions */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width: 480px) {

}

/* Slower Transition */
.left_mask,
.right_mask {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
}

.navi a,
.preview_block .block_image,
.preview_block .block_overlay,
.work_carousel .es-nav,
.block_mask,
.block_mask ul,
body.work .preview_block:hover .block_mask:before,
body.showreel .preview_block:hover .block_mask:before,
#staff_members .sm_profile:hover .block_mask:before {
	-webkit-transition: all 0.6s;
	-moz-transition:    all 0.6s;
	-o-transition:      all 0.6s;
	-ms-transition:     all 0.6s;
	transition:         all 0.6s;
}

/*Transitions*/
.flex-control-nav li a {
	-webkit-transition: none;
	-moz-transition:    none;
	-o-transition:      none;
	transition:         none;
}

/*Border Radius*/
.btn,
#work_filter li a,
.share_icons,
#play_btn,
#share_btn,
#spotlight .sl_caption,
.video-wrap .video_overlay {
	-webkit-border-radius: 3px;
	-khtml-border-radius:  3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
}

#newsletter_signup input[type="email"],
#newsletter_signup input[type="submit"] {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	-o-box-shadow:      none;
	box-shadow:         none;
}

/*Circlular Elements*/
.navi a,
.es-nav-prev,
.es-nav-next,
.player_holder a.close {
	-webkit-border-radius: 50px;
	-khtml-border-radius:  50px;
	-moz-border-radius:    50px;
	border-radius:         50px;
}

/* isotope styles */
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration:    0.8s;
	transition-duration:         0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property:    height, width;
	transition-property:         height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration:    0s;
	transition-duration:         0s;
}



#staff_members .sm_profile,
.preview_block,
.video-wrap,
#contact_info #map,
.spotlight_wrap,
#office_shots img,
.blog_gallery img,
#spotlight_container .player_holder {
	
}

#staff_members .sm_profile,
.preview_block,
.video-wrap,
#contact_info #map,
#office_shots img,
.blog .grid_9 article img {
	overflow: hidden;
}

/*--- OVERLAY --- */
.block_mask div {
	color:    #FFF;
	padding:  7px;
	position: relative;
}

.block_mask,
.block_mask:before {
	position: absolute;
}

.block_mask {
	left:   0px;
	right:  0px;
	bottom: 0;
}

.block_mask:before {
	top:    0px;
	left:   0px;
	right:  0px;
	bottom: 0px;
}

.block_mask:before {
	content:    "";
	background: #395d97;
	opacity:    .8;
}

.preview_block .block_mask,
.preview_block .block_mask {
	height: 124px;
	bottom: -119px;
}

#staff_members .sm_profile .block_mask {
	height: 162px;
	bottom: -105px;
}

/*--- OVERLAY INTERACTION ---*/
.preview_block:hover .block_mask,
.preview_block.active .block_mask {
	bottom: 0;
}

#staff_members .sm_profile:hover .block_mask {
	bottom: 0px;
}

.sm_profile:hover .block_mask ul,
.preview_block:hover .block_mask ul,
.preview_block.active .block_mask ul {
	opacity: 1;
}

.showreel .preview_block.active .block_mask,
.preview_block:hover .block_mask:before {
	opacity: 0.9;
}

/*--- OVERLAY CONTENT ---*/
.block_mask ul {
	border-top:  1px solid rgba(255, 255, 255, 0.25);
	padding-top: 5px;
	margin-top:  10px;
	opacity:     0;
}

.block_mask ul li {
	padding-bottom: 3px;
}

.block_mask p,
.block_mask a,
.block_mask ul li {
	color: #FFF;
}

.block_mask a:hover {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.block_mask p,
.block_mask ul li {
	font-size: 0.75em;
}

.block_mask h5 {
	font-size: 0.875em;
}

.block_mask p,
.block_mask h5,
.block_mask ul li {
	margin-bottom: 0;
	font-weight:   normal;
}

.block_mask ul {
	margin-top: 2px;
}




/*------------------------------------------*/
/*--- SPOTLIGHT ---*/
/*------------------------------------------*/
#spotlight {
	width:      100%;
	height:     265px;
	overflow:   hidden;
	position:   relative;
	background: transparent url(/public/img/loader.gif) no-repeat center;
}

.spotlight_wrap {
	width:    1099px;
	height:   265px;
	margin:   0 auto;
	position: relative;
}

#spotlight .sl_caption {
	width:      320px;
	z-index:    20;
	right:      -50px;
	bottom:     30px;
	position:   absolute;
	color:      #FFF;
	padding:    20px;
	background: rgba(57, 93, 151, 0.95);
	opacity:    0;
}

#spotlight .sl_caption h2 {
	font-weight:   400;
	margin-bottom: 5px;
}

#spotlight .sl_caption p {
	margin: 0;
}

/* Initial styles that are needed */
#spotlight {
	width:   100%;
	margin:  0;
	padding: 0;
}

#spotlight .slides > li {
	display: none;
}

#spotlight .slides img {
	max-width: 100%;
	display:   block;
}

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

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

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

* html .slides { height: 1%; }

/* No JavaScript Fallback */
.no-js .slides > li:first-child { display: block; }

#spotlight {

	position:   relative;
	zoom:       1;
}

#spotlight.slides {
	zoom:     1;
	position: relative;
}

#spotlight .slides > li {
	width:    1105px !important;
	height:   265px;
	position: relative;
}

#spotlight .slides > li.active {
	opacity: 1;
}

#spotlight .flex-direction-nav {
	position:   absolute;
	width:      960px;
	height:     395px;
	top:        0;
	left:       0;
	margin:     0;
	list-style: none;
}

.flex-container {
	zoom:     1;
	position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background: none;
	-ms-filter: progid: DXImageTransform . Microsoft . gradient(startColorstr = #4C000000, endColorstr = #4C000000);
	filter:     progid:DXImageTransform.Microsoft.gradient(startColorstr = #4C000000, endColorstr = #4C000000);
	zoom:       1;
}

.flex-caption {
	width:       96%;
	padding:     2%;
	position:    absolute;
	left:        0;
	bottom:      0;
	background:  rgba(0, 0, 0, .3);
	color:       #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	font-size:   14px;
	line-height: 18px;
}

/* Direction Nav */
.navi a,
.es-nav-prev,
.es-nav-next {
	width:          52px;
	height:         52px;
	margin:         -26px 0 0;
	border:         5px solid #FFF;
	display:        block;
	top:            50%;
	position:       absolute;
	cursor:         pointer;
	text-indent:    -9999px;
	z-index:        400;
	background:     #AAA url(../images/controlsSprite.png) no-repeat;
	-ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:         alpha(opacity = 80);
	-moz-opacity:   0.8;
	-khtml-opacity: 0.8;
	opacity:        0.8;
}

.navi a:hover,
.navi a.hovering,
.es-nav-prev:hover,
.es-nav-next:hover {
	-ms-filter:       "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:           alpha(opacity = 100);
	-moz-opacity:     1;
	-khtml-opacity:   1;
	opacity:          1;
	background-color: rgba(57, 93, 151, 1);
}

.navi a.next,
.es-nav-next {
	right:               -34px;
	background-position: -153px -16px;
}

.navi a.prev,
.es-nav-prev {
	left:                -34px;
	background-position: 5px -16px;
}

.navi a.prev.hovering {
	left: -40px;
}

.navi a.next.hovering {
	right: -40px;
}

.navi a.disabled {
	opacity: .3;
	filter:  alpha(opacity = 30);
	cursor:  default;
}

/* Control Nav */
.flex-control-nav {
	margin:     0;
	text-align: center;
	left:       30px;
	bottom:     22px;
	position:   absolute;
	z-index:    850;
}

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

.flex-control-nav li:first-child { margin: 0; }

.flex-control-nav li a {
	width:          17px;
	height:         17px;
	float:          left;
	cursor:         pointer;
	position:       relative;
	display:        block;
	z-index:        100;
	cursor:         pointer;
	text-indent:    -9999px;
	background:     url('/public/img/controlsSprite.png') no-repeat 0 -149px transparent;
	-ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:         alpha(opacity = 80);
	-moz-opacity:   0.8;
	-khtml-opacity: 0.8;
	opacity:        0.8;
}

.flex-control-nav li a:hover {
	background-position: 0 -166px;
	-ms-filter:          "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:              alpha(opacity = 100);
	-moz-opacity:        1;
	-khtml-opacity:      1;
	opacity:             1;
}

.flex-control-nav li a.active {
	background-position: 0 -183px !important;
	cursor:              default;
}

.left_mask,
.right_mask {
	height:     265px;
	top:        0;
	position:   absolute;
	z-index:    100;
	cursor:     pointer;
	background: rgba(20, 52, 77, 0.9);
}

.left_mask:hover,
.right_mask:hover {
	background: rgba(20, 52, 77, 0.8);
}

.left_mask {
	left: 0;
	
}

.right_mask {
	right: 0;
}