/* 
Theme Name: Roughyeds
Theme URL: http://roughyeds.co.uk/
Description: Roughyeds Website
Author: iKreativ
Author URI: http://ikreativ.com
Version: 1.0
*/

/* Navigation */
ul#nav { background-image: url(../images/navBg.jpg); background-repeat: no-repeat; width: 1062px; height: 56px; padding: 6px 0 0 41px; margin: -6px 0 0 0; float: left; }
/* Target a safari browser issue */
@media screen and (-webkit-min-device-pixel-ratio:0){ ul#nav { background-image: url(../images/navBg.jpg); background-repeat: no-repeat; width: 1062px; height: 56px; padding: 6px 0 0 41px; margin: 0; float: left; } }
ul#nav li { background-image: url(../images/btnBg.jpg); background-position: 0 0; background-repeat: repeat-x; height: 30px; width: 91px; padding: 17px 5px 0 5px; margin: 0; border-right: 1px solid #f5f5f5; border-left: 1px solid #b9b9b9; position: relative; display: inline-block; float: left; }
ul#nav li:hover { background-position: 0 -47px; }
ul#nav li#home { background: none; width: 52px; margin: -1px 0 0 0; padding: 0; border: none; float: left; }
ul#nav li a { font-size: 12px; color: #101620; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px 0px #ffffff; text-align: center; }

/* Drop Down */
.menu, .menu * { margin: 0; padding: 0; list-style: none; }
.menu { line-height: 1.0; }
.menu ul { position: absolute; top: -999em; }
.menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.menu li { float: left; position: relative; }
.menu a { display: block; position: relative; }
.menu li:hover ul, .menu li.sfHover ul { left: 0; top: 3em; z-index: 99; }
ul.menu li:hover li ul, ul.menu li.sfHover li ul { top: -999em; }
ul.menu li:hover li ul, ul.menu li.sfHover li ul li ul li { margin: 0 0 0 102px; }
ul.menu li li:hover ul, ul.menu li li.sfHover ul { left: 0; top: 0; }
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul { top: -999em; }
ul.menu li li li:hover ul, ul.menu li li li.sfHover ul { left: 0; top: 0; }
ul.menu li ul li ul li ul li { background: none; }
.sf-sub-indicator { position: absolute; display: block; text-indent: -999em; overflow: hidden; background: none; }

/* Shadows for all but IE6 */
.sf-shadow ul { background:	url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
}
.sf-shadow ul.sf-shadow-off { background: transparent; }

ul#nav li ul li ul { margin: 0 0 0 124px; }
ul#nav li ul li { background-image: url(../images/btnBg.jpg); background-position: 0 0; background-repeat: repeat-x; border: none; padding: 6px 0 2px 0; margin: 0 0 1px 2px; width: 125px; height: 20px; }
ul#nav li ul li a { text-shadow: none; }


