h1, h2, h3, h4, h5, h6, p {margin:0px; padding:0px;}
h1 {color:#660000; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:0.9em; font-weight:200; border-top:1px solid #f1b73a; padding:30px 0px 10px 0px;}
h2, h3, h4, h5, h6 {color:#ebaa1f; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:0.8em; font-weight:200; padding:30px 0px 10px 0px; border-top:1px dashed #f7d58b;}
p, span {color:#663333;}
p, span, ul, h1, h2, h3 {width:890px;}
img {border: 0;}
a {color:#d04900;}
object{z-index:1;}
ul {display:block; float:left; list-style-type:none; margin:30px 0px 30px 0px; padding:20px 0px 0px 0px; border-top:1px solid #f1b73a; width:890px;}
li {display:inline; list-style-type:none; padding:5px 12px 5px 12px; font-size:0.9em;}

ul.subnav {display:block; float:left; margin:10px auto 10px auto; padding:10px 0px 0px 0px; border-top:1px solid #fbdb96;}
ul.subnav li {display:block; width:180px; float:left; border-right:1px solid #fbdb96; padding:0px; margin:0px 0px 0px 0px; font-size:0.8em;}
ul.subnav li a{/*background-color:#fceac5;*/ text-decoration:none; display:block; padding:5px 12px 5px 12px;}
ul.subnav li a:hover{background-color:#fff6e3;}
ul.subnav li em{font-size:1.5em; color:#efcb7d;}

body {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	background-color: #ffffff;
	color:#663333;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image: url(e_bkg.gif);
	background-repeat: repeat-x;
	background-position:top center ;
}
#container {
	position:relative;
	width:890px;
	margin:0 auto;
	padding:210px 0px 30px 0px;
	display:block;
	background-image: url(widewellies_bkg.png);
	background-repeat: no-repeat;
	background-position:top center ;
}
#ad {float:left; width:800px; margin:0px 0px 0px 0px; padding:0px 0px 80px 60px;}
#ad img{float:left;}
#ad .gad{padding:35px 0px 0px 25px; float:left;}
h1, h2{float:left;}
h2{margin-top:15px;}
p{float:left; font-size:0.75em; padding-bottom:5px; line-height:1.5em;}
span{float:left; font-size:0.7em; padding-bottom:10px;}
span a{color:#663333; text-decoration:none;}

@media only screen and (max-width:880px) {
#container {
	width:100%;
	padding:210px 0px 30px 0px;
}
#ad {float:left; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 80px 30px;}
#ad .gad{padding:35px 0px 0px 25px; float:left;}
p, span, ul, h1, h2, h3 {width:80%; padding-right:10%; padding-left:10%;}
p {line-height:1.8em;}
}

@media only screen and (min-width:700px) and (max-width:780px) {
#ad img{width:48%}
}

@media only screen and (max-width:699px) {
#ad {padding:0px 0px 40px 0px;}
#ad .gad{padding:25px 0px 0px 0px; float:none; margin:0px auto 0px auto;}
#ad img{width:auto; float:none; margin:0px auto 0px auto;}
ul li {display:block; margin-top:15px;}
}

@media only screen and (max-width:600px) {
body {
	background-size:120px;
}
#container {
	padding:180px 0px 30px 0px;
	background-size:360px;
}
}

@media only screen and (max-width:380px) {
body {
	background-size:82px;
}
#container {
	padding:130px 0px 30px 0px;
	background-size:260px;
}
#ad img{width:90%; height:90%;}
}