/* ---------- @ global -----------*/

* { outline:0pt none; }

a img { border:0pt none; }


body { background: url(../images/bg.gif) top repeat-x; margin:0; padding:0; font:12px/26px Verdana, Geneva, sans-serif;}

#header h1 {margin:0; padding:0; position:absolute; text-indent:-9999em; left:15px; top:5px;}

#header h1 a { width:180px; height:105px; display:block; background: url(../images/logo.gif) no-repeat; text-indent:-9999em;}


/* ---------- @ structure -----------*/

#main{width:960px; margin:0 auto; background:url(../images/content-bg.jpg) no-repeat 0 100px; clear:both!important; min-height:700px;}

/* ---------- @ header-----------*/

#header{height:150px; position:relative; background:url(../images/header-bg.gif) no-repeat bottom;  z-index:500!important;}

/* ---------- @ search -----------*/

#search{height:40px; position:absolute; right:50px; top:110px; background:url(../images/search-bg.gif) no-repeat 45px 0px;}

#search label{margin:7px 13px 0 0; display:block; color:#fff; float:left; text-shadow: #7e7c69 1px 1px; filter: Shadow(Color=#7e7c69, 	
			Direction=130, 
			Strength=1);}

#search #textbox{width:120px; height:20px; float:left; padding:3px; border:0pt none;  background:none; position:relative; top:6px; color:#acacac;}

#search #search-button{margin:1px 0 0 15px; float:left;}

#search a:hover{color:#fff;}


/* ---------- @ navigation -----------*/


#nav{ height:20px; margin:0; padding:0; list-style:none;  position:absolute; top:30px; left:230px;}

#nav li{margin-top:3px; float:left; display:inline; font:12px/16px Verdana, Arial, Helvetica, sans-serif; border-right:1px solid #b6b5b5;}

#nav li.last{border-right:0pt none;}

#nav li:hover, #nav li.sfhover{}

#nav li a{ height:20px; padding:6px; display:block; color:#b6b5b5; text-decoration:none;}

#nav li a:hover{ text-decoration:underline!important; color:#fff!important; background:#2a763a; }


/* // show the top nav item background when hovering on child elements //*/

#nav li:hover a, #nav li.sfhover a{text-decoration:underline; color:#fff; background:#2a763a;}

#nav li:hover li a, #nav li.sfhover li a {color:#fff; text-decoration:none;background:#2a763a; }

#nav li:hover li a:hover, #nav li.sfhover a:hover{color:#756d29; background:#2a763a;}


/* // suckerfish //*/

#nav li ul { margin:35px 0 0 0;  padding:5px 0 0 0; position: absolute; left:-999em; top:0; background:#b5ad83; border:1px solid #a19868;  list-style:none;  clear:both; }

#nav li ul li{width:150px; clear:both; display:block!important; padding:5px 10px 5px 20px; font-size:12px; border-bottom:1px solid #a19868; border-right:none;}

#nav li ul li.last{border-bottom:none;}

#nav li ul li a {height:auto; margin:0; padding:0 0 6px 0; display:block!important; background:none!important;}

#nav li ul li a:hover { background:none!important; }

#nav li ul li:hover,#nav li.sfhover { background:url(../images/arrow-yellow.gif) no-repeat 5px 10px; }

#nav li:hover ul,
#nav li.sfhover ul { left: auto; }



/* ---------- @ footer -----------*/
#footer{clear:both; width:960px; margin:0 auto; padding:0; background: url(../images/footer-bg.gif) repeat-x bottom; position:relative; height:68px;}

#footer p{position:absolute; top:33px; left:10px; font-size:9px;}

#footer p a{color:#000;}

#footer div#login{position:absolute; right:0; background:url(../images/footer-login.gif) no-repeat bottom; height:68px; width:109px;}

#footer div#login a{background: url(../images/icon-login.gif) no-repeat left; padding-left:20px; color:#fff; position:absolute; top:35px; right:25px; font-size:9px; text-decoration:none; text-transform:uppercase;}

#footer div#login a:hover{color:#f6cf5c; text-decoration:underline; background-color:none!important;}