/**
 * SmoothCMS - Copyright (c) 2005-11 Smoothware <maxrd2@smoothware.net>
 * All Rights Reserved
 *
 */

* { font:inherit; color:inherit; line-height:inherit; }
form { display:inline; }

p { margin:0; padding:0 0 4px 0; }

b, strong { font-weight:bold; }
u { text-decoration:underline; }
i, em { font-style:italic; }
ul { padding:0px 30px; margin:0px; }

h1 { font-size:22px; color:#aaa; padding:0px; margin:0px 0px 10px; }
h2 { font-size:17px; color:#aaa; padding:0px; margin:0px 0px 10px; }
h3 { font-size:14px; color:#aaa; padding:0px; margin:0px 0px 10px; }

a { color:#4f4f4f; text-shadow:none; text-decoration:none; cursor:pointer; }
a:hover { color:#ababab; text-shadow:none; text-decoration:none; }

a.button { display:block; float:left; text-decoration:none; }
button::-moz-focus-inner { border:none; padding:0; } /* Gecko */
button { width:auto; overflow:visible; font-family:tahoma,helvetica,sans-serif; } /* IE */
button, a.button { white-space:nowrap; height:31px; margin:0 4px; padding:0; font-weight:normal; font-size:15px; line-height:20px; color:#fff; background:transparent url(images/buttons.png) no-repeat scroll 100% -31px; cursor:pointer; border:none; text-shadow:1px 1px 1px #222; }
button span, a.button span { display:block; padding:4px 13px 0 18px; margin:0 8px 0 0; height:27px !important; height:31px; background:transparent url(images/buttons.png) no-repeat scroll 0% 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span { display:block; margin-top:-1px; margin-right:6px; }
}

form { margin:0; padding:0; float:left; width:300px; text-align:left; font-size:16px; color:#333333; text-align:left; }
label { min-width:100px; float:left; padding:5px; padding-left:0; }
label .small { font-size:13px; color:#818181; display:block; margin-bottom:10px; }
label .large { font-size:14px; color:#ababab; text-transform:uppercase; display:block; margin-top:15px; }
input[type=text], input[type=password], select { padding:5px; border:1px solid #bcbcbc; width:400px; height:35px; font-size:13px; color:#6a6a6a; font-family:Arial,Helvetica,sans-serif; background-color:#f2f3ea; }
textarea { padding:5px; border:1px solid #bcbcbc; width:498px; height:149px; font-size:13px; color:#6a6a6a; font-family:Arial,Helvetica,sans-serif; background-color:#f2f3ea; }

.cb { clear:both; }
.cf:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.cf { display:inline-block; }
html[xmlns] .cf { display:block; }
* html .cf { height:1%; }

/* messages */
.messageStackError, .messageStackWarning { color:#f55; }
.messageStackSuccess { color:#5a0; }
.messageStackError a, .messageStackWarning a, .messageStackSuccess a { color:#00f; }
.messageStackError a:hover, .messageStackWarning a:hover, .messageStackSuccess a:hover { text-decoration:underline; color:#00f; }

/* page */
html, body { height:100%; }
body { background:#1b1b1b url(images/body_back.jpg) repeat-x scroll 50% 0; margin:0px; padding:0px; width:auto !important; width:1024px; min-width:1024px; text-align:center; }
body._home { background-image:url(images/body_back_home.jpg); }
table, body, #body { font:normal 14px/18px arial,helvetica,sans-serif; color:#999; }
#container { position:relative; width:100%; min-height:100%; height:auto !important; height:100%; text-align:center; }
.ui-widget { text-align:left; }

#header { position:relative; width:960px; height:154px; margin:auto; text-align:left; }
body._home #header { height:440px; }
#header #logo { margin:20px 0 0 0; padding:0; float:left; }
#header #menu { margin-top:33px; float:right; }
.sf-menu,.sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:10em;  }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit;  z-index:1; }
.sf-menu li { float:left; position:relative; z-index:1; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul,.sf-menu li.sfHover ul { left:0; top:2.5em;  z-index:1; }
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left:10em;  top:0; }
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { left:10em;  top:0; }
.sf-menu { float:left; margin-bottom:1em; }
.sf-menu a { padding:.75em 1em; text-decoration:none; }
.sf-menu a,.sf-menu a:visited {  color:#a5a69e; }
.sf-menu li { background:none; }
.sf-menu li.current { color:#fff; }
.sf-menu li a.current { color:#fff; }
.sf-menu li li { background:#1f1f1f; border-top:dotted #323232 1px;  }
.sf-menu li li li { background:#1f1f1f; }
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active { background:#353535; outline:0; color:#ffffff; }
.sf-menu a.sf-with-ul { padding-right:2.25em; min-width:1px;  }
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em;  width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('images/menu_arrow.png') no-repeat -10px -100px;  }
a > .sf-sub-indicator {  top:.8em; background-position:0 -100px;  }
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px;  }
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0;  }
.sf-shadow ul { background:url('images/menu_shadow.png') no-repeat bottom right; padding:0 10px 10px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; }
.sf-shadow ul.sf-shadow-off { background:transparent; }

#body_cont { padding:0 0 90px; width:100%; position:relative; }
#body { position:relative; margin:auto; min-height:450px; height:auto !important; height:450px; text-align:left; line-height:1.3; padding:20px 0; width:990px; }
#body.has_sidebar { }

#breadcrumb { float:left; width:662px; height:38px; background:transparent url(images/back_breadcrumb.png) no-repeat scroll 0 0; font-size:12px; margin-bottom:20px; }
#breadcrumb > ._cont { padding:11px 20px; }
#breadcrumb a, #breadcrumb a:hover { text-decoration:underline; }
#breadcrumb span { color:#999; }

.column { float:left; width:662px; background:transparent url(images/back_body.png) no-repeat scroll 0 0; font-size:13px; }
.column > ._cont { padding:10px 15px; }

.sidebar { width:240px !important; width:270px; padding:10px 25px; float:left; background:transparent url(images/back_sidebar.png) no-repeat scroll 50% 0; min-height:100px; height:auto !important; height:100px; }
.sidebar.right { float:right; }
.sidebar h5 { font-size:16px; font-style:italic; color:#999; padding:4px 0 0 4px; margin:0; }
.sidebar h5 img { vertical-align:middle; }
ul.sidebar-list { padding:0; margin:0; float:left; }
ul.sidebar-list li { width:226px !important; width:242px; border-bottom:1px solid #383838; line-height:28px; padding:3px 8px; list-style-type:none; }
ul.sidebar-list li a, ul.sidebar-list li a:visited { color:#c1c1c1; text-decoration:none; }
ul.sidebar-list li a:hover { color:#fefefe; text-decoration:none; }
ul.sidebar-list li._active a { color:#fefefe; }

#title { position:absolute; left:0; top:110px; width:100%; color:#fff; font-weight:bold; font-size:26px; text-shadow:1px 1px 1px #222; }

#footer { position:absolute; left:0; bottom:0; width:100%; text-align:center; text-shadow:none; background:transparent url(images/foot_back.png) repeat-x scroll 0 15px; }
#footer > ._cont { position:relative; width:960px; height:90px; text-align:left; font-size:13px; color:#ababab; margin:auto; }
#footer ._text1 { position:absolute; left:0; bottom:24px; color:#ababab; font-size:12px; text-shadow:1px 1px 1px #111; }
#footer ._text1 a { color:#ababab; text-decoration:none; text-shadow:1px 1px 1px #111; }
#footer ._text1 a:hover { color:#ababab; text-decoration:underline; }
#footer ._text1 img { position:relative; top:6px; margin-right:10px; }
#footer ._text2 { position:absolute; right:4px; bottom:14px; color:#ababab; font-size:11px; }
#footer ._text2 a { color:#fff; text-decoration:none; font-size:12px; text-shadow:1px 1px 1px #111; }
#footer ._text2 a:hover { color:#fff; text-decoration:underline; }
#footer ._text2 a span { font-weight:bold; }
#footer ._icons { position:absolute; right:0; top:5px; }
#footer ._icons img { float:left; margin-left:2px; }

/* home */
.news { width:960px; height:70px; clear:both; background-image:url(images/box_news.jpg); background-repeat:no-repeat; }
.latest_news { float:left; width:840px; height:40px; text-align:left; padding-left:120px; margin-top:19px; }
#news_div { color:#7a7a7a; font-size:13px; }
#news_div ul { list-style:none; margin:0; padding:0; }
#news_div li a { color:#187ac7; text-decoration:none; }
#news_div li a:hover { color:#187ac7; text-decoration:underline; }

.services { width:960px; min-height:97px; height:auto !important; height:97px; clear:both; background-image:url(images/box_services.jpg); background-repeat:no-repeat; margin-top:30px; }
.services > div { padding:20px 20px 10px 120px; }
.services h1 { color:#a4a4a4; margin-bottom:20px; }
.services ._img { float:left; width:260px; height:140px; }
.services ._txt { float:left; width:500px; font-size:13px; color:#bababa; }

/* twitter */
.twitter { width:960px; min-height:97px; height:auto !important; height:97px; clear:both; background-image:url(images/box_twitter.jpg); background-repeat:no-repeat; margin-top:30px; }
.twitter > div { padding:20px 20px 10px 120px; }
#twitter_feed ul { width:550px; font-size:13px; text-shadow:none; margin-right:10px; float:left; }
#twitter_feed ul li { list-style:none; padding-bottom:10px; border:none; color:#6a6a6a; }
#twitter_feed ul li a { font-size:13px; text-decoration:none; border:none; color:#187ac7; display:block; }
#twitter_feed ul li a:hover { text-decoration:none; }
#twitter_feed ul li span a { display:inline; }

.req { color:#921; }

.heading { position:relative; left:0; width:100%; height:50px; overflow:hidden; margin:0 0 10px; }
.heading span { position:absolute; left:10px; top:4px; font-size:32px; color:#1c1c1c; text-shadow:1px 1px 1px #aaa; text-transform:uppercase; }

#colorbox .heading { position:relative; left:0; width:100%; height:40px; overflow:hidden; margin:0; background:none; }
#colorbox .heading span { position:absolute; left:0; top:4px; font-size:26px; color:#1c1c1c; text-shadow:1px 1px 1px #aaa; text-transform:uppercase; }

form ._label { float:left; margin-right:6px; width:250px; text-align:left; color:#828282; font-size:12px; line-height:1.0; font-weight:normal; padding:0 0 2px; }
form ._input { float:left; margin-right:6px; }
form ._input input[type=text], form ._input input[type=password], form ._input select { width:240px !important; width:250px; }

.pager { margin-top:10px; }
.pager div { padding:3px 10px 3px 4px; float:left; color:#111; }
.pager a { display:block; padding:2px 5px 3px; float:left; text-decoration:none; color:#111; border:1px solid transparent; margin:0 1px; }
.pager a._sel { border:1px solid #a8a8a8; background:#dcdcdc; }
.pager a:hover { border:1px solid #a8a8a8; }

/* colorbox */
/*
#colorbox,#cboxOverlay,#cboxWrapper { position:absolute; top:0; left:0; z-index:9999; color:#333; overflow:visible; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft,#cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; padding:10px 10px 2px; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay,#cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow { cursor:pointer; }
.cboxPhoto { float:left; margin:auto; border:0; display:block; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }
#cboxOverlay { background:#141414; opacity:0.5; filter:alpha(opacity=50); }
#colorbox { }
#cboxTopLeft { width:1px; height:1px; background:#666; }
#cboxTopRight { width:1px; height:1px; background:#666; }
#cboxBottomLeft { width:1px; height:1px; background:#666; }
#cboxBottomRight { width:1px; height:1px; background:#666; }
#cboxMiddleLeft { width:1px; background:#666; }
#cboxMiddleRight { width:1px; background:#666; }
#cboxTopCenter { height:1px; background:#666; }
#cboxBottomCenter { height:1px; background:#666; }
#cboxContent { background:#fff; text-align:left; }
#cboxError { padding:50px; border:1px solid #ccc; }
#cboxLoadedContent { margin-bottom:28px; }
#cboxTitle { position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; }
#cboxCurrent { position:absolute; bottom:4px; left:58px; color:#949494; }
#cboxSlideshow { position:absolute; bottom:4px; right:30px; color:#0092ef; }
#cboxPrevious { position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:-75px -25px; }
#cboxNext { position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px; }
#cboxNext.hover { background-position:-50px -25px; }
#cboxLoadingOverlay { background:url(images/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic { background:url(images/loading.gif) no-repeat center center; }
#cboxClose { position:absolute; top:-11px; left:-11px; background:transparent url(images/controls.png) no-repeat -175px 0; width:23px; height:22px; text-indent:-9999px; }
*/

/* homepage slideshow */
.anythingSlider { width:960px; height:360px; position:absolute; left:0; top:122px; background-image:url(images/slider_back.png); background-repeat:no-repeat; font-size:13px; color:#FFF;  }
.anythingSlider .wrapper { width:860px; overflow:auto; height:240px; margin:0 50px; position:absolute; top:0; left:0; }
.anythingSlider .wrapper ul { width:99999px; list-style:none; position:absolute; top:0; left:0; margin:0; }
.anythingSlider ul li { display:block; float:left; padding:20px 30px 0 0; height:240px; width:810px; margin:0; }
.anythingSlider .arrow { display:block; height:200px; width:67px; background:url(images/slider_arrows.png) no-repeat 0 0; text-indent:-9999px; position:absolute; top:40px; cursor:pointer; }
.anythingSlider .forward { background-position:0 0; right:-18px; }
.anythingSlider .back { background-position:-67px 0; left:-18px; }
.anythingSlider .forward:hover { background-position:0 -200px; }
.anythingSlider .back:hover { background-position:-67px -200px; }
#thumbNav { position:relative; top:240px; text-align:center; }
#thumbNav a { color:#ffffff; background-image:url(images/slider_tab_off.png); background-repeat:no-repeat; font:12px/34px Arial,Serif; padding:5px 12px; height:50px; margin:0 1px 0 0; text-align:center;  }
#thumbNav a:hover { background-image:url(images/slider_tab_on.png); text-decoration:none }
#thumbNav a.cur { background-image:url(images/slider_tab_on.png) }
#start-stop:hover { background-image:none; }
.anythingSlider .wrapper ul ul { position:static; margin:0; background:none; overflow:visible; width:auto; border:0; }
.anythingSlider .wrapper ul ul li { float:none; height:auto; width:auto; background:none; }
.anythingSlider .photo_corner { background:transparent url(images/slider_photo.png) no-repeat scroll 0 0; padding:12px; width:378px !important; }
.anythingSlider .left_slider_content { width:398px; float:left; }
.anythingSlider .right_slider_content { width:402px; float:right; }
.small_title { font-size:12px; color:#ffffff; padding-top:20px; text-transform:uppercase; }
.big_title { font-size:30px; color:#ffffff; letter-spacing:-1.5px; clear:both; text-shadow:#333 1px 1px 1px;  }

/* portfolio */
.portfolio_thumb { float:left; height:146px; width:196px; padding:10px 10px 10px 4px; }
.boxgrid { width:196px; height:146px; margin:0; float:left; overflow:hidden; position:relative; -moz-box-shadow: 0px 5px 3px #333; -webkit-box-shadow: 0px 5px 3px #333; box-shadow: 0px 5px 3px #333; }
.boxgrid .img { position:absolute; top:0; left:0; border:0; }
.boxcaption { float:left; position:absolute; background:#ecede4; height:100px; width:100%; opacity:0.75; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }
.captionfull .boxcaption { text-align:left; font-size:12px; color:#333333; top:220px; left:0x; padding-left:3px; padding-top:12px; }
.caption .boxcaption { top:60px; left:0; }

/* news */
.news_row { position:relative; float:left; min-height:146px; height:auto !important; height:146px; width:620px; padding:10px 10px 10px 4px; margin-bottom:10px; }
.news_row .img { width:196px; height:146px; margin:0; float:left; overflow:hidden; position:absolute; left:10px; top:10px; -moz-box-shadow: 0px 5px 3px #333; -webkit-box-shadow: 0px 5px 3px #333; box-shadow: 0px 5px 3px #333; }
.news_row .txt { margin-left:220px; }
.news_row .more { width:100%; margin:10px 0 0; }
.news_row .more a { float:right; }
.popup-background {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  top: 0;
  left: 0;
  z-index: 5;
}
.popup-wrapper {
  font-family: 'Arial', Sans-Serif;
  text-align: center;
  background-color: #2d2828;
  width: 800px;
  height: 500px;
  text-transform: uppercase;
  color:white;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.popup-wrapper .close-popup{
  color: #cc1818;
  font-weight: bold;
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
  cursor: pointer;
}
.popup-inner {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup-inner img {
  width: 60%;
}
.popup-description span {
  font-size: 20px;
}
.popup-description h4 {
  font-size: 32px;
  font-weight: bold;
  margin: 20px auto;
}
.popup-description .open-party{
  margin: 15px auto 0;
  font-size: 26px;
  font-weight: bold;
}
@media (min-width: 600px) and (max-width: 800px) {
  .popup-wrapper {
    width: 600px;
    height: 400px;
  }
}
@media screen and (max-width: 600px) {
  .popup-wrapper {
    width: 90%;
    height: 50%;
  }
  .popup-inner {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .popup-inner img {
    width: 70%;
  }
  .popup-description span {
    font-size: 18px;
  }
  .popup-description h4 {
    font-size: 30px;
  }
  .popup-description .open-party{
    font-size: 24px;
  }
}