/* ############################ CSS Reset ################################# */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, font {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
:focus {outline: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* ############################ Base Styles ################################# */

body {font: 100%/1.7 Arial, Helvetica Neue, Helvetica, sans-serif;}
#shadowbox_container {z-index: 1000 !important;}

/* Text styles */
h2, .mce_h2 a span,
h3, .mce_h3 a span,
h4, .mce_h4 a span {font-family: inherit; font-weight: normal !important;}
h2, .mce_h2 a span {font-size: 32px; line-height: 1.1;}
h3, .mce_h3 a span {font-size: 24px; line-height: 1.2;}
h4, .mce_h4 a span {font-size: 18px; line-height: 1.3;}
p, .mce_p a span {font: inherit;}
em {font-style: italic;}
strong {font-weight: bold;}
.ssfe-adjust-padding-bottom {margin-bottom: 0; padding-bottom: 0;}

/* Text Placement */
h2    {padding: 0 0 10px 0;}
h3    {padding: 0 0 10px 0;}
h4    {padding: 0 0 10px 0;}
p     {padding: 0 0 10px 0;}
p img {padding: 0 0 6px 0;}

/* Links normal state */
a, a:visited {color: #000000; text-decoration: none;}
.mceContentBody a, .mceContentBody a:visited {color: #000000 !important; text-decoration: none !important;}
/* Links hover state */
a:hover, a:active  {color: #000000; text-decoration: underline;}
.mceContentBody a:hover, .mceContentBody a:active {color: #000000 !important; text-decoration: underline !important;}

/* gallery/news */
.gallery a, .gallery a:visited, .news a, .news a:visited {color: #ffffff; text-decoration: none;}
.gallery .mceContentBody a, .gallery .mceContentBody a:visited, .news .mceContentBody a, .news .mceContentBody a:visited {color: #ffffff !important; text-decoration: none !important;}
.gallery a:hover, .gallery a:active, .news a:hover, .news a:active {color: #ffffff; text-decoration: underline;}
.gallery .mceContentBody a:hover, .gallery .mceContentBody a:active, .news .mceContentBody a:hover, .news .mceContentBody a:active {color: #ffffff !important; text-decoration: underline !important;}

h1 a:hover, h1 a:active { text-decoration: none; }
.start a:hover, .start a:active, #footer a:hover,
.stories a:hover, .stories a:active { text-decoration: none; color: #333333; }

/* Visited Stories */
.sub-menu li a:visited { color: #556b2f; }

/* Lists */
#content ul, #content ol {margin: 0 0 13px 0;}
#content ul {list-style-type: disc; list-style-position: outside;}
#content ol {list-style-type: decimal; list-style-position: outside;}
#content li {margin: 0 0 7px 20px;}
#content ul li ul, #content ol li ol {margin: 7px 0;}

/* Image Alignment */
p.image-left {float: left; margin-right: 20px;}
p.image-right {float: right; margin-left: 20px;}
p.image-left img, p.image-right img {padding-bottom: 0; margin-bottom: 0;}

/* ############################ Column Styles ################################# */

/* Horizontal & vertical lines */
.col-line1, .col-horline1 {background: #ccc;}
/* Column with background color */
td.col-color1 {background: #ccc; }

/* ############################ Template Layout ################################# */

body { background: #ffffff; }
body.gallery, body.news { background: #000000; }

#wrapper {width: 800px; margin: 0 auto;}
#header { }
#logo h1 {
	font-size: 259px;
	line-height: 75%;
	font-style: italic;
}
#logo h1 a { padding: 0 12px 0 0; }

#menu { overflow: hidden; padding: 4px 3px 0 0; }

#content, #footer {
	color: #000000;
	position: relative;
}
.main #content, .main #footer  {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 0;
}
#footer a { padding-right: 2px; }
.gallery #footer a:hover, .video #footer a:hover { color: #ccc; }


.gallery, .news { color: #ffffff; }
.gallery a, .news a { color: #ffffff; text-decoration: none; }
.gallery a:hover, .news a:hover { color: #ffffff; text-decoration: underline; }
.gallery #content, .news #content { color: #ffffff; }
.gallery #content { width: 55%; float: right; margin-right: 10%; }
.video #content { width: 600px; margin: 0 auto; }
/* ############################ Menu layout ################################# */

#menu ul { float: right; }
#menu ul li, #menu ul li span {
	display: block;
	line-height: 35px;
	text-align: right;
}
#menu ul.sub-menu li {
	line-height: 29px;
	position: relative;
}

#menu ul li a, #menu ul li span {
	text-transform: uppercase;
	font-size: 38px;
	font-style: italic;
}

#menu ul li:first-child a {
	font-weight: bold;
	font-size: 46px
}

#menu ul li.children > a { display: block; margin-bottom: 4px; }
#menu a.hover { color: #333333; }

/* sub-menu */
#menu ul.sub-menu {
	display: none;
	margin: 0 0 3px 0;
}
#menu ul.sub-menu li a, #menu ul.sub-menu li span {
	text-transform: uppercase;
	font-size: 21px;
	font-style: italic;
	font-weight: bold;
}

#littlemenu { display: none; position: fixed; left: 100px; top: 100px; text-transform: uppercase; z-index: 10; font-style: italic; font-size: 18px;}
#littlemenu ul, #littlemenu li { list-style: none; padding: 0; margin: 0; text-align: right; }
.gallery #littlemenu li.active a { font-size: 14px; }
.gallery #littlemenu li.active { font-size: 14px; }
#littlemenu li.home, #littlemenu li.active { font-weight: bold; }

#menu ul.sub-menu li .wip {
	font-size: 14px;
	line-height: 18px;
	margin-right: 4px;
	margin-top: -5px;
	color: #555;
	display: none;
}

/* ############################ Content layout ################################# */
#ui-datepicker-div { font-size:11px; }

/* hide default datepicker */
input::-webkit-calendar-picker-indicator #ui-datepicker-div{
    display: none;
}
span {
    display: none;
}