.content {position: relative; }


div {box-sizing: border-box;}
/*fix no scrollbar in firefox on short pages*/
html {
min-height: 101%;
}

body {   background-color: #FFF;  text-align: center;  margin: 0; padding: 0;  padding-bottom: 5px;  font-family:   Arial, Helvetica, sans-serif; font-size: 13px; background-repeat:repeat-x; background-image: url(images/bodybg.jpg); background-position: top;}

div#container {width: 90%; max-width: 1155px; margin: 0 auto 0 auto; text-align: left;font-family: Arial, Helvetica, sans-serif; font-size: 14px;    line-height: 1.6em; border-top: 10px solid #333; position: relative;   }


#header {  background-image: url(images/header.jpg); background-repeat: no-repeat; background-position: 0 10px; height: 100px; }

div#login {position: absolute; top: 3px; right: 12px; text-align: right; padding-right: 1px; font-size: 12px; color: #666;}
div#login a {text-decoration: none; color: #666; font-size: 12px; font-weight: bold; margin-left: 10px;}
div#login a:hover {text-decoration: underline;}

div#smedia {position: absolute; top: 50px; right: 0px; text-align: right; }
div#smedia a {margin-left: 5px;}

img.flrimg {float: right; margin: 0 0 20px 20px;}
img.fllimg {float: right; margin: 0 20px 20px 0;}
img.block {display: block; margin: 0 0 20px 0;}

#footer {clear: both; text-align: right;  font-size: 10px;  border-top: 0px solid #8A8A90; position: relative;  }
#footer, div#footer a {color: #FFF;  }
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
div.topfooter {background-image:url(images/opaquebg2.png); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 1px 20px 1px 100px;}
div.bottomfooter {position: absolute; right: 0; text-align: right; padding: 3px 5px 15px 0;}
#footer div.bottomfooter a {color: #ccc;}
	
a {text-decoration: none; color: #666; transition: all 0.7s;}
a:hover { text-decoration: underline;}
a img {border-width: 0;}

/*NAVIGATION*/
.nav-bar { width: 75%;  position: absolute; top:0; right: -25px;  }
.nav-bar li, .nav-bar a {  height: 20px; line-height: 27px; text-decoration: none; font-size: 15px; font-weight: bold;}
.nav-bar a { color: #377F9C;}
.nav-bar li#uber a {color: #395663;}
.nav-bar li a:hover {color: #FF0000;}
.menu { margin: 0 auto; position: relative; z-index: 12000; text-align: right; }
.menu-items { display: inline-block;  }
.menu-items li { display: inline-block; padding-left: 15px; padding-right: 15px; background-image: url(images/navline1.jpg); background-repeat: no-repeat; background-position: 0 7px ; }
.menu-items li.first {background-image: none;}

.navshow, .navhide {
  display: none;
  padding-left: 25px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
  color: #dde1e2;
}
/*
.navshow {
  background-image: url(images/icons/down-arrow.png);
}
.navhide {
  background-image: url(images/icons/up-arrow.png);
}
*/






h1, h2 {font-family: Garamond, Times, serif;}

h1 { text-align: left; color: #FFF; font-size: 43px;  font-weight: normal; margin-top: 0; margin-bottom: 5px; line-height: 1.2em; }
h2 { text-align: inherit; color: #CCC; font-size: 28px; font-weight: normal; margin-top: 0; margin-bottom: 10px;}
h3 { text-align: left; color: #CCC; font-size: 13px; font-weight: normal; margin-top: 0; margin-bottom: 8px;}

p {margin-top: 0; margin-bottom: 1em;}
p.review {font-size: 12px; font-style: italic; }

table td {vertical-align: top; text-align: left; padding: 5px 10px 5px 0;}


table.email {margin-left: 150px;}
/*input {height: 21px;}
input, textarea {width: 350px; background-color: #E8EAEE; color: #333; border: 1px solid #666;}*/
textarea {height: 150px;}
input.btn, table.user input.btn { width: auto;}
input.btn:hover {background-color: #666; color: #fff;}

div.diary p {margin-top: 0; margin-bottom:0;}
div.diaryentry {margin-bottom: 10px;}


div.galleria {min-height: 750px; height: 750px; margin: 0 auto 0 auto; max-width: 900px;}
div.gallmanage {float: right; width: 250px; text-align: right; line-height: 1.6em;}
div.gallmanage a { color: #FFF; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
a.imgcaptn { display: inline-block; width: 100%; background-color: #ccc; text-align: center; font-weight: bold; color: #333; max-width: 345px; }
div.galltext1 {padding: 20px; font-weight: bold; text-align: center; color: #CCC;}

div.multigallholder {}

.alert {font-weight: bold; color: #C50F3C; margin-left: 100px;}
.nowrap { white-space: nowrap; }

/*LAYOUTS*/

/*LAYOUT COLUMNS*/
.singlecol, .doublecol, .triplecol {  margin: 0 0 20px 0; padding: 20px 0 10px 0;}
.singlecolnomarg {margin: 0 0 0 0; padding: 10px 0 10px 0;}


div#content { padding-left: 0px; min-height: 493px; padding-top: 13px;  }

.singlecol {padding: 20px 30px 20px 30px; margin-right: 0;   text-align: left; clear: both; color: #FFF;
border-bottom-right-radius: 25px; border-top-right-radius: 25px; max-height: 415px; overflow: hidden;
background: -webkit-linear-gradient(#55656C, #404B51, #55656C); 
  background: -o-linear-gradient(#55656C, #404B51, blue);  
  background: -moz-linear-gradient(#55656C, #404B51, #55656C);  
  background: linear-gradient(#55656C, #404B51, #55656C); }
.singlecolnomarg {padding: 0; }
.doublecol,  div.triplecol {clear: both; padding: 0 0 10px 0; color: #FFF;}
.doublecol { }
.singlecol div.subdiv {max-width: 100%;}
.doublecolleft {float: left; width: 24%; max-width: 297px; padding-left: 0; padding-top: 30px;}
.doublecolleft img {max-width: 100%;}
.doublecolright {float: right; width: 75%; padding: 20px 30px 20px 30px; margin-right: 0;   text-align: left; 
border-bottom-right-radius: 25px; border-top-right-radius: 25px; max-height: 415px; min-height: 415px; overflow: hidden;
background: -webkit-linear-gradient(#55656C, #404B51, #55656C); 
  background: -o-linear-gradient(#55656C, #404B51, blue);  
  background: -moz-linear-gradient(#55656C, #404B51, #55656C);  
  background: linear-gradient(#55656C, #404B51, #55656C);  }

.doublecolalt {}
.doublecolalt div.doublecolright {float: left; padding-left: 0; min-height: 354px;  padding: 25px 15px 3px 15px; width: 22%;  
max-width: 260px;  margin-top: 30px;  color: #CCC; font-size: 17px; font-style: italic; border-top-left-radius: 16px; border-bottom-left-radius: 16px; background: -webkit-linear-gradient(#55656C, #404B51, #55656C); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#55656C, #404B51, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#55656C, #404B51, #55656C); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#55656C, #404B51, #55656C); /* Standard syntax */ }
.doublecolalt div.doublecolleft {float: right; width: 74%; max-width: 855px; padding: 0 0 0 0 ; margin-right: 0;   text-align: left; max-height: 415px; }






.triplecol { padding-left: 15px; padding-right: 9px;  }
.triplecolleft {float: left; width: 381px; }
.triplecolcentre {float: left; width: 180px; padding-left: 50px; }
.triplecolright {float: right; width: 224px; margin-right: 0;  padding-right: 46px; }

.four_col { margin: 0 0 25px 10px;  color:#333; position: relative;}
.four_col div.homefeature {width: 197px; float: left; margin-right: 41px; background-repeat: no-repeat; background-position:0 -10px; color: #333;  background-color: #9CA3AB;  }
.four_col div.homefeature#homefeat4 {margin-right: 0;}

.doublecol div.doublecolright a {color: #CCC;}

/*GALLERY*/
div#flrcol {float: right; width: 250px;}
div.thumbs {float: left; width: 120px; height: 120px; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 2px; text-align: center;}
div.portthumbs {float: left; width: 100px; height: 100px; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 2px; text-align: center;}
div.thumbs a {display: block;}
div.bigpic {width: 600px; text-align: center;}
p.bigimg {padding-left: 30px;}


div.clearer {clear: both; font-size: 1px; height: 1px;}

form.contact {margin-left: 34px;}
div#search {position: absolute; top: 8px; right: 12px;}
div#search input#searchtext {width: 113px; height: 16px; background-color: #3D6D92; border: 1px solid #3D6D92; color: #86AECC; font-weight: bold; font-size: 12px; background-image: url(images/searchicon.jpg); background-repeat: no-repeat; background-position: 100px 50% ; padding-left: 10px;}


input.textfield {border: 1px solid #ccc; font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 180px; padding: 3px 0 3px 3px; font-weight: bold; color: #666;}
input.btnstyle, a.btnstyle {border: 1px solid #ccc; font-size: 14px; font-family: Arial, Helvetica, sans-serif; width: auto; padding: 0px 7px 3px 7px; font-weight: normal; color: #FFF; background-color: #48525E; line-height: 1.1em; text-decoration: none;}
input.btnstyle:hover, a.btnstyle:hover {cursor: pointer; background-color: #333; text-decoration: none;}


h2.sep {margin-top: 20px; padding-top: 5px; border-top: 3px solid #ccc;}

.hidden {visibility: hidden;}
.nowrap {white-space: nowrap;}

div#login {display: none;}

a.buttonstyle1 {display: inline-block; padding: 1px 7px 1px 7px; border-radius: 10px; background-color: #C50E3B; color: #FFF; text-decoration: none; font-size: 11px; margin-left: 16px; margin-right: 44px;}
a.buttonstyle1:hover {background-color: #F02F60;}


div.sliderstyle1 div.homefeatswap { min-height: 415px;  background-repeat:no-repeat; background-position: 0 50%; background-size: contain; }
div.slidertexthtml { font-size: 17px; font-weight: normal;

} 
div.sliderstyle1 div.slidertexthtml {display: none;}


div.slidertexthtml div {background-image:url(images/opaquebg1.png); padding: 0 0 0 0 ; }
div.slidertexthtml div p {line-height: 2em;  font-weight: normal; margin-bottom: 5px;}
div.slidertexthtml div.type1, div.slidertexthtml div.type3 { background-image: none;}
div.slidertexthtml div.type1 h1, div.slidertexthtml div.type3 h1 {color: #333;}
div.slidertexthtml div.type1 h2 {color: #FFF;}
div.slidertexthtml div.type3 h2 {color: #333;}
div.slidertexthtml div.type1 p, div.slidertexthtml div.type3 p {max-width: 250px; color: #333; }
div.slidertexthtml div.type1 h2, div.slidertexthtml div.type2 h2, div.slidertexthtml div.type3 h2 {margin-bottom: 20px;}

div.erbg1 { padding: 0;  width: 800px; color: #FFF; overflow: auto; max-height: 360px; font-size: 15px;}
div.erbg1 a {color: #ccc;}

a.btnstyle1a {display: inline-block; float: right; width: 100px; padding: 3px 5px 3px 5px; background-color: #333; text-align: center; font-size: 12px; text-transform: uppercase; border-radius: 5px;}

div.biogbtns {float: right;}
a.btnstyle1b {display: block; width: 100px; padding: 3px 43px 3px 5px; background-color: #333; text-align: center; font-size: 12px; text-transform: uppercase; border-radius: 5px; margin-bottom: 3px; background-image: url(images/icons/pdf.png); background-position: 100% 2px; background-repeat: no-repeat;}


div.slidertextcaption {position: absolute; top: 350px; left: 0px; font-style: italic;}

table.contacttable {border: 1px solid #E1E1E1; padding: 5px; border-radius: 10px; font-weight: bold;}
table.contacttable input, table.contacttable textarea {width: 300px; padding: 7px 7px 7px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #ccc;}
table.contacttable input.num {width: 34px;}
table.contacttable input#sbmtcontact {width: auto; font-weight: bold; cursor: pointer;}
table.contacttable input#sbmtcontact:hover {background-color: #ccc;}
table.contacttable td {padding-right: 20px; font-weight: bold; vertical-align: middle;}

img.code {display: inline-block; padding: 8px 4px 8px 4px; border: 1px solid #ccc; position: relative; top: 11px; margin-right: 10px; }


ul.bxslider {padding: 0; margin: 0;}
div.bx-viewport {border-width: 0;}

ul.tabs {border-bottom: 1px solid #666; padding-top: 10px; margin-left: 0; padding-left: 0; }

.tabs li {list-style:none; display:inline; padding: 0 0 0 0; margin: 0 0 0 0; }
.tabs a { padding:3px 10px; display:inline-block; background-color:#333; color:#FFF; text-decoration:none; border: 1px solid #ccc; border-bottom-width: 0; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.tabs a.active {background-color: #5F7178; color:#fff;}

p.imp {font-weight: bold; margin-bottom: 5px;}


.hidden {display: none;}


@media only screen and (max-width: 1200px) {
  .menu-items li {  padding-left: 15px; padding-right: 15px; }
}
@media only screen and (max-width: 900px) {
  .nav-bar li, .nav-bar a {line-height: 1.2em; height: auto;}
  .nav-bar {position: static; padding-top: 80px; width: 100%;}
  .menu {   position: relative;
    width: 100%; text-align: left; }

.menu-items { padding-left: 0; margin-left: 0; }
  
  .menu-items li { background-image: none; padding: 2px 10px 2px 0; }
  #header {height: 120px; }
  body {background-image: none;}
 .doublecolalt div.doublecolleft,   div.doublecolleft, div.doublecolright, div.homefeatswap {float: none; width: 100%; max-width: 100%; padding: 0; margin: 0;}
 .doublecolalt div.doublecolright{border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100%; max-width: 100%; height: auto; max-height: 100px; float: none;  
 }
 
 
}


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

.nav-bar li, .nav-bar a {line-height: 1.2em; height: auto;}
  .nav-bar {position: static; padding-top: 80px; width: 100%;}
  .menu {   position: relative;
    width: 100%; text-align: left; }

.menu-items { padding-left: 0; margin-left: 0; }
  
  .menu-items li { background-image: none; padding: 2px 10px 2px 0; }
  

  .sitename, .navshow, .navhide {
    font-size: 14px;
  }
   #header {background-size: contain; height: auto; }
   body {background-image:none;}
   div.homefeatswap {background-position: 0 0; width: 100%; height: 150px; }
   div.slidertexthtml {font-size: 15px; }
   
   .singlecol, .doublecol, .doublecolalt {width: 100%; max-width: 100%;}
 .doublecolalt div.doublecolleft,   div.doublecolleft, div.doublecolright, div.homefeatswap {float: none; width: 100%; max-width: 100%; padding: 0; margin: 0;}
 .doublecolalt div.doublecolright{border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100%; max-width: 100%; height: auto; max-height: 100px; float: none;  
 }
   .doublecolleft img {width: 100%;}
   .mCustomScrollbar {overflow: visible; }
   div.doublecolright { border-top-right-radius: 0; border-bottom-right-radius: 0;  width: 100%; max-width: 100%; box-sizing: border-box; padding: 5px; overflow: visible; max-height: none;}
   div.sliderstyle1 div.homefeatswap { min-height: 120px; height: auto; background-size: cover;} 
   div#smedia {top: 50px; }
   div.topfooter {padding-left: 30px;}
   
   .doublecolleft div.homefeatswap {border-bottom-right-radius: 0; border-top-right-radius: 0;}
   .galleria-thumbnails .galleria-image { height: 40px; width: 60px; }
   div.galleria {min-height: 350px; height: 350px;}
   
   .bx-wrapper a.bx-next { right: -5px;}
   .bx-wrapper a.bx-prev { left: 5px; }
   
.tabs li {}
.tabs a {  border-top-right-radius: 3px; border-top-left-radius: 3px; }
ul.tabs {text-align: center;}
   
   
}