body{background:#919C93;background-image:url('images/backgroundgradient2.png');background-repeat:repeat-x;background-position:left top;font-family:Trebuchet MS,Helvetica,sans-serif}h2{font-size:24px}.notice{border:solid 1px #787878;border-bottom:solid 2px #787878;border-right:solid 2px #787878;background:#C0C0C0;width:480px;text-align:center;position:relative;left:80px;padding:3px}a:link,a:visited{color:#606060;text-decoration:none}a:hover,a:active{color:#404040;text-decoration:underline}#mainPhoto{display:none}@media only screen and (max-width:800px){a:link{text-decoration:underline}#mainPhoto{display:block}#mainPhoto img{width:100%}}.topBackground{margin-top:150px;margin-left:-10px;margin-right:-10px;height:150px;//background-color:#4F6252;background-image:url('images/horizontalLineGradient.png');background-repeat:repeat-x}.table{position:relative;margin:auto;margin-top:-300px;width:75%;max-width:735px}.header{border-style:solid;border-width:2px;border-color:#44524F;background-image:url('images/beer_soap_logo_long.png');background-position:left top;background-repeat:no-repeat;height:200px;margin-left:0px;margin-top:0px}.menu{width:555px;text-align:right;vertical-align:text-bottom}.navbar-inner{background:transparent}.displayinline{display:inline;border-right-style:solid;border-color:#C0C0C0;border-width:2px;font:san-serif;font-size:18px;color:black;padding:2px 2px 0px 2px}.displaylast{display:inline;border-right-style:none;font:san-serif;font-size:18px;color:black;padding:2px 2px 0px 2px}.menu a:link,.menu a:visited{//color:#3B3D36;color:beige;text-decoration:none;text-align:center;padding-right:4px}.menu a:hover,.menu a:active{text-decoration:underline;//background-color:#C0C0C0}.body{background-color:#DCDED9;background-color:#DCE1D9;border-style:solid;border-color:#554659;border-width:3px;padding-left:50px;padding-top:20px;padding-bottom:20px;padding-right:50px;height:500px;font-weight:100;font-size:1.1em;line-height:135%;vertical-align:top;color:black}.paragraph{margin-left:45px;margin-top:50px;padding-top:20px;padding-bottom:20px;padding-right:50px;padding-left:5px;border-left-style:solid;border-color:#554659;border-left-width:3px;background-image:url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);background-repeat:repeat-y;color:black;//background-position:45px 0px}.imagebox{float:left;width:50%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;text-align:center}.figbox{margin:0px 0px 0px 0px;padding:15px 5px 15px 5px;text-align:bottom}.soapimg{height:125px;border-style:solid;border-color:#554659;border-color:#51615E;border-width:2px;margin:2px 12px 2px 12px;padding:0px 0px 0px 0px}.soapname{text-align:center;margin:0px;padding:0px;color:black}p.bodypara{padding-left:80px;padding-top:20px;padding-right:80px}.image{//width:98%;align:"center";margin-left:auto;margin-right:auto}.imagebox a:link,.imagebox a.visited{color:black;text-decoration:none}.image a:hover,.image a:active{color:black;text-decoration:underline;//text-shadow:2px 2px grey}div.img{margin:2px;boder:1px solid;heigh:auto;width:auto;float:center;text-align:center}div.img img{display:inline;margin:3px;border:1px solid}div.desc{text-align:center;margin:2px}.form{padding-left:100px;padding-top:20px;font-weight:bold}.textboxc{background-color:#E5E2CF;border-style:solid;border-color:#554659;border-width:1px}.bigSoapImg{float:left;width:50%;//325px;margin-left:8px}.soapHeading{margin-bottom:15px}.soapText{float:left;width:40%;margin:5px 5px 5px 20px}.soapIngredients{float:left;margin:20px 20px 15px 20px}@media only screen and (max-width:800px){.soapHeading,.soapText,.soapIngredients{float:left;margin:10px 0px 2px 0px}.soapHeading{margin-bottom:10px}.soapIngredients{border-top:1px solid #99a49c;padding-top:5px}.bigSoapImg{width:90%}.soapText{width:100%}}.fadein{position:relative;width:500px;height:250px;margin-right:auto;margin-left:auto;display:block;background:#DCE1D9}.fadein img{max-width:90%;//450px;height:250px;position:absolute;margin-right:auto;margin-left:auto;left:41px;top:0}#myTopnav.topnav{display:none}@media only screen and (max-width:800px){body{background-color:#c5d3c7;background-image:none}.body{padding:10px}.topBackground{background-color:#5b705e;background-image:none}.table{width:100%;//border:5px red solid}.imagebox{width:100%}#menuList{display:none}.fadein{display:none}}@media screen and (max-width:800px){#myTopnav.topnav{display:block;overflow:hidden;background-color:transparent}.topnav a:not(:last-child){display:none}.topnav a{float:left;display:block;//color:#f2f2f2;text-align:center;padding:10px 12px;text-decoration:none;font-size:17px}.topnav a.icon i:hover{//background-color:#ddd;color:black}.topnav a.active{background-color:#4CAF50;color:white}.topnav a.icon{float:right;padding-right:5px;display:block}}@media screen and (max-width:800px){#myTopnav.topnav.responsive{position:relative}#myTopnav.topnav.responsive a.icon{position:absolute;right:0;top:0}#myTopnav.topnav.responsive a{float:none;display:block;text-align:left}#myTopnav.topnav.responsive{background-color:#6c8974}}