@charset "UTF-8";
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,th,var {
    font-style: normal;
    font-weight: normal;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6,.h1 {
    font-size: 100%;
    font-weight: normal;
}
q:before,q:after {
    content :'';
}
abbr,acronym {
    border: 0;
}

/* Initialize */
@font-face {
    font-family: "KlavikaBoldCaps";
    font-weight: bold;
    font-style: normal;
    src: url(../fonts/klavikaboldcaps.otf);
}
@font-face {
    font-family: "KlavikaRegular";
    font-weight: normal;
    font-style: normal;
    src: url(../fonts/klavikaregular.otf);
}
body {
    background-color: #393939;
    background-image: url(../layout/bckg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
div {
    display: block;
    margin: auto;
}

/* Header */
#header {
    background-image: url(../layout/header_bckg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 207px;
    width: 960px;
}
#header select {
    background-color: black;
    border-color: black;
    color: white;
    margin: 30px;
    position: absolute;
}
#header_people {
    background-image: url(../layout/header_people.jpg);
    background-repeat: no-repeat;
    height: 207px;
    width: 526px;
    float: left;
}
#header_logo a img {
    /*background-image: url(../layout/logo_pl.jpg);*/
    /*background-repeat: no-repeat;*/
    float: left;
    margin-top: 108px;
    margin-left: 24px;
    height: 71px;
    width: 410px;
}
#header_separator {
    background-image: url(../layout/header_separator.jpg);
    height: 5px;
    width: 960px;
}

/* Menu */
#main_menu {
    background-image: url(../layout/menu.jpg);
    height: 48px;
    width: 930px;
    padding-left: 30px;
}
#menu {
    font-family: KlavikaBoldCaps, Verdana, Geneva, sans-serif;
    font-weight: bold;
    font-size: 125%;
    list-style: none;
    margin-top: 24px;
    margin-left: 0px;
    padding-right: 10px;
    margin-bottom: 10px;
    /* Clear floats */
    float: left;
    width: 100%;
    position: relative;
    z-index: 5;
}
#menu li {
    background-image: url(../layout/menu_separator.png);
    background-position: right;
    background-repeat: no-repeat;
    float: left;
    position: relative;
}
#menu a {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    color: black;
    text-decoration: none;
}
#menu a:hover {
    color: #C00418;
}

/* Dropdown */
#menu ul {
    font-family: KlavikaRegular, Verdana, Geneva, sans-serif;
    font-weight: normal;
    background: #e2e2e2; /* Adding a background makes the dropdown work properly in IE7+. 
        Make this as close to your page's background as possible (i.e. white page == white background). */
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can,
        we don't actually want to see it if we can help it... */
    font-size: 70%;
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    border-right: 3px inset #bfbfbf;
    border-bottom: 3px inset #bfbfbf;

}
#menu ul li {
    background-image: url(../layout/menu_bckg.jpg);
    background-repeat: repeat;
    float: none;
}
#menu ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#menu ul b {
    color: : #C00418;
}
#menu li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
}
#menu li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor
    has moved down the list. */
  /*  background-image: url(layout/menu_center.jpg);
    background-repeat: repeat;*/
}
#menu li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered.
    Here we undo these effects. */
/*    background-image: url(layout/menu_center.jpg);
    background-repeat: repeat;*/
    text-decoration: none;
}
#menu li:hover ul li a:hover { /*Here we define the most explicit hover states--what happens when you hover each individual link.*/
/*    background-image: url(layout/menu_center_hover.jpg);
    background-repeat: repeat;*/
    /*background: #e2e2e2;*/
}

/* Main - Boxes */
#main {
    background-image: url(../layout/main.jpg);
    background-repeat:repeat-y;
    padding-top: 20px;
    /*min-height: 292px;*/
    width: 960px;
}
#main_boxes {
    /*min-height: 224px;*/
    width: 900px;
    margin-left: 30px;
    margin-bottom: 15px;
    display: inline-block;
}
#main_boxes_box {
    height: 224px;
    width: 205px;
    margin-left: 15px;
    float: left;
    position: relative;
    font-family: KlavikaRegular, Verdana, Geneva, sans-serif;
    
}
#main_boxes_box span {
    display: none;
    font-family: KlavikaRegular, Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: white;
    margin: 15px;
}
#main_boxes_box span.less {
    display: block;
}
#main_boxes_box:hover span.less {
    display: none;
}
#main_boxes_box:hover span.more {
    display: block;
}
#main_boxes_box span.more_link {
    display: block;
    position: absolute;
    bottom: -5px;
    right: 5px;
}
#main_boxes_box span.more_link a {
    text-decoration: none;
    color: white;
}
#main_boxes_box span.more_link a:hover {
    text-decoration: none;
    color: #C00418;
}
#main_boxes_box span.ref_descr {
    display: inline;
    color: black;
    margin: 0px;
}
#main_boxes_box.text {
    width: 240px;
    margin-left: 0px;
    float: left;
}
#main_boxes_box_text_info {
    display: block;
    height: 125px;
}
#main_boxes_box h2 {
    color: black;
    font-size: 95%;
    font-weight: bold;
    padding-top: 5px;
}
#main_boxes_box h3 {
    color: black;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
}
#main_boxes_box_text_info span {
    display: block;
    text-align: justify;
    margin: 5px;
    color: black;
    font-size: 12px;
}
#main_boxes_box_text_contact {
    background-image: url(../layout/box_contact_oth.png);
    height: 111px;
    padding-top: 5px;
    padding-left: 8px;
    color: white;
}
#main_boxes_box_text_contact h2 {
    color: white;
}
#main_boxes_box_text_contact span {
    display: block;
    color: black;
}
#main_boxes_box_text_reference {
    background-image: url(../layout/box_reference.jpg);
    height: 77px;
    margin-top: 22px;
    padding-left: 8px;
}
#main_boxes_box_text_reference a {
    color: #C00418;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}
#main_boxes_box.content {
    height: auto;
    width: 620px;
    color: black;
    padding-left: 20px;
    margin-bottom: 20px;
    float: right;
    /*border-bottom: 3px dotted red;*/
    background: url(../layout/red_dotted_border.png);
    background-position: bottom;
    background-repeat: repeat-x;
}
#main_boxes_box.content h1,
#main_boxes_box.content .h1 {
    background-image: url(../layout/red_dot.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0px;
    padding-left: 15px;
    color: black;
}
#main_boxes_box.content h2 {
    text-align: center;
    margin: 5px;
    padding-left: 15px;
    color: #C00418;
}
#main_boxes_box.content h2.h1 {
    text-align: left;
}
#main_boxes_box.content span {
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: justify;
    color: black;
    display: block;
}
#main_boxes_box.content form dd {
    margin-left: 25px;
    margin-bottom: 10px;
}
#main_boxes_box.content form .errors {
    color: #C00418;
}
.button {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #505050;
    display:inline-block;
    color:#777777;
    font-size:14px;
    font-weight:bold;
    padding:4px 24px;
    margin-bottom: 5px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}
.button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}
.button:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
.form_row {
    display: block;
}
.form_row dd {
    display: inline;
    /*margin-left: 10px !important;*/
}
.form_row .button {
    font-size: 10px;
    padding: 3px 18px;
    color: red;
}
.form_row input {
    text-align: right;
    float: right;
}
#main_boxes_box_photo {
    width: 200px;
    height: 150px;
}
#main_boxes_box.commercial {
    background-image: url(../layout/box_commercial.jpg); 
}
#main_boxes_box.commercial:hover {
    background-color: #5F5F5F;
    background-image: url(../layout/box_commercial_hover.jpg);
    cursor: hand;
    cursor: pointer;
}
#main_boxes_box.individual {
    background-image: url(../layout/box_individual.jpg);
}
#main_boxes_box.individual:hover {
    background-color: #5F5F5F;
    background-image: url(../layout/box_individual_hover.jpg);
    cursor: hand;
    cursor: pointer;
}
#main_boxes_box.contact {
    background-image: url(../layout/box_contact.jpg);
}
#main_boxes_box.contact:hover {
    background-color: #5F5F5F;
    background-image: url(../layout/box_contact_hover.jpg);
    cursor: hand;
    cursor: pointer;
}
#main_boxes h1,
#main_boxes .h1 {
    color: white;
    margin-left: 55px;
    margin-top: 20px;
    font-size: 22px;
    font-family: KlavikaBoldCaps, Verdana, Geneva, sans-serif;
}

/* image slider */
#lightbox-wrapper {
    width: 200px;
    float: right;
    margin-left: 15px;
    background-color: #C00418;
    display: block;
    top: 0px;
}
#lightbox-wrapper a.no_disp{
    display: none;
}

/* Footer */
#bottom_info_line {
    font-family: KlavikaRegular, Verdana, Geneva, sans-serif;
    font-size: 55%;
    padding-bottom: 15px;
    margin-left: 30px;  
}
#bottom_copyrights {
    font-family: KlavikaRegular, Verdana, Geneva, sans-serif;
    font-size: 55%;
    text-align: center;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
}