@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300);
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table,
ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr,
acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0;}
img, fieldset { border: 0; }
* {margin: 0px;padding: 0px;}
.clearfix {	padding: 0px;}
html,body { margin: 0; padding: 0; height: 100%; font-family: 'Open Sans', sans-serif; font-size: 16px; background-color:#FFF; color: #211D17;}
#wrapper { margin-top: 00px; margin-right: auto; margin-left: auto; width:100%; max-width:1100px;}
#logo { float:left; width:100%; max-width:1100px; height:auto; overflow:hidden;}
#logo img {float:right; width:100%; height:auto; max-width:890px;}
#menu { float:left; width:100%; height:auto; margin-left:240px; max-width:860px;}
#banner {float: left; width:100%;  height:auto; float:left; overflow:hidden;}
#wrapper-content {float:left; width:100%; max-width:1100px; height:auto; padding-bottom:20px; margin-top:20px;}
#left {float:left; width:17%; min-height:250px;}
#left img { margin: 0 5px 5px 0;}
#main-content {float:left; width:59%; margin: 0 2% 0 2%; }
#right {float:left; width:20%; min-height:250px;}
#right ul { list-style:none;}
#footer-wrapper {float: left; width:100%; height:auto; float:left; overflow:hidden; min-height:150px; background-color:#998675; border-top:solid 3px #736357;}
#footer-mid { margin-right: auto; margin-left: auto; width:100%; max-width:1100px; margin-top:15px;} 
#footer-mid img { float:left; padding: 0 50px;}
#footer-mid p { color: #C7B299; font-size:12px;}
#footer-mid a { color: #C7B299; text-decoration:none;}
#left h3, #right h3 { font-weight:normal; font-size:18px; margin-bottom:0px !important;text-transform: uppercase; margin-left:13px;}
.icons { display:none; visibility:hidden;}
#right a { text-decoration:none; color:#534F48;}
#right a:hover { text-decoration:none; color:#999;}

@media screen and (min-width: 1000px) and (max-width: 1099px) {
#wrapper { margin-top: 20px; max-width:1099px;}
#logo { max-width: 1099x;}
#logo img {float:right; width:100%; height:auto; width:1100px;}
#menu { float:left; width:100%; height:auto; margin-left:140px; max-width:800px;}
#banner {float: left; width:100%;  height:auto; float:left; overflow:hidden;}
#banner img {max-width: 1099px;}
#left {float:left; width:20%; min-height:250px; margin-left:2%;}
#main-content { width:50%; margin: 0 2% 0 2%; min-height:400px; }
#wrapper-content { max-width:1099px; margin-top:10px;}
#right {width:20%; margin: 0 1% 0 2%; margin-top:0px;}	
} 

@media screen and (min-width: 768px) and (max-width: 999px) {
#wrapper { margin-top: 20px; max-width:767px;}
#logo { max-width: 999px;}
#logo img {float:right; width:100%; height:auto; width:768px;}
#menu { float:left; width:100%; height:auto; margin-left:0px; max-width:767px;}
#banner {float: left; width:100%;  height:auto; float:left; overflow:hidden;}
#banner img {max-width: 767px;}
#left { display:none; visibility:hidden;}
#main-content { width:60%; margin: 0 4% 0 4%; min-height:400px; }
#wrapper-content { max-width:767px; margin-top:10px;}
#right {width:25%; margin: 0 1% 0 4%; margin-top:0px;}	
} 

@media screen and (min-width: 481px) and  (max-width: 767px) {
#wrapper { margin-top: 20px; max-width:767px;}
#logo { max-width: 767px;}
#logo img {float:left; width:100%; height:auto; width:1100px;}
#menu { float:left; width:100%; height:auto; margin-left:0px; max-width:767px;}
#banner {float: left; width:100%;  height:auto; float:left; overflow:hidden;}
#banner img {max-width: 767px;}
#left { display:none; visibility:hidden;}
#main-content { width:92%; margin: 0 4% 0 4%; }
#wrapper-content { max-width:767px; margin-top:10px;}
#right {width:92%; margin: 0 4% 0 4%; margin-top:30px;}

}  


@media screen and  (max-width: 480px) {
#wrapper { margin-top: 20px; max-width:480px;}
#logo { max-width: 480px;}
#logo img {float:left; width:100%; height:auto; width:1000px;}
#menu { float:left; width:100%; height:auto; margin-left:0px; max-width:480px;}
#banner {float: left; width:100%;  height:auto; float:left; overflow:hidden;}
#banner img {max-width: 500px;}
#left { display:none; visibility:hidden;}
#main-content { width:92%; margin: 0 4% 0 4%; }
#wrapper-content { max-width:480px; margin-top:10px;}
#right {width:92%; margin: 0 4% 0 4%; margin-top:30px;}
} 

@media screen and  (max-width: 320px) {
#wrapper { margin-top: 20px; max-width:320px;}
#logo { max-width: 320px;}
#logo img {float:left; width:100%; height:auto; width:740px;}
#menu { float:left; width:100%; height:auto; margin-left:0px; max-width:320px;}
#banner {float: left; width:100%;  height:auto; float:left; overflow:hidden;}
#banner img {max-width: 500px;}
#left { display:none; visibility:hidden;}
#main-content { width:92%; margin: 0 4% 0 4%; }
#wrapper-content { max-width:320px; margin-top:10px;}
#right {width:92%; margin: 0 4% 0 4%; margin-top:30px;}
}

@media print {
#logo { display:none;}
#menu { display:none;}
#banner { display:none;}
#footer-wrapper { display:none;}
#left { display:none;}
#right { display:none;}
.printbutton {
  visibility: hidden;
  display: none;}
#main-content { float:left; width:100%; margin:2%; }
}