/*	Copyright Get2Spec, Inc. 2003 - 2009	*/
/*	Project: AnalogRails.com		*/
/*	File:    navigation.css			*/
/*	Author:  Justin Fuhrer			*/

/* - - - - nav_top - - - - */

/* general settings */
#nav_top { margin: 0px auto; width: 930px; }
#nav_top ul { margin: 0px; float: left; height: 34px; }
#nav_top ul li { margin: 0px 0px 0px 0px; list-style: none; float: left; }
#nav_top ul li a { display: block; height: 34px; }
#nav_top span { display: none; }

/* special spacings */
#nav_top ul li.home { margin: 0px 10px 0px 0px; }
/*
#nav_top ul li.dac09 { margin: 0px 248px 0px 0px; }
#nav_top ul li.about { margin: 0px 348px 0px 0px; }
*/
#nav_top ul li.about { margin: 0px 332px 0px 0px; }
#nav_top ul li.licensing { margin: 0px 5px 0px 0px; }

/* OFF */
#nav_top ul li.home a { background: url('../images/nav/nav_home_co.png') 0px 0px no-repeat; width: 23px; }
#nav_top ul li.why a { background: url('../images/nav/nav_why_co.png') 0px 0px no-repeat; width: 145px; }
#nav_top ul li.product a { background: url('../images/nav/nav_product_co.png') 0px 0px no-repeat; width: 73px; }
#nav_top ul li.news a { background: url('../images/nav/nav_news_co.png') 0px 0px no-repeat; width: 48px; }
#nav_top ul li.features a { background: url('../images/nav/nav_features_co.png') 0px 0px no-repeat; width: 76px; }
#nav_top ul li.videos a { background: url('../images/nav/nav_videos_co.png') 0px 0px no-repeat; width: 58px; }
#nav_top ul li.faq a { background: url('../images/nav/nav_faq_co.png') 0px 0px no-repeat; width: 45px; }
/*#nav_top ul li.services a { background: url('../images/nav/nav_services_co.png') 0px 0px no-repeat; width: 74px; }*/
/*#nav_top ul li.contact a { background: url('../images/nav/nav_contact_co.png') 0px 0px no-repeat; width: 71px; }*/
#nav_top ul li.about a { background: url('../images/nav/nav_about_co.png') 0px 0px no-repeat; width: 55px; }
#nav_top ul li.dac09 a { background: url('../images/nav/nav_dac09_co.png') 0px 0px no-repeat; width: 82px; }
#nav_top ul li.licensing a { background: url('../images/nav/nav_licensing_co.png') 0px 0px no-repeat; width: 112px; }
#nav_top ul li.customers a { background: url('../images/nav/nav_login_co.png') 0px 0px no-repeat; width: 81px; }

/* ON */
#nav_top ul li.home a:hover, body.home #nav_top ul li.home a { background: url('../images/nav/nav_home_co.png') 0px -34px no-repeat; }
#nav_top ul li.why a:hover, body.why #nav_top ul li.why a { background: url('../images/nav/nav_why_co.png') 0px -34px no-repeat; }
#nav_top ul li.product a:hover, body.product #nav_top ul li.product a { background: url('../images/nav/nav_product_co.png') 0px -34px no-repeat; }
#nav_top ul li.news a:hover, body.news #nav_top ul li.news a { background: url('../images/nav/nav_news_co.png') 0px -34px no-repeat; }
#nav_top ul li.features a:hover, body.features #nav_top ul li.features a { background: url('../images/nav/nav_features_co.png') 0px -34px no-repeat; }
#nav_top ul li.videos a:hover, body.videos #nav_top ul li.videos a { background: url('../images/nav/nav_videos_co.png') 0px -34px no-repeat; }
#nav_top ul li.faq a:hover, body.faq #nav_top ul li.faq a { background: url('../images/nav/nav_faq_co.png') 0px -34px no-repeat; }
#nav_top ul li.services a:hover, body.services #nav_top ul li.services a { background: url('../images/nav/nav_services_co.png') 0px -34px no-repeat; }
#nav_top ul li.contact a:hover, body.contact #nav_top ul li.contact a { background: url('../images/nav/nav_contact_co.png') 0px -34px no-repeat; }
#nav_top ul li.about a:hover, body.about #nav_top ul li.about a { background: url('../images/nav/nav_about_co.png') 0px -34px no-repeat; }
#nav_top ul li.dac09 a:hover, body.dac09 #nav_top ul li.dac09 a { background: url('../images/nav/nav_dac09_co.png') 0px -34px no-repeat; }
#nav_top ul li.licensing a:hover, body.licensing #nav_top ul li.licensing a { background: url('../images/nav/nav_licensing_co.png') 0px -34px no-repeat; }
#nav_top ul li.customers a:hover, body.customers #nav_top ul li.customers a { background: url('../images/nav/nav_login_co.png') 0px -34px no-repeat; }

/* - - - - nav_bottom - - - - */

#nav_bottom { margin: 0px auto; padding: 15px 0px 10px 0px; width: 860px; font-size: 80%; }
#nav_bottom ul { margin: 0px; }
#nav_bottom ul li { margin: 0px 0px 0px 10px; list-style: none; display: inline; }
#nav_bottom ul li a { padding-top: 15px; }

body.home #nav_bottom ul li.home a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }
body.why #nav_bottom ul li.why a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }
body.news #nav_bottom ul li.news a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }
body.features #nav_bottom ul li.features a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }
body.videos #nav_bottom ul li.videos a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }
body.faq #nav_bottom ul li.faq a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }
body.about #nav_bottom ul li.about a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }
body.dac09 #nav_bottom ul li.dac09 a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }
body.licensing #nav_bottom ul li.licensing a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }
body.customers #nav_bottom ul li.customers a { background: url('../images/misc/arrow_down.png') top center no-repeat; color: #666; }

.jcarousel-skin-arails .jcarousel-container { margin-bottom: 20px; }

.jcarousel-skin-arails .jcarousel-container-horizontal { width: 820px; padding: 0px 30px; }

.jcarousel-skin-arails .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; }

.jcarousel-skin-arails .jcarousel-clip-horizontal { width: 820px; height: 94px; }

.jcarousel-skin-arails .jcarousel-clip-vertical { width: 75px; height: 245px; }

.jcarousel-skin-arails .jcarousel-item { width: 150px; height: 94px; }

.jcarousel-skin-arails .jcarousel-item-horizontal { margin: 0px 10px 0px 0px!important; }

.jcarousel-skin-arails .jcarousel-item-vertical { margin-bottom: 10px; }

.jcarousel-skin-arails .jcarousel-item-placeholder { background: #fff; color: #000; }

/* - - - - Horizontal Buttons - - - - */

.jcarousel-skin-arails .jcarousel-next-horizontal { position: absolute; top: 35px; right: 0px; width: 20px; height: 20px; cursor: pointer; background: transparent url('../images/misc/nav_video_right_on.png') no-repeat 0 0; }
/*
.jcarousel-skin-arails .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-arails .jcarousel-next-horizontal:active { background-position: -64px 0; }
*/

.jcarousel-skin-arails .jcarousel-next-disabled-horizontal,
.jcarousel-skin-arails .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-arails .jcarousel-next-disabled-horizontal:active { cursor: default; background: transparent url('../images/misc/nav_video_right_on.png') no-repeat 0 0; }

.jcarousel-skin-arails .jcarousel-prev-horizontal { position: absolute; top: 35px; left: 0px; width: 20px; height: 20px; cursor: pointer; background: transparent url('../images/misc/nav_video_left_on.png') no-repeat 0 0; }
/*
.jcarousel-skin-arails .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-arails .jcarousel-prev-horizontal:active { background-position: -64px 0; }
*/

.jcarousel-skin-arails .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-arails .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-arails .jcarousel-prev-disabled-horizontal:active { cursor: default; background: transparent url('../images/misc/nav_video_left_on.png') no-repeat 0 0; }

/* - - - - Vertical Buttons - - - - */

.jcarousel-skin-arails .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; }
.jcarousel-skin-arails .jcarousel-next-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-arails .jcarousel-next-vertical:active { background-position: 0 -64px; }

.jcarousel-skin-arails .jcarousel-next-disabled-vertical,
.jcarousel-skin-arails .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-arails .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }

.jcarousel-skin-arails .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; }
.jcarousel-skin-arails .jcarousel-prev-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-arails .jcarousel-prev-vertical:active { background-position: 0 -64px; }

.jcarousel-skin-arails .jcarousel-prev-disabled-vertical,
.jcarousel-skin-arails .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-arails .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }


ul.videothumbs li { list-style: none; float: left; margin: 0px 5px 0px 0px; }