﻿
* {
  margin: 0px;
  padding: 0px;
}


#sitemapul0{ list-style: upper-alpha; }
#sitemapul1{ list-style: hiragana;  }
#sitemapul2{ list-style: katakana; margin-left: 0px; }
#sitemapul3{ list-style: hiragana-iroha; margin-left: 60px; }
#sitemapul4{ list-style: katakana-iroha; margin-left: 80px; }

#added{
  margin-left:300px;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  background-color: #818588;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a {
  color: #666666;
}


.black {color: #000000}

.left {float: left}

.clear, br {
  clear: both;
  float: none;
}
.clearl {
  clear: left;
}
.clearl {
  clear: right;
}
#main-holder {
  background-color: #A7AEB4;
  width: 100%;
}


#flashcontent { 
  width: 100%;
  min-width:980px;
  position: relative; /*or absolute*/
  z-index: 0;
  width:expression(document.body.clientWidth < 980? "980px": "100%" );  
}

#flashcontent1 {  
  width: 100%;
  height: 100%;
  
}
#flash-holder{
  width: 100%;
  height: 463px;
  margin: 0px auto;
}



#flash-vt{
  position:absolute;
  top: 0px;

  min-height:720px;
  height:720px;
  visibility: hidden;
  width: 100%;
  min-width:982px;
  width:expression(document.body.clientWidth < 982? "982px": "100%" ); 
}

#flash-gal{
  position:absolute;
  top: 0px;
  width: 1253px;
  height: 100%;
  background: url(../images/bg-shadow.png) repeat;
  visibility: hidden;
}

#close-but {
  background-image: url(../images/close.png);
  display: block;
  height: 49px;
  width: 68px;
  text-align: center;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.image {
  width: 165px !important; 
}

#employees .image {
  width: auto !important; 
}

#close {
  width: 100%;
  height: 70px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  float: left;
}

#flash-home-holder{
  width: 100%;
  height: 680px;
  margin: 0px auto;
}

#content-holder {	
  width: 973px;
  text-align: left;
  margin: 0 auto;
  background: url(../images/sidbar.jpg) repeat-y;
}


#content-holder { width /*\**/: 972px\9 }

@media all and (min-width: 0px){
  #content-holder {
  width: 973px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
  #content-holder {
   width: 972px;
}
}




#submenu {
  width: 270px;
  float: left;
}

#org .image {
	margin-top:-8px;
}

#submenu ul li.project-title{
	color:white;
	font-weight:bold;
	height: 25px;
	list-style-type:none;
	margin-left:0;
	padding-left: 10px !important;
	padding-right:25px;
	text-transform:none;
	margin-bottom: 10px;
	_margin-bottom: 5px;
}

#submenu ul li.project-title a{
  background: none !important;
  font-size: 18px !important;;
}

#submenu ul li.project-title a:hover{
  color: #b9b7b7;
}

#submenu ul{
  float: left;
  background: url(../images/submenu-content-bg.gif) no-repeat top center;
  width: 270px;
  padding-top: 15px;
  min-height: 100px;
}

#submenu ul li{
  
  list-style-type: none;
  padding-left: 40px;
  color: white;
  font-size: 12px;
  display: block;
  width: 220px;
  height: 25px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}

#submenu ul li.title{
  list-style-type: none;
  padding-left: 25px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 12px;
  padding-right: 25px;
  height: auto;
  margin-left: 0px;
  text-transform: none;
}


#submenu ul li.text{
  list-style-type: none;
  padding-left: 25px;
  color: white;
  font-size: 12px;
  padding-bottom: 15px;
  padding-right: 25px;
  height: auto;
  margin-left: 0px;
  font-weight: normal;
  text-transform: none;
}

#submenu ul li.current{
  list-style-type: none;
  padding-left: 40px;
  color: white;
  font-size: 12px;
  display: block;
  width: 227px;
  height: 25px;
  background: url(../images/submenu-link-active-bg.png) no-repeat center;
  
  
}


#submenu ul li a{
  color: white;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  float: left;
  width: 200px;
  height: 21px;
  background: url(../images/submenu-link-bg.gif) no-repeat center left;
  font-size:12px;
  padding-top: 4px;
}

#submenu ul li a:hover{
  color: #999999;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  float: left;
  width: 200px;
  height: 21px;
  background: url(../images/submenu-link-bg.gif) no-repeat center left;
  font-size:12px;
  padding-top: 4px;
}

#submenu ul li a.current {
  color: white;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  float: left;
  width: 200px;
  height: 21px;
  background: url(../images/submenu-link-bg.gif) no-repeat center left;
  margin-bottom: 3px;
  font-size:12px;
  padding-top: 4px;
}


#submenu-multi ul{
  float: left;
  background: url(../images/submenu-content-bg.gif) no-repeat top center;
  width: 270px;
  padding-top: 15px;
  min-height: 100px;
}

#submenu-multi ul li{
  list-style-type: none;
  padding-left: 40px;
  color: white;
  font-size: 12px;
  display: block;
  width: 227px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}

#submenu-multi ul li.current{
  list-style-type: none;
  padding-left: 40px;
  color: white;
  font-size: 12px;
  display: block;
  width: 227px;
  
  
}


#submenu-multi ul li a{
  color: white;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  float: left;
  width: 180px;
  background: url(../images/submenu-link-bg.gif) no-repeat center left;
  font-size:12px;
  padding-top: 4px;
  margin-bottom: 3px;
}

#submenu-multi ul li a:hover{
  color: #999999;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  float: left;
  width: 180px;
  font-size:12px;
  padding-top: 4px;
}

#submenu-multi ul li a.current {
  color: #999999;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  float: left;
  width: 180px;
  font-size:12px;
  padding-top: 4px;
}

.map {
  width: 650px;
  position: relative;
  left: -4px;
}

.map .menu{
  background-image: url(../images/bg-top.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 34px;
  display: block;
  padding-left: 30px;
  width: 618px;
}
.map .menu a {
  background-image: url(../images/but_map.png);
  height: 32px;
  width: 107px;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bolder;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
}
.map .menu a.current {
  background-image: url(../images/but_map_act.png);
}
.map .map-cont {
  background-image: url(../images/bg-mid.png);
  background-repeat: repeat-y;
  background-position: center;
  width: 650px;
}
.map .map-foot {
  background-image: url(../images/bg-foot.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 15px;
  width: 650px;
}
.map .map-cont .google-maps { 
  margin-right: 6px;
  margin-left: 6px;
  width: 638px;
  height: 250px;
}
.map .zoom-in {
  background-image:url(../images/zoom-in.png);
  display:block;
  height:83px;
  left:574px;
  position:relative;
  top:-72px;
  width:81px;
}
.map .zoom-out {
  background-image:url(../images/zoom-in.png);
  display:block;
  height:83px;
  left:574px;
  position:relative;
  top:-72px;
  width:81px;
}
.map .rel60 {
  position: relative;
  top: -50px; 
  padding-left: 10px;
}
  
#content .map img{  
  background-color: transparent;
}

#content-holder {
  padding-bottom: 15px;
}

#content {
  width: 645px;
  float: left;
  background: url(../images/content-bg.png) no-repeat top;
  padding: 20px 25px 0px 25px;
  color: #333333;
  min-height: 100px;
}

#content p{
  padding-bottom: 15px; 
  padding-top: 10px;
  /*padding-left: 5px; 
  padding-right: 5px;*/
}

#content h3{
  /* padding-left: 5px; */
  padding-right: 5px;
  padding-bottom: 15px;
  font-size: 15px;
}

#content h2{
  /* padding-left: 5px; */
  padding-right: 5px;
  padding-bottom: 5px;
  font-size:16px;
}

#content h1{
  font-size:17px;
  color: #990000;
  /* padding-left: 5px; */
  padding-right: 5px;
  padding-bottom: 5px;
}

#content .title{
  font-weight: bold;
  font-size: 18px;
}


#content img.certificate {
  width: 150px;
  border: 3px  #980008 solid;
  float: left;
}

#content p.certificate {
  float:left;
  padding-left:15px;
  width:470px;
}

#content a.view-certificate {
  width: 197px;
  height: 65px;
  display: block;
  background: url(../images/view-pdf-bg.png) no-repeat top;
  float: right;
  padding-bottom: 15px;
}

#content img {
  float: left;
  border: 2px solid #990000;
  background-color: #ffffff;
  margin-right: 10px;
  margin-bottom: 10px;
}


#content .apply{
  background:transparent url(../images/but-bg-apply.png) no-repeat scroll left center;
  display:block;
  float:right;
  font-weight:bold;
  height:22px;
  padding-top:6px;
  text-align:center;
  text-decoration:none;
  width:151px;  
  color: #666666;
  font-family: Arial; 
}

#content .apply:hover{
  color: #999999;
  text-decoration:none;

}

#content ul {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:10px;
}

#content ol {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:30px;
}

#content ul li {
  list-style-type: none;
  padding-left: 20px;
  color: black;
  font-size: 12px;
  display: block;
  font-weight: normal;
  font-size: 12px;
  background: url(../images/ball.png) no-repeat center left;
}

#content ul p {
  padding:0px;
}

#content ul li a{
  text-decoration: none;
  font-size:12px;
}

#content ul li a:hover{
  font-size:12px;
  text-decoration: underline;
}

#content #org p {
  clear: both;
  float: none;
  padding: 0px;
}

#content img.but{
  float: right;
  border: 0px none #990000;
  margin-right: 10px;
  padding-bottom: 15px;
  background-color: transparent;
  padding-bottom: 15px;
}

#footer{
  width: 100%;  
  min-width:980px;
  height:auto /*!important;*/
  height:980px;
  clear: both;
}

#footer .company-footer{
  height: 35px;
  background: url(../images/footer-company-bg.gif) repeat-x top center;
}

#footer .company-footer .info, #footer .company-footer .loginus{
  color:#FFFFFF;
  float:left;
  font-size:11px;
  padding-top:10px;
  padding-left: 16px;
}



#footer .company-footer form{
  margin: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 7px;
}

#footer .company-footer label {
  color:#FFFFFF;
  float:left;
  font-size:11px;
  padding-right:5px;
  padding-top:3px;
  text-align:right;
  width:64px;
}

#footer .company-footer fieldset {
  float: left;  
  width: 425px;
  margin: 0px;
    padding: 0px;
    position: relative;
  top: -15px;
  display:block;
  float: left;
}

#footer .company-footer .Actions {
    float: left;  
}

#footer .company-footer .middleColumn {
  float: left;
  clear: none;
  width: 205px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;

}

#footer .company-footer  .right {
  float: right;
  padding-right: 10px;
}

.loginus {
  color:#FFFFFF;
  padding-top:8px;
}

#footer .company-footer .middleColumn input{
  border: none;
  background: url(../images/search-bg.png) no-repeat top left;
  width: 165px;
  height: 20px; 
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 11px;
  color: #ffffff;
  display: block;
  float: left;
  margin-right: 10px;
  font-weight: normal;
  font-size: 12px;
}

#footer .company-footer .Actions input{
  border: none;
  background: url(../images/search-button-bg.png) no-repeat top center;
  padding-top: 2px;
  width: 52px;
  height: 21px !important;
  color: #ffffff;
  display: block;
  float: left;
  text-indent: -9999px;
}

#footer .company-link{
  height: 26px;
  padding-left: 10px;
  padding-top: 15px;
  background: #818588;
  margin-top: -1px;
}

#footer .company-link ul {
  width: auto;
  list-style-type: none;
  float: left;
}

#footer .company-link ul li{
  float: left;
  padding-left: 5px;  
}

#footer .company-link ul li a{
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}

#footer .company-link ul li a:hover{
  text-decoration: underline;
}

#footer .search-box {
  display: block;
  float: right;
  padding-right: 10px;
  margin-top: -5px;
}


#footer .search-box form{
  margin: 0px;
  padding: 0px;
}

#footer .search-box .text{
  background:transparent url(../images/search-bg.png) no-repeat scroll center top;
  border:medium none;
  color:#FFFFFF;
  display:block;
  float:left;
  height:21px;
  margin-right:19px;
  padding-left:10px;
  padding-right:11px;
  padding-top:2px;
  width:165px;
  font-size: 12px;
  font-weight: normal;
}

#footer .search-box .button{
  border: none;
  background: url(../images/search-button-bg.png) no-repeat top center;
  padding-top: 2px;
  width: 52px;
  height: 21px !important;
  color: #ffffff;
  display: block;
  float: left;
}

#Form_CalendarFilterForm_action_doCalendarFilter{
  background:transparent url(../images/calendar_button.png) no-repeat scroll center top;
  border:medium none;
  color: #555A5F;
  display:block;
  float:left;
  height:28px !important;
  padding-top:2px;
  width:72px;
  font-family: Arial;
  font-weight: bold;
  float: right;
  margin-right:22px;
  _margin-right:11px;
  margin-top:16px;
  _margin-top:8px;
}

div.dp-popup {
  background:transparent url(../images/calendar_head_bg.png) no-repeat scroll center top;
  color:#333333;
  padding-top:4px;
}

a.dp-nav-prev-month{
  background:transparent url(../images/calendar_prew.png) no-repeat scroll center top;
  height:25px;
  margin-top:6px;
  width:25px;
}

a.dp-nav-next-month{
  background:transparent url(../images/calendar_next.png) no-repeat scroll center top;
  height:25px !important;
  margin-top:6px !important;
  width:25px !important;
}

div.dp-calendar{
  background:transparent url(../images/calendar_bg.png) no-repeat scroll center bottom;
}

#StartDayStartMonthStartYear{
   background:transparent url(../images/date_picker_bg.png) no-repeat scroll center bottom;
   margin-left:16px;
   _margin-left:8px;
   height: 68px;
}

#EndDayEndMonthEndYear{
   margin-top:12px;
   _margin-top:6px;
   background:transparent url(../images/date_picker_bg.png) no-repeat scroll center bottom;
   margin-left:16px;
   _margin-left:8px;
   height: 68px;
}

#Form_VacancyJobForm_action_doApply, #Form_JobApplicationForm_action_doApply{
  width:151px;
  }


#Form_VacancyJobForm .action, #Form_JobApplicationForm .action{
  background-image:none;
  color:#666666;
  font-size:11px;
  font-weight:bold;
  padding:0 0 8px;
  width:150px;
  border-style:none;
}
#Form_VacancyJobForm .action:hover, #Form_JobApplicationForm .action:hover{

  color:#999999;

}

#Form_VacancyJobForm textarea, #Form_JobApplicationForm textarea{

  width: 310;
  font-weight: normal;
}

#Form_VacancyJobForm input, #Form_VacancyJobForm select, #Form_JobApplicationForm input, #Form_JobApplicationForm select{

  width: 310;
  padding: 2px;
  font-weight: normal;
}
#Form_VacancyJobForm .form-row .calendardate #Form_VacancyJobForm_DateOfBirth-icon, #Form_JobApplicationForm .form-row .calendardate, #Form_JobApplicationForm_DateOfBirth-icon, #Form_JobApplicationForm img {
  float: none;
  border: 0px;
}

#Form_VacancyJobForm .form-row label,#Form_JobApplicationForm .form-row label {
  width: 200px;
  display: block;
  float: left;
  
}

#Form_EventRegistrationForm_action_doApply, #Form_EmployeesContactForm_action_doSubmit, #Form_EventRegistrationForm_action_doApply{
  width:151px;
  }


#Form_EventRegistrationForm .action, #Form_EmployeesContactForm .action, #Form_JobApplicationForm .action{
  background-image:none;
  color:#666666;
  font-size:11px;
  font-weight:bold;
  padding:0 0 8px;
  width:150px;
  border-style:none;
}
#Form_EventRegistrationForm .action:hover, #Form_EmployeesContactForm .action:hover, #Form_JobApplicationForm .action:hover{

  color:#999999;

}

#Form_EventRegistrationForm textarea, #Form_EmployeesContactForm textarea, #Form_JobApplicationForm textarea{

  width: 310;
  font-weight: normal;
}

#Form_EventRegistrationForm input, #Form_EventRegistrationForm select, #Form_EmployeesContactForm input, #Form_EmployeesContactForm select, #Form_JobApplicationForm input, #Form_JobApplicationForm select{

  width: 310;
  padding: 2px;
  font-weight: normal;
}
#Form_EventRegistrationForm .form-row .calendardate #Form_EventRegistrationForm_DateOfBirth-icon, #Form_JobApplicationForm .form-row .calendardate, #Form_JobApplicationForm_DateOfBirth-icon, #Form_JobApplicationForm img {
  float: none;
  border: 0px;
}

#Form_EventRegistrationForm .form-row label, #Form_EmployeesContactForm .form-row label, #Form_JobApplicationForm .form-row label {
  width: 200px;
  display: block;
  float: left;
  
}

.form-row-submit-job {
  width: 500px;
  padding-top:20px;
}



#flash-over{
  margin-left:-230px;
  position:absolute;
  top:95px;
  visibility: hidden;
}

#flash-home-holder{
  width: 100%;
  height: 680px;
  margin: 0px auto;
}




.map {
  width: 650px;
  position: relative;
  left: -4px;
}

.map .menu{
  background-image: url(../images/bg-top.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 34px;
  display: block;
  padding-left: 30px;
  width: 618px;
}
.map .menu a {
  background-image: url(../images/but_map.png);
  height: 32px;
  width: 107px;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: bolder;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
}
.map .menu a.current {
  background-image: url(../images/but_map_act.png);
}
.map .map-cont {
  background-image: url(../images/bg-mid.png);
  background-repeat: repeat-y;
  background-position: center;
  width: 650px;
}
.map .map-foot {
  background-image: url(../images/bg-foot.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 15px;
  width: 650px;
}
.map .map-cont .google-maps { 
  margin-right: 6px;
  margin-left: 6px;
  width: 638px;
  height: 250px;
}

.map .zoom-out {
  display: none;
  height: 83px;
  width: 81px;
  background-image: url(../images/zoom-out.png);
  position: relative;
  top: -60px;
}


#content .map img{  
  background-color: transparent;
}


#SearchResults{
  padding-left: 0px !important;
}

#SearchResults li{
  background: none !important;
  padding-left: 0px !important;
  border-bottom: 1px solid #BD1F16;
  margin-bottom: 20px;
  _margin-bottom: 10px;
}

#SearchResults a.searchResultHeader{
  font-weight: bold;
  font-size: 14px;
}

#SearchResults a.searchResultHeader:hover{
  font-weight: bold;
  font-size: 14px;
}


#PageNumbers{
 text-align: center;
}

h1.searchQuery{
  padding-bottom: 20px !important;
}

div.image{
   width: auto !important;
}

div.image img{
  margin-top: 12px;
  _margin-top: 6px;
}

#SearchResults p{
  padding-left: 0px !important; 
  padding-top: 5px !important;
  padding-bottom: 10px !important;
}


#FrontendLoginForm_LoginForm {
  margin: 0px;
  padding: 0px;
  float: left;  
  width: 615px;
}

#FrontendLoginForm_LoginForm_error {
  color:#FFFFFF;
  font-size:11px;
  left:750px;
  padding-top:3px;
  padding-left: 10px;
  position:absolute;
  text-align:left;
  width:385px;  
}

.loginus {
  color:#FFFFFF;
  padding-top:8px;
}


.form-row {
  margin-bottom: 6px;
  _margin-bottom: 3px;
}

.form-row .error-message{
  padding-left: 200px;
  padding-bottom: 5px;
  color: #9E1912; 
}

.form-row label{
  font-size: 13px;
  padding-top: 5px;
}

.form-row img{
  margin: 0px !important;
}

.form-row input, select, textarea, file{
  border: 1px #6F7478 solid !important;
}


.form-row input:focus, select:focus, textarea:focus, file:focus{
  border: 1px #BD1E15 solid !important;
}



.rel60 {
  margin-top:-36px;
  padding-left:80px;
  padding-top:0;
}

.rel60 p{
  padding-left:5px !important;
  padding-top:0 !important;
}

#event-tip
{
  padding-left: 200px;
}

#expose_gallery {
}
#expose_holder {
left:335px;
position:absolute;
top:-370px;
width:620px;}

.downloadpic {
}