/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.


/* 2.1 Containers & Columns */
#container { }
#top { background:#040404 url(images/bg.jpg) no-repeat top center; }

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 960px; margin: 0 auto; }

/* 2.2.1 Page Navigation */
#page-nav { position:relative; background:url(images/bg-pagenav.png) repeat-x; height:29px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; }
#page-nav a { color:#eee; text-decoration:none; text-shadow: #333 0px 1px 0px; }
#page-nav a:hover { background:url(images/nav-hover.png) repeat; color:#fff; }
#page-nav .ico-home { padding:7px 0 6px 0; }

#nav, #nav ul  { position:relative; z-index:200; margin:0; padding:0; list-style:none; line-height:1; }
#nav a  { display:block; z-index:200; padding:0 10px; line-height:29px; text-decoration:none;}
#nav li  { float:left; width: auto; }
#nav li ul  { position: absolute; left: -999em; width: 180px; }
#nav li ul li  { background: #a39d96; }
#nav li ul li a  { width:160px; line-height:26px; color:#eee; }
#nav li ul li a:hover  { color:#fff; }
#nav li ul ul  { margin: -26px 0 0 180px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover,#nav li.hover  { position:static; }