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

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

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

[hidden] { display: none }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }

abbr[title] { border-bottom: 1px dotted }

.social a img {

}

.social a img {

}





b, strong { font-weight: bold }

blockquote { margin: 1em 40px }

dfn { font-style: italic }

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

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

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

pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none }

q:before, q:after { content: ""; content: none; }

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

sup { top: -0.5em }

sub { bottom: -0.25em }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

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

svg:not(:root) { overflow: hidden }

figure { margin: 0 }

form { margin: 0 }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer }

legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; *overflow: visible; }

table button, table input { *overflow: auto }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

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

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid { }

input:invalid, textarea:invalid { background-color: #f0dddd }

table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top }

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

   End of Normalization

*/

a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -ms-transition: all 0.2s linear; }

body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #575757; }

p { line-height: 1.4 }

#container { width: 980px; margin: 0 auto; }

header { height: 75px; margin-top: 25px; }

.logo a, .logo a:hover { font-size: 36px; color: white !important; text-shadow: 1px 1px 0 black; letter-spacing: -2pxfont-weight: bold;; }

.logo span1 { font-size: 36px; color: red !important; text-shadow: 1px 1px 0 black; letter-spacing: -2px;font-weight: bold; }

.logo span { font-size: 12px; font-weight: bold; display: block; color: white; }

/* ===[ Navigation ]===

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

.pre-content { padding: 15px 0 10px 0 }

.social { float: right }

.social img { padding: 5px }

nav { float: left; z-index: 9999; position: relative; }

#navigation { line-height: 1.0; float: left; }

#navigation ul { position: absolute; top: -999em; width: 100%; }

#navigation ul li { width: 100% }

#navigation li:hover { visibility: inherit }

#navigation li { float: left; position: relative; }

#navigation a { display: block; position: relative; border-bottom: none; font-size: 18px; font-weight: bold; color: white; text-shadow: 2px 1px 0 black; letter-spacing: -1px; padding: 10px 10px; }

#navigation > li:first-child a { padding: 10px 10px 10px 0 }

#navigation li.current-menu-item a { }

#navigation li.current-menu-item a:hover { color: white }

#navigation li:hover ul, #navigation li.sfHover ul { left: 0; top: auto; z-index: 99; }

ul#navigation li:hover li ul, ul#navigation li.sfHover li ul { top: -999em }

ul#navigation li li:hover ul, ul#navigation li li.sfHover ul { left: 11em; top: 0; }

ul#navigation li li:hover li ul, ul#navigation li li.sfHover li ul { top: -999em }

ul#navigation li li li:hover ul, ul#navigation li li li.sfHover ul { left: 15em; top: 0; }

#navigation a, #navigation a:visited { }

#navigation > li > a { }

#navigation li { }

#navigation li li { background: #242424 }

#navigation li li a { font-size: 14px }

#navigation li li:hover, #navigation li li.sfHover { background-color: #333 }

#navigation li li li { }

#navigation li:hover, #navigation li.sfHover a, #navigation a:focus, #navigation a:hover { background: rgba(0,0,0,0.1); outline: 0; color: #F9F4F0; }

#navigation li.sfHover > a { color: white }

#navigation li ul li ul { width: 100% }

/* ===[ Content ]===

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

.main-content { background-color: white; padding: 0 20px; }

.slider { position: relative; margin-bottom: 10px; margin-top: 0px; }

.slideshow { height: 640px; overflow: hidden; }

.next, .prev { width: 19px; height: 21px; display: inline-block; text-indent: -999em; background: url(images/slider-controls.png) no-repeat; cursor: pointer; position: absolute; bottom: -10px; z-index: 2000; }

.prev { background-position: 0 0; left: 48.5%; }

.next { background-position: 0 -22px; left: 50.5%; }

.left-block, .right-block { float: left; width: 460px; padding-bottom: 20px; }

.left-block { margin-right: 20px }

/* ===[ Front Page Blocks' Styling ]===

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

.block { margin-bottom: 25px }

.block > h1 b, .widget > h1 b { letter-spacing: -1px; font-size: 18px; padding: 6px 15px; color: white; text-shadow: 1px 1px 0 #787878; line-height: 1; display: inline-block; }

.block > h1, .widget > h1 { line-height: 1 }

.widget > h1 b { font-size: 14px; letter-spacing: 0; }

.readmore { line-height: 0; display: inline-block; margin-top: 2px; font-weight: bold; font-size: 9px; text-transform: uppercase; padding: 13px 12px; -moz-box-shadow: 1px 1px 0 #e7e7e7; -webkit-box-shadow: 1px 1px 0 #e7e7e7; : ; -o-box-shadow: 1px 1px 0 #e7e7e7; : ; box-shadow: 1px 1px 0 #e7e7e7; : ; border: 1px solid #c7c7c7; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-webkit-border-radius: 3px; border-radius: 3px; background-color: #efefef; background-image: linear-gradient(bottom, rgb(240,240,240) 48%, rgb(255,255,255) 55%); background-image: -o-linear-gradient(bottom, rgb(240,240,240) 48%, rgb(255,255,255) 55%); background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 48%, rgb(255,255,255) 55%); background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 48%, rgb(255,255,255) 55%); background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 48%, rgb(255,255,255) 55%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.48, rgb(240,240,240)), color-stop(0.55, rgb(255,255,255)) ); position: relative; }

.block article h1, .block article h1.a { font-size: 16px; color: #0e0e0e; text-decoration: none; }

.latest-release aside { background: #f8f8f8; border: 1px solid #e1e1e1; height: 340px; }

.latest-release aside h1 { margin-top: 80px; margin-left: 20px;font-size: 20px }

.latest-release aside B { margin-top: 80px;margin-left: 20px;font-size: 40px }

.latest-release aside img { margin-top: 10px; float: right; margin-right: 20px; }

.latest-release .post-content { padding: 20px }

.latest-news article { margin-bottom: 25px }

.latest-news img { float: left; margin-bottom: 50px; margin-right: 20px; }

time { font-size: 10px; margin-top: -10px; color: #878787; display: block; }

.photo-gallery article { float: left; width: 220px; }

.photo-gallery article:nth-child(2n) { margin-right: 20px }

.photo-gallery article h1 { font-size: 14px }

.latest-video .alignleft { margin: 0 0 20px 0; width: 220px; }

.latest-video .alignright { width: 220px; margin: 0; }

.alignleft { float: left }

/* ===[ Footer ]===

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

footer { padding: 20px }

ul.cols { margin: 0 0 20px 0; padding: 0; }

ul.cols li { margin: 0 20px 0 0; : ; padding: 0; list-style-type: none; float: left; width: 220px; color: #b4b4b4; }

ul.cols li:last-child { margin-right: 0 }

footer h3 { color: #dedede; font-size: 18px; }

.copy { text-align: right; padding: 20px 0; border-top: 1px solid #1d1e20; font-size: 11px; color: #878787; }

/* ===[ Map and Events ]===

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

#map { width: 220px; height: 220px; float: left; position: relative; }

#locations { height: 210px; overflow-y: scroll; float: left; width: 240px; background: #f8f8f8; list-style: none; padding: 10px 0 0 0; margin: 0; }

#locations li { }

#locations li:hover { background: #f5f5f5; color: #fff; cursor: pointer; cursor: hand; }

#locations li.selected-location:hover { background: #eeeded }

#locations li a { padding: 10px 20px; display: block; }

#locations h3 { margin: 0; margin-bottom: 4px; letter-spacing: -1px; padding-right: 15px; padding-left: 0 !important; margin-left: 0 !important; background: url(images/marker.png) right center no-repeat; display: inline-block; font-size: 14px; }

#locations b { font-weight: bold; color: #0e0e0e; display: block; }

#locations time { margin-top: 0px }

#location-info { display: none; font-weight: bold; color: white; background: black; position: absolute; padding: 3px 10px; width: 120px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-webkit-border-radius: 4px; border-radius: 4px; }

#locations a:focus { outline: none }

.selected-location { background-color: #eeeded }

/* ===[ Events Page ]===

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

#map.big { width: 700px; height: 700px; margin-bottom: 20px; }

#locations.big { height: 700px }

#locations .readmore { display: inline-block; margin-bottom: 10px; margin-left: 20px; color: #444; }

#locations .readmore:hover { color: #000 }

.videoplayer { margin-bottom: 5px }

/* ===[ Inner Page ]===

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

.main-content > article, #post-list { float: left; width: 679px; padding-right: 20px; border-right: 1px dotted #ccc; margin-right: 20px; }

#post-list article figure { float: left; width: 200px; margin-right: 20px; }

#post-list article figur img { margin: 0 }

#post-list article .post-excerpt { float: left; width: 459px; }

.post-excerpt > p { margin-top: 0 }

#sidebar { width: 220px; float: left; padding-top: 10px; }

/* ===[ Post ]===

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

.main-content article .postmeta { font-size: 11px; margin-bottom: 15px; margin-top: -10px; }

.main-content article time, .post-author { font-weight: bold }

.main-content article.post h1 { font-size: 17px }

.main-content article.post p { line-height: 1.7 }

.main-content article.post { padding-bottom: 35px }

.main-content article.post time { display: inline; margin: 0; }

.main-content article blockquote { background: url(images/quote.png)  left no-repeat; margin-bottom: 15px; font-size: 14px; padding: 10px 10px 10px 30px; border-top: 1px dotted #333; border-bottom: 1px dotted #333; }

.main-content article table { width: 100% }

.main-content article table td { padding: 5px }

.main-content article table tr { border-bottom: 1px solid #ccc }

.main-content article table thead tr { background: #222; color: white; font-weight: bold; }

.main-content article table tr:nth-child(2n) { background: rgba(0,0,0,0.05) }

/* ===[ Comments ]===

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

.post-comments { margin-top: 30px }

.post-comments ul, .post-comments ol { margin-left: 0; padding-left: 0; }

.post-comments ul li ul, .post-comments ol li ol { margin-left: 25px }

.post-comments ul li, .post-comments ol li { list-style-type: none; margin: 15px 0; }

.post-comments ul li ul li, .post-comments ol li ol li { list-style-type: none }

.post-comments .avatar { float: left; margin: 6px 15px 5px 0; }

.post-comments .comment-copy { border-bottom: 1px dotted #ccc; padding-bottom: 15px; }

.post-form label { border: 1px solid #ccc; border-bottom: none; display: block; font-weight: bold; color: #444; font-size: 13px; margin: 0; padding: 7px 15px; background: #f8f8f8; }

.post-form fieldset { margin: 10px 0 }

.post-form input[type=text] { width: 96.4%; padding: 8px 8px 8px 15px; border: 1px solid #ccc; border-top: none; }

.post-form textarea { width: 96.4%; padding: 8px 8px 8px 15px; border: 1px solid #ccc; border-top: none; }

.post-form input[type=submit] { color: #FFFFFF; cursor: pointer; display: inline-block; font-family: "Helvetica Neue","Helvetica",Arial,sans-serif; font-weight: bold; line-height: 1; position: relative; text-align: center; text-decoration: none; -moz-transition: background-color 0.15s ease-in-out 0s; -webkit-transition: background-color 0.15s ease-in-out 0s; -o-transition: background-color 0.15s ease-in-out 0s; transition: background-color 0.15s ease-in-out 0s; background: url(images/button-gloss.png) repeat-x scroll 0 -36px #141414; border: 1px solid #000000; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.28); border-radius: 3px; font-size: 11px; padding: 8px 20px 10px; margin-top: 10px; }

.post-form input[type=submit]:hover { background-color: #000 }

/* ===[ WordPress Generated Classes ]===

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

.alignnone { margin: 5px 20px 20px 0 }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

.aligncenter { display: block; margin: 5px auto 5px auto; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0 }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #fff; nowhitespace: afterproperty; nowhitespace: afterproperty; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; ;; }

.wp-caption.alignnone { margin: 5px 20px 20px 0 }

.wp-caption.alignleft { margin: 5px 20px 20px 0 }

.wp-caption.alignright { margin: 5px 0 20px 20px }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* ===[ Sidebar ]===

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

.widget { padding-bottom: 10px; margin-bottom: 25px; }

.widget h3 { padding: 5px 0; border-bottom: 1px dotted #CFCBC6; border-top: 1px dotted #CFCBC6; }

.widget ul { margin: 0; padding: 0; }

.widget ul li { list-style-type: none }

.widget ul li a { display: block; color: #333; padding: 10px 0; border-bottom: 1px solid #eaeaea; }

.widget ul li a:hover { background: #F8F8F8; text-indent: 7px; }

.widget img { float: left; margin: 5px 10px 10px 0; }

#paging { margin-top: 25px }

/* * CSS Styles that are needed by jScrollPane for it to operate correctly.

 *

 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane

 * may not operate correctly without them.

   ==================================================

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

.jspContainer { overflow: hidden; position: relative; }

.jspPane { position: absolute }

.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: #efefef; }

.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #efefef; }

.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }

.jspCap { display: none }

.jspHorizontalBar .jspCap { float: left }

.jspTrack { background: #efefef; position: relative; }

.jspDrag { position: relative; top: 0; left: 0; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #c7c7c7; background: #f1f1f1; background-image: url(images/scrollpanebg.png), linear-gradient(bottom, rgb(239,239,239) 3%, rgb(254,254,254) 76%),; background-image: url(images/scrollpanebg.png), -o-linear-gradient(bottom, rgb(239,239,239) 3%, rgb(254,254,254) 76%); background-image: url(images/scrollpanebg.png), -moz-linear-gradient(bottom, rgb(239,239,239) 3%, rgb(254,254,254) 76%); background-image: url(images/scrollpanebg.png), -webkit-linear-gradient(bottom, rgb(239,239,239) 3%, rgb(254,254,254) 76%); background-image: url(images/scrollpanebg.png), -ms-linear-gradient(bottom, rgb(239,239,239) 3%, rgb(254,254,254) 76%); background-image: url(images/scrollpanebg.png), -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgb(239,239,239)), color-stop(0.76, rgb(254,254,254)) ); background-repeat: no-repeat; background-position: center center; }

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }

.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }

.jspArrow.jspDisabled { cursor: default; background: #80808d; }

.jspVerticalBar .jspArrow { height: 16px }

.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }

.jspVerticalBar .jspArrow:focus { outline: none }

.jspCorner { background: #eeeef4; float: left; height: 100%; }

* html .jspCorner { margin: 0 -3px 0 0 }

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

   Helper Classes

*/

.floatleft { float: left }

.floatright { float: right }

.hidden { display: none !important; visibility: hidden; }

.group:before, .group:after { content: ""; display: table; }

.group:after { clear: both }

.group { zoom: 1 }

#container #main-page .pre-content.group {

}





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

   Print Styles

*/

@media print {

    * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }

#container #main-page .pre-content.group {

}



    /* ===[ Black prints faster: h5bp.com/s ]===

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

    a, a:visited { text-decoration: underline }

    a[href]:after { content: " (" attr(href) ")" }

    abbr[title]:after { content: " (" attr(title) ")" }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" }

    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

    thead { display: table-header-group }

    tr, img { page-break-inside: avoid }

    img { max-width: 100% !important }

}



@media (min-width:800px){

}



@media (max-width:800px){

/* ===[ Navigation ]===

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

.pre-content {

	padding: 15px 0 10px 0;

	width: 50%;

}

.slideshow {

	overflow: hidden;

	visibility: hidden;

}

/* ===[ Content ]===

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

.main-content {

	background-color: white;

	padding: 0 20px;

	width: 50%;

}



.slider {

	visibility: hidden;

	height: 10px;

}













}