html {font-size: 100%;}
body {background-color : #000000;}
h1	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2rem; color: #CCCCCC; font-weight: bold; padding-top: 15px;}
h2	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1rem; color: #CC6633; font-weight: bold; padding-top: 20px;}
h3	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; color: #CCCCCC; padding-top: 10px;}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; color: #ffffff; text-decoration: none;}
a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; color: #ffffff; text-decoration: underline;}
a:hover {color: #FFFFFF; text-decoration: underline}

header {height: 80px;}

.robots {float: left; width: 156px; height: 95px; padding-top: 3px; background-color: #CC6633; text-align: center;}

.hero {width: 150px; height:92px;}

.brand {float: left; padding-left: 30px;}

.logo {width: 500px; height:60px; vertical-align: top;}

.tagline {display: block; padding-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; color: #CCCCCC; font-weight: bold;}


nav {width: 100%; height: 40px; background-color :#CC6633;}

.menu {padding-left: 185px; padding-top: 10px;}

/* .sidebar {float: left; width: 156px; height: 100%; background-color: #CC6633;} */

.content {float: left; min-height: 110pc; height: auto; padding: 0 0 100px 30px; border-left: solid 156px #CC6633;}

.content p {max-width: 800px; display: block;}

.photo {height: 250px; margin: 0 10px 10px 0; border: solid 1px #CC6633;}
.pano {width: 600px; margin: 0 10px 10px 0; border: solid 1px #CC6633;}
iframe {height: 250px; width: 444px; margin: 0 10px 10px 0; border: solid 1px #CC6633;}

.leftcol {background-color :#CC6633;}
.navigation {background-color :#CC6633;}
.navigation_rev {background-color :#000000;}
.head {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #CCCCCC;}
.sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #CCCCCC; font-weight: bold;}

.menuoff {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; font-weight: bold;}
/*.menuoff:hover, .menuoff:focus {color: #000000; text-decoration: underline;}*/

.menuon {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none;}
.menuon:hover, .menuon:focus {color: #000000; text-decoration: underline;}

.menurev {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #CC6633; text-decoration: none;}
.menurev:hover {color: #FF9933;}
.menurevon {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF9933; text-decoration: none;}

footer {position: fixed; left: 164px; bottom: 0; background-color: black; width: 100pc; padding: 20px 0 0 30px}

@media screen and (max-width: 768px){
  
header {height: 47px;}
  
.robots {float: left; width: 102px; height: 60px; padding-top: 3px; background-color: #CC6633; text-align: center;}

.hero {width: 98px; height:60px;}

.brand {float: left; padding-left: 10px;}

.logo {width: 200px; height: 36px; vertical-align: top;}

.tagline {display: block; padding-top: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .75rem; color: #CCCCCC; font-weight: bold;}

.menu {padding-left: 5px; padding-top: 10px;}

.content {float: left; min-height: 110pc; height: auto; max-width: 360px; padding: 0 0 70px 10px; border-left: solid 2px #CC6633;}

.photo {height: 150px; margin: 0 10px 10px 0; border: solid 1px #CC6633;}
.pano {width: 300px; margin: 0 10px 10px 0; border: solid 1px #CC6633;}
iframe {height: 150px; width: 267px; margin: 0 10px 10px 0; border: solid 1px #CC6633;}

footer {position: fixed; left: 10px; bottom: 0; background-color: black; width: 100pc; padding: 10px 0 0 10px}

}