/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:url(images/bg.gif); min-width:998px}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#646464;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#646464; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#36cef9; background:url(images/marker.gif) center right no-repeat; padding-right:10px; font-weight:bold }
.link1{color:#36cef9; font-weight:bold }

.button{color:#fff; text-transform:uppercase; text-decoration:none;  }
.button:hover{text-decoration:none; color:#282828 }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 10px; margin:0; padding-left:12px; }
#content ul li a{color:#36cef9; font-weight:bold; text-decoration: underline; line-height:2em} 
#content ul li a:hover { text-decoration:none; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.5625em; color:#FFFFFF }
#header .logo{ margin:8px 0 0 35px }
#header .indent{margin:44px 0 0 862px; position:absolute; width:82px}
#header .indent1{padding:20px 0 0 880px}
#header .indent2{padding:15px 0 0 880px}

#header ul{margin:0; padding:18px 0 0 365px; list-style:none;}
#header ul li{ margin:0; display:inline;  background:url(images/bg_menu.gif)  center left no-repeat; float:left; padding:0 22px 0 22px}
#header ul .first{background:none;}
#header ul .first a{padding:0}
#header ul li a{color:#fff; text-transform:uppercase; text-decoration:none; display:block; float:left} 
#header ul li a:hover { color:#000; text-decoration:none;}
#header ul li .current{ text-decoration:none;}



#content .slogan{ padding:24px 45px 0 22px; text-align:right }
#content h1{ color:#8b870e; font-size:31px; text-transform:uppercase; margin-bottom:13px; line-height:1.2em; letter-spacing:-2px   }
/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .bg-cont{ background:url(images/bg_cont1.jpg) top left no-repeat; width:903px; height:451px}
#content .indent-main{padding:0 38px 0 39px}
#content .indent-main1{padding:9px 10px 0 10px}
#content .indent-main-1{padding:24px 20px 0 32px}
#content .indent-main2{padding:9px 10px 0 31px}
#content .indent-col2{padding:15px 0 0 0}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 18px 21px 0}
#content .img-left1{ float:left; margin:0 16px 10px 0}
#content .img-left2{ float:left; margin:0 16px 0 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 11px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 11px 0}
#content .p2{ margin:0 0 27px 0}
#content h2{color:#444c56; text-transform:uppercase; line-height:1.2em; font-size:1.75em; margin-bottom:21px;  }
#content h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#content .tail{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:11px}
#content .tail1{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:7px; margin-bottom:19px}

#content .indent{padding:0 0 0 0}

/*box*/
.box{ background: url(images/bg_block.gif) top left no-repeat; height:433px; width:auto; line-height:1.33em}
.box .indent-box{ padding:19px 25px 10px 26px; }
#content .box h2 span{color:#444c56; text-transform:uppercase; line-height:1.2em; font-size:1.14em; margin-bottom:7px;  }

/*list box*/
.list-box {
	background-color:white;
	width:auto;
	border:1px solid #dbdbdb;
	border-radius:6px;
	line-height:1.33em;
	padding:10px;
	margin-bottom: 10px;
	overflow: hidden;
	height:16px;
	transition: height 0.25s ease-out;
}
.list-box a:first-of-type {
	width: 2px;
	height: 2px;
	text-decoration: none;
	border: 2px solid #dbdbdb;
	border-radius: 100%;
	padding: 0 6px;
	margin-right: 5px;
	font-weight: bolder;
	font-size: 154%;
	color: black;
}
.list-box a {
	text-decoration: none;
}
.list-box span:first-of-type {
	font-weight: bold;
	margin-bottom: 10px;
}
.list-box p:first-of-type {
	margin-top: 20px !important;
}
.list-box.open {
	height:230px;
	transition: height 0.25s ease-out;
}
.list-box.close {
	height:16px;
	transition: height 0.25s ease-out;
}
.list-img {
	height: 118px;
	border: 1px solid #dbdbdb;
	box-shadow: 1px 1px 3px 0px #0000002b;
}

/*The Modal*/
/*background*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/*Content/Box*/
.modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  text-align: center;
  max-height: 80%;
  overflow: auto;
  width: 515px;
}

.modal-img-box {
	display: block;
    width: 500px;
    height: 707px;
    margin-right: 15px;
    border: solid 1px #dcdcdc;
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding: 250px 0 0 0;
}

/*Close Button*/
.x-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.x-close:hover,
.x-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


/*footer*/
#footer { color:#434242; text-transform:uppercase; font-size:0.625em; }
#footer .indent-footer{ padding:88px 50px 0 35px;}
#footer span {color:#31b2d6;}  
#footer a {color:#31b2d6; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:26px}
.h1{ height:30px; background:url(images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:110px}
.input{
   	border:none; 
	background:none;
	width:220px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:5px;
	padding-top:2px;
}input{
   	border:1px solid #dbdbdb; 
	background:#FFFFFF;
	width:234px; height:19px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	border:1px solid #dbdbdb; 
	background:#FFFFFF;
	width:254px; height:104px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}