@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=283adaed-4523-41b7-a641-01c4469560eb");

@font-face{
	font-family:"Avenir-Book";
	src:url("../fonts/4f32268f-fd86-4960-b72c-4bb1ba75ec6f.eot?iefix") format("eot");
}
@font-face{
	font-family:"Avenir-Book";
	src:url("../fonts/4f32268f-fd86-4960-b72c-4bb1ba75ec6f.eot?iefix");
	src:url("../fonts/939cba03-5b40-4d01-9bc5-7589eca863db.woff") format("woff"),url("../fonts/849bc5b9-a2ff-4343-977b-26ba8bd24a60.ttf") format("truetype"),url("../fonts/f67fa3b5-c1d1-488f-8e60-a828b9ad56a4.svg#f67fa3b5-c1d1-488f-8e60-a828b9ad56a4") format("svg");
}

@font-face {
    font-family: 'MrsEavesSmallCaps';
    src: url('../fonts/mrseavsmacap-071211001EmigreWebOnly.eot');
    src: url('../fonts/mrseavsmacap-071211001EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mrseavsmacap-071211001EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MrsEavesItalic';
    src: url('../fonts/mrseavita-071211005EmigreWebOnly.eot');
    src: url('../fonts/mrseavita-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mrseavita-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
 * Reset browser styles
 */
* {margin: 0; padding: 0}
html {overflow: auto !important; min-height: 100%; padding-bottom: 1px}
body {overflow: visible !important; min-width: 954px; background: #111; color: #000; font: .75em/1.417 "Verdana", "Helvetica", sans-serif}
p, ul, ol, dl {padding-bottom: 1em}
ul, ol {overflow: hidden; margin-left: 0; padding-left: 3em; font-family: "Georgia", serif; line-height: 1.583}
ul {list-style: square}
li ul, li ol {padding-bottom: 0}
[class] {overflow: hidden; list-style: none; padding: 0}
h1, h2, h3, h4, h5, h6 {font-size: 1em; line-height: 1}
dt {font-weight: 700}
table {border-collapse: collapse}
img {border: none; vertical-align: middle}
a {color: #cf670b; text-decoration: none; cursor: pointer}
a:hover {text-decoration: underline}
textarea, input, select, button {font: 1em "Arial", "Helvetica", sans-serif; vertical-align: middle}
textarea[class] {overflow: auto}
button, input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"], input[type="reset"], label[for], select {cursor: pointer}
input, select, textarea {outline: none}

/* Reset padding in buttons in Firefox */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none}

h1 {padding-bottom: 20px; font-size: 2.083em; font-weight: 700; font-family: 'Georgia', serif}
h2 {padding-bottom: 20px; font-size: 1.417em; font-weight: 700; font-family: 'Georgia', serif}
p+h2 {padding-top: 20px}

/*
 * Some globally used classes
 */
.left {float: left !important}
.right {float: right !important}

.text-left {text-align: left !important}
.text-center {text-align: center !important}
.text-right {text-align: right !important}

.no-margin {padding-bottom: 0 !important}
.margin {padding-bottom: 1em !important}

.button,
p.form-item button {display: inline-block; padding: 14px 16px; border: none; color: #fff; font-family: 'Verdana', 'Helvetica', sans-serif; font-size: 0.75em; text-transform: uppercase; line-height: 1}
.button:hover,
p.form-item button:hover {padding: 11px 13px; border: 3px solid #f8a05c; text-decoration: none}
.button,
p.form-item button,
ul.box-grid li>div h4 {
    background: -moz-linear-gradient(top, #f58026 0%, #d06a1c 100%);
    background: -webkit-linear-gradient(top, #f58026 0%,#d06a1c 100%);
    background: -o-linear-gradient(top, #f58026 0%,#d06a1c 100%);
    background: -ms-linear-gradient(top, #f58026 0%,#d06a1c 100%);
    background: linear-gradient(top, #f58026 0%,#d06a1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58026', endColorstr='#d06a1c',GradientType=0 );
}

.button.alt {
    background: -moz-linear-gradient(top, #8d8d8d 0%, #767676 100%);
    background: -webkit-linear-gradient(top, #8d8d8d 0%,#767676 100%);
    background: -o-linear-gradient(top, #8d8d8d 0%,#767676 100%);
    background: -ms-linear-gradient(top, #8d8d8d 0%,#767676 100%);
    background: linear-gradient(top, #8d8d8d 0%,#767676 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8d8d', endColorstr='#767676',GradientType=0 );
}

.button.alt2 {
    background: -moz-linear-gradient(top, #ffffff 0%, #e3e4e4 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#e3e4e4 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e3e4e4 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e3e4e4 100%);
    background: linear-gradient(top, #ffffff 0%,#e3e4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e4e4',GradientType=0 );
}

.button.alt:hover {border: 3px solid #c6c6c6}
.button.alt2 {color: #000}
.button.alt2:hover {border: 3px solid #fff}


span.select {position: relative; display: inline-block; background: #efedec; cursor: pointer !important}
span.select span.value {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: block; padding-right: 35px; border: 1px solid #c2c2c2; background: transparent url('../images/bullet_08.png') no-repeat 100% 50%; line-height: 1; zoom: 1}
span.select span.value>span {display: block}
span.select span.value>span>span {overflow: hidden; display: block; padding: 10px; white-space: nowrap; text-overflow: ellipsis}
span.select select {position: relative; z-index: 1; display: block; height: 37px; line-height: 33px; -webkit-appearance: menulist-button}
span.select:hover span {border-color: #cf670b !important}
span.select.focus span.value {text-decoration: underline}


label.styled-checkbox {cursor: pointer}
label.styled-checkbox>span.radio,
label.styled-checkbox>span.checkbox {display: inline-block; width: 19px; height: 20px; margin: -2px 5px 0 0; background: transparent url('../images/custom_form_elements.png') no-repeat 0 0; vertical-align: middle}
label.styled-checkbox>span.checkbox {background-position: 0 -20px}
label.styled-checkbox.active>span.radio {background-position: -19px 0}
label.styled-checkbox.active>span.checkbox {background-position: -19px -20px}


div.scrollable {overflow: auto !important}
div.scroll-clip {overflow: hidden !important; position: relative; width: 100%; padding-right: 20px}
div.scroll-clip>div.scrollable {height: 100%; width: 100%}
div.scroll-clip p.scrollbar {overflow: visible; position: absolute; top: 0; right: 2px; height: 100%; width: 1px; background: #000}
div.scroll-clip p.scrollbar.hidden {display: none}
div.scroll-clip p.scrollbar a.scroll-up {display: none; height: 0}
div.scroll-clip p.scrollbar a.scroll-down {display: none; height: 0}
div.scroll-clip p.scrollbar a.handle {position: absolute; top: 0; left: -1px; width: 3px; background: #000}


body.js label.default-text {display: block; position: absolute; left: 0; top: 0; cursor: text}
body.js label.default-text.hidden {display: none}

.more {font-family: 'Georgia', serif; font-size: 0.833em; text-transform: uppercase}
p.more {padding-bottom: 2em}


hr {margin: 2em 0; border: 1px solid #DFDFE0; border-width: 1px 0 0}



/*
 * Header
 */
body.home div.header {position: fixed; width: 100%}

div.header {overflow: visible !important; position: relative; z-index: 100; background: #111; background: rgba(0, 0, 0, 0.95)}
div.header>div {width: 634px; margin: 0 auto; padding: 0 0 0 320px}
div.header>div p.logo {float: left; margin: 20px 0 0 -320px}

div.header ul.languages {float: right; margin-bottom: 15px; background: #000; border-radius: 0 0 10px 10px; font-family: 'Arial', 'Tahoma', sans-serif; line-height: 1}
div.header ul.languages li {float: left}
div.header ul.languages li+li {border-left: 1px solid #666}
div.header ul.languages li a {float: left; padding: 9px 23px 9px 34px; background: transparent url('../images/bullet_04.png') no-repeat 23px 50%; color: #999; font-size: 0.917em}
div.header ul.languages li a:hover {opacity: 0.5; text-decoration: none}

div.header p.links {overflow: visible; position: relative; z-index: 2; clear: right; float: right; color: #707070; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 1.167em; line-height: 1}
div.header p.links a {overflow: hidden; display: inline-block; margin: 0 5px; color: #fff; vertical-align: top}
div.header p.links a.search-open {width: 33px; height: 35px; margin: -8px 0 -1px -4px; background: transparent url('../images/menu_bullet_02.png') no-repeat 0 0; text-indent: -99em}
div.header p.links a:hover {opacity: 0.5}

div.header form.search {display: none; clear: right; float: right; margin: 0 0 -50px; padding: 7px; border: 1px solid #3d3d3d; border-radius: 0 0 10px 10px; background: #000}
div.header form.search p {overflow: hidden; position: relative; padding: 0; border: 1px solid #fff; border-radius: 2px}
div.header form.search p input {float: left; width: 172px; height: 26px; padding: 0 6px; border: none; background: #fff; line-height: 26px}
div.header form.search p label {height: 26px; padding: 0 6px; color: #7f7f7f; font-family: 'Georgia', sans-serif; font-style: italic; text-transform: lowercase; line-height: 26px}
div.header form.search p input {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5),
                inset 10px 0 10px -10px rgba(0, 0, 0, 0.5),
                inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
}
div.header form.search p button {overflow: hidden; float: left; width: 30px; height: 26px; padding: 0; border: none; background: #de7220 url('../images/icon_magnifier.png') no-repeat 50% 50%; text-indent: -99em}
div.header form.search p button {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5),
                inset -10px 0 10px -10px rgba(0, 0, 0, 0.5),
                inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
}

div.header.search-active a.search-open {background-position: 0 -100px !important}
div.header.search-active a.search-open:hover {opacity: 1}
div.header.search-active form.search {display: block}

div.header ul.menu {overflow: visible !important; padding: 30px 0; line-height: 1}
div.header ul.menu a:hover {text-decoration: none}
div.header ul.menu>li {position: relative; display: inline-block}
div.header ul.menu>li li {overflow: visible !important; position: relative}
div.header ul.menu>li>a {display: inline-block; padding: 10px 40px 10px 20px; background: transparent url('../images/menu_bullet.png') no-repeat 100% 10px; color: #fff; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 2.25em}
div.header ul.menu>li:hover>a {background-position: 100% -90px}
div.header ul.menu>li>a>span {overflow: hidden; display: inline-block; width: 32px; text-indent: -99em}
div.header ul.menu>li>ul {overflow: visible !important; position: absolute; top: 100%; left: 0; display: none; width: 175px; padding: 0; background: #000; font-size: 0.917em; list-style: none}
div.header ul.menu>li>ul a {display: block; padding: 8px 36px 8px 16px}
div.header ul.menu>li>ul ul {overflow: visible !important; position: absolute; top: 0; left: 100%; z-index: 10; display: none; width: 175px; margin-left: -36px; padding: 0; background: #353535; list-style: none}
div.header ul.menu>li>ul ul ul {background: #a3a3a3}
div.header ul.menu>li>ul>li {background: transparent url('../images/menu_separator.png') no-repeat 50% 0}
div.header ul.menu>li>ul>li.submenu>a {background: transparent url('../images/bullet_05.png') no-repeat 157px 50%}
div.header ul.menu>li>ul>li>ul>li {background: transparent url('../images/menu_separator.png') no-repeat 50% 0}
div.header ul.menu>li>ul>li>ul>li>a {color: #fff}
div.header ul.menu>li>ul>li>ul>li.submenu>a {background: transparent url('../images/bullet_06.png') no-repeat 157px 50%}
div.header ul.menu>li>ul>li>ul>li>ul>li {background: transparent url('../images/menu_separator.png') no-repeat 50% 0}
div.header ul.menu>li>ul>li>ul>li>ul>li>a {color: #000}

div.header ul.menu>li:hover>ul {display: block !important}
div.header ul.menu>li li:hover>ul {display: block !important}
div.header ul.menu>li>ul>li:hover>a {background: #353535; color: #fff}
div.header ul.menu>li>ul>li>ul>li:hover>a {background: #a3a3a3; color: #000}
div.header ul.menu>li>ul>li>ul>li>ul>li:hover>a {background: #fff}


/*
 * Wrapper
 */
div.wrapper {background: #5f6062 url('../images/bg.jpg') no-repeat 50% 0}
body.home div.wrapper {background: #5f6062}


/*
 * Breadcrumbs
 */
p.breadcrumbs {width: 954px; margin: 0 auto; padding: 26px 0}
p.breadcrumbs a {float: left; font-size: 3.167em; color: #fff; font-family: 'Avenir-Book', 'Arial', sans-serif; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75); line-height: 1; vertical-align: top}
p.breadcrumbs a+a {margin: 18px 0 0 10px; padding: 0 0 0 20px; background: transparent url('../images/bullet_07.png') no-repeat 0 50%; font-size: 1.167em; text-shadow: none}
p.breadcrumbs a:hover {text-decoration: none}


/*
 * Banner
 */
div.banner {overflow: visible; position: relative; width: 954px; margin: 0 auto}
div.banner p {padding: 0}
div.banner p.image {position: absolute; top: -5px; right: -5px; width: 358px; height: 250px; background: transparent url('../images/banner_photo_bg.png') no-repeat 0 0; -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg)}
div.banner p.image img {position: absolute; top: 17px; left: 17px; z-index: 1}
div.banner p.image span.mask {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: transparent url('../images/banner_photo_bg.png') no-repeat 0 0}

body.js div.banner p.image {display: none; background: transparent}


/*
 * Content
 */
div.banner+div.content {border-top: 5px solid #f58026}
div.banner.alt+div.content {border: none}

div.content {width: 894px; margin: 0 auto; padding: 30px; background: #fff}
div.content>div.two-columns {margin: -30px -30px 0}
div.content>div.two-columns>div.left {overflow: visible; float: left; width: 594px; padding: 30px 30px}
div.content>div.two-columns>div.right {overflow: visible; float: right; width: 240px; padding: 0 30px}

div.content>div.two-columns>div.right div.separator {position: relative; z-index: 2; height: 44px; margin: -21px 0; background: transparent url('../images/separator.png') no-repeat 0 0}
div.content>div.two-columns>div.right div.separator hr {display: none}

div.content p.image {position: relative; z-index: 3; width: 324px; height: 215px; background: transparent url('../images/photo_mask.png') no-repeat 0 0}
div.content p.image img {position: absolute; top: 15px; left: 15px}
div.content p.image.left {margin: 10px 20px 10px -80px; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg)}
div.content p.image.right {margin: 10px -80px 10px 20px; -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg)}
div.content p.image.alt {width: 339px; height: 228px; background: transparent url('../images/photo_mask_02.png') no-repeat 0 0}
div.content p.image.alt img {top: 17px}

div.content>div.two-columns.alt>div.left {width: 330px}
div.content>div.two-columns.alt>div.left>p.image {margin-left: -5px}
div.content>div.two-columns.alt>div.right {width: 530px; padding: 30px 30px 30px 0}


/*
 * Blockquote
 */
div.content>div.two-columns>div.right blockquote {background: transparent url('../images/side_menu_quote_bg.png') no-repeat 100% 0}
div.content>div.two-columns>div.right blockquote>div {padding: 30px 15px; background: transparent url('../images/side_menu_quote_bg.png') no-repeat 0 100%; color: #46403c; font-family: 'Georgia', serif; font-size: 1.333em; font-style: italic}
div.content>div.two-columns>div.right blockquote>div p {padding: 0}
div.content>div.two-columns>div.right blockquote>div p+p {padding-top: 1em}


/*
 * Secondary menu
 */
div.secondary-menu {background: #191919 url('../images/side_menu_bg.jpg') no-repeat 100% 0}
div.secondary-menu h4 {padding: 16px 22px; color: #fff; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 1.583em; font-weight: 400}
div.secondary-menu ul.buttons {padding: 15px 0 25px}
div.secondary-menu ul.buttons li {margin: 0 22px; padding: 10px 0}
div.secondary-menu ul.buttons li a {display: block; text-align: center}
div.secondary-menu ul.buttons li+li {border-top: 1px solid #474747}
div.secondary-menu ul.menu {padding: 0 0 25px; font-size: 0.917em}
div.secondary-menu ul.menu li {border-top: 1px solid #474747}
div.secondary-menu ul.menu li a {display: block; padding: 10px 40px; background: transparent url('../images/bullet_02.png') no-repeat 24px 50%; line-height: 1}
div.secondary-menu ul.menu li.alt a {background: transparent url('../images/bullet_01.png') no-repeat 19px 50%}
div.secondary-menu ul.menu li a:hover {background-color: #342f2c; text-decoration: none}


/*
 * Block
 */
div.block {position: relative}
div.block p.links {position: absolute; left: 26px; right: 26px; bottom: 36px}


/*
 * Form
 */
form>div {overflow: hidden; padding: 15px 0 0 160px !important; border-top: 1px solid #dfdfe0}
form>div.submit {padding-left: 0 !important}
form>div.submit p.form-item {padding-bottom: 0 !important}
form>div h3 {float: left; width: 140px; margin: 0 0 0 -160px; text-align: right}
form>div>div {overflow: hidden}
form p.form-item {overflow: hidden; position: relative; padding-bottom: 30px !important}
form p.form-item.left {float: left; width: 152px; margin: 0 15px 0 0}
form p.form-item input[type="text"] {width: 365px; padding: 10px; border: 1px solid #c2c2c2; background: #efedec}
form p.form-item.left input[type="text"] {width: 130px}
form p.form-item.short input[type="text"] {width: 55px}
form p.form-item select {width: 152px}
form p.form-item label[for],
form p.form-item label[htmlFor] {position: absolute; left: 0; bottom: 10px; color: #afafb0; font-family: 'Arial', 'Tahoma', sans-serif; font-size: 0.917em; text-transform: uppercase; white-space: nowrap}


/*
 * Home Sections
 */
div.section.s1 {background: #5f6062 url('../images/section_bg_01.jpg') no-repeat 50% 0}
div.section.s2 {background: #5f6062 url('../images/section_bg_02.jpg') no-repeat 50% 0}
div.section.s3 {background: #5f6062 url('../images/section_bg_03.jpg') no-repeat 50% 0}
div.section.s4 {background: #5f6062 url('../images/section_bg_04.jpg') no-repeat 50% 0}

div.section {box-shadow: inset 0 30px 30px -30px rgba(0, 0, 0, 1)}
div.section>div {position: relative; width: 954px; height: 712px; margin: 0 auto}

div.section div.section-header {position: absolute; top: 0; left: 0; z-index: 2; width: 314px; height: 355px; padding-top: 184px; background: transparent url('../images/section_headers.png') no-repeat 0 0; color: #fff}
div.section div.section-header>h2 {padding: 0; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 2.667em; font-weight: 400; text-align: center}
div.section div.section-header>h3 {font-family: 'MrsEavesItalic', 'Arial', sans-serif; font-size: 1.667em; font-weight: 400; text-align: center}
div.section div.section-header>p.back-to-top {position: absolute; left: 0; right: 0; bottom: 23px; font-family: 'MrsEavesItalic', 'Arial', sans-serif; font-size: 1.25em; text-align: center}
div.section div.section-header div.section-header-info {padding: 27px; color: #fff}
div.section div.section-header div.section-header-info h2 {color: #f58026; font-size: 1.833em; font-weight: 400}

div.section div.section-header div.section-header-info {height: 232px}
div.section div.section-header div.section-header-info-wrapper {height: 286px}

div.section div.section-header ul.fader-pagination {text-align: center}
div.section div.section-header ul.fader-pagination li {display: inline-block}
div.section div.section-header ul.fader-pagination li a {overflow: hidden; display: inline-block; width: 19px; height: 20px; margin: 0 6px; background: transparent url('../images/slider_pagination.png') no-repeat 0 0; text-indent: -99em}
div.section div.section-header ul.fader-pagination li a.active,
div.section div.section-header ul.fader-pagination li a:hover {background-position: -19px 0}

div.section div.section-header.h1 ul.fader-pagination {position: absolute; left: 0; right: 0; bottom: 30px}

div.section div.section-header.h2 {height: 120px; padding-top: 125px; background-position: -314px 0}

div.section.s3 p.compass {position: absolute; z-index: 2; bottom: 473px; right: -30px}

div.section div.section-footer {position: absolute; left: 0; bottom: 0; width: 314px; height: 233px; padding-top: 40px; background: transparent url('../images/section_headers.png') no-repeat 100% 100%; color: #fff}
div.section div.section-footer div.section-header-info {padding: 0 27px 27px; color: #fff}
div.section div.section-footer div.section-header-info h2 {color: #f58026; font-size: 1.833em; font-weight: 400}


/*
 * Section navigation
 */
p.section-nav {position: fixed; top: 50%; left: 100%; z-index: 99; margin-left: -60px}
p.section-nav a {display: block; width: 32px; height: 27px; margin-bottom: 5px; background: transparent url('../images/section_nav.png') no-repeat 0 0}
p.section-nav a+a {background-position: 0 -27px}
p.section-nav a+a+a {background-position: 0 -54px}
p.section-nav a+a+a+a {background-position: 0 -81px}
p.section-nav a:hover,
p.section-nav a.active {background-position: 100% 0}
p.section-nav a+a:hover,
p.section-nav a+a.active {background-position: 100% -27px}
p.section-nav a+a+a:hover,
p.section-nav a+a+a.active {background-position: 100% -54px}
p.section-nav a+a+a+a:hover,
p.section-nav a+a+a+a.active {background-position: 100% -81px}


/*
 * Home fader
 */
div.home-fader {position: absolute; top: 105px; left: 0; z-index: 1; width: 954px; height: 450px}
div.home-fader>ul {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; list-style: none}
div.home-fader>ul>li {position: absolute; top: 0; left: 0; z-index: 1}
div.home-fader>ul>li.active {z-index: 2}

body.js div.home-fader ul li {display: none}

div.home-fader div.section-header {top: -100px}


/*
 * Give feature
 */
div.give-feature {position: absolute; top: 253px; left: 0; width: 670px; height: 174px; border-radius: 14px; background: transparent url('../images/give_feature_bg.png') no-repeat 0 0}
div.give-feature form {padding: 36px 36px 34px 216px}
div.give-feature form h2 {float: left; width: 142px; margin-left: -166px; padding: 0; color: #bc422a; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 2.417em; font-weight: 400}

div.give-feature form p {overflow: hidden; position: relative; padding: 0; border: 1px solid #fff; border-radius: 2px}
div.give-feature form p label {display: none; padding: 0 20px; color: #7f7f7f; font-family: 'Georgia', sans-serif; font-size: 1.167em; font-style: italic; text-transform: lowercase; line-height: 36px}
div.give-feature form p input {float: left; width: 330px; height: 36px; padding: 0 20px; border: none; background: #fff; line-height: 36px}
div.give-feature form p input {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5),
                inset 10px 0 10px -10px rgba(0, 0, 0, 0.5),
                inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
}
div.give-feature form p button {overflow: hidden; float: left; width: 40px; height: 36px; padding: 0; border: none; background: #de7220 url('../images/icon_magnifier.png') no-repeat 50% 50%; text-indent: -99em}
div.give-feature form p button {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5),
                inset -10px 0 10px -10px rgba(0, 0, 0, 0.5),
                inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
}

div.give-feature>div.give-feature-links h3 {float: left; width: 220px; padding: 0 0 0 50px; color: #fff; font-family: 'MrsEavesSmallCaps', 'Georgia', serif; font-size: 1.5em; font-weight: 400}
div.give-feature>div.give-feature-links {padding: 12px 0}
div.give-feature>div.give-feature-links ul {overflow: hidden; padding: 0; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 1.083em; list-style: none; text-shadow: 0 0 3px rgba(0, 0, 0, 0.75); line-height: 1.4}
div.give-feature>div.give-feature-links ul li {float: left; width: 110px; padding-left: 20px; background: transparent url('../images/bullet_04.png') no-repeat 0 50%}
div.give-feature>div.give-feature-links ul li a {color: #f58026}


/*
 * Three boxes
 */
div.three-boxes {position: absolute; left: 0; bottom: 10px; z-index: 2; height: 143px}
div.three-boxes>div {float: left; width: 286px; height: 96px; padding: 14px; background: transparent url('../images/three_boxes_bg.png') no-repeat 0 0; color: #fff; text-align: center}
div.three-boxes>div h2 {padding: 0 0 10px; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 2em; font-weight: 400; text-shadow: 0 0 5px rgba(0, 0, 0, 0.75)}
div.three-boxes>div.b2 {margin-left: 6px; background-position: -320px 0}
div.three-boxes>div.b3 {margin-left: 6px; background-position: -640px 0}
div.three-boxes>div:hover {padding-bottom: 33px}
div.three-boxes>div.b1:hover {background-position: 0 -125px}
div.three-boxes>div.b2:hover {background-position: -320px -125px}
div.three-boxes>div.b3:hover {background-position: -640px -125px}

body.js div.three-boxes>div {cursor: pointer}


/*
 * Book
 */
div.book {position: absolute; bottom: 0; left: 50%; width: 1050px; height: 486px; margin: 0 0 0 -525px; background: transparent url('../images/book.png') no-repeat 0 0}
div.book>div {position: absolute; top: 85px; left: 74px; width: 410px; height: 360px}
div.book>div h2 {font-size: 2.083em}
div.book>div span.author {float: left; font-family: 'Georgia', serif; font-style: italic}
div.book>div span.date {float: right; font-family: 'Arial', sans-serif; font-size: 0.833em}
div.book>div hr {margin: 1.333em 0; border-color: #d9b78f}
div.book>p.image {position: absolute; top: 89px; right: 112px; width: 313px; padding-top: 285px}
div.book>p.image img {position: absolute; top: 0; left: 0; width: 100%}
div.book>p.image span {display: block; color: #7e776c; font-family: 'Georgia', serif; font-style: italic; text-align: center}

div.book p.scrollbar {background: #d9b78f}
div.book p.scrollbar a.handle {background: #ad875a}


p.more-stories {position: absolute; bottom: 412px; right: -16px}
p.more-stories a {overflow: hidden; display: block; width: 287px; height: 226px; background: transparent url('../images/book_flyout.png') no-repeat 0 0; text-indent: -99em}


/*
 * Boxes
 */
div.boxes>div {overflow: visible !important; position: absolute; width: 262px; padding: 26px; background: transparent url('../images/box_bg.png') no-repeat 0 -99px}
div.boxes p {font-family: 'Verdana', sans-serif}
div.boxes div.first {bottom: 0; left: 0; height: 370px; color: #fff}
div.boxes div.first ul.tabs {position: absolute; top: -50px; left: 0; right: 0}
div.boxes div.first ul.tabs li {float: left; width: 50%}
div.boxes div.first ul.tabs li a {position: relative; display: block; padding: 15px 50px 14px 25px; border-radius: 14px 14px 0 0; background: #7c3c08; color: #fff; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 1.75em; text-shadow: 0 0 5px rgba(0, 0, 0, 0.75); line-height: 1}
div.boxes div.first ul.tabs li a:hover,
div.boxes div.first ul.tabs li a.active {background: #9b4d0e; text-decoration: none}
div.boxes div.first ul.tabs li+li a {margin-left: 1px}
div.boxes div.first ul.tabs li a img {position: absolute; top: 50%; right: 14px; margin: -18px 0 0 0}

div.boxes div.first div.clip {overflow: hidden; height: 100%; width: 100%}
div.boxes div.first ul.tab-items {overflow: hidden; height: 100%; width: 200%}
div.boxes div.first ul.tab-items>li {float: left; height: 100%; width: 50%; margin-top: -314px; padding-top: 314px}
div.boxes div.first ul.tab-items>li div {height: 100%; width: 100%}

body.js div.boxes div.first div.clip {position: relative; padding-right: 16px}
body.js div.boxes div.first ul.tab-items {width: 300%}
body.js div.boxes div.first ul.tab-items>li {width: 262px; padding-right: 16px}
body.js div.boxes div.scroll-clip {padding-right: 16px}

div.boxes div.second {left: 320px; bottom: 17px; height: 524px; border-radius: 14px; background-position: -314px 0}
div.boxes div.second>h2,
div.boxes div.fourth>h2 {position: relative; padding: 0; margin-bottom: 1em; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 2em; font-weight: 400}
div.boxes div.second>h2 img,
div.boxes div.fourth>h2 img {position: absolute; top: 50%; right: 0; margin: -18px 0 0}

div.boxes div.second>div {height: 472px}

div.boxes div.third {left: 640px; bottom: 496px; height: 70px !important; padding: 14px; border-radius: 14px; background-position: 0 0}

div.boxes div.fourth {left: 640px; bottom: 17px; height: 421px; border-radius: 14px; background-position: -628px 0}
div.boxes div.fourth>div {height: 370px}


/*
 * Icon list
 */
ul.icon-links li {float: left}
ul.icon-links li+li {border-left: 1px solid #502808}
ul.icon-links li a {position: relative; display: block; width: 70px; padding: 40px 13px 0; color: #fff; font-family: 'Avenir-Book', 'Arial', sans-serif; text-align: center; text-shadow: 0 0 5px rgba(0, 0, 0, 0.75); text-transform: uppercase; line-height: 1.2; letter-spacing: 3px}
ul.icon-links li a img {position: absolute; top: 0; left: 50%; margin: 0 0 0 -18px}


/*
 * Asset list
 */
ul.asset-list p.image {margin-bottom: 10px}
ul.asset-list p.image img {max-width: 100%}
ul.asset-list h2 {padding: 0; color: #faac20; font-size: 1.083em}
ul.asset-list p.asset-info {margin-bottom: 10px; color: #a9a9a9; font-family: 'Georgia', serif; font-size: 0.917em; font-style: italic}
ul.asset-list p.asset-info a {color: #faac20}
ul.asset-list p.asset-likes {padding-left: 16px; background: transparent url('../images/icon_heart.png') no-repeat 0 50%; color: #a9a9a9; font-family: 'Georgia', serif; font-size: 0.917em}
ul.asset-list p.asset-views {padding-left: 20px; background: transparent url('../images/icon_eye.png') no-repeat 0 50%; color: #a9a9a9; font-family: 'Georgia', serif; font-size: 0.917em}
ul.asset-list li+li {margin-top: 7px; padding-top: 17px; border-top: 1px solid #7c3c08}


/*
 * Tabs
 */
ul.content-tabs {width: 954px; margin: 0 auto}
ul.content-tabs li {float: left; width: 240px}
ul.content-tabs li a {display: block; padding: 15px 0; border-radius: 14px 14px 0 0; background: #000 url('../images/content_tabs.png') no-repeat 0 0; color: #fff; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 2em; text-align: center; line-height: 1}
ul.content-tabs li a span {display: block; color: #f58026; font-family: 'MrsEavesSmallCaps', 'Georgia', serif; font-size: 0.458em; text-transform: uppercase}
ul.content-tabs li+li {width: 238px}
ul.content-tabs li+li a {margin-left: 1px; background-position: -239px 0}
ul.content-tabs li+li+li a {background-position: -478px 0}
ul.content-tabs li+li+li+li a {background-position: -717px 0}
ul.content-tabs li:hover a {background-color: #333; background-position: 0 -66px; text-decoration: none}
ul.content-tabs li+li:hover a {background-position: -239px -66px}
ul.content-tabs li+li+li:hover a {background-position: -478px -66px}
ul.content-tabs li+li+li+li:hover a {background-position: -717px -66px}
ul.content-tabs li a.active {background: #fff; color: #000}

body.js div.tab-item {display: none}


/*
 * Facebook Comments
 */
ul.facebook-comments li {padding: 10px 0 10px 60px}
ul.facebook-comments li+li {border-top: 1px solid #ccc}
ul.facebook-comments li p.avatar {float: left; margin-left: -60px}
ul.facebook-comments li h4 {margin-bottom: 5px; color: #cf670b; font-size: 1.083em}
ul.facebook-comments li h4 span {color: #848484; font-size: 0.846em; font-weight: 400}
ul.facebook-comments li p.links {font-family: 'Georgia', serif; font-size: 0.917em}
ul.facebook-comments li p.date {color: #848484; font-family: 'Georgia', serif; font-size: 0.917em}

div.facebook-comment-options {border: 1px solid #ccc; border-width: 1px 0}
div.facebook-comment-options p {padding: 10px 0}
div.facebook-comment-options div.left a {color: #000; font-weight: 700}
div.facebook-comment-options div.right {font-family: 'Georgia', serif}


/*
 * Twitter Feed
 */
ul.twitter-feed {font-family: 'Verdana', 'Arial', sans-serif}
ul.twitter-feed a {font-family: 'Georgia', serif}
ul.twitter-feed li+li {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc}


/*
 * Go Section
 */
div.go-section {position: relative; height: 339px; margin: -30px; padding: 26px; background: transparent url('../images/content_tab_bg_01.jpg') no-repeat 50% 50%}
div.go-section div.player {position: absolute; top: 52px; left: 52px; width: 504px; height: 284px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.75)}
div.go-section div.player p.background {position: absolute; top: 0; left: 0; z-index: 2}
div.go-section div.player iframe {position: relative; z-index: 2}
div.go-section div.text-block {position: absolute; top: 26px; right: 49px; width: 314px; height: 250px; color: #fff}
div.go-section div.text-block h2 {padding: 36px 0 0; color: #f58026; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 2em; font-weight: 400; text-align: center}
div.go-section div.text-block h3 {color: #fff; font-family: 'MrsEavesSmallCaps', 'Georgia', serif; font-size: 1em; font-weight: 400; text-align: center}
div.go-section div.text-block>div {position: absolute; top: 132px; right: 0; bottom: 0; left: 0; padding: 0 25px; text-align: center}
div.go-section div.text-block>div.scroll-clip {width: auto}
div.go-section div.text-block p.scrollbar {right: 15px; background: #fff}
div.go-section div.text-block p.scrollbar a.handle {background: #fff}


/*
 * Give form
 */
div.go-section form.give {position: absolute; top: 170px; right: 26px; width: 493px; height: 78px; background: transparent url('../images/give_form_bg.png') no-repeat 0 0}
div.go-section form.give h2 {float: left; width: 200px; padding: 13px 0 0 40px; color: #fff; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 2em; font-weight: 400}
div.go-section form.give h2 span {display: block; font-family: 'MrsEavesItalic', 'Georgia', serif; font-size: 1.083em}
div.go-section form.give p {overflow: hidden; position: relative; float: left; margin-top: 23px; padding: 0; border: 1px solid #fff; border-radius: 2px}
div.go-section form.give p label {position: absolute; top: 0; left: 0; padding: 0 6px; color: #7f7f7f; font-family: 'Georgia', sans-serif; font-size: 0.917em; font-style: italic; line-height: 26px}
div.go-section form.give p input {float: left; width: 172px; height: 26px; padding: 0 6px; border: none; background: #fff; line-height: 26px}
div.go-section form.give p input {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5),
                inset 10px 0 10px -10px rgba(0, 0, 0, 0.5),
                inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
}
div.go-section form.give p button {overflow: hidden; float: left; width: 30px; height: 26px; padding: 0; border: none; background: #de7220 url('../images/icon_magnifier.png') no-repeat 50% 50%; text-indent: -99em}
div.go-section form.give p button {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5),
                inset -10px 0 10px -10px rgba(0, 0, 0, 0.5),
                inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
}


/*
 * Three Buttons
 */
div.three-buttons {width: 954px; margin: 0 auto; padding-bottom: 35px}
div.three-buttons ul {overflow: hidden; padding: 26px; background: #424244; box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 1); list-style: none}
div.three-buttons ul li {float: left; width: 283px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.75)}
div.three-buttons ul li+li {margin-left: 26px}
div.three-buttons ul li a {position: relative; display: block; padding: 16px 22px; font-family: 'Avenir-Black', 'Arial', sans-serif; font-size: 1.333em; font-weight: 700; text-shadow: 0 0 5px rgba(0, 0, 0, 0.75)}
div.three-buttons ul li a img {position: absolute; bottom: 0; right: 0}
div.three-buttons ul li a:hover {padding: 13px 19px}
div.three-buttons ul li a:hover img {bottom: -3px; right: -3px}


/*
 * Social
 */
p.social {height: 66px; width: 329px; background: transparent url('../images/social_bg.png') no-repeat 0 0; text-align: center; line-height: 66px}
p.social a {overflow: hidden; display: inline-block; width: 36px; height: 36px; margin: 0 3px; background: transparent url('../images/icon_facebook.png') no-repeat 0 0; text-indent: -99em; vertical-align: middle}
p.social a.twitter {background-image: url('../images/icon_twitter.png')}
p.social a.linked-in {background-image: url('../images/icon_linked_in.png')}
p.social a.youtube {background-image: url('../images/icon_youtube.png')}
p.social a.vimeo {background-image: url('../images/icon_vimeo.png')}
p.social a.flickr {background-image: url('../images/icon_flickr.png')}


div.social>div {float: left; padding: 10px; border-radius: 10px; background: #ededed; line-height: 1}


/*
 * Box grid
 */
ul.box-grid {margin-right: -21px; font-family: "Verdana", "Helvetica", sans-serif}
ul.box-grid li {overflow: hidden; position: relative; float: left; width: 284px; height: 324px; margin: 0 21px 21px 0}
ul.box-grid li>div {position: relative; z-index: 2; height: 122px; padding: 20px; background: #f47f26; color: #fff; }
ul.box-grid li>div h4 {margin: -20px -20px 10px; padding: 8px 20px; color: #fff; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 1.667em; font-weight: 400}
ul.box-grid li>div p.links {position: absolute; left: 20px; bottom: 20px; line-height: 1}

body.js ul.box-grid li {height: 162px}
body.js ul.box-grid li p.background {position: absolute; top: 0; left: 0; z-index: 1}
body.js ul.box-grid li>div {top: 126px}
body.js ul.box-grid li>div>h4 {cursor: pointer}
body.js ul.box-grid li>div>h4 span {display: block; background: transparent url('../images/bullet_09.png') no-repeat 100% 50%}
body.js ul.box-grid li>div>h4.active span {background-image: url('../images/bullet_10.png')}


/*
 * Resources
 */
div.resources {padding-top: 20px}
div.resources div.left {width: 224px}
div.resources div.left h4 {height: 60px; margin-bottom: 10px; padding-top: 20px; background: transparent url('../images/resource_filter_bg.png') no-repeat 1px 0; color: #fff; font-family: 'MrsEavesItalic', 'Georgia', serif; font-size: 2.167em; font-weight: 400; text-align: center}
div.resources div.left h5 {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; font-family: 'Georgia', serif; font-size: 1.083em}
div.resources div.left ul.filters {padding-bottom: 40px; color: #959595; font-family: 'Verdana', 'Arial', sans-serif; font-size: 0.917em}

div.resources div.right {width: 670px}

div.resources-pagination {background: transparent url('../images/resource_filter_bg.png') no-repeat 100% 0}
div.resources-pagination p.pagination {float: left; padding: 13px 0 13px 64px; line-height: 1}
div.resources-pagination p.pagination a {float: left; width: 28px; height: 28px; border-left: 1px solid #3a3a3a; text-align: center; line-height: 28px}
div.resources-pagination p.pagination a.active {color: #fff}
div.resources-pagination p.pagination a.prev {width: 23px; background: #818181 url('../images/icon_prev.png') no-repeat 50% 50%; text-indent: -99em}
div.resources-pagination p.pagination a.next {width: 23px; background: #818181 url('../images/icon_next.png') no-repeat 50% 50%; text-indent: -99em}

form.resources-search {float: right; padding: 10px}
form.resources-search p {overflow: hidden; position: relative; padding: 0; border: 1px solid #fff; border-radius: 2px}
form.resources-search p label.default-text {position: absolute; top: 0; left: 0; height: 33px; padding: 0 6px; color: #7f7f7f; font-family: 'Georgia', serif; font-style: italic; line-height: 33px}
form.resources-search p input {float: left; width: 172px; height: 33px; padding: 0 6px; border: none; background: #fff; line-height: 33px}
form.resources-search p input {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5),
                inset 10px 0 10px -10px rgba(0, 0, 0, 0.5),
                inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
}
form.resources-search p button {overflow: hidden; float: left; width: 30px; height: 33px; padding: 0; border: none; background: #de7220 url('../images/icon_magnifier.png') no-repeat 50% 50%; text-indent: -99em}
form.resources-search p button {
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5),
                inset -10px 0 10px -10px rgba(0, 0, 0, 0.5),
                inset 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
}

ul.resources-results li {position: relative; float: left; width: 188px; height: 315px; margin: -1px -1px 0 0; padding: 17px 17px 80px; border: 1px solid #e5e5e5; font-size: 0.917em; font-family: 'Verdana', 'Arial', serif; line-height: 1.364}
ul.resources-results li:hover {background: #ededed}
ul.resources-results li h4 {font-family: 'Georgia', serif; font-size: 1.545em}
ul.resources-results li h5 {padding-top: 5px; color: #959595; font-size: 0.909em; font-weight: 400; text-transform: uppercase}
ul.resources-results li h4+p {padding-top: 20px}
ul.resources-results li h5+p {padding-top: 20px}
ul.resources-results li p.links {position: absolute; bottom: 17px; left: 17px; font-size: 1em; line-height: 1}
ul.resources-results li p.links a {font-size: 0.818em}
ul.resources-results li p.images {margin-bottom: 20px}
ul.resources-results li p.images img+img {float: left; margin-top: 8px}
ul.resources-results li p.images img+img+img {margin-left: 8px}



/*
 * Footer
 */
div.footer {background: #111; color: #888}
div.footer>div {overflow: hidden; width: 914px; margin: 0 auto; padding: 20px 0 50px}
div.footer>div h4 {padding: 0 0 16px; color: #fff; font-family: 'Avenir-Book', 'Arial', sans-serif; font-size: 1.583em; font-weight: 400}
div.footer>div p {font-family: 'Georgia', serif; font-size: 0.917em}
div.footer>div>div {position: relative; float: left; width: 200px; padding: 0 20px 50px 0}
div.footer>div>div+div {width: 300px; padding-right: 70px; background: transparent}
div.footer>div>div+div+div {width: 270px; padding: 0}

div.footer p.footer-logo {position: absolute; bottom: 0; left: 0}

div.footer>div>div ul {padding: 0 0 20px; list-style: none}
div.footer>div>div+div p {line-height: 1.636}

form.newsletter p {position: relative}
form.newsletter label {position: absolute; top: 0; padding: 0 15px; left: 0; height: 37px; font-size: 1.273em; font-style: italic; line-height: 37px}
form.newsletter input {width: 238px; height: 37px; padding: 0 15px; border: 1px solid #fff; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5); color: #7f7f7f; font-family: 'Georgia', serif; font-size: 1.273em; font-style: italic; line-height: 37px}
form.newsletter button {font-size: 0.818em}


body.js div.modal {display: none}

body.js>div.modal {overflow: visible; position: fixed; top: 50%; left: 50%; z-index: 101; width: 600px; padding: 30px; background: #fff; box-shadow: 0 0 10px #000}
body.js>div.modal>h2 {position: absolute; left: 0; right: 0; bottom: 100%; height: 1em; padding: 30px; background: #000; color: #fff}
body.js>div.modal>a.close {position: absolute; top: 10px; right: 10px; z-index: 2; width: 33px; height: 33px; background: transparent url('../images/icon_close.png') no-repeat 0 0}
body.js>div.modal>h2+a.close {top: -55px}
body.js>div.overlay {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: #000}

body.js div.home-fader > ul > li.banner-item.banner-in-focus {
    opacity: 1 !important;
    display: block !important;
}

body.js div.home-fader > ul > li.banner-item {
    display: block !important;
    opacity: 0;
}

/*
 * The End
 */