/* TO ADD OR REMOVE A TOP NAV ITEM: Adjust padding-left pixel amount below if changing or adding a top nav item (to make nav look centered). Leave all other values at zero. */
div#navigation ul.MenuBarHorizontal { margin: 0; padding: 0 0 0 122px; }

/* TO ADD AN ICON: After uploading the background img, make a duplicate of one of sets below. Change where ever you see "doctor" for example to a unique name  */

/* Doctor icon */
div.zspokane-icon a#doctor  { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_doctor.jpg') top left no-repeat; }
div.zspokane-icon a:hover#doctor { background-position: bottom left; }

/* Green icon */
div.zspokane-icon a#green  { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_green.jpg') top left no-repeat; }
div.zspokane-icon a:hover#green { background-position: bottom left; }

/* Lawyer icon */
div.zspokane-icon a#lawyer { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_lawyer.jpg') top left no-repeat; }
div.zspokane-icon a:hover#lawyer { background-position: bottom left; }

/* Car icon */
div.zspokane-icon a#car { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_car.jpg') top left no-repeat; }
div.zspokane-icon a:hover#car { background-position: bottom left; }

/* Classifieds icon */
div.zspokane-icon a#classifieds { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_classifieds.jpg') top left no-repeat; }
div.zspokane-icon a:hover#classifieds { background-position: bottom left; }

/* Win Prizes icon */
div.zspokane-icon a#win { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_win.jpg') top left no-repeat; }
div.zspokane-icon a:hover#win { background-position: bottom left; }

/* Real Estate icon */
div.zspokane-icon a#home { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_home.jpg') top left no-repeat; }
div.zspokane-icon a:hover#home { background-position: bottom left; }

/* Job icon */
div.zspokane-icon a#job { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_job.jpg') top left no-repeat; }
div.zspokane-icon a:hover#job { background-position: bottom left; }

/* Krem icon */
div.zspokane-icon a#krem { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_krem.jpg') top left no-repeat; }
div.zspokane-icon a:hover#krem { background-position: bottom left; }

/* Games icon */
div.zspokane-icon a#games { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_games.jpg') top left no-repeat; }
div.zspokane-icon a:hover#games { background-position: bottom left; }

/* Yollar-50% Off icon */
div.zspokane-icon a#yollar { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_yollar.jpg') top left no-repeat; }
div.zspokane-icon a:hover#yollar { background-position: bottom left; }

/* Top Ten Lists icon */
div.zspokane-icon a#topten { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_topten.jpg') top left no-repeat; }
div.zspokane-icon a:hover#topten { background-position: bottom left; }

/* Best Of icon */
div.zspokane-icon a#bestof { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_bestof.jpg') top left no-repeat; }
div.zspokane-icon a:hover#bestof { background-position: bottom left; }

/* Fashion icon */
div.zspokane-icon a#fashion { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_fashion.jpg') top left no-repeat; }
div.zspokane-icon a:hover#fashion { background-position: bottom left; }

/* Golf icon */
div.zspokane-icon a#golf { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_golf.jpg') top left no-repeat; }
div.zspokane-icon a:hover#golf { background-position: bottom left; }

/* Education icon */
div.zspokane-icon a#education { display: block; width: 125px; height: 125px; text-indent: -9000px; background: #fff url('../images/icons/icon_education.jpg') top left no-repeat; }
div.zspokane-icon a:hover#education { background-position: bottom left; }


/** DON'T MODIFY CSS BELOW THIS LINE **/
/** ----------------------------------------------------------------------------------------------------------------- **/

/** MAIN STYLES **/
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: center; margin: 0 auto; padding: 0; }
img { border: none; }
div#wrapper { width: 100%; background: transparent url('../images/design/header-bg.gif') top left repeat-x; }
div#header { width: 100%; }
a:link { font-size: 10px; font-family: Arial; color: #333; text-transform: uppercase; text-decoration: none; font-weight: bold; }
a:visited { font-size: 10px; font-family: Arial; color: #333; text-transform: uppercase; text-decoration: none; font-weight: bold; }
a:hover { font-size: 10px; font-family: Arial; color: #22b24c; text-transform: uppercase; text-decoration: none; font-weight: bold; }
a:active { font-size: 10px; font-family: Arial; color: #333; text-transform: uppercase; text-decoration: none; font-weight: bold; }

/** LOGO STYLES **/
html>body div#header h1 { margin: 0 auto; padding: 0; background: transparent url('../images/logo.png') top left no-repeat; text-align: center; text-indent: -9000px; width: 557px; height: 174px; } /*IE Transparent PNG Bug Hack*/
div#header h1 { margin: 0; padding: 0; text-align: center; width: 557px; height: 174px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/logo.png',sizingMethod='scale'); }
div#header h1 a { width: 557px; height: 174px; display: block; position: relative; text-indent: -9000px; }

/** ICON STYLES **/
div.icon-container { margin: 0 auto; width: 870px; height: 430px; text-align: center; }
div.zspokane-icon { width: 125px; height: 125px; padding: 15px 10px; margin: 0 auto; text-align: center; float: left; clear: right; }
div.zspokane-icon h2 { margin: 0; padding: 0; }

/** NAVIGATION STYLES **/
div#navigation { width: 1000px; height: 42px; padding: 2px 0 0 0; background: transparent url('../images/design/navigation-bg.gif') top left no-repeat; text-align: center; margin: 0 auto; }
div#navigation ul.MenuBarHorizontal li.MenuBarTopItem a:link { font-size: 12px; line-height: 28px; font-family: Arial; color: #0083cb; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-weight: bold; }
div#navigation ul.MenuBarHorizontal li.MenuBarTopItem a:visited { font-size: 12px; line-height: 28px; font-family: Arial; color: #0083cb; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-weight: bold; }
div#navigation ul.MenuBarHorizontal li.MenuBarTopItem a:hover { font-size: 12px; line-height: 28px; font-family: Arial; color: #333; text-transform: uppercase; text-decoration: none; cursor: default; letter-spacing: 1px; font-weight: bold; }
div#navigation ul.MenuBarHorizontal li.MenuBarTopItem a:active { font-size: 12px; line-height: 28px; font-family: Arial; color: #0083cb; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-weight: bold; }
div#navigation ul.MenuBarHorizontal li.MenuBarTopItem { list-style-type: none; display: inline; float: left; padding: 0 12px; width: 100px; height: 30px; border-left: 2px solid #fff; margin: 0; }
li#firstnavitem { border-left: none !important; }

div#navigation ul.MenuBarHorizontal ul { list-style-type: none; z-index: 1020; cursor: default; position: absolute; left: -1000em; padding: 5px 0 5px 0; border-bottom: 1px solid #0083cb; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/design/subnav-bg.png',sizingMethod='scale');  margin: 3px 0 0 -62px; width: 124px; }
/**/
html>body div#navigation ul.MenuBarHorizontal ul { list-style-type: none; z-index: 1020;cursor: default; position: absolute; left: -1000em; padding: 10px 0 10px 0; border-bottom: 1px solid #0083cb; background: transparent url('../images/design/subnav-bg.png') top right repeat; margin: 3px 0 0 -12px; width: 124px; } /*IE Transparent PNG Bug Hack*/
*:first-child+html div#navigation ul.MenuBarHorizontal ul { padding: 5px 0 5px 0; margin: 3px 0 0 -62px; background-color: transparent !important; background-image: none !important; }

div#navigation ul.MenuBarHorizontal li.MenuBarTopItem ul li a:link { font-size: 11px; line-height: 14px; height: 100%; color: #0083cb; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; display: block; padding: 0 1px 8px 1px; }
div#navigation ul.MenuBarHorizontal li.MenuBarTopItem ul li a:visited { font-size: 11px; line-height: 14px; height: 100%; color: #0083cb; font-weight: bold; text-decoration: none;text-transform: uppercase; letter-spacing: 0px; display: block; padding: 0 1px 8px 1px; }
div#navigation ul.MenuBarHorizontal li.MenuBarTopItem ul li a:hover { font-size: 11px; line-height: 14px; height: 100%; color: #333; font-weight: bold; text-decoration: none; cursor: pointer; text-transform: uppercase; letter-spacing: 0px; display: block; padding: 0 1px 8px 1px; }
div#navigation ul.MenuBarHorizontal li.MenuBarTopItem ul li a:active { font-size: 11px; line-height: 14px; height: 100%; color: #0083cb; font-weight: bold; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; display: block; padding: 0 1px 8px 1px; }
div#navigation ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }
div#navigation ul.MenuBarHorizontal a { cursor: pointer; }
div#navigation ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; margin-left: -9000px; background-color: transparent; } /* Hack for IE */

/** QUICK LINKS STYLES **/
div.quicklinks { width: 1000px; padding: 20px 0 20px 0; text-align: center; margin: 0 auto; background: transparent url('../images/design/quicklinksbot-bg.gif') bottom left no-repeat; }
div.quicklinks h6 { width: 100%; height: 44px; display: block; text-align: left; margin: 0; padding: 5px 0 0 0; background: transparent url('../images/design/quicklinks-bg.gif') top left no-repeat; font-family: Arial; font-size: 24px; font-style: italic; color: #22b24c; }
div.quicklinks h6 span { background-color: #fff; margin: 0 0 0 165px; }
div.quicklinks-box { width: 136px; background: transparent url('../images/design/quicklinks-shadow.jpg') top left no-repeat; margin: 5px 10px; display: block; float: left; }
div.quicklinks-box p { margin: 0; padding: 2px 6px 0 0; width: 130px; }
div.quicklinks-box img { border: 1px solid #ffdc7b; position: relative; top: -2px; left: -4px; }
div.ql-container { padding-left: 120px; }

/** FOOTER STYLES **/
div#footer { width: 100%; height: 100px; background: transparent url('../images/design/footer-bg.gif') bottom left repeat-x; padding: 55px 0 0 0; }
div#footer p { text-align: center; margin: 0; padding: 0; font-size: 10px; font-family: Arial; color: #bbb; }
div#footer p a:link { font-size: 10px; font-family: Arial; color: #999; text-transform: none; text-decoration: none; }
div#footer p a:visited { font-size: 10px; font-family: Arial; color: #999; text-transform: none; text-decoration: none; }
div#footer p a:hover { font-size: 10px; font-family: Arial; color: #333; text-transform: none; text-decoration: none; }
div#footer p a:active { font-size: 10px; font-family: Arial; color: #999; text-transform: none; text-decoration: none; }