/*@import url(http://fonts.googleapis.com/css?family=Futura+Md:400,700); */
Body		{ FONT-FAMILY: "Century Gothic", Tahoma, Arial; font-size:12pt; color:#FFFFFF; background-color: #000000;   }
/* pushes the page to the full capacity of the viewing area, with body height: 100%*/
a:link       { text-decoration: none; color: #A4894A; font-weight:bold }
a:visited    { text-decoration: none; color: #A4894A;  font-weight:bold }
a:hover      { text-decoration: underline; color: #EED697; font-weight:bold }
a:active     { text-decoration: underline; color: #A4894A; font-weight:bold  }

.navaccent   { background-color:#336600;  }
.nav-bg      { background-image: url('images/nav-bg.gif'); background-repeat: repeat-x; }
/* table        { background-color: #FFFFFF; color:#333333; font-size:12pt; }*/
hr           { border-color: #333333; height: 1px; }

.banner-pic {
  max-width: 1600px;
  width: 100%;
  height: auto;
 } 

.banner-picsm {
  max-width: 445px;
  width: 100%;
  height: auto;
 } 

 .logopic {
  max-width: 200px;
  width: 100%;
  height: auto;
}

.titlebox {
	border:4px solid #FFFFFF; width: 100%;
	-webkit-box-shadow: 3px 3px 21px 1px rgba(0,0,0,0.48);
	-moz-box-shadow: 3px 3px 21px 1px rgba(0,0,0,0.48);
	box-shadow: 3px 3px 21px 1px rgba(0,0,0,0.48);
	height:30; 
	background-color:#F9CC68;
	padding: 10px
	
}

 h1 {
	color:#A4894A;
}

 h2 {
	color:#A4894A;
}

 h3 {
	color:#EED697;
}

/* H tag Font size adjustment for small screens: */
@media screen and (max-width: 601px){
  h1{
    font-size: 24pt;
    line-height: 1;
}
  h2{
    font-size: 16pt;
    line-height: 1;
}
  h3{
    font-size: 12pt;
}
}

#bullet      { 
	float: left; 
	padding-right:20px; 
	background-image:url('images/bullet.png'); 
	background-repeat:no-repeat; 
	background-position-x:left;
}

#cellbg {
	color:#FFFFFF; 
	text-align:center; 
	background-color:#C0C0C0; 
	font-weight:bold
}
#cellbg a {
  color: #FFFFFF;
  text-decoration: none; 
  padding:3px; 
}
#cellbg a:hover {
  padding:3px; color: #FFFFFF;
  text-decoration: none; 
  background-color:#999999; 
}
#cellbg a:active {
  color: #FFFFFF;
  text-decoration: none; 
  padding:3px;
}

#subcellbg {
	 background-color:#DCD9D4; 
	 color:#333333; 
	 text-align:center; 
	 font-size:10pt; 
	 padding:3px 
}
#subcellbg a {
  color: #333333;
  text-decoration: none;
}
#subcellbg a:hover {
  color: #808080;
  text-decoration: none;
}
#subcellbg a:active {
  color: #333333;
  text-decoration: underline;
}

#subcellbg2 {
	 background-color:#999999; 
	 color:#333333; 
	 text-align:center; 
	 font-size:10pt; 
	 padding:3px 
}
#subcellbg2 a {
  color: #333333;
  text-decoration: none;
}
#subcellbg2 a:hover {
  color: #808080;
  text-decoration: none;
}
#subcellbg2 a:active {
  color: #333333;
  text-decoration: underline;
}


.reviewbg {
	color:#333333; 
	font-size:10pt;
	padding:5px; 
	background-color:#DCD9D4; 
}

.contact-us {
   margin: 5px;
   padding: 5px;
   width: 275px;
   height: auto;
   border: 1px solid #666666;
   border-radius: 8px;
   color: #FFFFFF;
   background-color:#009933; 
   text-align: center;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}   

.contact-us a:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color:#009933; 
}

/*---Home Page Thumbnail Gallery---*/

.gallerycontainer {
   display: inline-block;
  width: 100%;
  max-width: 225px;
  height: auto;
  padding: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

 .pic1 {
  max-width: 700px;
  width: 50%;
  height: auto;
  display: block;
  padding-right:5px
}
 
 .leftpic {
  max-width: 500px;
  width: 63%;
  height: auto;
  float: left;
  display: block; 
  padding-right:5px

}
      
 .rightpic {
  max-width: 500px;
  width: 50%;
  height: auto;
  float: right;
  display: block;
  padding-left:5px
}