@charset "UTF-8";
/* CSS Document */


html { background: url(/images/holes.jpg);  }

body { font-family: 'Myriad Pro', 'Myriad', Helvetica, Arial, Verdana, sans-serif; font-size: 14px; font-weight: 100; color: #000000; padding: 0; margin: 0; text-align: center; background: url(/images/gradient_black_background.png) repeat-y; background-position: center; z-index: -1; }

h1 { font-weight: normal; font-size: 25px; text-transform: uppercase; color: #BBB; padding: 0; margin: 5px 0 15px 0; }

h2 { font-weight: normal; font-size: 28px; padding: 0; margin: 15px 0 5px 0; }

h3 { font-weight: normal; font-size: 20px; padding: 0; margin: 10px 0 4px 0; }

h3 a {color: #000; text-decoration: none;}

h3 a:hover {color: #0066FF; }

h4 { font-weight: normal; font-size: 16px; padding: 0; margin: 0 0 10px 0; line-height: 1.2em;}

h5 { font-weight: normal; font-size: 16px; padding: 0; margin: 6px 0 2px 0; }

p { padding: 0; margin: 0 0 10px 0; line-height: 1.2em; }

a {color: #0000FF; border: none; }

a:visited, a:hover {border: none; }

ul {list-style-type: none; padding: 0; margin: 0; }

ul li {margin: 0; padding: 4px 0 3px 20px; border-bottom: solid 1px #CCC; background: url(/images/li_arrows_blue.png) no-repeat; background-position: 0 5px; }

ul li a {text-decoration: none; color: #333; }

ul li a:hover, li a:visited:hover {color: #0099FF; }

ul li a:visited {color: #777; }

ul ul {list-style-type: disc; font-size: 12px; background: none; padding: 0; margin: 0; }

ul ul li {font-size: 12px; color: #999999; background: none; border: none; line-height: normal; padding: 0; margin: 0; }

.note {font-size: 12px; color: #555; font-style: italic; }

#gradient_header { position: absolute; top: 0; left: 0; background: url(/images/gradient_header_blue.jpg) repeat-y; width: 100%; height: 190px; }

#tint_bar {position: absolute; top: 187px; left: 0; background: url(/images/tint_20_percent_black_1x28.png) repeat-x; width: 100%; height: 43px; }

#logo, #logo a { position: absolute; left: 25px; top: 23px; width: 222px; height: 78px; background: url(/images/tracker_products_logo.png) no-repeat; text-indent: -9999px; padding: 0; margin: 0;}

#top_menu {position: absolute; right: 0; top: 45px; height: 35px; text-align: right; padding: 0; margin: 0; z-index: 9999; }

#top_menu ul {padding: 0; margin: 0; list-style-type: none; font-size: 15px; }

#top_menu li { float: left; background: url(/images/top_menu_left.png) no-repeat left top; height: 35px; padding: 0 0 0 14px; margin: 0; line-height: 35px; border: none; position: relative; }

#top_menu a { float: left; display: block; height: 35px; background: url(/images/top_menu_right.png) no-repeat right top; padding: 0 17px 0 3px; text-decoration: none; color: #CCC; }

/*Change background images for first and last elements*/
#top_menu .nav_first { background: url(/images/top_menu_left_first.png) no-repeat left top; }

#top_menu .nav_last a{ background: url(/images/top_menu_right_last.png) no-repeat right top; }

/*Change background position for rollovers*/
#top_menu li:hover { }

#top_menu li a:hover { color:#FFFFFF;}



/*sub-navigation menu styles*/

#top_menu ul.topnav li span a img { }  
#top_menu ul.topnav li ul.subnav { 
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 5px; top: 35px; 
	background: url(/images/tint_dark_blue.png); 
    margin: 0; padding: 0;  
    display: none;  
    float: left;
    border: none;
	z-index: 9999;
}  
#top_menu ul.topnav li ul.subnav li{ 
	font-size: 13px;
	margin: 0; padding: 0;
	height: 24px;
	line-height: 24px; 
    clear: both;
	width: 100%;
	background: none;
}  
#top_menu ul.topnav li ul.subnav li a {  
	background: none;
	white-space: nowrap;
    float: left; 
	text-align: left; 
    padding: 0 10px;  
	
}  
#top_menu ul.topnav li ul.subnav li a:hover { }




#search_form {position: absolute; top: 5px; right: 0; width: 175px; height: 18px; padding: 0; margin: 0; background: url(/images/gradient_input.jpg) repeat-x; border: solid 1px #AAA;}

#search_form #search_box input { width: 150px; height: 18px; line-height: 18px; float: left; color: #444; background: none; border: none; padding: 0; margin: 0; }

#search_form #search_submit input {float: right; width: 22px; height: 18px; background: url(/images/magnifying_glass.png) no-repeat; border: none; padding: 0; margin: 0;  }


#centered_content { position: relative; width: 1000px; margin: 0 auto; padding: 100px 0 0 0; }

#main_graphic, #main_graphic a {width: 1000px; height: 315px; padding: 0; margin: 0; border: none; z-index: 999; }

#main_graphic_shadow {width: 1000px; height: 12px; background: url(/images/gradient_shadow.png) repeat-x; padding: 0 0 15px 0; margin: 0; }

#whiteboard {position: relative; background: #FFF;  width: 100%; padding: 0; margin: 0 0 10px 0; text-align: left; }

#content { width: 950px; margin: 0 25px; padding: 0 0 20px 0; }

#whiteboard_spacer {width: 1000px; float: left; clear: both; padding: 12px 0 0 0; margin: 0; }

#nav_menu { font-size: 11px; color: #333; width: 100%; height: 20px; line-height: 20px; border-bottom: solid 1px #BBBBBB; padding-top: 15px; margin: 0; }

#nav_menu a { text-decoration: none; color: #666; padding: 0; margin: 0; }

#nav_menu a:hover {color: #0099FF; }

#footer { clear: both; background: url(/images/gradient_bottom_dark.jpg) repeat-x; width: 100%; padding: 0; margin: 0; }

#footer_centered { position: relative; width: 1000px; margin: 0 auto; padding: 0; background: url(/images/tint_white_1x15_90_percent.png) repeat-x; text-align: left; }

#footer_content { margin: 0; padding: 40px 0 0 0; }

#footer p { padding: 0; margin: 2px 0 6px 0; }

#footer a {color: #FFFFFF; text-decoration: none;}

#footer a:hover {color: #0099FF; text-decoration: underline;}

#footer_columns {padding: 0; margin: 0; }

#footer_columns .footer, #footer_columns .footer_last {float: left; width: 332px; color: #CCCCCC; padding: 0; margin: 0; border-right: dotted 1px #444444; min-height: 290px;}

#footer_columns .footer_last { border: none; }

#footer_columns .footer img { margin-bottom: 10px;}

#facebook {border:none; width:280px; background: none; color: #BBB;}

#footer_columns .column_padding { padding: 0; margin: 0 25px; }

#footer_columns ul {list-style-type: none; padding: 0; margin: 0; }

#footer_columns li {width: 250px; margin: 0; padding: 0 0 0 20px; line-height: 20px; border-bottom: solid 1px #444444; background: url(/images/li_arrows_blue.png) no-repeat; background-position: 0 5px; }

#footer_columns li a {text-decoration: none; color: #BBBBBB; }

#footer_columns li a:hover {color: #0099FF; }

#footer h3, #footer h3 a {color: #999; font-size: 23px; font-weight: normal; font-family: Myriad Pro, Tahoma, Arial, Verdana, Helvetica, sans-serif; padding: 0; margin: 0 0 3px 0; text-decoration: none; }

#footer h1, #footer h1 a {text-transform: none; color: #FFF; font-size: 30px; font-weight: normal; font-family: Myriad Pro, Tahoma, Arial, Verdana, Helvetica, sans-serif; padding: 0; margin: 0 0 3px 0; text-decoration: none; }

#footer h3 a:hover {color: #0099FF; } 

#footer .quote, #footer .quote a {font-size: 14px; color: #888; text-decoration: none; font-style: italic; }

#footer .quote a:hover {color: #0099FF; }

#footer .quote_credit, #footer .quote_credit a {font-size: 9px; font-weight: bold; color: #999999; text-align: right; text-decoration: none;}

#footer .quote_credit a:hover {color: #0099FF; }

#footer img, #footer img a {float: left; padding: 0 10px 0 0; margin: 0; }

#contact_template {color: #FFF; }

#contact_template p {padding-bottom: 6px; }

#contact_template em {font-size: 20px; font-weight: normal; font-style: normal; }






.quote {font-style: italic; }

.quote_company {font-weight: normal; }

.quote img {float: left; padding-right: 6px; }

.quote em {font-size: 22px; }

.credit { font-size: 11px; text-align: right; color: #666; padding: 4px 0 20px 0; }


img, img a {border: none; }

#bottom_menu {clear: both; width: 1000px; padding: 40px 0 0 0; margin: 0 auto; text-align: center; line-height: 15px; }

#bottom_menu ul {list-style-type: none; font-size: 9px; padding: 15px 0 15px 0; margin: 0; background: url(/images/shadow.png) no-repeat;  }

#bottom_menu li {padding: 0 3px; margin: 0; display: inline; background: none; border: none; line-height: normal; }

#bottom_menu li a {color: #999999; text-decoration: none; }

#bottom_menu li a:hover {color: #0099FF; text-decoration: underline; }


.caption { font-size: 11px; color: #666666; padding: 5px 0 0 0; margin: 0;  }


.q_link, .q_link a {color: #0066FF; text-decoration: none;  }

.q_link a:hover {color: #0033FF; }

.q {font-size: 16px; font-weight: bold; padding: 0; margin: 15px 0 0 0;}

.q em, .a em { }

.a {color: #333; padding-left: 15px; }

.no_display {display: none; }


<!--demo types popup-->
#popup_demo_type {display: none; background: #FFF; padding: 60px; width: 520px; position: relative; text-align: left;}
.bClose {cursor:pointer; position:absolute; right:15px; text-decoration:none; top:10px;}
#demo_types {width: 400px; background: #FFF; padding: 60px; margin: 0; text-align: left; }
#close_video {}
		
		


#demo_signup label {width: 98%; padding: 3px; margin-bottom: 2px; text-align: right; display: block; clear: both; position: relative; }
#demo_signup .question {width: 40%; text-align: left; color: #FFF;}
#demo_signup input {width: 60%; text-align: left; margin: 0 0 0 4px; background: url(/images/gradient_input_shadow.png) repeat-x; border: solid 1px #555; border-radius: 6px; color: #FFF; padding: 3px;}
#demo_signup input:focus {border: solid 1px #0066FF; color: #FFF;}
#demo_signup select {width: 100px; text-align: left; margin: 0 0 0 4px; border: none;}
#demo_signup #submit input {width: auto; text-align: left; float: right; margin-top: 8px; padding: 8px 12px; background: #444; color: #FFF; border-top: solid 1px #777; border-left: solid 1px #777; }
#demo_signup a {color: #0099FF; font-size: .9em; font-style: italic; }
#demo_signup .toggle_demo_type p {text-align: left; font-size: .9em; margin: 10px 0;}