@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
.menu-main {
  list-style: none;
  margin: 10px 0 5px;
  padding: 25px 0 5px;
  text-align: center;
  background: white;
}
.menu-main li {display: inline-block;}
.menu-main li:after {
  content: "|";
  color: #424040;
  display: inline-block;
  vertical-align:top;
}
.menu-main li:last-child:after {content: none;}
.menu-main a {
  text-decoration: none;
  font-family: 'Ubuntu Condensed', sans-serif;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 20px;
  margin: 0 34px 0 30px;
  font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  transition: color .2s;
}
.menu-main a, .menu-main a:visited {color: #4E4A4E;}
.menu-main a.current, .menu-main a:hover{color: #F85F04;}
.menu-main a:before,
.menu-main a:after {
  content: "";
  position: absolute;
  height: 4px;
  top: auto;
  right: 50%;
  bottom: -5px;
  left: 50%;
  background: #F85F04;
  transition: .8s;
}
.menu-main a:hover:before, .menu-main .current:before {left: 0;}
.menu-main a:hover:after, .menu-main .current:after {right: 0;}   
@media (max-width: 550px) {
.menu-main {padding-top: 0;}
.menu-main li {display: block;}
.menu-main li:after {content: none;}
.menu-main a {
  padding: 25px 0 20px; 
  margin: 0 30px;
}
}

.metro {
  list-style: none;
  padding: 0;
  margin: 30px 0 0 50px;
  border-left: 5px solid #DAE4F1;
}
.metro li {line-height: 2em;}
.metro ul {
  margin: 20px 0 20px 15px;
  padding: 0;
  border: none;
  list-style: none;
}
.metro ul:before, .metro ul:after {
  content: "";
  width: 5px;
  height: 28px;
  background: #DAE4F1;
  position: relative;
  display: block;
  left: -9px;
}
.metro ul:before {
  transform: rotate(-45deg);
  margin-top: -15px;
}
.metro ul:after {
  transform: rotate(45deg);
  bottom: -20px;
}
.metro ul li {border-left: 5px solid #DAE4F1;}
.metro ul li:first-child {
  margin-top: -5px;
  padding-top: 5px;
}
.metro ul li:last-child {
  padding-bottom: 9px;
  margin-bottom: -25px;
}
.metro a {
  text-decoration: none;
  display: block;
  font-family: 'Noto Sans', sans-serif;
  color: #4A4B4D;
}
.metro a:before {
  content: "";
  display: inline-block;
  background: #CA682D;
  width: 12px;
  height: 12px;
  left: -9px;
  position: relative;
  border-radius: 50%;
  margin-right: .5em;
}

















body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	
}

#container {
	height: 160px;
	background: url(images/bg.jpg) center top no-repeat;
}

ul#nav {
	width: 700px; margin: 0 auto; text-align: center; overflow: hidden;
}
	ul#nav li {
		float: left; list-style: none; 
	}
		ul#nav li a {
			display: block; width: 97px; height: 77px; 
			padding: 72px 0 0 0; margin: 0 32px 0 32px;
			font: bold 16px Helvetica, Arial, Sans-Serif; text-transform: uppercase;
			color: #9c5959; text-shadow: 0 1px 3px #c4bda6; text-decoration: none;
			
			background: url(images/label.png) 0 -149px no-repeat; 
		}
			ul#nav li a:hover {
				background: url(images/label.png) 0 0 no-repeat;
				color: #eee9d9; text-shadow: 0 2px 3px #4c2222;
			}
			
			ul#nav li a.js:hover {
				background: url(images/label.png) 0 -149px no-repeat;
			}
font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	margin:0 auto;
	padding:0px;
	color:#666666;	}
          
table td { font-size: 12px; }
              
a:link    {color:#000000; text-decoration:underline;}
a:visited {color:#000000; text-decoration:underline;}
a:hover   {color:#CCCCCC; text-decoration:none;}

.page { position:relative;
        width:85%;
        height:1300px;
        background-color:#FFFFFF;
        border-style:none;
        vertical-align:top;
        margin:0 auto;
        padding:0px;   }

.logo { position:relative;
        font-size:18px;
        font-weight:none;
        font-style:normal;
        color:#000000;
        border-style:none;
        text-align:left;  }
        
.logo2 { position:relative;
        font-size:16px;
        font-weight:none;
        font-style:normal;
        color:#000000;
        border-style:none;
        text-align:center;  }
        
.png { behavior: url(pngbehavior.htc); }
               
.main-pic {   position:absolute;
              float:right;
              top:0px;
              right:0px;
              width:70%;
              height:598px;
              background-position:left top;
              background-repeat:no-repeat;
              z-index:10;
              overflow:hidden;
              border-style:none;  }
                
          
.menu {  line-height:30px;
         font-size:18px;
         border-style:none;  }
          
.menu2 {  
          width:294px;
          line-height:30px;
          font-size:14px; 
          font-weight:normal; 
          border-style:none;
          color:#000000;}
          
.menu a:link    {color:#000000; text-decoration:underline;}
.menu a:visited {color:#000000; text-decoration:underline;}
.menu a:hover   {color:#ff9900; text-decoration:none;}

.menu2 a:link    {color:#ff9900; text-decoration:underline;}
.menu2 a:visited {color:#ff9900; text-decoration:underline;}
.menu2 a:hover   {color:#000000; text-decoration:none;}

.content {  position:relative;
            width:50%;
            float:right;
            border-style:none;
            text-align:justify; }
            
.title {  font-size:28px;
          font-family: Tahoma, Helvetica, sans-serif;
          color:#000000;}  
             
.title1 {  font-size:18px;
          font-family: sans-serif;
          color:#000000;} 
          
.gtitle3 {  font-size:23px;
          font-family: Helvetica;
          color:#000000;} 
          
.small { position:relative;
         font-size:11px;
         color:#999999;
         letter-spacing:2px;
         line-height:15px;
         text-align:center;
         } 
          

.footer-text {  position:relative;
                float:left;
                font-size:15px;
                color:#000000;