* { padding: 0; margin: 0; outline: 0; }
body { font: 12px/25px Tahoma, Arial, sans-serif; text-align: left; }
body, html { height: 100%; }
html { overflow-y: scroll; }

a { cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: 0; }
a.img img { display: block; border: 1px solid #ccc; }

input, select, textarea { font: 12px Tahoma, Arial, sans-serif; }
.field, textarea { background: #fff; border: 1px solid #ccc; }
textarea { resize: vertical; }

input.checkbox, input.radio { float: left; display: inline; height: 13px; width: 13px; margin: 2px 5px 0 0; }
label.checkbox, label.radio { float: left; display: inline; line-height: 13px; }

input.submit { border: 0; cursor: pointer; }

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

textarea { overflow: auto; }
fieldset { border: 0; padding-bottom: 15px; }

ul, ol { list-style: none outside none; }

.ar { display: block; text-align: right; }
.al { display: block; text-align: left; }
.ac { display: block; text-align: center; }

.fr, .alignright { float: right !important; display: inline; }
.fl, .alignleft { float: left !important; display: inline; }

.cl { display: block; clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.hidden { display: none; }
.rel { position: relative; }

.shell { width: 980px; margin: 0 auto; }

h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 19px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

h2.section-title { margin: 0 0 20px; }

p { padding-bottom: 15px; }
small { font-size: 10px; }

section, header, footer, nav, article, aside, hgroup { display: block; }

#page { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -55px; }
#footer-push { height: 55px; }

/*
    Header
*/

#header { position: relative; z-index: 2; }


h1#logo { padding: 56px 0 40px; height: 100%; }
h1#logo a { display: block; width: 149px; height: 33px; }
.blog-page h1#logo { padding-left: 30px; }

#nav { display: inline-block; height: 80px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.75); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.75); box-shadow: 1px 1px 5px rgba(0,0,0,.75); }
#nav ul {}
#nav ul li { position: relative; float: left; display: inline; }
#nav ul li a { float: left; display: inline; padding: 20px 54px 0 26px; height: 60px; font-size: 15px; line-height: 17px; text-decoration: none; }
#nav > ul > li:first-child > a { -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
#nav > ul > li:last-child > a {  padding-left: 30px; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
#nav ul li.has-dd a span { padding: 0 13px 0 0; }
#nav ul li a small { display: block; padding: 5px 0 0; font-size: 12px; line-height: 14px; white-space: nowrap; }

#nav ul ul { display: none; position: absolute; left: 0; top: 100%; width: 196px; }
#nav ul ul li { display: block; }
#nav ul ul li a { display: block; width: 172px; height: 38px; padding: 0 0 0 24px; line-height: 38px; font-size: 13px; border: 0; }
#nav ul ul li:first-child a,
#nav ul ul li:last-child a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

#nav ul ul ul { left: 100%; top: 0; }

.blog-page nav h2 { float: left; display: inline; height: 80px; background: red; }

/*
    Content
*/

.page-container { position: relative; width: 100%; }
.old-page { position: absolute; }
.sliding-page { position: absolute; }
.current-page { position: relative; top: 0 !important; left: 0 !important; }

#content { padding: 50px 0; height: 100%; position: relative; z-index: 1; }
.content-wrapper { padding: 0 30px; }

.list-1 li { padding: 0 0 10px 15px; }
.list-2 li { padding: 0 0 10px 0; list-style: decimal inside none; }
.list-3 { padding: 0 0 10px; }
.list-3 li { padding: 0 0 0 25px; }
.list-3 li a { text-decoration: underline; }
.list-3 li a:hover { text-decoration: none; }

blockquote { padding: 0 0 0 10px; margin: 0 0 15px; font: italic 16px/22px Georgia, Times, serif; text-align: justify; }
blockquote p { padding: 0; }

#content th { height: 28px;  text-align: center; font-size: 12px; font-weight: bold; }
#content td:last-child,
#content th:last-child { border-right: 0; }
#content td { padding: 5px 0; font-size: 14px; font-weight: bold;  text-align: center; }
#content td td { border-bottom: 0; padding: 0; }

#content form fieldset { position: relative; }
#content form label { display: block; margin: 0 0 7px; font: 12px Tahoma, Arial, sans-serif; }
#content form .field { display: block; width: 300px; padding: 10px 50px 10px 14px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#content form .LV_invalid,
#content form .error-icon { position: absolute; top: 7px; left: 330px; width: 25px; height: 24px; background: url(images/icon-error-2.png); font-size: 0; line-height: 0; text-indent: -4000px; }
#content form .LV_valid { display: none; font-size: 0; line-height: 0; text-indent: -4000px; }
#content form textarea.field { padding-right: 14px; width: 391px; height: 217px; }
#content form .msg-container .LV_invalid { left: auto; right: 10px; }

.sidebg-top { height: 105px; }
.sidebg-cnt { height: 100%; }
.sidebg-bottom { height: 133px; }
.sidebg-main { position: relative; top: -105px; margin-bottom: -133px; width: 920px; }

.widecolumn { width: 620px; }

article img.alignright { margin: 10px 0 10px 10px; }
article img.alignleft { margin: 10px 10px 10px 0; }

article img.featured { display: block; padding: 3px; margin: 0 0 24px; }


/*
    Sidebar
*/


.sidebar-left .sidebar { width: 215px; margin-right: 50px; }
.sidebar-left .widecolumn { width: 640px; }

.sidebar-right .sidebar { width: 258px; margin-right: 0; }

.sidebar .widget { margin: 0 0 15px; }
.sidebar .widgettitle { position: relative; padding: 8px 0 20px 20px; }

.sidebar .widget-links li { padding: 0 0 2px; }
.sidebar .widget-links li a { display: block; padding: 2px 0 3px 19px; }
.sidebar .widget-links li a span { display: block; padding: 0 0 0 14px; }

.sidebar .widget-links li li { padding: 0 0 0 27px; line-height: 30px; }
.sidebar .widget-links li li:last-of-type { background: none; }
.sidebar .widget-links li li a { display: inline; }

.sidebar .widget-socials { padding: 12px 0 4px 20px; position: relative; overflow: hidden; }
.sidebar .widget-socials li { float: left; display: inline; margin: 0 7px 7px 0; }
.sidebar .widget-socials li a img { opacity: 0.9; -moz-opacity: 0.9 }
.sidebar .widget-socials li a:hover img { opacity: 1; -moz-opacity: 1; }

.sidebar .widget-text { padding: 20px 0 0 20px; }


/*
    Home Content
*/

#home-content  { }


#home-content .featured-info { float: left; display: inline; width: 298px; text-align: right; }
#home-content .featured-info h2 { margin: 0 0 30px; }
#home-content .featured-info li { padding: 0 35px 20px 65px; height: 100%; font-size: 15px; line-height: 19px; }

.btn-1, .btn-2 { display: inline-block; padding: 0 15px; height: 35px; line-height: 35px; }
.btn-reply span { padding: 0 3px 0 20px; }

#home-content .flexslider { position: relative; float: right; display: inline; width: 618px; height: 336px; padding: 4px; margin: 0 30px 0 0; }
#home-content .flexslider .loading { position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; margin: -21px 0 0 -21px; background: url(images/loading.gif); }

.slider-1 { overflow: visible !important; }
.slider-1 .slider-container { position: relative; z-index: 1; overflow: hidden; width: 618px; height: 336px; }
.slider-1 .slider-clip { position: relative; overflow: hidden; width: 618px; height: 336px; }
.slider-1 .slides { position: relative; overflow: hidden; width: 618px; height: 336px; }

#home-content .flexslider .top-shadow { width: 625px; height: 10px; position: absolute; top: -10px; left: 0; background: url(images/default/slider-shadow.png) no-repeat 0 -10px; }
#home-content .flexslider .right-shadow { width: 18px; height: 344px; position: absolute; top: 0; right: -10px; background: url(images/default/slider-shadow.png) no-repeat -626px 0; }
#home-content .flexslider .bottom-shadow { width: 625px; height: 12px; position: absolute; bottom: -12px; left: 0; background: url(images/default/slider-bottom-shadow.png) no-repeat 0 bottom; }
#home-content .flexslider .left-shadow { width: 20px; height: 344px; position: absolute; top: 0; left: -10px; z-index: 9000; background: url(images/default/slider-shadow.png) no-repeat 0 0; }


.slider-1 .flex-direction-nav { position: absolute; top: 344px; left: 0; width: 625px; height: 67px; z-index: 9998; }
.slider-1 .flex-control-nav { z-index: 9999; width: 99%; position: absolute; bottom: -30px; text-align: right; }
.slider-1 .flex-control-nav li { margin: 0 0 0 5px; display: inline-block; *display:inline; zoom: 1; }
.slider-1 .flex-control-nav li:first-child { margin: 0; }
.slider-1 .flex-control-nav li a { width: 11px; height: 11px; display: block; cursor: pointer; font-size: 0; line-height: 0; text-indent: -9999px; }

.slider-1 .flex-direction-nav li a { opacity: 0.9; -moz-opacity: 0.9; }
.slider-1 .flex-direction-nav li a:hover { opacity: 1; -moz-opacity: 1; }


.flexslider .video-container { height: 292px; padding: 20px 0 15px; margin: 0 auto; background: url(images/default/slider-video-shadow.png) no-repeat center bottom; }
.slider-1 .video-container { width: 426px; }
.slider-2 .video-container { width: 440px; height: 241px; }

.flexslider .caption { position: absolute; bottom: 0; left: 0; width: 588px; padding: 0 15px; background: #000; background: rgba(0,0,0,.65); line-height: 51px; color: #fff; }

.slider-2 .flex-control-nav { position: absolute; bottom: 10px; right: 9px; }
.slider-2 .flex-control-nav li { float: left; display: inline; position: relative; }
.slider-2 .flex-control-nav li a { position: relative; display: block; width: 46px; height: 35px; margin-left: 8px; border: 1px solid #656565; background: #fff; font-size: 0; line-height: 0; }
.slider-2 .flex-control-nav li a img { display: block; width: 46px; }
.slider-2 .pointer { position: absolute; z-index: 10; bottom: 4px; left: 0; width: 0; height: 0; border-bottom: 4px solid red; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.slider-2 .flex-control-nav li .overlay { display: none; width: 46px; height: 35px; position: absolute; top: 0; left: 0; background: transparent; background: rgba(0,0,0,.4); }

/*
    Gallery
*/

#gallery { }
.gallery-container { }
.gallery-container ul { position: relative; margin-right: -15px; width: 995px; *margin-bottom: 30px;}
.gallery-container li { position: relative; float: left; display: inline; width: 178px; height: 151px; padding: 3px; margin: 0 15px 30px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.gallery-container .shadow { position: absolute; bottom: -6px; left: 0; width: 184px; height: 5px; background: url(images/gallery_thumb_shadow.png); }
.gallery-container .overlay { display: none; position: absolute; top: 3px; left: 3px; width: 178px; height: 151px; background: url(images/gallery-hover.png); }

.paging { position: relative; overflow: hidden; }
.paging li { float: left; display: inline; margin: 0 0 0 5px; }
.paging li a { float: left; display: inline; min-width: 16px; text-align: center; padding: 0 5px; line-height: 25px; }

/*
    Error Page
*/

#error-page { padding: 133px 0 0; }
#error-page .shell { width: 976px; }
#error-page h2 { margin: 0 0 20px; font: bold 55px/69px Arial, sans-serif; text-align: center; text-transform: uppercase; }
#error-page h2 span { padding: 0 0 0 90px; display: inline-block; height: 69px;  }
#error-page .message { width: 976px; height: 96px; text-align: center; }
#error-page .message strong { display: block; line-height: 70px; font-size: 14px; text-transform: uppercase; }
#error-page .btn-2 { margin: 0 20px 0 356px; }

/*
    Contact
*/

#contact { position: relative;  }

#contact-form  { position: relative; }
#contact-form #cmsg { width: 391px; height: 217px; }
#contact-form .success { display: none; position: absolute; bottom: 0; left: 130px; padding: 0 0 0 40px; width: 237px; height: 33px; font-size: 14px; line-height: 33px; color: #2c3800; text-align: left; background: #effeb9 url(images/icon-success.png) no-repeat 8px center; border: 1px solid #98c700;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }


#contact .location { width: 435px; }
#contact .location .map { height: 291px; padding: 4px; margin: 0 0 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#contact .location .socials { min-height: 28px; }
#contact .location .socials li { float: left; display: inline; margin-right: 5px; }
#contact .location .socials li a img { opacity: 0.9; -moz-opacity: 0.9; }
#contact .location .socials li a:hover img { opacity: 1; -moz-opacity: 1; }

/*
    Services
*/

#services article { padding: 0 0 40px;  margin: 0 0 10px; position: relative; overflow: hidden; }
#services article:last-child { padding: 0; margin: 0; }
#services article img.alignleft { margin-right: 40px; }
#services article img.alignright { margin-left: 40px; }

/*
    About
*/

#about { }
#about .two-cols { position: relative; overflow: hidden; padding: 0 0 60px; margin: 0 0 40px; }
#about .col-left { float: left; display: inline; width: 367px; }
#about .col-right { float: right; display: inline; width: 500px; }
#about article { position: relative; overflow: hidden; }
#about article:nth-child(2) { padding: 0 0 40px; margin: 0 0 40px; }
#about article:nth-child(2) img.alignright { margin-left: 40px; }

#about img.featured { margin: 5px 5px 24px 5px; }

/*
    Blog
*/

.blog-page #content { padding-top: 0; }
#blog article { padding: 0 0 40px; margin: 0 0 20px; height: 100%; }
#blog article .bottom-meta { position: relative; overflow: hidden; }
#blog article header { position: relative; overflow: hidden; margin: 0 0 20px; }
#blog article header h2 { float: left; display: inline; width: 320px; }
#blog article header h2 a:hover { text-decoration: none; }
#blog article header .top-meta { float: right; display: inline; padding: 10px 0 0; width: 285px; line-height: 16px; text-align: right; }

#blog .count-comments { text-align: right; line-height: 14px; }
#blog .count-comments a:hover { text-decoration: none; }
#blog .count-comments span { display: inline-block; width: 26px; height: 19px; text-align: center; }

#blog article .tags p { padding: 0; }
#blog article .tags span { padding-left: 10px; }
#blog article:last-of-type { padding: 0 0 20px; }

#blog .deep-links { display: none; }

#blog .tag-cloud { text-align: justify; padding: 20px 0 0 20px; }
#blog .tag-cloud ul { padding: 0 0 20px;  }
#blog .tag-cloud li { display: inline-block; *display: inline; margin: 5px 0;  white-space: nowrap; }
#blog .tag-cloud li a { line-height: 1;  }
#blog .tag-cloud li a:hover { text-decoration: none; }

#blog .list-comments h3 { font-size: 16px; padding: 0 0 20px; }

#blog .list-comments ul ul {  padding: 25px 0 0; }
#blog .list-comments li { padding: 15px 0 40px; height: 100%; }
#blog .list-comments li li { margin: 0 0 30px 136px; padding: 15px 0 20px; width: 496px; }
#blog .list-comments li li:last-of-type { margin-bottom: 10px; }

#blog .list-comments .author { float: left; display: inline; width: 135px; margin: 0 20px 0 0; }
#blog .list-comments .author * { display: block; text-align: right; }
#blog .list-comments .author .comment-num { font: bold 16px/18px Arial, sans-serif; }
#blog .list-comments .author .username { font-weight: bold; }
#blog .list-comments .author .username a { display: inline; padding: 0 0 0 20px; }
#blog .list-comments .author .date { font-size: 11px; line-height: 15px; }

#blog .list-comments .comment-text { float: left; display: inline; width: 460px; }
#blog .list-comments .comment-text p { line-height: 20px; }

#blog .list-comments li li .comment-text { width: 320px; }

#blog .post-comment { padding: 20px 0 0; height: 100%; }

#blog textarea.field { width: 391px; height: 217px; }

/*
    Under Construction
*/

#under-construction { padding: 134px 0 0; }
#under-construction h2 { margin: 0 0 20px; font: bold 55px Arial, sans-serif; text-align: center; }

#under-construction .countdown-container { z-index: 2; position: relative; width: 976px; height: 300px; }
#under-construction h3 { padding: 30px 0 23px; font: bold 14px Tahoma, Arial, sans-serif; text-align: center; text-transform: uppercase; }

#under-construction .countdown { width: 823px; height: 152px; padding: 20px 0 0; margin: 0 auto; }
#under-construction .countdown ul { margin: 0 auto; display: block; height: 130px; }
#under-construction .countdown li { position: relative; float: left; display: inline;  margin: 0 11px; text-align: center; white-space: nowrap; width: 93px; font: 18px Arial, sans-serif; text-transform: uppercase;  }
#under-construction .countdown li strong { display: block; padding: 5px 11px 0 8px; width: 74px; height: 100px; font: 63px/88px Arial, sans-serif; }
#under-construction .countdown li span.border { width: 74px; height: 3px; position: absolute; top: 48px; left: 7px; }

#under-construction .progress-bar { top: -8px; position: relative; width: 976px; height: 99px; margin: 0 0 15px; }
#under-construction .progress-bar h4 { padding: 25px 0 10px 80px; font: 14px/16px Arial, sans-serif; text-transform: uppercase; }
#under-construction .progress-bar .bar { position: relative; overflow: hidden; width: 820px; height: 23px; margin: 0 auto; }
#under-construction .progress-bar .bar span { float:left; height: 23px; text-align: center; font: bold 12px/23px Arial, sans-serif; }

#under-construction .progress-bar .shadow { position: absolute; top: 96px; left: 0; width: 976px; height: 16px; background: url(images/progress-shadow.png); }

#under-construction .bottom { position: relative; overflow: hidden; padding: 0 5px; }
#under-construction .bottom .socials li { float: left; display: inline; margin-left: 7px; font: 14px/32px Arial, sans-serif; text-transform: uppercase; }
#under-construction .bottom .socials li a img { opacity: 0.9; -moz-opacity: 0.9; }
#under-construction .bottom .socials li a:hover img { opacity: 1; -moz-opacity: 1; }

/*
    Projects
*/

#projects { position: relative; height: 600px; overflow: hidden; }
#projects div.categories { text-align: center; }
#projects div.categories p { padding: 10px 0; }
#projects div.categories a { display: inline-block; padding: 0 0 0 10px; margin: 0 8px;  }
#projects .scroll-area { height: 550px; max-height: 550px; position: relative; overflow: hidden; }

#projects li { position: relative; float: left; display: inline; padding: 40px 15px 0 16px; width: 460px; height: 485px; }

#projects li:last-of-type {  background: none; }
#projects ul { position: relative; z-index: 2; min-height: 444px;  }
#projects .border { width: 100%; height: 1px; position: absolute; top: 370px; left: 0; z-index: 1; }

#projects .image-box { position: relative; overflow: hidden; width: 448px; height: 244px; padding: 5px; margin: 0 0 55px; }
#projects .image-box img { display: block; }
#projects .image-box .info { position: absolute; bottom: -50px; left: 5px; width: 418px; height: 45px; padding: 0 15px; font: 12px/45px Arial, sans-serif; z-index: 2; }
#projects .image-box .info .actions { float: right; display: inline; }
#projects li .reflection { width: 460px; height: 85px; position: absolute; top: 295px; left: 17px; background: url(images/project-reflection.png); }
#projects li .shadow { width: 459px; height: 9px; position: absolute; top: 295px; left: 15px; background: url(images/project-shadow.png); }

#projects .description header { position: relative; overflow: hidden; padding: 5px 0 15px; }
#projects .description h2 { float: left; display: inline; font: bold 16px Arial, sans-serif; }
#projects .description .top-meta { float: right; display: inline; position: relative; top: -5px; text-align: right; line-height: 16px; font: 9px/13px Arial, sans-serif; text-transform: uppercase; }
#projects .description .top-meta a { text-decoration: underline; }
#projects .description p { font: 10px/16px Arial, sans-serif; }

#projects .jspContainer { overflow: hidden; position: relative; }
#projects .jspPane { position: absolute; }
#projects .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; }
#projects .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; }
#projects .jspVerticalBar *,
#projects .jspHorizontalBar * { margin: 0; padding: 0; }
#projects .jspCap { display: block; height: 22px; }
#projects .jspHorizontalBar .jspCap { float: left; }
#projects .jspTrack { position: relative; height: 22px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
#projects .jspDrag { position: relative; top: 0; left: 0; cursor: pointer; }
#projects .jspHorizontalBar .jspTrack { height: 100%; }
#projects .jspHorizontalBar .jspDrag { float: left; height: 100%; }
#projects .jspArrow { text-indent: -20000px; display: block; cursor: pointer; }
#projects .jspArrow.jspDisabled { cursor: default;  }
#projects .jspVerticalBar .jspArrow { height: 16px; }
#projects .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
#projects .jspVerticalBar .jspArrow:focus { outline: none; }
#projects .jspCorner { float: left; height: 100%; }

/*
    Footer
*/

footer { height: 55px; font-size: 11px; }
footer .shell { padding: 15px 0; height: 25px; }
footer a { text-decoration: underline; }
footer a:hover { text-decoration: none; }

/*
    Login
*/

#overlay { z-index: 9000; position: fixed; width: 100%;  height: 100%; top: 0; left: 0; background: url(images/overlay.png); }

.popup { z-index: 9001; position: absolute; left: 50%; top: 50%;  -moz-box-shadow: 0 0 6px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.8); box-shadow: 0 0 6px rgba(0,0,0,.8); }
.popup h2 { padding: 0 20px; height: 40px;  font-size: 20px;  line-height: 40px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.popup .close { position: absolute; top: -10px; right: -10px; width: 29px; height: 29px; }


.login-popup { width: 327px; }
.login-popup .wrapper { height: 100%; padding: 10px 20px 20px;  -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.login-popup .row { display: block; position: relative; overflow: hidden; margin: 0 0 15px; }
.login-popup label { display: block; margin: 0 0 7px; }
.login-popup .field { display: block; padding: 10px 13px; width: 258px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.login-popup label.checkbox { margin-top: 10px; }
.login-popup label.checkbox input { margin-top: -1px; }
.login-popup .submit { width: 71px; font-size: 12px; }
.login-popup .error { display: block; height: 20px; line-height: 20px; padding: 10px 0 0 28px; background: url(images/icon-error.png) no-repeat 0 10px; }


/*
 * 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: transparent; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: transparent; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #dde; position: relative; }
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { 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%; }

/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { zoom: 1; position: relative; }

.flexslider .slides li { height: 336px; }

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a { width: 46px; height: 67px; display: block; position: absolute; top: -215px; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav li .next { background-position: -46px 0; right: 0; }
.flex-direction-nav li .prev { left: 0; }
.flex-direction-nav li .disabled { opacity: .3; filter:alpha(opacity=30); cursor: default; }

/*! fancyBox v2.0.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1002; }
.fancybox-outer { padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 1003;     }
.fancybox-opened .fancybox-outer { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); }

.fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; background: url('images/loading.gif'); opacity: 0.8; cursor: pointer; z-index: 1010; }
.fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox_sprite.png'); }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 1004; }
.fancybox-prev, .fancybox-next { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url('images/blank.gif'); /* helps IE */ z-index: 1003; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-prev span, .fancybox-next span { position: absolute; top: 50%; left: -9999px; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 1003; }
.fancybox-prev span { background-position: 0 -36px; }
.fancybox-next span { background-position: 0 -72px; }
.fancybox-prev:hover, .fancybox-next:hover { visibility: visible; }
.fancybox-prev:hover span { left: 20px; }
.fancybox-next:hover span { left: auto; right: 20px; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; }

/* Overlay helper */
#fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: url(images/overlay.png); }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 1005; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; left: 0; width: 100% !important; z-index: 1003; text-align: left; }
.fancybox-title-float-wrap .child { display: block; padding: 15px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */  
    background: rgba(0, 0, 0, 0.7); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { margin-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0;     color: #fff; padding: 10px; background: #000;background: rgba(0, 0, 0, .8); }

.tab-entry { display: none; }

.popup, #overlay { display: none; }

.footer-logo { width: 121px; height: 28px; }