/* Global */
html, body {
    width:100%;
	overflow-x: hidden;
}

body { background-color: #f4eee0 }

@media (min-width: 992px) { .container { max-width: 970px; } }

.container { background-color: #f4eee0; }

/* Banner */
.banner {
	height: 124px;
	}

.banner-logo {
	margin-top: 12px;	
}

.logo_name_text_orange {
	color: #ff9933;
	text-align: left;
	font-family: "Californian FB", Arial, Verdana, sans-serif;
	font-size: 26px;
	font-weight: bold;
	}

.logo_name_text_green {
	color: #669966;
	text-align: left;
	font-family: "Californian FB", Arial, Verdana, sans-serif;
	font-size: 26px;
	font-weight: bold;
	}
	
h1.logo_tagline_text_gray {
	margin: 0px;
	padding: 0px;
	color: #666666;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}

@media (max-width: 768px) { h1.logo_tagline_text_gray { font-size: 20px; } }

h1.logo_tagline_text_gray_mobile {
	margin: 0px;
	padding: 0px;
	color: #666666;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}
		
/* Menu - Non-mobile */
.navbar { 
	border: 0px; 
	margin: 0px; 
	min-height:47px !important
	}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-nav > li.bg-img { height: 47px; width: 108px; text-align: center; background-image: url('http://www.oongawa.com/images/menu-item-bg1.jpg'); background-repeat: no-repeat; }
.navbar-nav > li.bg-img:hover { height: 47px; width: 108px; text-align: center; background-image: url('http://www.oongawa.com/images/menu-item-bg2.jpg'); background-repeat: no-repeat; }

.navbar-nav > li.menu-item-bg       { margin-left: 5.4px; margin-right: 5.4px; }
.navbar-nav > li.menu-item-bg-left  { margin-left:   0px; margin-right: 5.4px; }
.navbar-nav > li.menu-item-bg-right { margin-left: 5.4px; margin-right:   0px; }

.navbar-nav > li > a.menu:link    { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #666666; font-weight: bold; text-align: center; padding-left:0px !important; padding-right:0px !important; padding-top:12px !important; padding-bottom:5px !important; width: 108px; }
.navbar-nav > li > a.menu:visited { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #666666; font-weight: bold; text-align: center; padding-left:0px !important; padding-right:0px !important; padding-top:12px !important; padding-bottom:5px !important; width: 108px; }
.navbar-nav > li > a.menu:hover   { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #F3EEE0; font-weight: bold; text-align: center; padding-left:0px !important; padding-right:0px !important; padding-top:12px !important; padding-bottom:5px !important; width: 108px; }

.navbar-nav > li > a.dropdown-toggle:link    { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #666666; font-weight: bold; padding-left:0px !important; padding-right:0px !important; padding-top:12px !important; padding-bottom:5px !important; width: 108px; }
.navbar-nav > li > a.dropdown-toggle:visited { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #666666; font-weight: bold; padding-left:0px !important; padding-right:0px !important; padding-top:12px !important; padding-bottom:5px !important; width: 108px; }
.navbar-nav > li > a.dropdown-toggle:hover   { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #F3EEE0; font-weight: bold; padding-left:0px !important; padding-right:0px !important; padding-top:12px !important; padding-bottom:5px !important; width: 108px; }

.caret{
	margin-Left: 4px;
}

.menu-bg { 
	height: 47px;
	background-image: url('http://www.oongawa.com/images/menu-bg.jpg');
	background-repeat: repeat;
	}
	
.navbar-default .navbar-nav >.open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
	background-image: none;	
	}
	
.dropdown-menu {
	top: 46px;
	left: 1px;
	padding: 0px;
	background-color: #AEA691;
}

.dropdown-item {
  	opacity: 0.90;
  }
  
.dropdown-menu > li > a {
  	background-color: #BEB9A4;
  }

.dropdown-menu > li > a:hover {
  	background-color: #AEA691;
  }
     
.navbar-default .navbar-nav .open .dropdown-menu > li.divider {
	margin: 1px 0px 0px 0px;	
	padding-top: 1px;
	color: #f4eee0;
}

.navbar-default .navbar-nav .open .dropdown-menu > li.spacer {
	margin: 0px;
	height:  6px; 
	width: 190px;
	background-image: url('http://www.oongawa.com/images/menu-spacer.jpg');
	background-repeat: no-repeat;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
  }

/* Menu - Mobile */
.menu-mobile-bg {
	background-color: #f4EEE0;
	}

.btn-custom {
  background-color: hsl(139, 15%, 28%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a1b9a8", endColorstr="#3c5243");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#a1b9a8), to(#3c5243));
  background-image: -moz-linear-gradient(top, #a1b9a8, #3c5243);
  background-image: -ms-linear-gradient(top, #a1b9a8, #3c5243);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1b9a8), color-stop(100%, #3c5243));
  background-image: -webkit-linear-gradient(top, #a1b9a8, #3c5243);
  background-image: -o-linear-gradient(top, #a1b9a8, #3c5243);
  background-image: linear-gradient(#a1b9a8, #3c5243);
  border-color: #3c5243 #3c5243 hsl(139, 15%, 18%);
  color: #FFFFFF !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.66);
  -webkit-font-smoothing: antialiased;
}

a.mobile:link    { font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #FFFFFF; text-decoration: none; font-weight: bold; margin-top: 5px; }
a.mobile:visited { font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #FFFFFF; text-decoration: none; font-weight: bold; margin-top: 5px; }
a.mobile:hover   { font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #FFFFFF; text-decoration: none; font-weight: bold; margin-top: 5px; }

/* Slideshow */

#slideshow {
	position: relative;
	text-align: center;
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px auto;
	margin-top: 40px;
	}

/*style="display: block"*/ 
.fadein2 { position:relative; width: auto: height: auto; margin-top: 40px; }
.fadein3 { position:relative; width:920px; height:355px; margin-top: 40px; }
.fadein { position:relative; height:355px; margin-top: 40px; }

.fadein div.slide { position:absolute; left: 0; top: 0; }

.slide, .slide-inner { width: 100%; height: auto; display: block; }

.slide1-text {
	width: 100%; height: auto; float: left;
}

.slide1-img {
	width: 100%; height: auto; float: left;
}

.slide2-img {
	width: 100%; height: auto;
}

.slide2-text {
	width: 36%; height: auto; float: left;
}

.slide2-top {
	width: 100%; height: auto; float: left;
}

.slide2-bottom {
	width: 100%; height: auto; float: left;
}

h2.slide-header {
	margin: 0px;
	padding: 0px;
	color: #61594E;
	text-align: center;
	font-family: "Californian FB", Arial, Verdana, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	}
	
/* Main */
h2.header {
	margin-top: 0px;
	padding-top: 0px;
	color: #ff9933;
	text-align: left;
	font-family: "Californian FB", Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	}

h3.header {
	margin-top: 0px;
	padding-top: 0px;
	color: #669966;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
	
.header-spacing {
	padding-top: 20px;
	padding-bottom: 30px;
	}

.main-header-spacing {
	padding-top: 15px;
	padding-bottom: 30px;
	}
	
.portfolio_main_text {
	color: #958E7D;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.main_header_text {
	color: #61594E;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}
	
@media (max-width: 768px) { .main_header_text { font-size: 18px; text-decoration: underline; } }
@media (max-width: 768px) { .portfolio_main_text { font-size: 16px; } }

.body_text {
	color: #61594E;
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;

	}

@media (max-width: 768px) { .body_text { font-size: 14px; } }

.float_l_logo {
	float: left;
	padding: 5px 15px 5px 0px;
	}

@media (min-width: 768px) {
    .modal-dialog {
        width: 800px;
    }
}

@media (min-width: 768px) {
    .modal-content {
        width: 800px;
		margin-left: 0px;
    }
}

.modal-left-column {
  width: 45%;
  float: left;
}

.modal-right-column {
  width: 45%;
  float: right;
}
		
/* Main Form */
#quote-form {
	width: auto;
	height: auto;
	padding: 10px;
	background-color: #9bad9d;
	background-image: url('http://www.oongawa.com/images/bg-form.jpg');
	background-repeat: repeat;
	border: 1px solid #333300;	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; /* future proofing */
	-khtml-border-radius: 7px; /* for old Konqueror browsers */
	}

#quote_form > label {
	text-align: right;
	}

.submit_quote {
	color: #336633;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	background-image: url('http://www.oongawa.com/images/bg-quote.jpg');
	background-repeat: repeat-x;
	background-size: 1px 100%;
	border: 1px solid #336633;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	}
	
/* Footer */
.footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background-image:  url('http://www.oongawa.com/images/footer-bg.jpg');
	background-repeat: repeat-x;
	background-color: #E0DBC9;
	}

.footer-bg {
	background-color: #E0DBC9;
	}

.footer-padding {
	margin-top: 10px;
}
			
.logo_name_text_orange_small {
	color: #ff9933;
	text-align: right;
	font-family: "Californian FB", Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	}

.logo_name_text_green_small {
	color: #669966;
	text-align: right;
	font-family: "Californian FB", Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	}
	
.address_text {
	color: #958E7D;
	text-align: right;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	}

@media (max-width: 768px) { .address_text { font-size: 15px; } }

a.footer1:link    { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #958E7D; text-decoration: none; }
a.footer1:visited { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #958E7D; text-decoration: none; }
a.footer1:hover   { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #61594E; text-decoration: none; }

a.footer2:link    { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #61594E; text-decoration: none; font-weight: bold; }
a.footer2:visited { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #61594E; text-decoration: none; font-weight: bold; }
a.footer2:hover   { font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #958E7D; text-decoration: none; font-weight: bold; }

/* Sub Footer */

.sub-footer {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	text-align: center;
	color: #61594E;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.sub-footer-text {

	color: #61594E;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* General */
.margin-top-30 {
	margin-top: 30px;	
	}
	
.margin-top-25 {
	margin-top: 25px;	
	}
	
.margin-top-20 {
	margin-top: 20px;	
	}
	
.margin-top-15 {
	margin-top: 15px;	
	}

.margin-top-10 {
	margin-top: 10px;	
	}

.margin-top-7 {
	margin-top: 7px;	
	}
	
.pull-right {
  float: right !important;
}

.min-height-300 {
	min-height: 400px;	
}

.slideshow-important {
	color: #BF2B2E;
}

/* Carousel */

.carousel {
    height: 425px;
    overflow: hidden;
	margin-top: 20px;
}

.carousel-inner {
    height: 425px;
	background-color: f4eee0;
	z-index:0;
}

.carousel .item {
    -webkit-transition: opacity ease-in-out 2s;
    -moz-transition: opacity ease-in-out 2s;
    -ms-transition: opacity ease-in-out 2s;
    -o-transition: opacity ease-in-out 2s;
    transition: opacity ease-in-out 2s;
	background-color: f4eee0;
	z-index:1;
    height: 425px;
	margin: 0 auto;

}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:3;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:2;
}

.carousel-control.right, .carousel-control.left
{
  background-image:none;
}

.carousel-indicators li {
  background-color: #669966;
}
.carousel-indicators .active {
  background-color: #FF7600;
}