/* Properties
---------------------------------------------------------*/

#wrapper
{
      width: 100%;
}

/* General
------------------------------------------------------------------------*/

body{
      background-color: #f8f4e8;
}

.width_table
{
      width: 980px;
      clear: both;
      margin: 0 auto;
      
}

.logo_td
{
      /*height: 98px;*/
      clear: both;
      margin: 0 auto;
}

.logo_div
{
      /*height: 98px;*/
      vertical-align: middle;
      float: left}

.lang_div
{
      float: right;
      height: 98px;
      display: none;
}

/* Menu
------------------------------------------------------------------------*/

.menu_box
{
      float: left;
      width:80%;
      /*height:35px;*/
      line-height: 35px;
      text-align: left;
}

.menu_td
{
      /*height: 35px;*/
      background-color: #ccc5ab;
}

.under_menu_line
{
      height: 1px;
      background: #7a7a7a;
}

.topmenu_item
{
      font-size: 13px;
      font-family: alef, arial;
      font-weight: normal;
      color: #000;
      text-decoration: none;
      white-space: nowrap;
}

.menu_pix
{
      width: 20px;
      height: 1px;
}

.topmenu_item_selected_span
{
      border-top: solid 1px #000;
      height: 22px;
      color: #000;
}

.topmenu_item_span
{
      height: 22px;
      color: #000;
}

.social_links
{
      float: right;
      width:20%;
      display: none;
}

/* Header
------------------------------------------------------------------------*/

.header_td
{
      height: 605px;
      background: url('../images/header_bg.jpg') top center repeat-y;
}

.header_shadow_table
{
      height: 605px;
}

.header_shadow_t
{
      height: 14px;
      background: url('../images/header_shadow_t.PNG') top left repeat-x;
}

.header_shadow_b
{
      height: 14px;
      background: url('../images/header_shadow_b.PNG') top left repeat-x;
}

.header_title
{
      height: 60px;
      font: 30px alef, arial;
      font-weight: bold;
      color: #000;
      padding: 0 100px 0;
      vertical-align: middle;
      text-align: center;
}

.header_image
{
      width: 964px;
      max-height: 300px;
      height: auto;
      border: 8px solid #ffffff;
}

#feather
{

      z-index: 10;
}

#snext
{
      margin-bottom: 14px;
      opacity: 0.7;
      filter: alpha(opacity = 70);
}

#sprev
{
      opacity: 0.7;
      filter: alpha(opacity = 70);
}

#snext:hover,
#sprev:hover
{
      opacity: 1.0;
}

.slider_arrows
{
      z-index: 999;
      position: relative;
      float: left;
      top: 132px;
      width:80px;
}

/* Form
------------------------------------------------------------------------*/

.form_div
{
      height: 457px;
      width: 356px;
      float: right;
      position: relative;
      right: 30px;
      top: -59px;
      z-index: 20;
      background-image: url('../images/form_bg.png');
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% 100%;
}

.form_table
{
      margin: 23px;
      max-height: 411px;
      width: 310px;
}

.form_title
{
      font: 19px alef, arial;
      color: #595959;
}

.us_short_contact_text_field_name
{
      font: bold 12px alef, arial;
      color: #707070;
      height: 21px;
      padding: 0 17px;
}

.us_short_contact_text_field
{
      width: 261px;
      margin: 0 17px 15px;
      height: 21px;
      border: 1px solid #cdcdcd;
      border-radius: 3px;
      font: 13px alef, arial;
}

.us_short_contact_text_field_small
{
      width: 113px;
      height: 21px;
      border: 1px solid #cdcdcd;
      border-radius: 3px;
      font: 13px alef, arial;
}

.us_short_contact_text_field_small_td_right
{
      padding: 0 17px 10px 7px;
}

.us_short_contact_text_field_small_td_left
{
      padding: 0 1px 10px 3px;
}

.calender_td
{
      padding: 0 0 10px 0;
}

.us_short_contact_button
{
      width: 219px;
      height: 40px;
      border: none;
      background: url('../images/send.png') top center no-repeat transparent;
      font: 28px alef, arial;
      color: #ffffff;
      font-weight: bold;
      vertical-align: middle;
      text-align:center;
      cursor: pointer;
}

.thanks_text
{
      height: 35px;
	font: 14px alef, arial;
      font-weight: bold;
	color: #a04141;
}

/* select input style
--------------------------------------------------------------------------*/

.custom-combobox {
      position: relative;
      display: inline-block;
}
.custom-combobox-toggle {
      position: absolute;
      top: 0;
      bottom: 0;
      margin-left: -1px;
      padding: 0;
      /* support: IE7 */
      *height: 1.7em;
      *top: 0.1em;
}
.custom-combobox-input {
      margin: 0;
      padding: 0.3em;
}



/* Date Picker
------------------------------------------------------------------------*/

.ui-datepicker-inline
{

}

.ui-datepicker-append
{

}

.ui-datepicker-trigger
{

}

.ui-datepicker-dialog

{

}

.ui-datepicker-disabled
{

}

.ui-datepicker-unselectable
{

}

.ui-datepicker-current-day
{

}

.ui-datepicker-days-cell-over
{

}


.ui-datepicker-calendar
{
      font: 13px alef, arial;
      color: #999999;
      text-decoration: none;
      width: 200px;
      height: 160px;
      text-align: center;
}

.ui-state-default
{
      font: 13px alef, arial;
      color: #999999;
      text-decoration: none;
}

.ui-datepicker-title
{
      font: 13px alef, arial;
      color: #ffffff;
      font-weight: bold;
      text-align: center;
}

.ui-icon
{
      font: 13px alef, arial;
      color: #ffffff;
      font-weight: bold;
      width: 50px;
}

.ui-datepicker-header
{
      background: #3e9fde;
      text-align:center;
}

.ui-datepicker
{
      border: 5px solid #d7d7d7;
      border-radius: 5px;
      background: #ffffff;
      font: 13px alef, arial;
      text-decoration: none;
}



/* Form2
------------------------------------------------------------------------*/

.form_div2
{
      width: 236px;
      float: right}

.form_table2
{
      width: 236px;
      background: #fafafa;
      border-radius: 3px;
}

.form_title2
{
      font: 16px alef, arial;
      font-weight: bold;
      color: #ffffff;
      height: 28px;
      background: #858585;
      padding: 0 11px;
}

.us_short_contact_text_field_name2
{
      font: 12px alef, arial;
      color: #707070;
      height: 21px;
      padding: 0 11px;
}

.us_short_contact_text_field2
{
      width: 95%;
      height: 21px;
      border: 1px solid #cdcdcd;
      border-radius: 3px;
      font: alef, arial;
      margin-bottom: 10px;
      background: #eeeeee;
}

.us_short_contact_textarea_field2{
      width: 95%;
      height: 84px;
      border: 1px solid #cdcdcd;
      border-radius: 3px;
      font: alef, arial;
      margin-bottom: 10px;
      background: #eeeeee;
      resize: vertical;
}

.us_short_contact_button2
{
      padding: 2px 7px;
	border: 1px solid #cdcdcd;
	background: #eeeeee;
      font: 12px alef, arial;
      color: #707070;
      border-radius: 5px;
      margin-left: 10px;
      margin-bottom: 10px;

      /* IE10 Consumer Preview */
      background-image: -ms-linear-gradient(top, #E4E4E4 0%, #CCCCCC 100%);

      /* Mozilla Firefox */
      background-image: -moz-linear-gradient(top, #E4E4E4 0%, #CCCCCC 100%);

      /* Opera */
      background-image: -o-linear-gradient(top, #E4E4E4 0%, #CCCCCC 100%);

      /* Webkit (Safari/Chrome 10) */
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E4E4E4), color-stop(1, #CCCCCC));

      /* Webkit (Chrome 11+) */
      background-image: -webkit-linear-gradient(top, #E4E4E4 0%, #CCCCCC 100%);

      /* W3C Markup, IE10 Release Preview */
      background-image: linear-gradient(to bottom, #E4E4E4 0%, #CCCCCC 100%);
}

.thanks_text
{
      height: 35px;
	font: 14px alef, arial;
      padding: 0 10px;
      font-weight: bold;
	color: #1AC822;
}

.info_text
{
      height: 35px;
      font: 14px alef, arial;
      padding: 0 10px;
      font-weight: bold;
      color: #a04141;
}


/* Content
------------------------------------------------------------------------*/

.home_content_title
{
      height: 50px;
      text-align: center;
      font: 39px alef, arial;
      font-weight: normal;
      color: #806619;
}

.article_image
{
      border-bottom: 5px solid #383838;
      filter: alpha(opacity = 70);
      height: 330px;
}

.article_div
{
      width: 312px;
      float: left;
      margin-right: 14px;
}

.article_div_small
{
      width: 231px;
      float: left;
      margin-right: 14px;
}

.article_image_div
{
      width: 312px;
      overflow: hidden;
}

.article_image_div_small
{
      width: 231px;
      overflow: hidden;
}

.article_summary
{
      height: 80px;
      vertical-align: top;
      padding-top: 17px;
      font: 15px alef, arial;
      color: #595959;
      text-decoration: none;
}

.article_title
{
      height: 32px;
      font: 22px alef, arial;
      font-weight: bold;
      color: #444;
      text-align: center;
      text-decoration: none;
}

td.article_title {
  padding-bottom: 5px;
}

.article_title_small
{
      display: none;
}

.articles_line
{
      height: 1px;
      background: url('../images/home_article_line.jpg') top left repeat-x;
}

.article_image_link
{
      opacity: 1.0;
}

.article_image_link:hover
{
      opacity: 0.7;
}

.above_footer
{
      height: 60px;
}

.content_title
{
      text-align: left;
      font: 30px alef, arial;
      font-weight: bold;
      color: #383838;
      padding: 0;
}

.content_div
{
      margin-right: 30px;
      float: left;
      width: 700px;
      font: 16px alef, arial;
      color: #595959;
      display: inline-block;
      text-align: left;
}

.under_title_line
{
      background: #f2f2f2;
      height: 3px;
}

.under_line
{
      height: 56px;
}

/* Contact
---------------------------------------------------------*/
.contact_div
{
      width: 100%;
}

.contact_text_field
{
      width: 300px;
      background-color: #d1dbbd;
      border: none;
      border-radius: 2px;
      font: 13px alef, arial;
      padding: 3px 5px;
      margin:  0 0 23px 0;
}

.contact_text_field_name
{
      padding: 0px 8px 8px 0;
      font: 14px alef, arial;
      color: #193441;
}

.contact_error
{
      padding: 0 8px 8px 0;
      font: 14px alef, arial;
      color: #193441;
      font-weight: bold;
}

.contact_button
{
      padding: 2px 7px;
	border: 1px solid #cdcdcd;
	background: #eeeeee;
      font: 12px alef, arial;
      color: #707070;
      border-radius: 5px;
      margin: 20px 0;
}

.contact_form_div
{
      display: inline-block;
      float: left;
      width: 60%;
      text-align: left}

.contact_left_div
{
      float: left;
      display: inline-block;
      width: 40%;
}

.contact_map
{
      font: 22px alef, arial;
      font-weight: bold;
      margin: 0 0 40px 0;
}

.contact_text
{
      font: 14px alef, arial;
}

/* Footer
------------------------------------------------------------------------*/

.footer_td
{
      height: 129px;
      background: #383838;
}

.copyright_div
{
      float: left;
      width: 280px;
}

.copyright_text
{
      font: 12px alef, arial;
      color: #707070;
      text-align: center;
      padding-bottom: 10px;
}

.bottom_social_links
{
      height: 100px;
      text-align: center;
      font: 12px alef, arial;
      color: #707070;
}

.footer_div
{
      float: left;
      padding-top: 22px;
      font: 15px alef, arial;
      color: #ffffff;
      width: 700px;
      display: inline-block;
      text-align: center;
}

.gallery_text,
.gallery_text p
{
      font: 13px alef, arial;
      color: #595959;
}

.gallery_right_box
{
      float: right;
      width:55%;
}

.gallery_left_box
{
      float: left;
      width:40%;
}

/* Fade transition for carousel items */
#HPCarousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
#HPCarousel .carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
#HPCarousel .next.left,
#HPCarousel .prev.right {
    opacity: 1;
    z-index: 1;
}
#HPCarousel .active.left,
#HPCarousel .active.right {
    opacity: 0;
    z-index: 2;
}

#HPCarousel .item {
  border: 10px solid #FFFFFF;
}

#HPCarousel .item > img {
  width: 100%;
  max-height: 440px;
}

@media screen and ( min-width:1570px ){
      .form_div{
            right: -300px;
      }
}

@media screen and ( min-width:1370px ) and ( max-width: 1569px){
      .form_div{
            right: -200px;
      }
}

@media screen and ( max-width:980px ){
      .gallery_left_box
      {
            float: none;
            width:90%;
            clear: both;
            margin: 0 auto;
      }
      
      .gallery_right_box
      {
            float: none;
            width:90%;
            clear: both;
            margin: 0 auto;
      }
      
      .width_table
      {
            width: 95%;
      }

      .logo_div
      {
            padding: 0 10px;
      }

      .content_div
      {
            width: 90%;
            margin: 0;
            padding: 0 10px;
            float: none;
      }

      .form_div2
      {
            float: none;
            margin-top: 10px;
      }

      .content_title
      {
            padding-left: 10px;
      }

      .topmenu_item
      {
            margin: 0 5px;
      }

      .menu_pix
      {
            width: 10px;
            height:1px;
      }

      .header_title
      {
            font: 26px alef, arial;
            font-weight: bold;
            padding: 0 40px 0;
      }

      #feather
      {
            width: 100% !important;
            height: auto !important;
      }

      .header_image
      {
            width: 98% !important;
            height: auto !important;
            border: 8px solid #ffffff;
            
      }

      .slider_arrows
      {
            top: 107px;
      }

      .home_content_title
      {
            height: 50px;
            text-align: center;
            font: 30px alef, arial;
            font-weight: bold;
            color: #383838;
      }

      .article_div
      {
            width: 44%;
            margin: 0 3%;
      }

      .article_div_small
      {
            width: 29%;
            margin: 0 2%;
      }

      .article_image_div
      {
            width: 100%;
            overflow: hidden;
      }

      .article_image_div_small
      {
            width: 100%;
            overflow: hidden;
      }

      .article_image
      {
            width: 100%;
            height: auto;
      }

      .copyright_div
      {
            float: none;
            width: auto;
      }

      .footer_div
      {
            float: none;
            width: auto;
      }
}

@media screen and ( max-width:580px ){
      .article_div
      {
            width: 95%;
            margin: 0 2%;
      }

      .article_div_small
      {
            width: 43%;
            margin: 0 2%;
      }

      .article_image
      {
            width: 100%;
            height: auto;
      }

      .slider_arrows
      {
            top: 100px;
      }

      #feather
      {
            display: none;
      }

      .slider_arrows
      {
            display: none;
      }

      .contact_div
      {
            width: 96%;
      }

      .contact_form_div
      {
            width: 96%;
      }

      .contact_left_div
      {
            width: 96%;
      }

      .logo_div {
        padding: 0;
        width: 100%;
      }

      .logo_div img {
        height: auto;
        width: 100%;
      }
}

@media screen and ( max-width:420px ){
      .header_title
      {
            font: 20px alef, arial;
            font-weight: bold;
            padding: 0 10px 0;
      }

      .form_table {
        height: 411px;
        margin: 0 10px;
        width: 88%;
      }

      .header_td
      {
            height: auto;
      }

      .header_shadow_table
      {
            height: auto;
      }

      .us_short_contact_text_field
      {
            width: 90%;
            margin: 0 2% 15px;
            height: 21px;
            border: 1px solid #cdcdcd;
            border-radius: 3px;
            font: alef, arial;
      }

      .us_short_contact_text_field_small
      {
            width: 90%;
            margin: 0 2% 15px;
            height: 21px;
            border: 1px solid #cdcdcd;
            border-radius: 3px;
            font: alef, arial;
      }

      .form_div
      {
            height: 457px;
            width: 100%;
            float: none;
            position: static;
            padding-top: 20px;
      }

      .thanks_text
      {
            height: 20px;
            font: 12px alef, arial;
            font-weight: bold;
            color: #a04141;
      }

      .slider_arrows
      {
            display: none;
      }

      .article_div
      {
            width: 95%;
            margin: 0 2%;
      }

      .article_div_small
      {
            width: 95%;
            margin: 0 2%;
      }

      .article_image
      {
            width: 90%;
            height: auto;
      }

      .topmenu_item
      {
            margin-left: 10px;
      }

      .menu_pix
      {
            width: 5px;
            height:1px;
      }

      .contact_text_field
      {
            width: 200px;
      }

}