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

#wrapper
{
      width: 100%;
}

/* Temp Settings 
------------------------------------------------------------------------*/

.form_div2{
	display:none;
}

/*------------------------------------------------------------------------
Temp Settings End */


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

.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;
}

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

.menu_box
{
      float: left;
      width:80%;
      height:72px;
}

.menu_td
{
      background: #383838;
}

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

.topmenu_item
{
      font: 13px alef, arial;
      font-weight: bold;
      color: #ffffff;
      text-decoration: none;
}

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

.topmenu_item_selected_span
{
      background: url('../images/menu_selected_bg.jpg') top left repeat-x;
      height: 22px;
      color: #ffffff;
}

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

.mobileMenu{
      display: none;
}

.mobileMenu button {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #FFFFFF;
  display: block;
  font: bold 18px alef,arial;
  box-shadow: 0 0 4px #000000;
  width: 90%;
  margin-bottom: 15px;
}

.mobileMenu ul {
  margin: 0;
  padding: 0 0 15px;
}

.mobileMenu ul li {
  list-style: none outside none;
}

.mobileMenu ul li a{
  overflow: hidden;
  display: block;
  color: #fff;
  box-shadow: 0 0px 0px #000000 inset;
  margin: 0;
  height: 0;
  transition: all 0.2s ease 0s;
}

.mobileMenu ul li:nth-child(1) a{
      transition-delay: 0.1s;
}

.mobileMenu ul li:nth-child(2) a{
      transition-delay: 0.2s;
}

.mobileMenu ul li:nth-child(3) a{
      transition-delay: 0.3s;
}

.mobileMenu ul li:nth-child(4) a{
      transition-delay: 0.4s;
}

.mobileMenu ul li:nth-child(5) a{
      transition-delay: 0.5s;
}

.mobileMenu ul li:nth-child(6) a{
      transition-delay: 0.6s;
}

.mobileMenu ul li:nth-child(7) a{
      transition-delay: 0.7s;
}

.mobileMenu ul li:nth-child(8) a{
      transition-delay: 0.8s;
}

.mobileMenu ul li:nth-child(9) a{
      transition-delay: 0.9s;
}

.mobileMenu ul li:nth-child(10) a{
      transition-delay: 1s;
}

.mobileMenu ul li:nth-child(11) a{
      transition-delay: 1.1s;
}

.mobileMenu ul.active li a{
  padding: 6px 0;
  height: 20px;
  box-shadow: 0 1px 2px #000000 inset;
}

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

/* 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: 135px;
      font: 30px alef, arial;
      font-weight: bold;
      color: #ffffff;
      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;
      background: url('../images/form_bg.png') top center no-repeat;
      float: right;
      position: relative;
      right: 30px;
      top: -59px;
      z-index: 20;
}

.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.jpg') top center no-repeat transparent;
	font: 28px alef, arial;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
	text-align:center;
}

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

/* 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_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_text2
{
      height: 35px;
	font: 14px alef, arial;
      padding: 0 10px;
      font-weight: bold;
	color: #a04141;
}


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

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

.article_image
{
      border-bottom: 5px solid #383838;
      filter: alpha(opacity = 70);
      max-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: 13px alef, arial;
      color: #595959;
      text-decoration: none;
}

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

.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: 10px;
}

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

.content_div
{
      margin-left: 30px;
      float: right;
      width: 700px;
      font: 13px 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;
}

.h576{
      
      height: 576px;
}

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

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

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

.copyright_text
{
      font: 12px alef, arial;
      color: #707070;
}

.bottom_social_links
{
      opacity: 0.5;
      filter: alpha(opacity = 50);
      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%;
}

@media screen and ( max-width:980px ){
      
      .gallery_left_box{
            float: none;
            width:90%;
            clear: both;
            margin: 0 auto;
      }
      
      .menu_box,.form_div{
            display: none;
      }

      .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: 30px;
            height:1px;
      }

      .mobileMenu{
            display: block;
      }

      .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%;
      }
      
      .form_div{
            
            display: none;
      }
      
      .h576{
            
            height: auto;
      }

      .header_td,.header_shadow_table,.header_title
      {
            height: auto;
      }
}

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

      .form_table
      {
            margin: 0;
            padding: 15px;
            height: 411px;
            width: 100%;
      }

      .header_td
      {
            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;
      }

      .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: 10px;
            height:1px;
      }

      .contact_text_field
      {
            width: 200px;
      }
}
