body { background-color: #E8E8E8;  margin-top:120px;/*	background:#000033;*/ background-attachment: fixed; font-family: Tahoma, Geneva, sans-serif; font-size: 12px }
#headerbanner { position:fixed; top:0; left:0}
/* nav bar */
.list-unstyled, .list-unstyled ul { min-width: 140px; }
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
.navbar-right .dropdown-menu { right: auto }
.navbar { margin-bottom:10px}
.navbar-fixed-top { top:50px; background:#e8e8e8;border-bottom: 2px ridge; }
.gallerygrid { background: white; height: auto; padding-top: 22px; padding-bottom: 22px; text-align: center; margin-top: 20px; box-shadow: 0px 0px 11px -2px; transition: all 0.2s ease-in-out; }
.col-md-12.navbar { float: left; margin-left: 12px; width: 98%; }
.gallerygrid:hover { -webkit-transform: scale(1.05); transform: scale(1.05); transition: all 0.2s ease-in-out; }
.col-md-3 img { max-width: 100%; width: 225px; height: auto; }
h2 { font-size: 16px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; }
/*#headerbanner h2 { margin: 0 0 8px 0 }
#headerbanner p { font-size: 16px; padding: 4px; color: #000; border-radius: 4px; max-height: 100px; overflow: auto }
.headerbanner { font-size: 2.5em; width: 100%; color: #428bca; text-shadow: 2px 2px 3px #333; text-align: center; display: inline-block; box-shadow: 1px 4px 4px #000 }
#headerbanner span { color: #2a6496;  text-shadow: 1px 1px 3px #666; padding:5px 0 }
#headerbanner .head1 {  font-size: 2.2em; }
#headerbanner .head2 {  font-size: 1.5em;  margin-top: 6px; color:#666; text-shadow:none}
#headerbanner .head2 a { text-decoration:underline}
#headerbanner img { max-width: 100% }
*/
#headerbanner { text-align: center; display: inline-block; width:100%; position:fixed; z-index:1050; background:#e8e8e8}
#headerbanner h1 { margin: 0 0 8px 0 }
#headerbanner { width: 100%; text-align: center; display: inline-block; box-shadow: 1px 4px 4px #000 }
#headerbanner span { color: #003399;  text-shadow: 1px 1px 3px #666; padding:5px 0 }
#headerbanner .head1 {  font-size: 2.2em;  text-shadow: 2px 3px 4px #666; border-right:1px inset}
#headerbanner .head2 { /*padding: 5px 0 5px 7% */} 
#headerbanner .head2 h1{  font-size: 1.7em;  margin: 12px 0 0 0; color:#333}
#headerbanner #links { border-left: 1px dotted; margin-top: 10px; text-shadow:none; font-size:14px }
.sinn-banner .head1 a{  font-size: 2.2em;  text-shadow: 2px 3px 4px #666; }
.sinn-banner .head2 a{  font-size: 2em;  text-shadow: 0.1em 0.1em 0.2em #333;  color: #200000;}
.sinn-banner .head2:first-child {  border-right:1px dotted; border-left:none}
.sinn-banner .head2 {  border-left:1px dotted; }
.sinn-banner img { width:100%; height:auto}
.sinn-legal-text {background: #fff; font-size: 1.3em; padding: 15px;box-shadow: 0 0 4px #000;}
.sinn-legal-text h5 { font-size:1em} }
.sinn-legal-text p {font-size: 0.8em; font-weight: bold;}
.sinn-text h2 {color: #337ab7; text-decoration: none; text-shadow: 2px 3px 4px #aaa;}
.sinn-text p { background:#fff; padding: 3px 5px; text-align: justify; }
.gallerygrid { height: 370px; }
.gallerygrid .model-info { height: 100px; overflow: auto; }
.gallerygrid .model-info h2 { margin-top: 0; padding: 0 3px }
.gallerygrid .model-info p { padding:0 5px}
.dropdown-menu .divider { margin: 3px 0 }
.dropdown-header { background: none repeat scroll 0 0 #f0f0f0; color: #000; font-size: 14px; }
.clearfix10 { clear: both; height: 10px }
.clearfix20 { clear: both; height: 20px }
.wellshad { padding: 0; box-shadow: 0 0 7px #000 }
.shad-sm { box-shadow: 0px 0px 11px -2px #000033 }
.shad-b { box-shadow: 0px 0px 6px -2px #000033 }
.shad-w { box-shadow: 0px 0px 6px -2px #000033; width:100%;display:block }
.pad5 { padding:5px}
.pad10 { padding:5px 10px }

.ismore { display: inline-block; font-size: 1.8em; padding: 8px 0; background:#fff }
.ismore .head1 {}
.ismore .head2 { font-size:1.1em}
.ismore .head2 a{ text-decoration:underline}
#footer { height: 50px; background: white; color: black; padding: 15PX; margin-top: 25PX; }
#footer .nav-pills > li > a { padding: 3px 10px; margin-bottom: 2px; background: #f0f0f0 }
#footer .nav-pills > li.active > a { background: #2a6496; color: #f0f0f0 }
.legal .alert-warning { font-size:larger; color:#333 }

.navbar-header h1 { margin: 0 !important; font-size: 18px; padding: 15px; }
.nav-menu { font-size: 20px;  margin: 10px; }
/*nav .dropdown-menu > li > a.homepage { background:#000; color:#fff; font-weight:bold}
.navbar-nav > li > a.homeimg { padding:10px; }
*/
#filters {left: 5%; padding: 10px 0;  width: 90%;}
#filters.well { margin-bottom:5px;background:#f5f6fe }
#filters ul.nav { text-align:center }
#filters ul.nav li { display: inline-block;float: none;}
#filters .nav-pills > li > a { padding: 3px 10px; margin-bottom: 2px; background: #fff; min-width:100px; border-radius:0 }
#filters .nav-pills > li.active > a {  background: none repeat scroll 0 0 #2a6496; color: #f0f0f0; }
#filters .nav-pills > li:hover { background: #aaa; color: #f0f0f0 }
#filters.filter2 {left: 0; width: 100%; }
#filters.filter2 .nav-pills > li > a { margin-bottom: 2px; min-width: 60px; padding: 3px 5px;}
nav .head3.alert {  border: 1px solid; font-size: 14px; margin: 6px 0 0; padding: 7px; text-align: center; }

.clearbar { border-bottom: 1px dotted #999; display: inline-block; height: 1px; width: 100%;}

 @media only screen and (max-width : 1024px) {
.navbar-fixed-top { margin-top:16px }
body { margin-top:160px }	
#filters { left: 0;  width: 100%;}
#headerbanner .head2 h1 {  font-size: 1.4em; margin: 10px 0 0 0 ;}
}

@media only screen and (max-width : 700px) {

#headerbanner {  text-shadow: 2px 2px 3px #666;  }
.navbar-fixed-top { margin-top:42px }
body { margin-top:130px }	
#headerbanner .head2 h1 {  font-size: 1.2em; margin: 0;}
body.home-page { margin-top: 170px;}
.navbar-fixed-top.home-page { margin-top: 82px;}
}
 @media only screen and (max-width : 400px) {
#footer ul.nav { max-height: 150px; overflow: auto }
#filters ul.nav { max-height: 100px; overflow: auto }
#footer ul.nav li,#filters .nav-pills > li { width: 48%; display: block; }

}
@media only screen and (max-width : 350px) {
.navbar-fixed-top { margin-top:52px }
body { margin-top:170px }	
}
#footer h5, #footer ul.nav { text-align: center; }
#footer ul.nav li { display: inline-block; float: none; }

/* model page */
.model {height: 260px;  }
.model.nav > li > a {padding: 6px 8px;; background:#fff}
.model li { margin: 3px 4px;}
.model-img { margin-top:-4px;}
.model-img img {background: #999; width:100%;    border: 8px double #fff;margin: 5px -20px 0; }
.model-txt { min-height:40px; display:block; text-align:center; background: #fff; padding-top: 5px;  font-size:12px; color:#333; border:1px solid #ccc;}
@media only screen and (max-width : 400px) {
.model {height: 160px; overflow:auto  }
ul.nav { margin:0 auto}
.model-img {display: inline-block;  height: 215px;}
.model-txt {max-height:40px; white-space:nowrap}
}
@media only screen and (max-width : 850px) {
#topnav ul { border:1px dotted #bbb; width:100%; text-align: center; }
.navbar-nav > li > a { padding:8px 0  }
#topnav li {width:33%; float:left; margin:0 auto}
}
@media only screen and (max-width : 900px) {
.model-txt {  max-height: 70px;  overflow:auto}

}