.navbar-inverse {
background-color : #000;
font-size : 100%;
}

.navbar li a{
	padding-left : 9px;
	padding-right : 9px;
}

.tab-on{
background-color : #F38639;
}

.ddm {
  cursor:pointer;
}

.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
background-color : #F38639;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color : #333;
}
.dropdown-menu {
background-color : #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color : #F38639;
}
.navbar-inverse {
background-image : none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-image : none;
}
.navbar-inverse {
border : 0;
border-color : #080808;
}
.navbar-inverse .navbar-brand {
color : #FDEBDF;
}
.navbar-inverse .navbar-brand:hover {
color : #F38639;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
color : #fff;
background : #F38639;
}
.navbar-inverse .navbar-nav > li > a {
color : #ddd;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color : #fff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color : #ddd;
}
.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color : #fff;
}
.dropdown-menu > li > a {
color : #333;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color : #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color : #999;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
border-top-color : #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-bottom-color : #999;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
border-bottom-color : #fff;
}
.navbar-brand {
letter-spacing : 1pt;
}
.dropdn {
background : #111;
font-size : 130%;
}
.top-space {
height : 30px;
}
body {
font-family : verdana;
background : url(/img/backdrop-small.jpg) center center no-repeat fixed;
background-size : cover;
height : 100%;
width : 100%;
}

@media only screen and (min-width:510px) {
body {
font-family : verdana;
background : url(/img/backdrop.jpg) center center no-repeat fixed;
background-size : cover;
height : 100%;
width : 100%;
}
}

.wrapper {
width : 95%;
margin : 3em auto;
}
.item-photo {
display : inline-block;
background : #fff;
padding : 5px;
margin : 0 0 1.5em;
width : 100%;
box-sizing : border-box;
box-shadow : 2px 2px 4px 0 #ccc;
}
.item-photo img {
width : 100%;
height : auto;
cursor : pointer;
}
.qpt-extra {
background : #fff;
}
.qpt-image {
padding : 0;
border : 0;
}
.qpt-txt {
margin : 10px;
margin-bottom : 5px;
margin-left : 15px;
margin-right : 15px;
}
#overlay {
left : 0;
top : 0;
bottom : 0;
right : 0;
position : fixed;
min-height : 100%;
min-width : 100%;
background : rgba(51, 51, 51, 0.7);
z-index : 10;
display : none;
}
.closebutton {
border-radius : 32px;
position : absolute;
z-index : 800;
width : 30px;
height : 30px;
background : #fff;
padding : 0;
padding-left : 1px;
cursor : pointer;
border : #000 solid 1px;
text-align : center;
vertical-align : middle;
font-size : 14pt;
font-family : verdana;
font-weight : 700;
color : red;
margin-left : -10px;
margin-top : -16px;
margin-left : -32px;
}
.closebutton a {
color : red;
}
.closebutton:hover {
background : #FAB7B2;
}
.playbutton:hover {
background : #C5FAB2;
}
.stopbutton:hover {
background : #FAB7B2;
}
.prevbutton:hover {
background : #B2CBFA;
}
.nextbutton:hover {
background : #B2CBFA;
}
.playbutton {
border-radius : 32px;
position : absolute;
z-index : 800;
width : 35px;
height : 35px;
background : #fff;
padding : 0;
cursor : pointer;
border : #000 solid 1px;
text-align : center;
vertical-align : middle;
font-size : 16pt;
font-family : verdana;
font-weight : 700;
color : #0c0;
margin-top : -16px;
}
.stopbutton {
border-radius : 32px;
position : absolute;
z-index : 800;
width : 35px;
height : 35px;
background : #fff;
padding : 0;
cursor : pointer;
border : #000 solid 1px;
text-align : center;
vertical-align : middle;
font-size : 16pt;
font-family : verdana;
font-weight : 700;
color : red;
margin-top : -16px;
}
.prevbutton {
border-radius : 32px;
position : absolute;
z-index : 810;
width : 30px;
height : 30px;
background : #fff;
padding : 0;
padding-right : 2px;
cursor : pointer;
border : #000 solid 1px;
text-align : center;
vertical-align : middle;
font-size : 14pt;
font-family : verdana;
font-weight : 700;
color : #00c;
margin-top : -12px;
margin-left : -100px;
}
.homebutton {
position : absolute;
margin-left : 20px;
margin-top : -52px;
border : #000 solid 1px;
letter-spacing : 1pt;
font-family : verdana, arial;
font-size : 11pt;
color : #000;
background : #FFF;
padding : 10px;
}
.homebutton:hover {
background : #B2CBFA;
}
.nextbutton {
border-radius : 32px;
position : absolute;
z-index : 820;
width : 30px;
height : 30px;
background : #fff;
padding : 0;
padding-left : 3px;
cursor : pointer;
border : #000 solid 1px;
vertical-align : middle;
font-size : 14pt;
font-family : verdana;
font-weight : 700;
color : #00c;
margin-top : -12px;
margin-left : 100px;
}
.imagebox {
width : auto;
height : auto;
z-index : 700;
display : inline-block;
border : #000 solid 1px;
background : #fff;
padding : 20px;
cursor : default;
font-size : 11pt;
font-weight : 400;
}
#imagebox_text {
font-size : 11pt;
}
#img_sq {
border : #ddd solid 1px;
}
.video-container {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.masonry {
width : 100%;
height : auto;
}
.item-photo {
width : 94%;
height : auto;
margin : 10px;
float : left;
}
.feedback {
width : 94%;
font-size : 90%;
}


.container {
background : none;
}
.col-nobreak {
clear : none !important ;
}
.clm1 {
background : url(/img/wht4.png);
}
.clm1b {
background : url(/img/wht3.png);
}
.clm2 {
padding : 5px;
background : url(/img/blk3.png);
color : #fff;
border : #000 solid 1px;
}
.tx-cent {
text-align : center;
}
.tx-left {
text-align : left;
}
.tx-right {
text-align : right;
}
.tx-pad5 {
padding : 5px;
}
.tx-pad10 {
padding : 10px;
}
.tx-pad15 {
padding : 15px;
}
.nopad {
padding : 0;
}
.pg-li li {
margin-bottom : 6px;
margin-left : -10px;
}
.pg-title {
background : url(/img/org3.png);
color : #fff;
text-shadow : 2px 2px 5px #000;
text-align : center;
font-style : italic;
padding : 4px;
padding-bottom : 6px;
margin-bottom : 15px;
}
.pg-title2 {
background : url(/img/org2.png);
color : #000;
text-align : center;
padding : 4px;
padding-bottom : 6px;
margin-bottom : 15px;
}
.pg-title3 {
background : url(/img/org2.png);
color : #000;
text-align : center;
font-style : italic;
font-size : 100%;
height : 36px;
padding : 4px;
padding-bottom : 6px;
margin-bottom : 15px;
}
.mini-title {
padding-top : 5px;
}
.pg-pad {
padding-left : 10px;
padding-right : 10px;
}
.rounded {
border-top-left-radius : 11px;
border-top-right-radius : 11px;
border-bottom-left-radius : 11px;
border-bottom-right-radius : 11px;
}
.show-loc {
display : inline-block;
margin-right : 15px;
}
.show-loc2 {
display : inline-block;
}
.pg-images {
margin : 0 auto;
background : #fff;
margin-bottom : 10px;
float : none;
width : 100%;
}
.pg-text {
float : none;
width : 100%;
padding-left : 5px;
padding-right : 5px;
}
.pg-li {
margin-left : 30px;
}
.logo-box {
width : 100%;
max-width : 150px;
display : block;
margin : 0 auto;
margin-bottom : 15px;
text-align : center;
}
.logo-box img {
width : 100%;
max-width : none;
}
.sub-logo {
display : none;
}
.sub-menu-logo {
display : none;
margin-right : -10px;
}
.ht1 {
min-height : 215px;
}
.ht2 {
min-height : 415px;
}
.navbar-brand {
margin-left : 0;
font-size : 100%;
}
.q-slideshow {
height : 430px;
}
.bxslider li {
padding : 0;
margin : 0;
left : 0;
}
.bxslider li img {
padding : 0;
padding-left : 5px;
}
.bxslider li .wbs {
margin : 0 auto;
max-height : 340px;
width : auto;
}
.bx-wrapper .bx-caption span {
font-size : 0.75em;
font-style : italic;
padding : 5px;
padding-left : 10px;
padding-right : 15px;
}


@media only screen and (min-width:481px) {
.item-photo {
	width : 94%;
}
.feedback {
width : 94%;
font-size : 90%;
}
}
@media only screen and (min-width:510px) {
.item-photo {
width : 45%;
}
.feedback {
width : 45%;
font-size : 90%;
}
}
@media only screen and (min-width:720px) {
.item-photo {
width : 30%;
}
.feedback {
width : 45%;
font-size : 90%;
}
}
@media only screen and (max-width:767px) {
.navbar-inverse .navbar-nav > li > a {
padding-left : 15px;
}
}
@media only screen and (min-width:900px) {
.item-photo {
width : 30%;
}
.feedback {
width : 30%;
font-size : 100%;
}
}
@media only screen and (min-width:1100px) {
.item-photo {
width : 22%;
}
.feedback {
width : 30%;
font-size : 100%;
}
}
@media only screen and (min-width:1200px) {
.item-photo {
width : 18%;
}
.feedback {
width : 30%;
font-size : 100%;
}
}



@media (min-width:481px) {
.logo-box {
width : 100%;
max-width : 150px;
display : inline-block;
float : left;
margin-right : 20px;
}
.navbar-brand {
margin-left : 20px;
font-size : 110%;
}
.q-slideshow {
height : 520px;
}
.bxslider li .wbs {
margin : 0 auto;
max-height : 430px;
width : auto;
}
.pg-images {
margin : 0;
float : left;
width : 30%;
}
.pg-text {
padding-left : 10px;
float : right;
width : 70%;
}
.pg-li {
margin-left : 1px;
}
.pg-title3 {
font-size : 130%;
}
.mini-title {
padding-top : 0;
}
.show-loc2 {
display : inline-block;
margin-right : 35px;
}
}
@media (min-width:700px) {
  .columnset  {
  margin-left:25px;
  margin-right:25px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px; /* Saf3, Chrome*/
  -moz-column-count: 2;
  -moz-column-gap: 30px; /* FF3.5+ */
  -ms-column-count: 2;
  -ms-column-gap: 30px; /* internet explorer */
  column-count: 2;
  column-gap: 30px; /* Opera 11+*/
  }
}
@media (min-width:768px) {
.dropdn {
background : #000;
font-size : 100%;
}
.top-space {
height : 50px;
}
.navbar-inverse .navbar-nav > li > a {
padding-top : 3px;
padding-bottom : 5px;
}
.navbar-brand {
letter-spacing : 3pt;
padding-left : 15px;
margin-left : 20px;
}
.mh-200 {
min-height : 540px;
}
.q-slideshow {
height : 530px;
}
.logo-box {
width : 100%;
max-width : none;
float : none;
display : block;
margin : 0 auto;
margin-bottom : 15px;
}
.sub-logo {
display : none;
width : 22%;
max-width : 80px;
margin-right : 15px;
margin-bottom : 10px;
float : left;
}
.sub-menu-logo {
display : none;
}
.ht1, .ht2 {
min-height : 540px;
}
.ht2 {
margin-left : 25px;
margin-right : 25px;
margin-top : 10px;
}
.navbar .navbar-nav {
display : inline-block;
float : none;
vertical-align : top;
}
.navbar .navbar-collapse {
text-align : center;
}
.navbar-header {
float : none;
width : 100%;
padding : 10px;
text-align : center;
}
.navbar-brand {
float : none;
font-size : 130%;
}
.pg-images {
margin : 0 auto;
margin-bottom : 15px;
float : none;
width : 100%;
}
.pg-text {
padding-left : 0;
float : none;
width : 100%;
}
.bx-wrapper .bx-caption span {
font-size : 0.9em;
padding : 10px;
padding-left : 25px;
padding-right : 30px;
}
.logo-box {
padding-left : 10px;
padding-right : 10px;
}
}
@media (min-width:892px) {
.mh-200 {
min-height : 460px;
}
.ht1, .ht2 {
min-height : 540px;
}
.pg-images {
margin : 0 auto;
margin-bottom : 15px;
float : none;
width : 100%;
}
.pg-text {
padding-left : 0;
float : none;
width : 100%;
}
.pg-li {
margin-left : 10px;
}
.bx-wrapper .bx-caption span {
font-size : 0.95em;
padding : 10px;
padding-left : 25px;
padding-right : 30px;
}
}
@media (min-width:992px) {
.top-space {
height : 50px;
}
.mh-200 {
min-height : 510px;
}
.q-slideshow {
height : 520px;
}
.ht1, .ht2 {
min-height : 530px;
}
.logo-box {
padding-left : 15px;
padding-right : 15px;
}
}
@media (min-width:1092px) {
.pg-images {
margin : 0 auto;
margin-bottom : 15px;
float : none;
width : 100%;
}
.pg-text {
padding-left : 0;
float : none;
width : 100%;
}
}
@media (min-width:1200px) {
.top-space {
height : 30px;
}
.navbar-nav {
margin-top : 15px;
margin-left : 35px;
text-align : left;
}
.mh-200 {
min-height : 460px;
}
.navbar-header {
float : left;
width : auto;
padding : 0;
text-align : left;
}
.navbar-brand {
float : left;
padding-left : 43px;
}
}


@media only screen and (max-width:481px) {
.dropdn{
  height:auto;
  max-height:100%;
  padding-bottom:15px;
}
}