/*
  @brief: TMA Marketing navigation stylesheet
  @author: Rob Simpkins
  @copyright: TMA Marketing 2009. All rights reserved
 */

/**   start navigation styles   **/
div#navigation { position: absolute; top: 128px; float: left; display: inline; height: 22px; width: 840px; padding: 0 10px; }
div#navigation ul { position: relative; top: 3px; float: right; display: inline; height: 20px; margin: 0; padding: 0; font-size: 20px; font-weight: lighter; }
div#navigation ul li { float: left; display: inline; margin-left: 17px; padding: 0; color: #00b5ff; background: transparent; line-height: 20px; }
div#navigation ul li a { float: left; display: inline; color: #8b9298; text-decoration: none; line-height: 20px; font-weight: lighter; }


/**   start blue navigation styles    **/
ul#blue a#home { float: left; display: inline; height: 20px; width: 50px; background: transparent url('/images/layout/home_navigation_item_blue.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#blue a#testimonials { float: left; display: inline; height: 20px; width: 106px; background: transparent url('/images/layout/testimonials_navigation_item_blue.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#blue a#services { float: left; display: inline; height: 20px; width: 73px; background: transparent url('/images/layout/services_navigation_item_blue.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#blue a#clients { float: left; display: inline; height: 20px; width: 58px; background: transparent url('/images/layout/clients_navigation_item_blue.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#blue a#methodology { float: left; display: inline; height: 20px; width: 117px; background: transparent url('/images/layout/methodology_navigation_item_blue.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#blue a#contact { float: left; display: inline; height: 20px; width: 67px; background: transparent url('/images/layout/contact_navigation_item_blue.png') no-repeat; overflow: hidden; text-indent: -9999px; }
div#navigation ul#blue li a.current, div#navigation ul#blue li a#home:hover, div#navigation ul#blue li a#services:hover,div#navigation ul#blue li a#testimonials:hover, div#navigation ul#blue li a#clients:hover, div#navigation ul#blue li a#methodology:hover, div#navigation ul#blue li a#contact:hover { background-position: bottom left; }


/**   start green navigation styles    **/
ul#green a#home { float: left; display: inline; height: 20px; width: 50px; background: transparent url('/images/layout/home_navigation_item_green.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#green a#testimonials { float: left; display: inline; height: 20px; width: 106px; background: transparent url('/images/layout/testimonials_navigation_item_green.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#green a#services { float: left; display: inline; height: 20px; width: 73px; background: transparent url('/images/layout/services_navigation_item_green.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#green a#clients { float: left; display: inline; height: 20px; width: 58px; background: transparent url('/images/layout/clients_navigation_item_green.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#green a#methodology { float: left; display: inline; height: 20px; width: 117px; background: transparent url('/images/layout/methodology_navigation_item_green.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#green a#contact { float: left; display: inline; height: 20px; width: 67px; background: transparent url('/images/layout/contact_navigation_item_green.png') no-repeat; overflow: hidden; text-indent: -9999px; }
div#navigation ul#green li a.current, div#navigation ul#green li a#home:hover, div#navigation ul#green li a#services:hover, div#navigation ul#green li a#testimonials:hover, div#navigation ul#green li a#clients:hover, div#navigation ul#green li a#methodology:hover, div#navigation ul#green li a#contact:hover { background-position: bottom left; }


ul#red a#home { float: left; display: inline; height: 20px; width: 50px; background: transparent url('/images/layout/home_navigation_item_red.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#red a#testimonials { float: left; display: inline; height: 20px; width: 106px; background: transparent url('/images/layout/testimonials_navigation_item_red.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#red a#services { float: left; display: inline; height: 20px; width: 73px; background: transparent url('/images/layout/services_navigation_item_red.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#red a#clients { float: left; display: inline; height: 20px; width: 58px; background: transparent url('/images/layout/clients_navigation_item_red.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#red a#methodology { float: left; display: inline; height: 20px; width: 117px; background: transparent url('/images/layout/methodology_navigation_item_red.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#red a#contact { float: left; display: inline; height: 20px; width: 67px; background: transparent url('/images/layout/contact_navigation_item_red.png') no-repeat; overflow: hidden; text-indent: -9999px; }
div#navigation ul#red li a.current, div#navigation ul#red li a#home:hover, div#navigation ul#red li a#services:hover, div#navigation ul#red li a#testimonials:hover, div#navigation ul#red li a#clients:hover, div#navigation ul#red li a#methodology:hover, div#navigation ul#red li a#contact:hover { background-position: bottom left; }



/**   start purple navigation styles    **/
ul#purple a#home { float: left; display: inline; height: 20px; width: 50px; background: transparent url('/images/layout/home_navigation_item_purple.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#purple a#testimonials { float: left; display: inline; height: 20px; width: 106px; background: transparent url('/images/layout/testimonials_navigation_item_purple.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#purple a#services { float: left; display: inline; height: 20px; width: 73px; background: transparent url('/images/layout/services_navigation_item_purple.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#purple a#clients { float: left; display: inline; height: 20px; width: 58px; background: transparent url('/images/layout/clients_navigation_item_purple.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#purple a#methodology { float: left; display: inline; height: 20px; width: 117px; background: transparent url('/images/layout/methodology_navigation_item_purple.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#purple a#contact { float: left; display: inline; height: 20px; width: 67px; background: transparent url('/images/layout/contact_navigation_item_purple.png') no-repeat; overflow: hidden; text-indent: -9999px; }
div#navigation ul#purple li a.current, div#navigation ul#purple li a#home:hover, div#navigation ul#purple li a#services:hover,div#navigation ul#purple li a#testimonials:hover, div#navigation ul#purple li a#clients:hover, div#navigation ul#purple li a#methodology:hover, div#navigation ul#purple li a#contact:hover { background-position: bottom left; }


/**   start yellow navigation styles    **/
ul#yellow a#home { float: left; display: inline; height: 20px; width: 50px; background: transparent url('/images/layout/home_navigation_item_yellow.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#yellow a#testimonials { float: left; display: inline; height: 20px; width: 106px; background: transparent url('/images/layout/testimonials_navigation_item_yellow.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#yellow a#services { float: left; display: inline; height: 20px; width: 73px; background: transparent url('/images/layout/services_navigation_item_yellow.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#yellow a#clients { float: left; display: inline; height: 20px; width: 58px; background: transparent url('/images/layout/clients_navigation_item_yellow.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#yellow a#methodology { float: left; display: inline; height: 20px; width: 117px; background: transparent url('/images/layout/methodology_navigation_item_yellow.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#yellow a#contact { float: left; display: inline; height: 20px; width: 67px; background: transparent url('/images/layout/contact_navigation_item_yellow.png') no-repeat; overflow: hidden; text-indent: -9999px; }
div#navigation ul#yellow li a.current, div#navigation ul#yellow li a#home:hover, div#navigation ul#yellow li a#services:hover,div#navigation ul#yellow li a#testimonials:hover, div#navigation ul#yellow li a#clients:hover, div#navigation ul#yellow li a#methodology:hover, div#navigation ul#yellow li a#contact:hover { background-position: bottom left; }


/**   start orange navigation styles    **/
ul#orange a#home { float: left; display: inline; height: 20px; width: 50px; background: transparent url('/images/layout/home_navigation_item_orange.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#orange a#clients { float: left; display: inline; height: 20px; width: 58px; background: transparent url('/images/layout/clients_navigation_item_orange.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#orange a#methodology { float: left; display: inline; height: 20px; width: 117px; background: transparent url('/images/layout/methodology_navigation_item_orange.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#orange a#contact { float: left; display: inline; height: 20px; width: 67px; background: transparent url('/images/layout/contact_navigation_item_orange.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#orange a#testimonials { float: left; display: inline; height: 20px; width: 106px; background: transparent url('/images/layout/testimonials_navigation_item_orange.png') no-repeat; overflow: hidden; text-indent: -9999px; }
ul#orange a#services { float: left; display: inline; height: 20px; width: 73px; background: transparent url('/images/layout/services_navigation_item_orange.png') no-repeat; overflow: hidden; text-indent: -9999px; }

div#navigation ul#orange li a.current, div#navigation ul#orange li a#home:hover, div#navigation ul#orange li a#services:hover,div#navigation ul#orange li a#testimonials:hover, div#navigation ul#orange li a#clients:hover, div#navigation ul#orange li a#methodology:hover, div#navigation ul#orange li a#contact:hover { background-position: bottom left; }


div#navigation div#filler { float: left; display: inline; height: 21px; width: 267px; background: transparent url('/images/layout/navigation_background.png') no-repeat -1px; overflow: hidden; }
div#navigation div#filler { *width: 258px; }  /* width hack for ie6 and ie7 */