html, body, h1, h2, h3, h4, ul, li { margin: 0; padding: 0;}
h1 img { display: block;}img { border: 0;}a { color: #464544;}
a:hover { color: #602E8F/*#FFA405;*/}
.left { float: left;}
.right { float: right;}.more { text-align: right;}
.clear { clear: both;}
body { background: #504634; text-align: center; font: 12px verdana, arial, sans-serif; color: #564C3A;/#695F4C;/ padding-bottom: 10px;}
/** layout **/
#wrapper { text-align: left; margin: 7px auto; width: 894px; background: #ffffff; position: relative;}
#header { background: #D9D1BC url(images/webyoni-logo.png) no-repeat; height: 150px; }
#logo { position: absolute; top: 12px; left: 300px; width: 470px; color: #0BB24A/*#52616E;*/}
#logo h1 { font: bold 24px "arial narrow", arial, sans-serif;}
#logo p { margin: 0; font-weight: bold;}
#cart { position: absolute; top: 10px; left: 454px; width: 208px; background: #4B5360; width: 209px;}
#cart-top { background: url(images/cart_top.gif) no-repeat; }
#cart-bot { background: bottom left url(images/cart_bot.gif) no-repeat; }
#cart-cart { background: 9px 11px url(images/cart.gif) no-repeat; }
#cart-cart { padding: 8px 8px 8px 60px; color: white;}
#cart p { margin: 0;}#cart .orange { color: #FFB400; font-size: 10px;}
#cart a { color: white; font-size: 10px;}
#nav { background: #602E8F; position: absolute; top: 65px; left: 287px; width: 600px; padding: 4px 0; text-align: center;}
#nav li { list-style: none; display: inline; color: #fff;}
#nav a { text-decoration: none; color: #fff; }
#nav a:hover { color: #FCFC6D;}
#gallery { position: absolute; top: 100px; left: 287px; width: 585px;}
#gallery li { list-style: none; text-indent: -999px; float: left; overflow: hidden; height: 111px;}
#gallery .gwomen { background: url(images/pic_1b.png) no-repeat; width: 132px;
}
#gallery .gwomen, .gkids, .gmen, .gmarket {opacity:0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='#504634')progid:DXImageTransform.Microsoft.Alpha(opacity=60)";}
#gallery .gwomen:hover {opacity:100;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}
#gallery .gkids:hover {opacity:1;filter:alpha(opacity=100)}
#gallery .gmen:hover {opacity:1;filter:alpha(opacity=100)}
#gallery .gmarket:hover {opacity:1;filter:alpha(opacity=100)}
#gallery .gkids { background: url(images/pic_2b.png) no-repeat; width: 124px;}
#gallery .gmen { background: url(images/pic_3b.png) no-repeat; width: 128px;}
#gallery .gmarket { background: url(images/pic_4b.png) no-repeat; width: 140px;}
#gallery .getit { background: url(images/getit.png) no-repeat; width: 385px;}
#gallery .stay { background: url(images/stayconnected.png) no-repeat; width: 385px;}
#gallery .experience { background: url(images/experience.png) no-repeat; width: 385px;}
#gallery .features { background: url(images/features.png) no-repeat; width: 385px;}
#gallery .contact { background: url(images/contact.png) no-repeat; margin-left:-90px;width: 385px;}
#body { padding-top: 3px; background-color:#FFF;}
#categories { float: left; width: 195px; background-color:#D9D1BC;}
#seasonal, #collection { float: right; width: 696px; background: #D4CAB6; margin-bottom: 2px;}
#seasonal .inner, #collection .inner { padding: 6px 12px; text-align:justify;}
#seasonal p, #collection p { margin: 0.9em 0;}
.more a { font-size: 12px; color: #000; text-decoration: none;}
.more a:hover { text-decoration: underline;}
h3 { font: bold 16px "arial narrow", arial, sans-serif; color: #1B1812;}
h2 { font: 22px "arial narrow", arial, sans-serif; color: #695F4C; padding-bottom: 10px;}
#categories h2 { color: #fff; padding: 4px 0 5px 39px; background: #847A67;}
#categories li { background: #D4CAB6 left url(images/bullet.gif) no-repeat; border-top: 1px solid #F4EFDF; list-style: none; font-size: 13px; padding: 15px 5px 8px 35px;}
#categories a { text-decoration: none; color: #000000;}
#categories a:hover { text-decoration: underline; color: #602E8F;}
#collection { background: #D4CAB6 bottom right url(images/person_bg.jpg) no-repeat;}
#collection .inner { padding-right: 98px;}
#minigal { float: right; width: 444px; margin-top: 1em; margin-bottom: 1em;}
#minigal img:hover {opacity:0.6;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.6;
opacity: 0.6;}
#minigal div { float: left; margin: 6px;}
#collection ul { margin-left: 1.5em;}
#collection li { margin: 0.2em 0; color: #463F32; font-size: 16px; font-weight: bold; font-family: "arial narrow", arial, sans-serif;}
#collection p { width: 103px; margin-left: 1.5em;}
#seas-one, #seas-two, #seas-three,#seas-four { height: 146px;}
#seas-one { float: left; width: 195px; margin-right: 3px; background: url(images/foot_1.jpg) no-repeat;}
#seas-two { float: left; width: 249px; margin-right: 3px; background: url(images/foot_2.jpg) no-repeat;}
#seas-three { float: left; width: 222px; background: url(images/foot_3.jpg) no-repeat;}
#seas-four { float: left; width: 222px; background: url(images/foot_4.jpg) no-repeat;}
#seas p { text-align: right; color: #000; margin: 60px 15px 0 0; font-size: 40px; font-weight: bold;}
#seas p.date { margin-top: 0; font-size: 20px;}
#seas span.date { margin-top: 0; font-size: 20px;}
#copyright { text-align: center; font-size: 9px; vertical-align:center;height:45px;}
#seas
#seas a:visited {color: #564C3A; text-decoration: none}
#seas a:link {color: #564C3A; text-decoration: none}
#seas a:active {color: #564C3A; text-decoration: none}
#seas a:hover {cursor: crosshair; color: #FFFFFF; text-decoration: none}