* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {behavior: url("csshover2.htc"); background: #fff; color: #333; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; font-size: 12px; margin: 0; width: 100%;}
a {color: #000;}
a:hover {color: #000; text-decoration: none;}
h3 {margin: 0 0 10px;}
p {line-height: 1.8em;}
p.last {padding: 0 0 40px;}

img {border: 0;}
.clearboth {clear: both;}
.center {text-align: center;}

#wrapper {margin: 0 auto; width: 960px;}

#big-image {position: fixed; top: 0; left: 0; text-align: right; width: 50%; height: 100%; overflow: hidden;}
#big-image img {height: 100%;}

#logo {border: 0px solid #000; position: fixed; top: 10px; left: 10px; width: 140px; z-index: 1000;}
#logo img {width: 100%;}

.promo img {width: 350px;}

#navigation .category {font-weight: bold;}
#navigation .sub-nav {background: #555; list-style: disc;}

ul.pureCssMenu {font-family: "Century Gothic", Arial, Sans-Serif; list-style: none; margin: 10px 0 0; width: 100%;}
ul.pureCssMenu ul{display:none; list-style: none;}
ul.pureCssMenu li:hover>ul{display:block; background: #333; color: #f9e8d4;}
ul.pureCssMenu ul{position: absolute;left:0;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:100%;top:0px;}
/*ul.pureCssMenu,ul.pureCssMenu ul {list-style:none;}*/
/*ul.pureCssMenu {display:block;zoom:1;float: left;}*/
ul.pureCssMenu a {background: #f9e8d4; color: #222; display: block; font-weight: bold; padding: 7px; text-decoration: none; width: 126px;}
ul.pureCssMenu a:hover {background: #f9e8d4; color: #222;}
/*ul.pureCssMenu a:active, ul.pureCssMenu a:focus {outline-style:none;}*/
/*ul.pureCssMenu li {float:left;}*/
ul.pureCssMenu ul li {white-space: nowrap; width: auto;}
ul.pureCssMenu ul a {background: #333; color: #ddd; font-weight: normal;}
ul.pureCssMenu ul a:hover {background: #444; color: #f9e8d4;}
ul.pureCssMenu li:hover{position:relative;}
ul.pureCssMenu li a:hover {position:relative;}
/*ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}*/

#caption {display: none; position: fixed; top: 0; left: 50%; margin: 20px 10px; width: 20%;}

#thumbnails {position: absolute; top: 20px; right: 20px; padding: 0 0 40px; width: 40%;}
#thumbnails p {margin: 10px 0;}
#thumbnails input {margin: 10px 0;}
#thumbnails #q8 {font: 15px Arial; width: 200px; height: 20px;}
.thumbnail {float: left; margin: 0 20px 20px 0;}

.overlay {position: fixed; top: 70px; left: 50%; background: #fff; border: 10px solid #f9e8d4; color: #000; margin: 0 0 0 -310px; padding: 10px; width: 600px; height: 70%; overflow: auto; z-index: 1000;}
.overlay p, .content ul {line-height: 20px; margin: 10px 0;}
.overlay ul {margin: 0 0 0 20px;}
.close {position: fixed; top: 60px; left: 50%; margin: 0 0 0 315px;}
.column3 {float: left; margin: 20px 0 40px; width: 33%; height: 100px;}

#newsletter p {margin: 10px 0;}
#newsletter input {margin: 10px 0;}
#newsletter .text {font: 15px Arial; width: 200px; height: 20px;}

#footer {position: fixed; bottom: 0; right: 20px; color: #777; padding: 10px 0; width: 40%;}