﻿/* @group Defaults */

html, body { margin: 0; padding: 0;}
html { background: transparent url(images/bt_watermark.jpg) top left repeat-x; color: #666; font-family: Arial, Helvetica, sans-serif; text-align: center;	}
body { text-align:left; width: 925px; margin: 0 auto; line-height: 1em;	}

/*  Baseline values for browser consistency */

p, div, h1, h2, h3, h4, h5, ul, li, form { margin: 0; padding: 0; line-height: 140%; font-size:12px;}
img { margin: 0; padding: 0; border: 0;	}
ul { list-style: none;	}

a:link, a:visited, a:active { color: #0e7fc7; text-decoration: none; outline: 0;	}
a:hover { text-decoration: underline;	}

.clear { clear: both; height: 0px;	}
.hide {display:none;}

.left {float: left;}
.right {float: right;}
.center {text-align:center;}
.padding {padding: 20px;}

.red {color:#FF0000;}
/* @end */

/* @group siteNav */

#siteNav { background: #270800 url(images/nav_bg.gif) top left no-repeat; font-family:Arial; height:34px; width:100%}
    #siteNav a { text-decoration: none; display: block; width:95px;}
    #siteNav ul { margin-left: 15px; padding-top: 4px;	}

#siteNav li { float: left; font-size: 12px; text-align: center; line-height: 19px;}
	#siteNav li a { padding: 4px 0px 7px 0px; background-color: #270800;}
	#siteNav li a:link, #siteNav li a:visited { background: transparent url(images/site_nav_off.gif) bottom right no-repeat; color: #fff;	}
	#siteNav li a:hover { background: transparent url(images/site_nav_hover.gif) bottom right no-repeat; color: #fff;	}

#siteNav #loginnav 
{
    float:left;
    font-size: 12px;
    text-align: center;
    font-weight:bold;
    line-height: 19px;        
    }

#siteNav #loginnav a 
{
    text-decoration: none;
    display:block;
    width:130px;
    padding: 4px 0px 7px 0px;
    background: transparent url(images/site_nav_login.gif) bottom right no-repeat;
    color: #fff;
    }

#registerTop {float:right; height:60px;}
	
/* Automatic Page Highlighting */

#home #homenav a,
#products #productsnav a,
#customers #customersnav a,
#support #supportnav a,
#partners #partnersnav a,
#company #companynav a
{ margin-bottom: -1px;	}


#home #homenav a:link ,#home #homenav a:hover,#home #homenav a:visited,
#products #productsnav a:link ,#products #productsnav a:hover,#products #productsnav a:visited,
#customers #customersnav a:link ,#customers #customersnav a:hover,#customers #customersnav a:visited,
#support #supportnav a:link ,#support #supportnav a:hover,#support #supportnav a:visited,
#partners #partnersnav a:link ,#partners #partnersnav a:hover,#partners #partnersnav a:visited,
#company #companynav a:link ,#company #companynav a:hover,#company #companynav a:visited
{ 
    background: transparent url(images/site_nav_on.gif) bottom right no-repeat; 
    cursor: default; 
    color: #000; 
    font-weight:bold; 
    border-bottom: 1px solid #fff;
}


#home #homenav ul,
#products #productsnav ul,
#customers #customersnav ul,
#support #supportnav ul,
#partners #partnersnav ul,
#company #companynav ul
{ padding-bottom: 1px;	}

/* @end */


/* @group Page Structure */

#header { background: #fff url(images/bt_header.gif) top left no-repeat; height: 60px; width: 629px;}
    #header h1 span {display:block; height:0; width:0; overflow:hidden; font-size:1px;}
    #header h1 {height:60px; width:629px;position:relative;top:0px;left:0px;}

#wrapper {}
#wrapper #main { padding:0; margin: 0; background-color: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; min-height: 600px;}
	

/* HOME */

.one_system { background: #fff url(images/one_system.jpg) top left no-repeat;}
.proven_roi { background: #fff url(images/proven_roi.jpg) top left no-repeat;}
.anytime_anywhere { background: #fff url(images/anytime_anywhere.jpg) top left no-repeat;}
.customer_success { background: #fff url(images/customer_success.jpg) top left no-repeat;}

#home #wrapper { background-color: #fff; background-image: none; border-top: 1px solid #fff;}
#home #wrapper #main { background-color: #fff;}
#home #wrapper #content { }

#home_banner { background: #fff url(images/home_banner.gif) top left no-repeat; height: 295px; width: 923px;}
#home_metrics { font-size: 12px; font-weight:bold; line-height:24px; background-color: #323132; color: #fff; text-align: center; width: 885px;}

.headline{ font-size: 24px;font-family: Verdana;padding: 0;margin: 0 0 22px 0; color: #fff; font-weight: normal;letter-spacing: .1em;}
.section_header {color: #323132; font-family:Arial; font-size:16px; font-weight:bold; display:block; margin-bottom:8px;}

#home h3 {font-family:Arial; font-size:14px;}

#home #home_content {margin:15px 20px 0 0;}

#home #wrapper #main {padding-left:20px;}
#home #wrapper #main #fullSitemap {margin-left:50px; margin-top:20px;}


/* @slideshow */

#slideshow { margin-right:1px; display:block; height:275px; width: 660px; position: relative; float:left;}
    #slideshow div { position: absolute; display:block; background-color:white; display:none;height:275px; width: 660px;}
    #slideshow h1 { font-size: 20px; color: #000000; margin: 20px 20px 10px 20px;}
    #slideshow p {  font-size: 14px; color: #000000;}
#nav {float:left; }
    #nav li { list-style: none; }
    #nav a { width: 200px; padding:25px 4px 25px 20px; margin-bottom:1px; display: block; background-color:#cccccc; font-size: 14px; color: #666;}
    #nav a.activeSlide { background: #bbddff; font-weight:bold; color: #0e7fc7; }
    #nav a:focus { outline: none; }
    #nav img { border: none; display: block }
        
        
/* @columns */

#column1 {width: 640px; margin-top:15px; float:left; background: #fff url(images/bt_spokes.gif) top left no-repeat;}
    #column1 ul {margin-left: 190px; list-style-type:disc;}
    #column1 li {margin-bottom: 5px;}
    #column1 p {margin-left: 170px;}
    #column1 h2 {color: #323132; font-family:Arial; font-size:16px; font-weight:bold; display:block; margin-bottom:8px;}
#column2 {width: 225px;float: right; margin:15px 20px 0 0px; list-style-image: none;}
#column3 {width: 635px;float: left; margin-top:15px; list-style-image: none;}

#column1 h3, #column2 h3, #column3 h3 { margin-bottom:15px;}
#column1 img,#column2 img {float:left; padding-right:10px;clear:left;}

#callout {width: 620px; margin-top:15px; float:left;}
#callout h2 {color: #323132; font-family:Arial; font-size:16px; font-weight:bold; display:block; margin-bottom:8px;}
.callout_a {float:right; font-weight:bold}

/* LEFT SIDE BAR*/

#sectionTitle { margin:0px; background-color:#D9E1E2; height:30px;}
    #sectionTitle h3 { margin-left:10px; color:Black; font-weight:bold; font-family:Century Gothic, Arial, Verdana; font-size: 20px;}

#nextSteps { margin:10px 0 0 0; border: solid 1px #D9E1E2; background-color:#FFFFFF; height:180px;}
    #nextSteps h3 { margin: 1px 1px 8px 1px; padding: 3px 10px 3px 10px; background-color:#666; color:#FFF;}

#register {  display:block;  margin-left: 125px; margin-top:30px; height:50px; }
#demo  { display:block; background: transparent url(images/icon_demo.gif) top left no-repeat; height:45px; width: 190px; padding: 8px 0 0px 40px;}
    #demo_sm  { display:block; background: transparent url(images/icon_demo_sm.gif) top left no-repeat; margin: 0 0 0 10px; height:30px; padding: 0 0 0 30px;}
#info  { display:block; background: transparent url(images/icon_info.gif) top left no-repeat; height:45px; width: 190px; padding: 8px 0 0px 40px;}
    #info_sm  { display:block; background: transparent url(images/icon_info_sm.gif) top left no-repeat; margin: 0 0 0 10px; height:30px; padding: 0 0 0 30px;}
#attention { display:block; font-size: 13px; background: transparent url(images/icon_attention.gif) top left no-repeat; height:120px; width: 185px; padding: 8px 0 0px 44px;}
#testimonial  { display:block; background: transparent url(images/icon_testimonial.gif) top left no-repeat; height:45px; width: 200px; padding: 8px 0 0px 45px;}
#success  {  display:block; background: transparent url(images/icon_success.gif) top left no-repeat; height:45px; width: 200px; padding: 8px 0 0px 45px;}
    #success_sm  { display:block; background: transparent url(images/icon_success_sm.gif) top left no-repeat; margin: 0 0 0 10px; height:30px; padding: 0 0 0 30px;}
#comparison  {  display:block; background: transparent url(images/icon_comparison.gif) top left no-repeat; height:45px; width: 200px; padding: 8px 0 0px 45px;}
    #comparison_sm  { display:block; background: transparent url(images/icon_comparison_sm.gif) top left no-repeat; margin: 0 0 0 10px; height:30px; padding: 0 0 0 30px;}
#video  {  display:block; background: transparent url(images/icon_video.gif) top left no-repeat; height:45px; width: 200px; padding: 8px 0 0px 45px;}
    #video_sm  { display:block; background: transparent url(images/icon_video_sm.gif) top left no-repeat; margin: 0 0 0 10px; height:30px; padding: 0 0 0 30px;}
#question  {  display:block; background: transparent url(images/icon_question.gif) top left no-repeat; height:45px; width: 200px; padding: 8px 0 0px 45px;}

#sidebar h4 { font-size:12px; color:#666; margin: 10px 0px 0px 6px; font-weight:bold;}
.sidebarHeader  { font-size:12px; color:#0e7fc7; background-color:#D9E1E2; display:block; height:30px; line-height: 30px; padding-left:10px; font-weight:bold;}
        
/* PRODUCTS SECTION*/

#products #wrapper {background-color: #fff; background-image: none;}
    #products #wrapper #main { background-color: #fff;}
    #products #wrapper #main #sidebar {float:left; width:170px; margin:0px; padding:10px 20px 10px 20px; min-height:700px; background-color: #f6f6f6;}
    #products #wrapper #main #content {margin: 0px 0px 0px 230px; width:600px; background-color: #fff;}

#products h2 {font-family:Century Gothic, Arial, Verdana; font-size: 20px; margin: 10px 0px 10px 0px;}

#products #content h3 { font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif; font-weight: normal; line-height: 150%; text-align: left; font-size: 16px; margin: 10px 0px 10px 0px; color:#333333;	}
#products #content h4 {  margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333;}
#products #content ul { list-style-type:circle; margin-left:50px;}

#products #wrapper #main #content p {margin-left:20px; margin-top:20px;}
.rowOn { background-color: #f6f6f6; font-weight:bold;}

/* CUSTOMERS SECTION*/

#customers #wrapper {background-color: #fff; background-image: none;}
    #customers #wrapper #main { background-color: #fff;}
    #customers #wrapper #main #sidebar {float:left; width:170px; margin:0px; padding:10px 20px 10px 20px; min-height:700px; background-color: #f6f6f6;}
    #customers #wrapper #main #content {margin-left:230px; width:675px; background-color: #fff;}

#customers h2 {font-family:Century Gothic, Arial, Verdana; font-size: 20px; margin: 10px 0px 10px 0px;}

#customers #content h3 { font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif; font-weight: normal; line-height: 150%; text-align: left; font-size: 16px; margin: 10px 0px 10px 0px; color:#333333;	}
#customers #content h4 { margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333;  border-top: solid 1px #ccc;		}
#customers #content ul { list-style-type:circle; margin-left:50px;}

#customers #wrapper #main #content p {margin-left:20px; margin-top:20px;}

/* COMPANY SECTION*/

#company #wrapper {background-color: #fff; background-image: none;}
    #company #wrapper #main { background-color: #fff;}
    #company #wrapper #main #sidebar {float:left; width:170px; margin:0px; padding:10px 20px 10px 20px; min-height:700px; background-color: #f6f6f6;}
    #company #wrapper #main #content {margin-left:230px; width:675px; background-color: #fff;}

#company h2 {font-family:Century Gothic, Arial, Verdana; font-size: 20px; margin: 10px 0px 10px 0px;}

#company #content h3 { font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif; font-weight: normal; line-height: 150%; text-align: left; font-size: 16px; margin: 10px 0px 10px 0px; color:#333333;	}
#company #content h4 { margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333;}
#company #content ul { list-style-type:circle; margin-left:50px;}

#company #wrapper #main #content p {margin-left:20px; margin-top:20px;}

/* SUPPORT SECTION*/

#support #wrapper {background-color: #fff; background-image: none;}
    #support #wrapper #main { background-color: #fff;}
    #support #wrapper #main #sidebar {float:left; width:170px; margin:0px; padding:10px 20px 10px 20px; min-height:700px; background-color: #f6f6f6;}
    #support #wrapper #main #content {margin-left:230px; width:675px; background-color: #fff;}

#support h2 {font-family:Century Gothic, Arial, Verdana; font-size: 20px; margin: 10px 0px 10px 0px;}

#support #content h3 { font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif; font-weight: normal; line-height: 150%; text-align: left; font-size: 16px; margin: 10px 0px 10px 0px; color:#333333;	}
#support #content h4 { margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333;}
#support #content ul { list-style-type:circle; margin-left:50px;}

#support #wrapper #main #content p {margin-left:20px; margin-top:15px;}

/* PARTNERS SECTION*/

#partners #wrapper {background-color: #fff; background-image: none;}
    #partners #wrapper #main { background-color: #fff;}
    #partners #wrapper #main #sidebar {float:left; width:170px; margin:0px; padding:10px 20px 10px 20px; min-height:700px; background-color: #f6f6f6;}
    #partners #wrapper #main #content {margin-left:230px; width:675px; min-height:700px; background-color: #fff;}

#partners h2 {font-family:Century Gothic, Arial, Verdana; font-size: 20px; margin: 10px 0px 10px 0px;}

#partners #content h3 { font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif; font-weight: normal; line-height: 150%; text-align: left; font-size: 16px; margin: 10px 0px 10px 0px; color:#333333;	}
#partners #content h4 { margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333;}
#partners #content ul { list-style-type:circle; margin-left:50px;}

#partners #wrapper #main #content p {margin-left:20px; margin-top:20px;}

.partnerBlock {display:block; float:left; height: 280px; width:205px; text-align:left; margin:0 0 0 20px;}

/* REQUESTS SECTION*/

#requests #wrapper {background-color: #fff; background-image: none;}
    #requests #wrapper #main { background-color: #fff;}
    #requests #wrapper #main #sidebar {float:left; width:170px; margin:0px; padding:10px 20px 10px 20px; min-height:700px; background-color: #f6f6f6;}
    #requests #wrapper #main #content {margin-left:230px; width:675px; background-color: #fff;}

#requests h2 {font-family:Century Gothic, Arial, Verdana; font-size: 20px; margin: 10px 0px 10px 0px;}

#requests #content h3 { font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif; font-weight: normal; line-height: 150%; text-align: left; font-size: 16px; margin: 10px 0px 10px 0px; color:#333333;	}
#requests #content h4 { margin: 0; padding: 0; line-height: 1em; font-size: 14px; padding: 10px 0 5px 0; margin: 0;color:#333;}
#requests #content ul { list-style-type:circle; margin-left:50px;}

#requests #wrapper #main #content p {margin-left:20px; margin-top:20px;}


/* POP UPS */

#screens {background: transparent url(images/icon_screen.gif) top left no-repeat; padding-left: 40px; margin-top:20px;}
#screens h2 {font-size:14px; padding-top:5px;}

.border {border: solid 1px #cccccc;}

#reports {background: transparent url(images/icon_report.gif) top left no-repeat; padding-left: 40px; margin-top:20px;}
#reports h2 {font-size:14px; padding-top:5px;}

.Popup {display:block; width: 925px; text-align:right;}
.tnBlock {display:block; float:left; margin-right:20px;}

.transparentBG {
    background-color: #000;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
    opacity: 0.5;
    }
.watermark { background-color: #FEFDEA; color: #999;}


/* legal */
#legal {width: 850px; float: left; margin:30px;}
#legal h3 { margin-bottom:10px; margin-top:10px; font-size:16px;}
#legal h4 { margin-bottom:10px; margin-top:10px;}
#legal h5 { margin-bottom:10px; margin-top:10px; font-weight: bold; font-size:18px;}

.bold {font-weight: bold;}

/* @end */

#copyright {background-color:white; color: #C4BAB2;font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; }	
	#copyright a:link, #copyright a:visited { color: #C4BAB2; text-decoration: none;}
	#copyright a:hover { color: #666; text-decoration: underline;}

/* @end */

/* @end */

