@charset "utf-8";
/* CSS Document: Stylesheet by Anthony Blair-Borders at TriValley Internet */

img {border: 0;}

a {text-decoration:none;}

a:hover {text-decoration: underline;}

html {overflow: scroll;}

html, body {
background: #fff; 
font-family: Arial, Helvetica, sans-serif; 
margin: 0; 
padding: 0;
}

#container {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 980px;
height: 100%;
overflow: hidden;
}

#top-links {
float: left;
margin-top: 20px;
margin-bottom: 15px;
width: 800px;
height: auto;
text-align: right;
font-size: 10px;
font-weight: bold;
color: #00688f;
}

#top-links a {color: #00688f; text-decoration: none;}

#top-links a:hover {color: #00688f; text-decoration: underline;}

.spacer25 {margin-right: 25px;}

	.search_box {
	float: right;
	margin-top: 14px;
    width: 177px;
    height: 22px;
	}

	.search_box #s {
    float: right;
    margin: 0;
    border: none;
    width: 151px;
	height: 22px;
    background: url(images/search_box_bg.jpg) no-repeat;
	font-size: 9px;
	padding-top: 5px;
	}

	.search_box #go {
    float: right;
    margin: 0;
	height: 22px;
	width: 24px;
	}

#logo {float:left; width: 118px; height: 55px; text-align: left; margin-right: 14px;} 

#header_home {
float: left;
margin-top: 10px;
width: 980px;
height: 230px;
background: url(images/blue_header.jpg) no-repeat;
}

#header_sub {float: left; margin-top: 10px; width:980px; height:67px;}

.solutions {background: url(images/purple.jpg) no-repeat;}

.partners {background: url(images/green.jpg) no-repeat;}

.resources {background: url(images/cyan.jpg) no-repeat;}

.customers {background: url(images/magenta.jpg) no-repeat;}

.press {background: url(images/lime.jpg) no-repeat;}

.about {background: url(images/blue.jpg) no-repeat;}

.proof {background: url(images/blue_proof.jpg) no-repeat;}

.tco {background: url(images/blue_TCO.jpg) no-repeat;}

#header_line {
float: left;
margin: 20px;
height: 190px;
width: 671px;

text-align: left;
color: #fff;
}

#header_line_sub {
float: left;
margin: 20px;
height: 27px;
width: 900px;
text-align: left;
color: #fff;
}

.headline_big {font-size: 32px; font-weight: normal; line-height:34px;}

.headline_small {font-size: 24px; font-weight: normal; line-height:30px;}

.headline_sub {font-size: 16px; font-weight: normal; line-height:26px;}

#headline_btn {float: left; height: 45px; width: 145px; margin-left:475px; margin-top: -20px;}

#photodiv {float: left; width: 269px; height: 230px; background: no-repeat;}

#company_flash {float: left; width:980px; height: 48px; position: relative; z-index: 1;}

#news_bar {float: left; margin-top: 10px; width: 980px; height: 27px;}

#latest_news {float:left; width: 100px; height: 27px; background: url(images/latest_news_btn.jpg); line-height: 24px;}

#latest_news a {color: #8b8c8f; font-size: 12px;}

.news_scroll {float: left; width: 33px; height: 27px;}

#news_reader {float: left; height: 27px; width: 467px; background: url(images/news_bg.jpg) no-repeat; text-align: left; line-height: 26px;}

#news_reader a {color: #00688f; font-size:10px; width:521px;}

		
		.slider-wrap { 
			margin: 0;
			float: left;
			position: relative;			
			width: 533px;
			height: 28px;
		}

		.stripViewer { /* This is the viewing window */
			float:left;
			position: relative;
			overflow: hidden; 
			margin-top:-1px;	
			width: 467px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 27px;
			background: url(images/news_bg.jpg) no-repeat; 
			line-height: 24px;	
			text-align: left;					
		}
		
		.stripViewer a {color: #00688f; font-size:10px;}		
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			float: left;
			position: relative;
			width: 533px;
			height: 27px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 467px; /* Also specified in  .stripViewer  above */
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			visibility: hidden; height:1px; width:1px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			overflow: hidden;
			height: 1px;
			display: none;
			visibility: hidden;						
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 1px;
			line-height: 1px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: none;
			visibility: hidden;
			height: 1px;
			overflow: hidden;
		}
		
		
		.stripNavL a {
			display: block;
			height: 27px;
			width: 33px;
		}

		.stripNavR a {
			display: block;
			height: 27px;
			width: 33px;
		}	
		
		.stripNavL {
			width: 33px; height: 27px;
			float: left;
			text-indent: -9000em;
			background: url(images/news_back_btn.jpg) no-repeat;								
		}

		.stripNavR { 	
			width: 33px; height: 27px;
			float: left;
			text-indent: -9000em;	
			margin-top:-1px;	
			background: url(images/news_next_btn.jpg) no-repeat;								
		}		

#news_reader a {color: #00688f; font-size:10px;}

#view_all_news {float: left; width: 117px; height: 27px; background: url(images/veiw_all_news_btn.jpg) no-repeat; line-height: 24px;}

#view_all_news a {color: #8b8c8f; font-size: 12px;}

#quick_links {float: left; margin-left: 10px; width: 210px; height: 27px; background: url(images/quick_links_bg.jpg) no-repeat; line-height: 24px; text-align: left; padding-left: 10px;}

#quick_links a {color: #8b8c8f; font-size: 12px; display: block; height:100%; width:100%;}

#quick_links_btn {width:210px; height:27px; background:url(images/quick_links_btn.jpg) no-repeat right;}

		.info {
        position:relative;      
        z-index:99;
		height:inherit;
		width: inherit;
        }

        .info:hover {
        z-index:25;
		text-decoration: none;
        }

        .info span{
        display: none;  /* hide the span text using this css */
        }

        .info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 23px;
		left: -10px;
        width: 207px;
		height: auto;
        border: 1px solid #d7d8da; /* border color */
        background-color: #fff; /* background color here */
        color: #00467F;         /* text colour */
        text-align: left;
		text-decoration: none;
        z-index:30;
		padding: 5px;
        }
		

#box1 {float: left; margin-top: 10px; margin-right: 6px; width: 320px; height: 120px; border: 1px solid #d7d8da; background:url(images/box_grad.jpg) repeat-x bottom;}

#box2 {float: left; margin-top: 10px; margin-right: 6px; width: 320px; height: 120px; border: 1px solid #d7d8da; background:url(images/box_grad.jpg) repeat-x bottom;}

#box3 {float: left; margin-top: 10px; width: 320px; height: 120px; border: 1px solid #d7d8da; background:url(images/box_grad.jpg) repeat-x bottom;}

.box_inside {margin: 10px; text-align: left; width: 300px; height: 100px; color: #00467F; font-size: 14px; line-height: 24px;}

#bottom_btn1 {float: left; margin-top: 5px; margin-right: 7px; width: 321px; height: 26px; background: url(images/bottom_btn1.jpg) no-repeat; cursor: pointer; }

#bottom_btn1 a {display:block; width:100%; height:100%; text-decoration:none; color:#fff; padding-top:3px; text-align: right; }  

#bottom_btn2 {float: left; margin-top: 5px; margin-right: 6px; width: 322px; height: 26px; background: url(images/bottom_btn2.jpg) no-repeat; cursor: pointer; }

#bottom_btn2 a {display:block; width:100%; height:100%; text-decoration:none; color:#fff; padding-top:3px; text-align: right;  }  

#bottom_btn3 {float: left; margin-top: 5px; width: 321px; height: 26px; background: url(images/bottom_btn3.jpg) no-repeat; cursor: pointer; }

#bottom_btn3 a {display:block; width:100%; height:100%; text-decoration:none; color:#fff; padding-top:3px; text-align: right;  } 

.float_left {float: left;}

#main_info {
margin-top: 25px;
margin-left: 25px;
padding-right: 20px;
padding-bottom: 60px;
min-height: 250px;
width: 770px; 
height: 100%; 
overflow: hidden; 
border-right: 2px dotted #cbcccd;  
border-bottom: 2px dotted #cbcccd;
text-align: left;
font-size: 14px;
line-height: 22px;
}

#main_info img {margin-right: 20px; margin-bottom: 20px;}

#main_info a {color:#8b8c8f; text-decoration: none;}

#main_info a {color:#8b8c8f; text-decoration:underline;} 

h1 {font-size: 20px; font-weight: bold; margin-top: 30px; line-height: 30px;}

.default {color: #00467F}

.sol  {color: #303a90;}

.part {color: #6fbc44;}

.reso {color: #00aeef;}

.cust {color: #91278f;}

.pres {color: #b5bf35;}

.abou {color: #00678f;}

h2 {font-size: 16px; font-weight:bold;}

h3 {font-size: 14px; font-weight:bold;}

#sidebar {
width: 150px; 
height: auto; 
margin-top: 55px;
margin-left: 10px;
padding-top: 10px;
border-top: 2px dotted #cbcccd;  
text-align: left;
font-size: 13px;
line-height: 20px;
}

.proofbox {width: 150px; height:99px; margin-top:10px; padding-top:20px; padding-left:30px; border-top: 2px dotted #cbcccd;}

#footer {float:left; margin-top: 10px; text-align: right; color: #8b8c8f; font-size: 10px;}

.home {width: 980px;}

.subpage {width: 820px;}

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

#footer a:hover {color: #8b8c8f; text-decoration: underline; }


table.lime {
	margin-left: 5px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: none;
	border-color: #8b8c8f;
	border-collapse: collapse;
}

table.lime th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #8b8c8f;
}

table.lime td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #8b8c8f;
}

.logo {
	display: block;
	padding-right: 100%;
	margin-top: 15px;
	}


#main {float:left; width: 330px; height: 270px; z-index:99; position:relative; margin-top: -296px;}

table th.cuss {border-top: 2px dotted #cbcccd;}

.clear {clear:both;}


#numresults {font-size:12px;}

.numpages {font-size:12px;}