/*  
Theme Name: Shiotani & Inouye
Version: 1.0
*/

body {width: 100%;margin:0;padding:0;background-color: #999999;font-family: 'Lato', sans-serif; min-height:100%; }

#container {background-color: #e5e5e5;width:94%;max-width:1060px;margin-left: auto;margin-right: auto;/* min-height:100%; */margin-bottom: -20px;}

/*--mobile--*/
@media(max-width:1060px) { 
 #container{
   width:100%;
}
}


.text{
			background-color:#ffffff;
			width:100%;
			max-width:1060px;
			/* min-height:100%; */
			overflow: hidden;
			}
.text p{/* width: 59.9%; *//* max-width:635px; */}

/*--desktop--*/
@media(min-width:1061px) { 
.text p {
    padding-right: 120px;
    margin-right:20px;
    max-width: 72%
}
}





.text a { text-decoration: none; outline: 0px; color: #333333; }
.text a:hover { text-decoration: none; }


img.logo {width:100%; max-width:1060px;}
img.banner, img.border {width:100%; max-width:1060px;}
img.banner_smaller { width:100%; margin-top:35px;}
/*--mobile--*/
@media(max-width:1060px) { 

img.banner{ margin-top:40px;}
}
/*--mobile--*/
@media(max-width:799px) {

img.banner{ display:none;
}
}
/*--desktop--*/
@media(min-width:800px) {
img.banner_smaller{ display:none;
}
}

img.right {width:28.7%;max-width: 305px;/* max-height: 422px; */float:right;}
img.divider { padding-left:0px; vertical-align: top;}

.menu-right {width:28.7%;max-width: 305px;height:100%;float:right;background: url(images/right.jpg);background-size:cover;}

.content {width:71.3%;/* max-width:755px; */height:375px;float:left;background-color: #ffffff;}
.content p {padding-left:60px;padding-right:60px;font-size:14px;line-height:18px;color: #333333;}
.content h2 {padding-left:56px; line-height:0px; margin-top:20px;}

/*--mobile--*/
@media(max-width:1060px) { 
 .content{
   width:100%;
 
}
.content p {
  margin-bottom:120px;
}
}
/*--desktop--*/
@media(min-width:1061px) { 
 .content{
    
height:375px;
}
}



.content2 {display:inline-block;width:100%;/* max-width:1060px; *//* min-height:100%; */background-color: #ffffff;}
.content2 h2, .text h5 {padding-left:60px; line-height:0px;margin-top:20px;
margin-bottom:20px;font-weight:bold;color:#000;
}

/*--desktop--*/
@media(min-width:1061px) {
    .content2.home {
       height:400px;
    }
}




.content2 p {font-size:14px;line-height:18px;color: #333333;background-color: #ffffff;padding-left:60px;padding-right:60px;}

/*--mobile--*/
@media(max-width:1060px) {
    .content p, .content2 p { font-size: 15px; line-height:20px;}
}


.footer {width: 71.3%;float:left;/* max-width:755px; */height:46px;background-color:#ffffff;}
.footer p {float:left;line-height: 15px;font-size:12px;/* width:71.3%; */max-width:755px;/* color:#333333; */padding-left:60px;}


.footer a { text-decoration: none; outline: 0px; color: #333333; }
.footer a:hover { text-decoration: none; }

/*--mobile--*/
@media(max-width:1060px) { 
 .footer{
   display:none;
  
}
}

.mobile_footer {
  background-color:#e5e5e5;
  padding: 10 10 10 10;
  line-height:15px;
    font-size:15px;
  /* height:100%; */
  /* overflow: hidden; */
}
/*--desktop--*/
@media(min-width:1061px) { 
 .mobile_footer{
   display:none;
  
}
}
.footer_ul{
  line-height:25px;
  margin-left:0px;
  margin-top:15px;
  color: #444;
    margin-bottom:20px;
  }

 .footer_ul li a, .footer_text,  .footer_text a  {

color: #444;
 }


 .footer_text a:hover, .footer_ul li a:hover  {

color: #000;
 }


.footer_text { 
  line-height:20px; 
margin-left:20px;
}

/*--desktop--*/
@media(min-width:841px) { 
.footer_ul{
    margin-left:35px;
  }
.footer_text { 
    margin-left:55px;
}

}


.news_img {

 max-width: 100%;
}
#nav-menu {
background: url(images/nav-off.jpg) #fff bottom left repeat-x;
height:44px;
width:100%;
}

#nav-menu ul {
list-style: none;
padding: 0 0 0 0%;
margin: 0;
}

#nav-menu li {
float: left;
margin: 0;
font-size:18px;
line-height:20px;
}


#nav-menu li a {
background: url(images/nav-off.jpg) #fff bottom left repeat-x;
height:44px;

float: left;
padding-right:0px;
padding-left:0px;
display: block;
color: #a9a9aa;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover {
background: url(images/nav-on.jpg) #fff bottom left repeat-x;
height:44px;
float: left;
padding-right:0px;
padding-left:0px;
display: block;
color: #a9a9aa;
text-decoration: none;
text-align: center;
}


#nav-bottom {width:100%;}

#nav-bottom ul {
list-style: none;
padding: 0x;
margin: 0;
padding-left:50px;
}

#nav-bottom li {
float: left;
margin: 0;
border-right:solid 1px #333333;
}

#nav-bottom li a {
float: left;
padding:0 10px 0 10px;
display: block;
text-decoration: none;
text-align: center;
font-size:12px; color:#333333; line-height:12px;
}

#nav-bottom li:last-of-type {
border-right:none 0px;
}

/*  
News Menu
*/
.top-side {min-height:20px;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
 
}
#cssmenu ul {
  position: relative;
  z-index: 597;
  float: left;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  margin-top: 1px;
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 99%;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 1px;
  left: 99%;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul li {
  float: none;
}
#cssmenu ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#cssmenu {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
 
  font-weight: 600;
  width: 100%;
  max-width: 305px;

}
#cssmenu ul a,
#cssmenu ul a:link,
#cssmenu ul a:visited {
  display: block;
  color: #333333;
  text-decoration: none;
  font-weight: 300;
  }
#cssmenu > ul {
  float: none;
}
#cssmenu ul {
  background: transparent;
}
#cssmenu > ul > li {
  border-left: 3px solid transparent;
  background: #ffffff;
  border-bottom: solid 1px #a5a5a5;
}

#cssmenu > ul > div {
  border-left: 3px solid transparent;
  background: transparent;
  height:7px;
}
#cssmenu > ul > li > a {
  padding: 5px 20px;
}
#cssmenu > ul > li:hover {
  border-left: 5px solid #00a550;
  border-right: 5px solid #00a550;
}

#cssmenu ul li:hover > a {
  color: #333333;
}
#cssmenu > ul > li:hover {
  background: #f6f6f6;
}
/* Sub Menu */
#cssmenu ul ul a:link,
#cssmenu ul ul a:visited {
  font-weight: 400;
  font-size: 14px;
}
#cssmenu ul ul {
  width: 180px;
  background: none;
  border-left: 20px solid transparent;
}
#cssmenu ul ul a {
  padding: 8px 0;
  border-bottom: 1px solid #eeeeee;
}
#cssmenu ul ul li {
  padding: 0 20px;
  background: #fff;
}
#cssmenu ul ul li:last-child {
  border-bottom: 3px solid #d7d8da;
  padding-bottom: 10px;
}
#cssmenu ul ul li:first-child {
  padding-top: 10px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom: none;
}
#cssmenu ul ul li:first-child:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: -20px;
  top: 13px;
  border-left: 10px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
}

/*  
Window and Screen Sizes
*/

@media screen and (max-width: 1125px) {
img.right {height: 590px;}
}

@media screen and (max-width: 840px) {
#nav-menu li a {font-size:14px;}
.footer p {/* font-size:8px; */line-height: 15px;}
#nav-bottom li a {/* font-size:8px; */line-height: 15px;/* color:#000000; */}
}

@media screen and (max-width: 840px) {
.content p, .content h2, .text h5 , .content2 p, .content2 h2 {padding-left:30px;padding-right:30px;}
.footer p {padding-left:10px;}
#nav-menu ul {padding: 0px;}
img.divider {padding-left:5px;}
#nav-menu li a {font-size:12px; color:#000000; font-weight: 500; padding-left:5px;}

#nav-bottom ul {padding-left:0px;}
#cssmenu {font-size: 12px;}

#nav-menu, #nav-menu li a, #nav-menu li a:hover  {height:26px;}
#nav-menu li  img {height:26px; width:auto;}
}

@media screen and (max-width: 560px) {
#nav-menu li a {font-size:10px;}
#cssmenu {font-size: 9px;}
#nav-menu, #nav-menu li a,  #nav-menu li a:hover {height:18px;}
#nav-menu li  img {height:18px; width:auto;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
#nav-menu li a {color:#000000;}
#nav-bottom li a, .footer {color:#000000;}
}

/* Hide from IE5-Mac \*/
#nav-menu li a, #nav-bottom li a
{
float: none
}
/* End hide */