/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */


td.handled{
  padding-left:0;
}
td.controls{
  white-space: nowrap;
}
body {
    background: url("bg-body.png") repeat scroll left top #D8D7D2;
    color: #555555;
    font: 300 13px/20px 'Droid Sans',Arial,sans-serif;
}
.fixed:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#header {
    padding-top: 40px;
    position: relative;
    z-index: 10;
}
.fixed {
    min-height: 1%;
}
.fixed {
    display: block;
}
#wrapper{
  background-color: #FFFFFF;
  border-top: 10px solid #F9F9F9;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  margin: 50px auto;
  padding: 0 60px;
  width: 1024px;
}
#header, #content, #footer{
  margin: 0 auto 0 auto;
}
#header{
}
  #header ul{
    float: left;
    width: 100%;
  }
    #header ul li{
      margin-right: 10px;
      float: left;
    }
      #header ul li a{
        display: block;
      }
#content{
}
#sidebar{
  background: green;
}
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
 div.light_rounded .pp_top .pp_left{background: url(light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_rounded .pp_nav .pp_play{background: url(light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background: url(light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background: url(light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_rounded .pp_nav .pp_play{background: url(dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background: url(dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background: url(dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_square .pp_nav .pp_play{background: url(dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background: url(dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background: url(dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background: url(facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background: url(facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background: url(facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background: url(facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background: url(facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}
 
 /* needed for ie8 to delete horizontal scroll */
.pp_overlay {max-width:100%;}
/* 
 * Style used by the label output mode.
 * Applied to the error labels that get positioned after an input.
 */

label.error { 
    color:#fff; 
    margin-left:2px;     
    background-image:url('arrow.gif');
    background-position:left center;
    background-repeat:no-repeat;
    padding:4px;
    padding-left:16px;
}

/*
 * Styles used by the modal output mode.
 * '.validity-modal-msg' is applied to the modal boxes 
 * and '.validity-modal-msg:hover' is applied to suggest 
 * to the user that the boxes are clickable.
 */
.validity-modal-msg { 
    position:absolute; 
    z-index:2; 
    background-color:#999; 
    border:solid 1px #000; 
    padding:4px;
    cursor:pointer; 
}
.validity-modal-msg:hover { 
    background-color:#aaa; 
}

/*
 * Styles used by the summary output mode.
 * '.validity-summary-container' is a container on the page that should contain a UL 
 * which is the actual summary. The container can hold 
 * an extra bit of text (or anything really) that explains what the summary is.
 * '.validity-erroneous' is applied to every input that fails.
 */
.validity-summary-container { display:none; }
.validity-summary-output ul { }
.validity-erroneous { border:solid 2px #f56600 !important; }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}
/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://assets/markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
/*.markItUp .markItUpButton1 a {
  background-image:url(/assets/markitup/textile/h1.png); 
}
.markItUp .markItUpButton2 a {
  background-image:url(/assets/markitup/textile/h2.png); 
}*/

.markItUp .markItUpButton1 a {
  background-image:url(/assets/markitup/textile/h3.png); 
}
.markItUp .markItUpButton2 a {
  background-image:url(/assets/markitup/textile/h4.png); 
}
.markItUp .markItUpButton3 a {
  background-image:url(/assets/markitup/textile/h5.png); 
}
.markItUp .markItUpButton4 a {
  background-image:url(/assets/markitup/textile/h6.png); 
}
.markItUp .markItUpButton5 a {
  background-image:url(/assets/markitup/textile/bold.png);
}
.markItUp .markItUpButton6 a {
  background-image:url(/assets/markitup/textile/italic.png);
}
.markItUp .markItUpButton7 a {
  background-image:url(/assets/markitup/textile/underline.png);
}

.markItUp .markItUpButton8 a {
  background-image:url(/assets/markitup/textile/stroke.png);
}
.markItUp .markItUpButton9 a {
  background-image:url(/assets/markitup/textile/picture.png);
}
.markItUp .markItUpButton11 a {
  background-image:url(/assets/markitup/textile/quotes.png);
}
.markItUp .markItUpButton10 a {
  background-image:url(/assets/markitup/textile/link.png);
}

/*
.markItUp .markItUpButton10 a  {
  background-image:url(/assets/markitup/textile/list-bullet.png);
}
.markItUp .markItUpButton11 a  {
  background-image:url(/assets/markitup/textile/list-numeric.png);
}
.markItUp .markItUpButton13 a {
  background-image:url(/assets/markitup/textile/code.png);
}
.markItUp .preview a {
  background-image:url(/assets/markitup/textile/preview.png);
}*/
/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://assets/markitup.jaysalvat.com/
// ------------------------------------------------------------------*/

.markItUp * {
/*  margin:0px; padding:0px; */
  outline:none;
}
.markItUp a:link,
.markItUp a:visited {
  color:#000;
  text-decoration:none;
}
.markItUp  {
  /*width:99%;*/
        float: left;
  width:455px;
  margin:5px 0 5px 0;
        position: relative;
}
.markItUpContainer  {
  border:1px solid #3C769D;  
  border:1px solid #ccc;  
  background:#FFF url(/assets/markitup/bg-container.png) repeat-x top left;
  padding:5px 5px 2px 5px;
  font:11px Verdana, Arial, Helvetica, sans-serif;
}
.markItUpEditor {
  font:12px 'Courier New', Courier, monospace;
  padding:5px 5px 5px 5px;
  width:98.5%;
  height:320px;
  /*background:#FFF url(/assets/markitup/bg-editor.png) no-repeat;*/
        background:#fafafa;
  clear:both;
  line-height:18px;
  overflow:auto;
}
.markItUpPreviewFrame  {
  overflow:auto;
  background-color:#FFFFFF;
  border:1px solid #3C769D;
  width:99.9%;
  height:300px;
  margin:5px 0;
}
.markItUpFooter {
  width:100%;
  cursor:n-resize;
}
.markItUpResizeHandle {
  overflow:hidden;
  width:22px; height:5px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(/assets/markitup/handle.png);
  cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li  {
  list-style:none;
  float:left;
  position:relative;
}
.markItUpHeader ul li ul{
  display:none;
}
.markItUpHeader ul li:hover > ul{
  display:block;
}
.markItUpHeader ul .markItUpDropMenu {
  background:transparent url(/assets/markitup/menu.png) no-repeat 115% 50%;
  margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
  margin-right:0px;
}
.markItUpHeader ul .markItUpSeparator {
  margin:0 10px;
  width:1px;
  height:16px;
  overflow:hidden;
  background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
  width:auto; height:1px;
  margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
  display:none;
  position:absolute;
  top:18px; left:0px;  
  background:#F5F5F5;
  border:1px solid #3C769D;
  height:inherit;
}
.markItUpHeader ul ul li {
  float:none;
  border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
  background:#F5F5F5 url(/assets/markitup/submenu.png) no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
  position:absolute;
  top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
  float:none;
}
.markItUpHeader ul a {
  display:block;
  width:16px; height:16px;
  text-indent:-10000px;
  background-repeat:no-repeat;
  padding:3px;
  margin:0px;
}
.markItUpHeader ul ul a {
  display:block;
  padding-left:0px;
  text-indent:0;
  width:120px; 
  padding:5px 5px 5px 25px;
  background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
  color:#FFF;
  background-color:#3C769D;
}
/***************************************************************************************/
.html .markItUpEditor {
  background-image:url(/assets/markitup/bg-editor-html.png);
}
.markdown .markItUpEditor {
  background-image:url(/assets/markitup/bg-editor-markdown.png);
}
.textile .markItUpEditor {
  background-image:url(/assets/markitup/bg-editor-textile.png);
}
.bbcode .markItUpEditor {
  background-image:url(/assets/markitup/bg-editor-bbcode.png);
}
.wiki .markItUpEditor,
.dotclear .markItUpEditor {
  background-image:url(/assets/markitup/bg-editor-wiki.png);
}
    /**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */

    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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
/* =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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}


/* =GENERAL
-----------------------------------------------------------------------------------------------*/
  
  body{ 
  
    background:#D8D7D2 url(bg-body.png) repeat top left;
    font:13px/20px 'Droid Sans', Arial, sans-serif;
    font-weight:300;
    color:#555;
  }

  /* =headings
  -------------------------------------------------------------- */
  
  h1,h2,h3,h4,h5,h6{ color:#333; }
  
  h1{ font-size:25px; line-height:32px; margin-bottom:15px; }
  h2{ font-size:23px; line-height:25px; margin-bottom:15px; }
  h3{ font-size:18px; line-height:22px; margin-bottom:10px; color: #569cbe}
  h4{ font-size:16px; line-height:17px; margin-bottom:10px;  }
  h5{ font-size:14px; line-height:15px; margin-bottom:8px; text-transform:uppercase; }
  h6{ font-size:13px; line-height:14px; margin-bottom:8px; text-transform:uppercase; }
  
  h1, h2, h3, h4, h5, h6{ font-family: 'Open Sans', sans-serif; }
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:none; }
  
  /* =text-elements
  -------------------------------------------------------------- */
  
  a{ color:#569cbe; text-decoration:none; }
  a:hover{   }
  a img{ border:none; }
    
  strong{ font-weight: bold; color:#333; }
  em{ font-style: italic; }
  
  p, ul, ol, pre, code, .box{ margin-bottom:20px; }
  
  p.last, ul.last, h1.last, h2.last, h3.last, h4.last, h5.last, h6.last{ margin-bottom:0; }
        
  ul{ list-style-type:circle; list-style-position:inside; }
  ul.checklist{ list-style-image:url(bg-checklist.png); }
  
  ol{ list-style-type:decimal; list-style-position:inside; }
  
  div.project b, .box_quote, blockquote{ padding:1px 20px 5px 60px; line-height:24px; background: url(bg-blockquote.png) no-repeat top left; color:#999999; }
  .box_quote.red, .box_quote.yellow, .box_quote.lila, .box_quote.cyan, .box_quote.azeur, .box_quote.violet, .box_quote.orange, .box_quote.green{
    background-repeat: no-repeat;
  } 
  blockquote.red,
  .box_quote.red{
    background-image: url(bg-blockquote-red.png);
  }
  blockquote.orange,
  .box_quote.orange{
    background-image: url(bg-blockquote-orange.png);
  }
  blockquote.cyan,
  .box_quote.cyan{
    background-image: url(bg-blockquote-cyan.png);
  }
  blockquote.azeur,
  .box_quote.azeur{
    background-image: url(bg-blockquote-azeur.png);
  }
  blockquote.yellow,
  .box_quote.yellow{
    background-image: url(bg-blockquote-yellow.png);
  }
  blockquote.lila,
  .box_quote.lila{
    background-image: url(bg-blockquote-lila.png);
  }
  blockquote.violet,
  .box_quote.violet{
    background-image: url(bg-blockquote-violet.png);
  }
  blockquote.green,
  .box_quote.green{
    background-image: url(bg-blockquote-green.png);
  }
        div.project b{
           color: #333;
           font-weight: bold;
           min-height: 60px;
           display: block;
         }
        ul.project p{
           margin-bottom: 0;
        }
  blockquote span{ color:#666666; }
  
    .blockquote-left{ width:200px; float:left; }
    .blockquote-right{ width:200px; float:right; }           
         
  .box, pre, code{ border:1px solid #efefef; border-left-width:5px; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }

  /* due to IE <HR> margin bugs I had to made a class and apply it to a div to achieve the effect of a <HR> */
  hr{ border:none; height:1px; margin:30px 0; background-color:#efefef; color:#efefef; }
  
  .hr{ border-top:1px solid #efefef; margin:30px 0; }
  
  
  /* =tables
  -------------------------------------------------------------- */
  
  table{ border-collapse:separate; border-spacing:0; border-top-width:5px; margin-bottom:20px; border:1px solid #efefef;  }
  th{ padding:10px 15px; text-transform:uppercase; font-weight:bold; }
  td{ padding:10px 15px; border-top:1px solid #efefef; vertical-align: middle}
  tr.alt{ background-color:#f5f5f5; }
  tr.odd{ background-color:#f5f5f5; }

  /* =forms-messages
  -------------------------------------------------------------- */
  
  label{ font-weight:bold; 
               line-height: 27px;
               color:#000000; 
               display: block;
               width: 102px;
               margin-right:10px;
               float: left;
               text-align: right;
             }
    label span.required{ color:#ff0000; }
  
  fieldset{ padding:25px; margin:0 0 20px 0; border:1px solid #efefef; }
  legend{ font-weight: bold; }
  form p{ margin-bottom:10px; }
  
  input[type=number], input[type=text], input[type=password], input.text, textarea{ background-color:#ffffff; border:1px solid #e1e1e1; }
  input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#cccccc; }
  select{ border-width:1px; border-style:solid; background-color:#ffffff;  }
  
  /*input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0; }*/
        .field{
          margin:5px 0;
          clear: left;
        }
  
  input.text{ width:250px; padding:5px; }
  textarea{ width:380px; height:125px; padding:5px; }

  .errormsg, .successmsg, .infomsg, .noticemsg{ padding:10px 10px 10px 40px; margin-bottom:10px; border:1px solid #dddddd; border-left-width:5px; }
  .errormsg{ border-color:#fbc2c4; background:#fbe3e4 url(images/bg-msg.png) no-repeat 0 0; color:#8a1f11; }
  .errormsg a{ color:#8a1f11; }
  .successmsg{ border-color:#c6d880; background:#e6efc2 url(images/bg-msg.png) no-repeat 0 -220px; color:#264409; }
  .successmsg a{ color:#264409; }
  .infomsg{ border-color:#92cae4; background:#d5edf8 url(images/bg-msg.png) no-repeat 0 -72px; color:#205791; }
  .infomsg a{ color:#205791; }
  .noticemsg{ border-color:#ffd324; background:#fff6bf url(images/bg-msg.png) no-repeat 0 -148px; color:#514721; }
  .noticemsg a{ color:#514721; }

  /* =default-classes
  -------------------------------------------------------------- */
  
  .img-align-left{ margin:5px 10px 0 0; float:left; }
  .img-align-right{ margin:5px 0 0 10px; float:right; }
  
  .text-right{ text-align:right; }
  .text-center{ text-align:center; }
  
  .text-highlight-1{ /*background-color:#D5EDF8; color:#111111;*/ color: #588696}
  .text-highlight-2{ /*background-color:#FFF6BF; color:#111111;*/ color: #569cbe}

  .bordered{ padding:20px; border:1px solid #efefef; }
  
  .float-left{ float:left; }
  .float-right{ float:right; }

  /* =grid
  -------------------------------------------------------------- */

  /* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
  .fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
    .fixed{display:block;}
    /*  \*/
    .fixed{min-height:1%;}
    * html .fixed{height:1%;}
      
  .row{}
    
    .col145{ width:145px; float:left; margin-right:20px; }
    .col180{ width:180px; float:left; margin-right:10px; }
    .col205{ width:205px; float:left; margin-right:20px; }
    .col280{ width:280px; float:left; margin-right:20px; }
    .col360{ width:360px; float:left; margin-right:20px; }
    .col430{ width:430px; float:left; margin-right:20px; }
    .col580{ width:580px; float:left; margin-right:20px; }
    .col655{ width:655px; float:left; margin-right:20px; }

    .last{ margin-right:0px; }
    .clear{ clear:both; }


/* =LAYOUT
-----------------------------------------------------------------------------------------------*/


#wrap{ width:880px; margin:50px auto; border-top:10px solid #f9f9f9; padding:0 60px; background-color:#ffffff; 
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
  
  .ie7 #wrap{ margin:0 auto; }
  .ie7 body{ padding:50px 0; }
  
  #header{ position:relative; z-index:10; /* IE6 and IE7 z-index bug fix*/ 
       padding-top:40px;  }  

    #logo-header-widget-1{ margin-bottom:20px; }
    
      /* =logo
      -----------------------------------------------------------------------------------------------*/
      
      #logo{ display:block; float:left; }
      #logo img{ display:block; }
      
      /* =header-widget-1
      -----------------------------------------------------------------------------------------------*/
      
      #header-widget-1{ float:right; margin-top:10px; }
    
    
    #menu-header-wigdet-2{ margin:0 -60px; width:880px; border-top:1px dotted #f0f0f0; padding:15px 60px 0 60px; }
    
      /* =dropdown-menu
      -----------------------------------------------------------------------------------------------*/
  
      /* level 1 menu */
      ul#dropdown-menu{  list-style:none;  margin-bottom:0;   }      
      ul#dropdown-menu li{ float: left; }
      
      ul#dropdown-menu li a{ display: block; padding:5px 20px 20px 0; margin-right:10px;  
                   color:#666; font-family: 'Open Sans', sans-serif; text-transform:uppercase;   }  
      ul#dropdown-menu li.last > a{ padding-right:0; }
                       
      ul#dropdown-menu li.hover, ul.dropdown-menu li:hover{ position: relative; text-decoration:none;  }
      
      ul#dropdown-menu li.hover a{ text-decoration:none; } /* LEVEL 1 menu item styling ON HOVER */    
      ul#dropdown-menu li.current > a{ color:#333;  }    /* styling of LEVEL 1 menu item that is current */                                
      
        /* level 2 menu */
        ul#dropdown-menu ul{ width:170px; position:absolute; top:100%; left:-10px;  list-style:none; display:none; 
                   background-color:#ffffff; border:1px solid #f0f0f0; border-bottom:1px solid #ddd; z-index:15;  }  
                         
        ul#dropdown-menu ul li{ width:170px; }  
              
        ul#dropdown-menu li .sub-menu li > a{ width:150px; display: inline-block; border:none; border-bottom:1px solid #fff; padding:5px 10px;   /* LEVEL 2 menu element styling  */ 
                          font-weight:normal; text-transform:none; font-size:13px; font-family:'Droid Sans', sans-serif;  } /* IE 6 and 7 Needs Inline Block */
            
        ul#dropdown-menu li .sub-menu li > a:hover{ background-color:#f9f9f9; text-decoration:none; border-bottom-color:#f0f0f0; } /* LEVEL 2 menu item styling ON HOVER */
        
        ul#dropdown-menu li .sub-menu li:last-child > a:hover{ border-bottom-color:#f9f9f9; } /* LAST LEVEL 2 menu item styling */
  
          /* level 3 menu */
          ul#dropdown-menu ul ul{ left:100%; top:-1px; }
          ul#dropdown-menu li:hover > ul{ visibility:visible; }
          
          ul#dropdown-menu ul ul li > a{ border-bottom:1px solid #fff; border-bottom:none; } /* LEVEL 3 menu styling */
          
      .arrow{ background:url(images/bg-sidenav.gif) no-repeat 155px 12px; }
      
      /* =header-widget-2
      -----------------------------------------------------------------------------------------------*/
      
      #header-widget-2{}
      
        /* =search
        -----------------------------------------------------------------------------------------------*/
      
        #search fieldset{ position:relative; border:none; margin:0; padding:0; }
        #search-input{ width:185px; padding:7px 10px; margin:0;  font-size:12px; color:#ccc; background-color:#fff; border:none; border:1px solid #f1f1f1;  }
        #search-input:focus{ color:#666;  }
        #search .search-submit-btn{ position:absolute; top:8px; right:5px; height:18px; width:18px; outline:none;
                      background:url(images/bg-search.png) no-repeat top left; cursor:pointer; border:none; }


  #content{ background: url('bg-home.jpg') no-repeat bottom right;
                  position:relative; z-index:5;  /* IE6 and IE7 z-index bug fix*/ 
        padding-bottom:40px; /*min-height:600px;*/ }

    
    #page-header{ position:relative; margin:0 -60px 35px -60px; width:1000px; height:180px; overflow:hidden; }      
      #page-header img{ position:absolute; top:0; left:0; z-index:10; }    
    
    
    /* =pdf
    -----------------------------------------------------------------------------------------------*/
    
    .pdf{ background:url(bg-pdf.png) no-repeat 0px 2px; padding:4px 10px 0px 55px; min-height:48px; margin-bottom:10px; }
    .doc{ background:url(bg-pdf.png) no-repeat 0px 2px; padding:4px 10px 0px 55px; min-height:48px; margin-bottom:10px; }
    
    
    /* =side-nav
    -----------------------------------------------------------------------------------------------*/
    
    .side-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #f0f0f0; margin-bottom:20px; }
    .side-nav li{ border-bottom:1px solid #f0f0f0; }
    .side-nav li a:hover{ }
    .side-nav li a{ display:block; padding:10px 0 10px 10px; }
    .side-nav li.current a{ color:#000000; }
    .side-nav li.current a:hover{ text-decoration:none; }
    
    
    /* =accordion
    -----------------------------------------------------------------------------------------------*/
    
    .accordion { list-style-type: none;   }
    .accordion li { float: left; display: block; width:100%; border-top:1px solid #f0f0f0; margin-bottom:0;   }
    .accordion li.current>a { background: url(images/bg-accordion.png) no-repeat left 14px; color:#555;  }
    .accordion li.last{ border-bottom:1px solid #f0f0f0;}
    .accordion li:hover{ background-color:#f9f9f9; }
    .accordion li.current{ background-color:#f9f9f9; }
    .accordion li div { padding:0px 30px; background-color:#f9f9f9; }
    .accordion li >a{ text-decoration: none; display: block; cursor: pointer; background: url(images/bg-accordion.png) no-repeat left -46px; 
            padding:13px 0px 13px 30px; font-family:'Open Sans'; }  


    /* =tabs
    -----------------------------------------------------------------------------------------------*/
    
    .tabs-menu{ margin-bottom:0; list-style:none; border-bottom:1px solid #efefef; }
    .tabs-menu li{ display:inline; }
    .tabs-menu li a{ float:left; padding:10px 20px; display:block; margin-bottom:-1px;  }
    .tabs-menu li.current a{  border:1px solid #efefef; border-bottom-color:#fff;  color:#666; }
    .tabs-content{ padding-top:30px; }
    
    
    
  #footer{ width:880px; margin:0 -60px; border-top:1px solid #f0f0f0; padding:40px 60px; background-color:#f9f9f9;  }
    
    #footer h6{ margin-bottom:20px; }

    #footer-widget-1{}
    #footer-widget-2{}
    #footer-widget-3{}  
    #footer-widget-4{}
    #footer-widget-5{}
    #footer-widget-6{}
    
    /* =footer-nav
    -----------------------------------------------------------------------------------------------*/
    
    .footer-nav{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
    .footer-nav a{ }
    .footer-nav a.sub-nav{  }
    
    /* =newsletter-subscribe
    -----------------------------------------------------------------------------------------------*/
    
    .newsletter-subscribe-msg{ margin-bottom:15px; }
    
    #newsletter-subscribe{ padding-bottom:5px; margin-bottom:0; }
    #newsletter-subscribe fieldset{ border:none; margin:0; padding:0; position:relative; }
    #subscribe-email{ margin:0; padding:5px; height:15px; width:192px; font-size:12px; color:#888; }
    #subscribe-email:focus{ color:#666666; }
    #newsletter-subscribe .subscribe-submit-btn{ position:absolute; top:1px; right:2px; padding:0 5px 0 5px; width:55px;
                           height:25px; cursor:pointer; border: none; background-color:#e6e6e6; color:#555; }
    
    .ie7 #newsletter-subscribe .subscribe-submit-btn{ top:2px; }
    .ie7 #subscribe-email, .ie8 #subscribe-email{ border:1px solid #cccccc; }

    /* =social-media
    -----------------------------------------------------------------------------------------------*/
    
    #social-media{ list-style-type:none; margin-bottom:0; float:left; margin-left:15px; }
    #social-media li{ float:left; }
    #social-media li a{ display:block; float:left; padding-right:10px; }
    #social-media li img{ display:block; float:left; margin-right:5px; margin-top:1px; }

    

/* =PAGES
-----------------------------------------------------------------------------------------------*/  
      
      
  /* =HOME
  -----------------------------------------------------------------------------------------------*/        
        
    /* =slideshow-index
    -----------------------------------------------------------------------------------------------*/
    
    #slideshow-index{ position:relative; z-index:10; margin-bottom:35px; }
    
      #slideshow-index ul{ position:relative; width:1000px; height:360px; overflow:hidden; margin:0 -60px; list-style:none; z-index:10; }
      #slideshow-index ul li{ width:1000px; height:360px; position:relative; }
      #slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:15; }
      
      #slideshow-index .slidetext{ position:absolute; bottom:30px; left:60px; overflow:hidden; width:230px; padding:25px; background:url(bg-slider.png) repeat top left; z-index:20; }
        
        .slidetext h3{ color:#fff; }
        .slidetext p{ margin-bottom:0; color:#ccc; }                
        .slidetext a{ color:#ffffff; }
        .slidetext a:hover{ text-decoration:underline; }  

     #index-slideshow-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:20px; bottom:22px;  }          
    #index-slideshow-pager a{ display:inline-block; width:14px; height:14px; margin-left:1px; background:url(images/bg-pager.png) no-repeat 0 0; 
                   text-align:left; outline-style:none; text-indent:-9999px; }
    #index-slideshow-pager .activeSlide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }
 
 
     /* =slideshow-clients
    -----------------------------------------------------------------------------------------------*/
 
     #slideshow-clients{ position:relative; z-index:10; margin:30px 0; padding:30px; border:1px solid #efefef; overflow: hidden; }
     
    /*#slideshow-clients ul{ position:relative; width:819px; height:70px; overflow:hidden; list-style:none; margin-bottom:0; }*/
    #slideshow-clients ul{ position:relative; width:819px; list-style:none; margin-bottom:0; }
     #slideshow-clients ul li{ position:relative; width:819px; height:70px;  z-index:10; }
    #slideshow-clients ul li img{ float:left; margin-right:30px; z-index:15; }
    #slideshow-clients ul li blockquote{ float:left; width:609px; padding:0; z-index:15; background:none;  }
  
  
  
  /* =ABOUT
  -----------------------------------------------------------------------------------------------*/  
  
  
  
  /* =SERVICES
  -----------------------------------------------------------------------------------------------*/
  
  
    /* =service-overview
    -----------------------------------------------------------------------------------------------*/
    
    .service-overview{ margin:30px 0; border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:30px 0;  }
    
    .service-overview h5{ }
    .service-overview img{ display:block; margin:0 -21px; }
    
    .service-overview ul{ list-style-type:none; list-style-position:outside; margin-bottom:0;  }
    .service-overview li{ float:left; margin-right:20px; margin-top:20px; width:238px; border:1px solid #efefef; border-bottom:none; padding:30px 20px 0 20px; cursor:pointer; }
    .service-overview li.last{ margin-right:0; }

    
    /* =price-table
    -----------------------------------------------------------------------------------------------*/
    
    .price-table{ margin-bottom: 20px; }
    .price-table h3{ margin-bottom:0px; }    
    .price-table .border-left{ border-left:solid 1px #efefef; }
  
  
    /* =hasicon
    -----------------------------------------------------------------------------------------------*/
    
    .hasicon{  margin-bottom:10px; line-height:20px; vertical-align:middle; }
    .hasicon img{ float:left; margin-right:10px; }  
    
  
  
  /* =PORTFOLIO
  -----------------------------------------------------------------------------------------------*/
  
  
    /* =portfolio-filter ( main portfolio page )
    -----------------------------------------------------------------------------------------------*/

    #portfolio-filter{ list-style:none;  margin-bottom:0; }      
    #portfolio-filter li{ float: right; }
    #portfolio-filter li a{ display: block; padding:10px 30px 10px 20px; width:140px; border:1px solid #efefef;   
                    font-family: 'Open Sans', sans-serif; text-transform:uppercase; background: #fff url(bg-portfolio-filter.png) no-repeat right center; }               
    #portfolio-filter li.hover, ul.portfolio-filter li:hover{ position: relative; text-decoration:none;   }
    #portfolio-filter li.hover a{ text-decoration:none; }                              
    #portfolio-filter ul{ width:190px; position:absolute; top:100%; left:0px;  list-style:none; display:none; 
                  background-color:#ffffff; border:1px solid #f0f0f0; border-top:none; border-bottom:1px solid #ddd; z-index:20; }             
    #portfolio-filter ul li{ width:190px; }  
    #portfolio-filter li .filter-options li > a{ width:150px; display: inline-block; border:none; border-bottom:1px solid #fff; padding:5px 20px;   
                             font-weight:normal; text-transform:none; font-size:13px; background:none;  } 
    #portfolio-filter li .filter-options li > a:hover{ background-color:#f9f9f9; text-decoration:none; border-bottom-color:#f0f0f0; }
    #portfolio-filter li .filter-options li:last-child > a:hover{ border-bottom-color:#f9f9f9; } 
    
    
    /* =portfolio-overview ( main portfolio page )
    -----------------------------------------------------------------------------------------------*/
    
    .portfolio-overview{}

      .portfolio-overview ul{ list-style-type:none; list-style-position:outside; margin-bottom:-30px; }
      .portfolio-overview li{ float:left; margin:0 20px 30px 0; width:238px; border:1px solid #efefef; border-top:none; height: 220px; overflow: hidden; position: relative; 
                  padding:0 20px 30px 20px; background:url(images/bg-fade.png) no-repeat top center; text-align:center; cursor:pointer; }
      .portfolio-overview li.last{ margin-right:0; }
      
        .portfolio-overview h5{ text-transform:none; position:absolute; bottom: 30px; left: 20px; width: 85%; text-align: center;}
        .portfolio-overview p{ margin-bottom:0; }
        .portfolio-overview img{ margin:0 -21px 20px -21px; display:block; }
    
    
    /* =portfolio-pagination ( main portfolio page )
    -----------------------------------------------------------------------------------------------*/
    
    .pagination{ list-style:none; margin-bottom:0; float:right; }
    
      .pagination li{ float:left; border-right:1px dotted #ccc; padding:5px 15px; }
      .pagination li.first{ padding-left:0; }
      .pagination li.last{ border-right:none; padding-right:0; }
      .pagination li.current a{ color:#000000; }  
      
        .pagination li a{ display:block; }
    
    
    /* =slideshow-portfolio ( single portfolio item )
    -----------------------------------------------------------------------------------------------*/
    
    #slideshow-portfolio{ position:relative; margin-bottom:30px; }
    
      #slideshow-portfolio ul{ position:relative; width:880px; height:350px; overflow:hidden; margin-bottom:0; list-style:none; }
      #slideshow-portfolio ul li{ width:880px; height:350px; position:relative; }
      #slideshow-portfolio ul li img{ position:absolute; top:0; left:0; }
    
    #slideshow-portfolio-pager{ width:200px; text-align:right; z-index:35; position:absolute; right:40px; bottom:20px;  }          
      
      #slideshow-portfolio-pager a{ text-align:left; background:url(images/bg-pager.png) no-repeat 0 0; display:inline-block; 
                width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
      #slideshow-portfolio-pager .activeSlide{ background:url(images/bg-pager.png) no-repeat 0 -64px; }
    
    
    /* =view-project ( single portfolio item )
    -----------------------------------------------------------------------------------------------*/
    
    .view-project{ border:1px solid #efefef; padding:10px 30px 10px 20px; width:140px; display:block; float:right; margin-top:6px; text-transform:uppercase; background: url(images/bg-view-project.png) no-repeat right center; }
    .view-project:hover{ background-color:#f9f9f9; }  
      
      
      
  /* =BLOG
  -----------------------------------------------------------------------------------------------*/
   
   
     /* =blog-overview   ( index page + blog sidebar ) 
    -----------------------------------------------------------------------------------------------*/
            
    .blog-overview{ list-style-type:none; list-style-position:outside; margin-bottom:0; }
    
      .blog-overview li{ border-bottom:1px solid #f0f0f0; padding:10px 0; }
      .blog-overview li.first{ padding-top:0; }
      .blog-overview li.last{ border-bottom:none; padding-bottom:0;  }
      
      .blog-overview li img{ float:left; margin-right:10px; }
      .blog-overview li .date{ float:left; border:1px solid #f0f0f0; border-right:none; padding:2px; text-align:center;  }
        .blog-overview li .date span{ display:block; margin-top:2px; background-color:#efefef; padding:1px 5px; font-size:10px; font-weight:bold; color:#777; text-transform:uppercase; }
    
    
    /* =blog-post
    -----------------------------------------------------------------------------------------------*/
    
     .blog-post b{ font-weight: bold} 
     .blog-post{ position:relative;  padding: 0 15px 0 35px; }

      .blog-post-title{ margin:0 0 30px -35px; border-bottom:1px solid #f9f9f9; padding-bottom:20px; }
        
      .blog-post-date{ position:absolute; left:0; top:73px; width:30px; border:1px solid #f0f0f0; border-right:none; padding:2px; text-align:center; }
        .blog-post-date span{ display:block; margin-top:2px; padding:1px 5px; background-color:#efefef; color:#777; text-transform:uppercase; }
      
      .blog-post-thumb{ }
      
      .blog-post-info{ list-style-type:none; list-style-position:outside; border-bottom:1px solid #f9f9f9; margin-bottom:15px; padding:10px 0; }
        .blog-post-info li{ float:left; margin-right:15px; padding:1px 0 1px 25px; }
        .blog-post-info  .author{ background:url(images/bg-author.png) no-repeat 0px 2px; }
        .blog-post-info  .categories{ background:url(images/bg-categories.png) no-repeat 0px 3px; } 
      
      .blog-post-comments{ float:left; margin:0 10px 0 0; padding:5px 0 5px 25px; background:url(images/bg-comments.png) no-repeat 0px 7px; }
      .blog-post-readmore{ float:left; margin-bottom:0; padding:5px 0 5px 10px; }
        .blog-post-comments + .blog-post-readmore{ border-left:1px solid #f5f5f5;  }
    
    
    /* =blog-navigation
    -----------------------------------------------------------------------------------------------*/
    
    .blog-navigation{}
    
    
    /* =blog-post-comment  ( blog post page comment section )
    -----------------------------------------------------------------------------------------------*/
    
    .blog-post-comment{ margin-top:20px; border-bottom:1px solid #efefef; padding-bottom:10px; }
      .blog-post-comment .who{ margin-bottom:10px; }
      .blog-post-comment .who span{ color:#999; }
      .blog-post-comment .bordered{ margin:0 20px 0 0; padding:5px; }
      .blog-post-comment-reply{ margin-left:90px; }
    
    
    
  /* =CONTACT
  -----------------------------------------------------------------------------------------------*/      
      
    #contact-form{}
    #contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
    #contact-form p{ padding:5px 0 5px 25px; margin:1px; }
    #contact-form p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }  

/* Move to file of its competence */
.preview{
  background: url('CMS/preview.gif') top left;
}

.selected{
  background: #efefef;
}

#public-contact form label{
  display: inline;
  float: none;
}


/**/