/* Resets
--------------------------------------------------------------------------------*/
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote,
fieldset, input {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

a {
	text-decoration: none;
}

::-webkit-input-placeholder {
   color: #626262;
}

:-moz-placeholder { /* Firefox 18- */
   color: #626262;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #626262;
}

:-ms-input-placeholder {
   color: #626262;
}

#header .wsite-search-input::-webkit-input-placeholder {
   color: #fff;
}


#header .wsite-search-input:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}


#header .wsite-search-input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}


#header .wsite-search-input:-ms-input-placeholder {
   color: #fff;
}

/* General Styling and Structure
--------------------------------------------------------------------------------*/
body {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	color: #626262;
	height: 100%;
	background-attachment: fixed;
}

.tall-header-page,
.short-header-page,
.no-header-page,
.landing-page {
	background: #222121;
}

/*.wsite-background {
	background: #fff url('default-bg.jpg') center center no-repeat;
	background-size: cover;
}*/

/*.wsite-custom-background {
	background: none;
}*/

html {
	height: 100%;
}

.container {
	margin: 0 auto;
	width: 960px;
}

#header-wrap,
#banner-wrap,
#nav-wrap,
#main-wrap,
#footer-wrap {
	width:100%;
}

a {
	color: #f64649;
}

a:hover {
	color: #e34144;
}

h2 {
	font-size: 40px;
	padding: .5em 0 .2em 0;
	line-height: 1.2;
	font-family: 'Bebas', sans-serif;
	font-weight: normal;
	color: #3b3b3b;
	text-transform: uppercase;
}

h2 font {
	vertical-align: middle;
}

p {
	font-size: 16px;
	line-height: 1.5;
	padding: .5em 0;
}

/*blockquote {
	background: url("quotes.png") no-repeat 0px 25px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	color: #626262;
	padding: 1em;
	margin: 2em 0;
	border-left: 0px !important;
	padding-left: 30px !important;
}*/

div#content {min-height:400px;}

/* Header Backgrounds
--------------------------------------------------------------------------------*/
.landing-page .wsite-background {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100%;
	overflow: hidden;
}

/* Header
--------------------------------------------------------------------------------*/
#logo {
	padding-right: 25px !important;
}

#logo,
#logo a {
	   color: #fff;
	   text-transform: uppercase;
	   font-size: 24px;
	   font-family: 'Bebas';
	   font-weight: normal;
}

#logo a:hover {
	color: #fff;
}

#logo img, #wsite-title {
	max-height: 75px;
	display: block;
}

#header {
	border-collapse: collapse;
	border-spacing: 0;
    width:100%;
}

#header td {
	vertical-align: middle;
	text-align: left;
}

#header table {
	float: right;
	width: 1px;
}

#header td {
	padding: 0;
}

/* Header: Social Links
--------------------------------------------------------------------------------*/
/*#header-right .wsite-social {
	vertical-align: middle;
}

.wsite-social-item {
	width: 36px;
	height: 36px;
	margin: 0 0 0 3px;
}

.wsite-social-rss { background: url(social-icons.png) no-repeat -321px -12px; }
.wsite-social-rss:hover { background-position: -321px -54px; }

.wsite-social-linkedin { background: url(social-icons.png) no-repeat -143px -12px; }
.wsite-social-linkedin:hover { background-position: -143px -54px; }

.wsite-social-facebook { background: url(social-icons.png) no-repeat -54px -12px; }
.wsite-social-facebook:hover { background-position: -54px -54px; }

.wsite-social-twitter { background: url(social-icons.png) no-repeat -9px -12px; }
.wsite-social-twitter:hover { background-position: -9px -54px; }

.wsite-social-mail { background: url(social-icons.png) no-repeat -187px -12px; }
.wsite-social-mail:hover { background-position: -187px -54px; }

.wsite-social-pinterest { background: url(social-icons.png) no-repeat -277px -12px; }
.wsite-social-pinterest:hover { background-position: -277px -54px; }

.wsite-social-youtube { background: url(social-icons.png) no-repeat -455px -12px; }
.wsite-social-youtube:hover { background-position: -455px -54px; }

.wsite-social-plus { background: url(social-icons.png) no-repeat -98px -12px; }
.wsite-social-plus:hover { background-position: -98px -54px; }

.wsite-social-flickr { background: url(social-icons.png) no-repeat -232px -12px; }
.wsite-social-flickr:hover { background-position: -232px -54px; }

.wsite-social-vimeo { background: url(social-icons.png) no-repeat -366px -12px; }
.wsite-social-vimeo:hover { background-position: -366px -54px; }

.wsite-social-yahoo { background: url(social-icons.png) no-repeat -410px -12px; }
.wsite-social-yahoo:hover { background-position: -410px -54px; }*/

/* Header: Search Box
--------------------------------------------------------------------------------*/
/*#header .wsite-search {
	margin: 0px;
	*width: 210px;*
	vertical-align: middle;
	position:relative;
	float: right;
	border: 1px solid #fff;
}

#header .wsite-search-input {
	width: 140px;
	height: 17px;
	border: 0;
	padding: 8px 5px 8px 15px !important;
	font-family: 'Open Sans', sans-serif;
	color: #ccc;
	font-size: 13px;
	float:left;
	background: none;*url("search-input.png") no-repeat left center;*
}

#header .wsite-search-button {
	position: relative;
	width: 53px;
	height: 32px;
	color: #ccc;
	font-size: 13px;
	border: 0px;
	margin:  0px;
	padding: 0px;
	background: url("submit-bg.png") no-repeat right center;
	cursor: pointer;
}

#header .wsite-search-cover {
	position:absolute;
	width:52px;
	height:30px;
	right:0px;
	top: 0px;
	z-index:1;
	cursor: pointer;
}*/

/* Navigation
--------------------------------------------------------------------------------*/
#nav-wrap {
	position: fixed;
	top: 0;
	left: 0;
	border-top: 3px solid #AF1E2D;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.8);
	z-index: 999;
}

#nav-wrap .container {
	clear: both;
	overflow: hidden;
	position: relative;
}

#nav-wrap .container ul {
	list-style: none;
	overflow: hidden;
	float: right;
}

#nav-wrap .container ul li {
	list-style: none;
	float: left;
	margin-right: 10px;
	text-transform: uppercase;
}

#nav-wrap .container ul span:last-child li,
#nav-wrap .container ul > li:last-child {
	background: none;
        margin-right: 0px;
}

#nav-wrap .container ul li a {
	float: left;
	display: block;
	font-family: 'Lato', sans-serif;
	color: #fff;
	/*padding: 14px 12px;*/
    padding: 26px 12px;
	border: 0;
	outline: 0;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
}

#nav-wrap .container ul li#active a,
#nav-wrap .container ul li a:hover {
	color: #333;
	background: #AF1E2D;
	border: 0;
}

/* Navigation Submenu's
--------------------------------------------------------------------------------*/
#wsite-menus .wsite-menu li a {
	font-family: 'Lato', sans-serif;
	padding: 10px 0;
	padding-left: 4px;
	font-size: 13px;
	color: #fff;
	background: url("../images/messiaen/submenu-bg.png") repeat left top;
	border: 0;
	border-bottom: 1px solid #303030;
}

#wsite-menus .wsite-menu li a:hover {
	color: #fff;
	background: url("../images/messiaen/submenu-hover-bg.png") repeat left top;
	border-left: 4px solid #ffd927;
	padding-left: 0;
}

/* Universal banner
--------------------------------------------------------------------------------*/
#banner-wrap {
	display:none;
}

.landing-page .banner-wrap #banner,
.tall-header-page .banner-wrap #banner,
.short-header-page .banner-wrap #banner {
	padding: 0;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#banner td { vertical-align: middle !important; text-align: center; }

#banner h2 {
	color: #fff;
	font-size: 100px;
	padding: 0px;
	text-transform: uppercase;
}

#banner p {
	color: #fff;
	font-size: 18px;
	padding: 20px 0 40px;
	font-family: 'Lato', sans-serif;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.35);
	text-transform: uppercase;
}

/* Page type: Tall header
--------------------------------------------------------------------------------*/
.tall-header-page #banner {
	height: 346px;
	text-align: center;
}

.tall-header-page .banner-wrap {
	display: table;
	width: 100%;
	height: 346px;
	padding-top: 50px;
}

/* Page type: Short header
--------------------------------------------------------------------------------*/
.short-header-page #banner {
	height: 196px;
	text-align: center;
}

.short-header-page .banner-wrap {
	display: table;
	width: 100%;
	height: 196px;
	padding-top: 50px;
}

/* Page type: No header
--------------------------------------------------------------------------------*/
.no-header-page .wsite-header  {
       display:none;
}

/* Splash Page
------------------------------------------------------------------------*/
#splash-wrap  {
	height: 100%;
	display: table;
	width: 720px;
	margin: 0 auto;
	height: 100%;
	padding: 115px 0 60px 0;
}

.splash-page .main-wrap {
	display: table-cell;
    vertical-align: middle;
}

.splash-page .main-wrap #content-section {
	background: none;
	padding: 70px 90px 50px;
	background: rgb(0, 0, 0);
	background: rgba(0,0,0,0.5);
}

.splash-page #content-section h2 {
	color: #fff;
	padding: 0px;
	text-transform: uppercase;
}

.splash-page #content-section p, .splash-page #content-section div.paragraph {
	color: #fff;
	font-size: 18px;
	padding: 20px 0 40px;
	font-family: 'Lato', sans-serif;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.35);
}

/* Page type: Landing page
--------------------------------------------------------------------------------*/
.landing-page #header-wrap .container {
	height: 100%;
}

.landing-page .banner-wrap {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 51px;
	padding-bottom: 55px;
}

.landing-page #main-wrap .container h2 {
	font-size: 40px;
	line-height: 45px;
}

.landing-page .button-wrap {
	display: inline-block;
}

.landing-page #banner h2,
.landing-page #banner p {
	max-width: 960px;
	margin: 0 auto;
}

#skip-to-content {
	display: block;
	margin: auto;
	width: 42px;
	height: 55px;
	background: transparent url('../images/messiaen/landing-indicator.png') center top no-repeat;
	opacity: 0.5;
	-webkit-transition: opacity 0.5s;
}

#skip-to-content:hover {
	opacity: 1;
}

/* Main Content
--------------------------------------------------------------------------------*/
.landing-page #main-wrap,
/*.tall-header-page #main-wrap,*/
.short-header-page #main-wrap/*,
.no-header-page #main-wrap*/ {
	padding-top: 56px;
	background: #fff url('../images/messiaen/body-bg.png') 0 0 repeat;
}

/*.no-header-page #main-wrap {
	padding-top: 110px;
}*/

#main-wrap .container {
	min-height:400px;
	padding-bottom: 100px;/*30px;*/
}

#main-wrap .container h2 {
	font-size: 32px;
	line-height: 37px;
	padding: 0 0 14px;
}

#main-wrap .paragraph ul
#main-wrap .paragraph ol {
	margin: 0 !important;
	padding: 0 !important;
}
#main-wrap .paragraph li {
	padding-left: 15px !important;
}

#main-wrap .container form .wsite-button {
	margin-top:20px;
}

/*Image
-----------------------------------------------------------------------------*/
html body .galleryImageBorder, html body a .galleryImageBorder {
    border: 4px solid #f5f5f5 !important;
}

/*.wslide {
	font-family: inherit;
}

.wslide .wslide-caption {
	opacity: 0 !important;
	filter: alpha(opacity=0) !important;
	-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;

	bottom: 0;
	top: 0;
}

.wslide:hover .wslide-caption {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.wslide-caption-bg {
	background-color: rgba(246,70,73,0.85) !important;
	opacity: 0.85 !important;
	filter: alpha(opacity=85) !important;
}

.wslide-caption:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.wslide-caption-text {
	display: inline-block;
	vertical-align: middle;
	text-align: center !important;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	text-shadow: none !important;
}*/

/* Footer
--------------------------------------------------------------------------------*/
/*#footer-wrap {
	text-align:right;
	background: #222121;
	padding: 35px 0 20px;
	font-size: 13px;
	color: #fff;
}

#footer-wrap .container h2 {
	font-size: 13px;
	color: #989794;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
}

#footer-wrap .container p {
	font-size: 13px;
	padding: 15px 0;
}

#footer-wrap .container blockquote { background: url("quotes.png") no-repeat 0px 15px; font-size: 15px; color: #fff; }

#footer-wrap .wsite-form-container {
	text-align:left;
	margin-top: 0 !important;
}
#footer-wrap .wsite-form-label,
#footer-wrap .form-radio-container {
	color: #fff;
	font-size: 13px;
}*/

/* Form Customization
--------------------------------------------------------------------------------*/
.wsite-form-label {
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
}

.form-radio-container {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
}

.wsite-form-input, .wsite-search-element-input {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 5px 7px;
	width: 300px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.form-select {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: normal;
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 8px 5px;
	width: 300px;
	height: 40px !important;
    line-height: 44px !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.splash-page .wsite-form-label,
.splash-page .form-radio-container,
.splash-page .wsite-form-input,
.splash-page .wsite-search-element-input 
.splash-page .form-select {
	color: #999;
}

/* Buttons
--------------------------------------------------------------------------------*/
/* Small structure & regular style */
.wsite-button {
	display: inline-block;
	padding: 0;
	background: #AF1E2D;
	border-radius: 20px;
	text-transform: uppercase;
}

.wsite-button:hover {
	background: #e34144;
}

.wsite-button-inner {
	color: #fff !important;
	font-family: 'Lato', sans-serif;
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 0 15px;
	background: none;
	text-transform: uppercase;
	height:40px;
	line-height:40px;
}

/* Large structure & regular style  */
.wsite-button-large {
	color: #fff !important;
	background: #f64649;
	padding: 0;
	border-radius: 24px;
}

.wsite-button-large:hover {
	background: #e34144;
}

.wsite-button-large .wsite-button-inner {
	padding: 0 30px;
	height:48px;
	line-height:48px;
	background: none;
	font-size: 16px;
}

/* Highlighted styles */
.wsite-button-highlight,
.wsite-button-large.wsite-button-highlight,
.wsite-button-large.wsite-button-highlight .wsite-button-inner {
	background: #dfded9;
	color: #333;
}

.wsite-button-highlight .wsite-button-inner {
	background: none;
}

.wsite-button-highlight:hover,
.wsite-button-highlight:active,
.wsite-button-large.wsite-button-highlight:hover,
.wsite-button-large.wsite-button-highlight:hover .wsite-button-inner {
	background: #d1d0ca;
}

/* Blog
--------------------------------------------------------------------------------*/
#main-wrap .blog-sidebar h2 {
	font-size: 22px;
}

.blog-post .blog-separator {
	display: none;
}

.blog-post .blog-content {
	margin-top: 25px;
}

.blog-post .blog-date,
.blog-post .blog-comments {
	float: none;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
	color: #626262;
}

.blog-post .blog-comments:before {
	content: '/';
	margin-right: 0.5em;
}

#commentArea {
	border-top: solid 1px #dadada;
	padding-top: 20px;
}

.blog-sidebar h2,
h2.blog-title,
#commentAreaTitle,
.blogCommentHeading .blogCommentAuthor {
	font-weight: 500;
}

#wsite-content #commentAreaTitle {
	font-size: 26px;
}

.blog-post .blog-header h2.blog-title {
	margin-bottom: 20px !important;
}

#main-wrap .blog-title a {
	color: #333;
}

#wsite-content #commentAreaTitle,
#wsite-content #commentReplyTitle,
#commentArea .blogCommentText p,
#main-wrap .blog-sidebar h2 {
	padding: 0;
}

#commentAreaTitle {
	font-family: 'Bebas', sans-serif;
}

.blogCommentHeading,
.blogCommentText p {
	font-family: inherit;
}


.blogCommentWrap {
	background: none;
}

.blogCommentWrap .blogCommentHeading,
.blogCommentWrap .blogCommentHeadingInner,
.blogCommentWrap .blogCommentAuthor {
	background: none !important;
}

.blogCommentHeading .blogCommentAuthor span.name,
.blogCommentHeading .blogCommentAuthor span.email {
	color: #2a92e5 !important;
	float: none;
}

.blogCommentHeading {
	padding: 0;
	margin-bottom: 20px;
}

.blogCommentHeading .blogCommentAuthor,
.blogCommentHeading .blogCommentDate {
	float: none;
	text-align: left;
	height: auto;
	line-height: 1;
	padding: 0;
}

.blogCommentHeading .blogCommentAuthor {
	text-transform: uppercase;
}

.blogCommentHeading .blogCommentDate {
	color: #999;
	margin-left: 1em;
}

.blogCommentText {
	padding: 0;
}

.blogCommentText p {
	color: #666;
	font-size: 14px;
}

.blogCommentHeading .blogCommentHeadingInner {
	height: auto;
}

.blogCommentWrap .blogCommentHeading .blogCommentHeadingInner .blogCommentAuthor .name {
	text-shadow: none;
	height: auto;
	line-height: 1;
	color: #3b3b3b !important;
	float: none;
}

.blogCommentHeading .blogCommentHeadingInner .blogCommentAuthor .link {
	margin: 0 5px;
	float: none;
	display: inline-block;
}

.blogCommentHeading .blogCommentAuthor,
.blogCommentHeading .blogCommentDate {
	float: none;
	text-align: left;
	height: auto;
	line-height: 1;
	padding: 0;
	display: inline;
	vertical-align: baseline;
	text-transform: none;
}

/* inline css */
.wsite-elements.wsite-not-footer div.paragraph, .wsite-elements.wsite-not-footer p, .wsite-elements.wsite-not-footer .product-block .product-title, .wsite-elements.wsite-not-footer .product-description, .wsite-elements.wsite-not-footer .wsite-form-field label, .wsite-elements.wsite-not-footer .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {
    font-family: "Stoke" !important;
    font-size: 14px !important;
}

.wsite-elements.wsite-not-footer h2, .wsite-elements.wsite-not-footer .product-long .product-title, .wsite-elements.wsite-not-footer .product-large .product-title, .wsite-elements.wsite-not-footer .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {
    font-family: "Stoke" !important;
    font-size: 20px !important;
}

.wsite-menu-default a {
    font-family: "Stoke" !important;
    font-size: 11px !important;
    font-weight: 300 !important;
}

.wsite-menu a {
    font-family: "Stoke" !important;
    font-size: 11px !important;
    font-weight: 300 !important;
}

.wsite-headline {
    font-family: "Stoke" !important;
    font-size: 77px !important;
    line-height: 100px !important;
}

.wsite-headline-paragraph {
    font-family: "Stoke" !important;
}

.wsite-button-inner {
    font-family: "Stoke" !important;
}

/* second inline css */
.wsite-background {
    background-image: url('../images/messiaen/bg.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    background-color: transparent !important;
    background: inherit;
}

body.wsite-background {
    background-attachment: fixed !important;
}