@charset "utf-8";
@import url("fonts.css");
/* CSS Document */

/*=======================================
Main CSS Document

1.Reset
- 1.1. Defaults,  h1, h2, h3, h4, h5, a
2.Page
3.Header
4.Content
5.Footer
6.Gallery Page
7.Internal Page

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

/*================================================
1. Reset the styles
================================================*/

html {
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}
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;
	font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, label, fieldset, legend, input, button, textarea, p, blockquote, th, td, footer, header, hgroup, menu, nav, section {
	color: #000;
	font-size: 14px;
}
nav li {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
input[type=radio], input[type=checkbox] {
	vertical-align: middle;
	margin: 0;
}
ins {
	background-color: #ff9;
	color: #4c4a49;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #4c4a49;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
}
del, ins {
	text-decoration: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
h1 {
	color: #9f2034;
	font-size: 24px;
	line-height: 28px;
	font-family: 'HelveticaNeueMedium', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.25px;
	padding: 0 0 10px;
}
h2, h3, h4, h5, h6 {
	font-size: 14px;
	line-height: 18px;
}
p {
	background-color: inherit;
	padding: 0 0 15px;
	color: #000;
	font-size: 14px;
	line-height: 20px;
}
i {
	font-style: italic;
	font-family: 'HelveticaNeueItalic', Arial, Helvetica, sans-serif;
}
b {
	font-weight: normal;
	font-family: 'HelveticaNeueBold', Arial, Helvetica, sans-serif;
}
a {
	color: #eab825;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul, ol {
	margin: 0px;
	padding: 0 0 15px 15px;
}
ul li {
	list-style-type: disc;
}
ol li {
	margin: 0 0 0 5px;
}
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	padding: 0;
	margin: 0;
}
input:focus, textarea:focus {
	outline: none
}
/* Clearfix */
.clearfix {
	display: inline-block;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix {
	display:block;
}
/*================================================
1. Reset the styles-end
================================================*/
body {
	background: #000;
	min-width: 960px;
}
body.white {
	background: #fff;
}
/*===========================================================================
2. Wrapper
===========================================================================*/
#wrapper {
	min-width: 960px;
}
/*===========================================================================
3. Header
===========================================================================*/
#header {
	background: url(../img/bg/bg-header.png) repeat-x left top;
	min-width: 960px;
	padding: 0 0 9px;
	position: relative;
	z-index: 2;
}
.header-ins {
	width: 835px;
	padding: 0 50px 0 75px;
	margin: 0 auto;
}
ul.nav {
	padding: 0px;
	overflow: hidden;
}
ul.nav li, ul.nav li a {
	font-size: 11px;
	line-height: 15px;
	font-family: 'GothamBook', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
}
ul.nav li {
	background: url(../img/elem/nav-bord.png) no-repeat left bottom;
	float: left;
	list-style-type: none;
	padding: 0 3px;
	margin: 0 0 0 -3px;
}
ul.nav li a {
	padding: 19px 21px 11px;
}
ul.nav li a:hover, ul.nav li.current-item a {
	background-color: inherit;
	color: #fff;
	text-decoration: none;
}
/*===========================================================================
3. Header end
===========================================================================*/
/*===========================================================================
4. Container
===========================================================================*/
#container {
	position: relative;
	z-index: 1;
	width: 860px;
	padding: 0 50px;
	margin: -9px auto 0;
	overflow: hidden;
}
.white #container {
	background: #fff;
}
.bg-img {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	text-align: center;
}
.bg-img img, .images .image img, .banner img {
	display: block;
	}
.content-top, .content-holder {
	position: relative;
	z-index: 3;
	overflow: hidden;
}
.content-top {
	padding: 9px;
}
/*---------------------------logo-begin--*/
#logo, #logo-inner {
	float: left;
}
#logo {
	background: url(../img/logo.png) no-repeat left bottom;
	width: 460px;
	height: 274px;
}
#logo a, #logo-inner a {
	width: 100%;
	height: 0px;
	overflow: hidden;
	display: block;
}
#logo a {
	padding: 274px 0 0;
}
/*---------------------------logo-end--*/
.slider-holder {
	width: 314px;
	padding: 26px 0 0 25px;
	float: left;
}
.images {
	position: relative;
}
.slider-holder .images {
	width: 314px;
	height: 237px;
	}
.images .image {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
.slider-holder .images .image {
	height: 237px;
	}
.slider-holder .slidetabs-holder {
	overflow: hidden;
	padding: 8px 0 0;
}
.slider-holder .slidetabs-holder h5 {
	background-color: inherit;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	float: right;
}
.slider-holder .slidetabs {
	padding: 3px 0 0;
	float: right;
}
.slider-holder .slidetabs a {
	background: url(../img/elem/bullet.png) no-repeat left top;
	width: 11px;
	height: 12px;
	display: block;
	float: left;
	margin: 0 3px 0 10px;
}
.slider-holder .slidetabs a:hover, .slider-holder .slidetabs a.current {
	background-position: left bottom;
}
.slider-holder a.forward, .slider-holder a.backward {
	display: none;
}
.content-holder {
	padding: 52px 0 40px;
}
.content-holder, .content-holder p, .content-holder h1, .content-holder h2, .content-holder h3, .content-holder h4, .content-holder h5, .content-holder h6, .content-holder li {
	background-color: inherit;
	color: #fff;
}
.video-holder {
	width: 257px;
	float: left;
	padding: 5px 35px 0 0;
}
.video-box, .video-box img {
	overflow: hidden;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.video-box {
	border: 1px solid #555;
}
.video-text, .video-text p {
	line-height: 18px;
	letter-spacing: 0.25px;
}
.video-text {
	padding: 5px 50px 0 5px;
}
.box-info {
	width: 260px;
	padding: 0 40px 0 0;
	float: left;
}
.box-info, .box-info p {
	line-height: 21px;
}
.box-description, .box-description p {
	line-height: 20px;
}
.box-description p {
	clear: both;
}
.box-description {
	width: 268px;
	float: right;
}
.box-description h2, .sidebar-box h5 {
	font-size: 18px;
	line-height: 21px;
	font-family: 'HelveticaNeueBold', Arial, Helvetica, sans-serif;
}
.box-description h6, .sidebar-box h6 {
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 10px;
}
a.btn, a.btn span {
	display: block;
	font-size: 13px;
	line-height: 16px;
	font-family: 'HelveticaNeueBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
a.btn.orange, a.btn.orange span {
	color: #000;
	text-shadow: 0px 0px 5px #fcfcfc;
}
a.btn {
	padding: 0 11px 0 0;
	float: left;
}
a.btn.orange {
	background: url(../img/btn/btn-orange-right.png) no-repeat right top;
	margin: 0 0 7px -3px;
}
a.btn.orange:hover, a.btn.red:hover {
	background-position: right bottom;
	text-decoration: none;
}
a.btn span {
	cursor: pointer;
}
a.btn.orange span {
	background: url(../img/btn/btn-orange-left.png) no-repeat left top;
	padding: 7px 5px 16px 13px;
}
a.btn.orange:hover span, a.btn.red:hover span {
	background-position: left bottom;
}
/*===========================================================================
4. Container end
===========================================================================*/
/*===========================================================================
5. Footer
===========================================================================*/
#footer {
	width: 930px;
	padding: 0 15px 45px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.footer-top {
	border-top: 1px solid #53101b;
	border-bottom: 1px solid #53101b;
	overflow: hidden;
}
.footer-top h5 {
	background-color: inherit;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	width: 270px;
	padding: 22px 25px 22px 35px;
	float: left;
	font-family: 'HelveticaNeueBold', Arial, Helvetica, sans-serif;
	text-align: right;
}
a.connect {
	background: #53101b url(../img/btn/btn-connect.png) repeat-x left bottom;
	width: 200px;
	padding: 12px 20px 17px;
	display: block;
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
}
a.connect:hover {
	background: #53101b url(../img/btn/btn-connect-hover.png) repeat-x left bottom;
	text-decoration: none;
}
a.connect span {
	font-family: 'HelveticaNeueBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
}
.social-box {
	width: 360px;
	float: left;
	padding: 18px 0 0;
}
.social-box ul {
	padding: 0 0 0 7px;
	float: left;
}
.social-box ul li {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0 14px 0 15px;
}
.mail-box {
	float: left;
	padding: 3px 0 0;
}
.mail-box, .mail-box h6, .mail-box p, .mail-box a {
	background-color: inherit;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
}
p.copyright {
	color: #7f7f7f;
	font-size: 10px;
	line-height: 14px;
	text-align: right;
	padding: 5px 15px;
}
/*===========================================================================
5. Footer end
===========================================================================*/
/*===========================================================================
6. Gallery Page
===========================================================================*/
#logo-inner {
	background: url(../img/logo-inner.png) no-repeat left bottom;
	width: 175px;
	height: 90px;
	margin: 0 0 0 5px;
}
#logo-inner a {
	padding: 90px 0 0;
}
.quote-holder {
	overflow: hidden;
	padding: 3px 30px 0 5px;
}
.quote-holder blockquote, .quote-holder blockquote p {
	background-color: inherit;
	color: #fff;
    font-family: 'HelveticaNeueItalic', Arial, Helvetica, sans-serif;
}
.quote-holder .btn.orange {
	float: right;
	margin: 15px 0 0 30px;
}
.gallery-holder {
	position: relative;
	z-index: 2;
	padding: 10px 110px 62px;
}
.gallery-holder .images {
	width: 640px;
	height: 475px;
}
.gallery-holder .images .image {
	height: 475px;
}
.gallery-holder .images .image .gallery-text, .gallery-holder .images .image .gallery-text p {
	background-color: inherit;
	color: #fff;
}
.gallery-holder .images .image .gallery-text {
	height: 44px;
	padding: 3px 0;
}
.slidetabs {
	overflow: hidden;
}
.slidetabs a {
	background: #fff;
	display: block;
	width: 75px;
	height: 50px;
	float: left;
	margin: 0 19px 15px 0;
	position: relative;
}
.slidetabs a.slidetab-last {
	margin: 0 0 15px;
}
.slidetabs a span {
	background: url(../img/bg/bg-slidetabs.png) repeat left top;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 2;
}
.slidetabs a:hover span, .slidetabs a.current span {
	display: none;
}
.gallery-holder a.backward, .gallery-holder a.forward {
	display: block;
	width: 41px;
	height: 47px;
	position: absolute;
	top: 190px;
	cursor: pointer;
}
.gallery-holder a.backward {
	background: url(../img/btn/prev.png) no-repeat left top;
	left: 50px;
}
.gallery-holder a.forward {
	background: url(../img/btn/next.png) no-repeat left top;
	right: 50px;
}
.gallery-holder a.backward:hover, .gallery-holder a.forward:hover {
	background-position: left bottom;
}
/*===========================================================================
6. Gallery Page end
===========================================================================*/
/*===========================================================================
7. Internal Page
===========================================================================*/
.white .content-top {
	background: url(../img/bg/bg-content-3.jpg) no-repeat left top;
	-webkit-box-shadow: 0px 2px 12px #333;
	box-shadow: 0px 2px 12px #333;
	padding: 9px 55px;
}
.banner {
	position: relative;
	z-index: 2;
}
.container-ins {
	background: #fff;
	overflow: hidden;
	position: relative;
	z-index: 2;
	padding: 25px 0 13px;
}
.content {
	width: 630px;
	float: left;
}
.content h2, .content h3, .content h4, .content h5, .content h6 {
	text-transform: uppercase;
	padding: 0 0 5px;
	}
.content h2 {
	font-family: 'HelveticaNeueBold', Arial, Helvetica, sans-serif;
}
.content-block {
	padding: 0 0 25px;
}
.content-block p {
	padding: 0 0 6px;
	letter-spacing: 0.1px;
}
.content .block-info h3 {
	text-transform: none;
	padding: 0px;
	}
.block-info ul {
	padding: 0px;
}
.block-info ul li {
	list-style-type: none;
	line-height: 18px;
}
.sidebar {
	width: 217px;
	padding: 42px 0 0;
	float: right;
}
.sidebar-box {
	background: url(../img/bg/bg-sidebar-box-bot.png) no-repeat left bottom;
	padding: 0 0 7px;
}
.sidebar-box-top {
	background: url(../img/bg/bg-sidebar-box-top.png) no-repeat left top;
	padding: 7px 0 0;
}
.sidebar-box-rep {
	background: url(../img/bg/bg-sidebar-box-rep.png) repeat-y left top;
}
.sidebar-box-ins {
	background: url(../img/bg/bg-sidebar-box.png) no-repeat left top;
	padding: 12px 25px 12px;
	overflow: hidden;
}
.sidebar-box, .sidebar-box p {
	font-size: 12px;
	line-height: 16px;
}
a.btn.red, a.btn.red span {
	background-color: inherit;
	color: #fff;
}
a.btn.red {
	background: url(../img/btn/btn-red-right.png) no-repeat right top;
	padding: 0 11px 0 0;
}
a.btn.red span {
	background: url(../img/btn/btn-red-left.png) no-repeat left top;
	padding: 9px 0 9px 11px;
}
.white .footer-top h5, .white .mail-box, .white .mail-box h6, .white .mail-box p, .white .mail-box a {
	color: #000;
}

.content-block a {
	color: #999;
	font-weight:bold;
	outline: none;
	text-decoration: none;
}
.content-block a:hover {
	text-decoration: underline;
}
/*===========================================================================
7. Internal Page end
===========================================================================*/
