@charset "utf-8";

/* CSS Document */



@import "reset-fonts-grids.css";

@import "base.css";



html {

	background: #bdbdbd url(img/bg.jpg) 0 0 repeat-x;

}





div#doc2 {

	/*background: #000;*/

}



h1 {

	background: url(img/header_h1_bg.jpg) 0 0 no-repeat;

	height: 87px;

	width: 950px;

	margin: 0;

}



h1 span { display: none; }

h2 span { display: none; }

div#home_banner {

	height: 300px;

}



div#banner  {

	background: 0 0 no-repeat;

	width: 950px;

	margin: 0;

	padding: 0;	

	clear: both;

}



div#banner span { display: none; }

div#banner.home { background-image: url(img/banner_home.jpg); 	height: 300px;}

div#banner.products	{ background-image: url(img/banner_products.jpg); 	height: 200px; }

div#banner.services { background-image: url(img/banner_services.jpg); 	height: 200px; }

div#banner.solutions 	{ background-image: url(img/banner_solutions.jpg); 	height: 200px; }

div#banner.careers 	{ background-image: url(img/banner_careers.jpg); 	height: 200px; }
div#banner.news 	{ background-image: url(img/banner_news.jpg); 	height: 200px; }

div#banner.contact	{ background-image: url(img/banner_contact.jpg); 	height: 200px; }



div#primary_nav {

/*	background: url(img/navigation_sprite.jpg) 0 0 no-repeat;*/

	background: url(img/navigation_bg.jpg) 0 0 repeat-x;

	height: 38px;

	width: 950px;

}





/* =primary_nav */





div#primary_nav ul {

	margin: 0px;

    list-style-type: none;

}

div#primary_nav li {

    float: left;

	padding: 4px 30px 6px 30px;	

	list-style-type: none;

}

/* hax */

div#primary_nav li.divider{

	color: #ccc;

	padding: 0.75em 0 0 0;

	margin: 0px;

}

div#primary_nav a {

    text-decoration: none;

	font-size: 123.1%; /*yui 16px */

    font-weight: bold;

	line-height: 28px;

    display: block;

    color: #FFF;

	border: none;

}



div#primary_nav .active {

	background: url("img/navigation_indicator.png") bottom left repeat-x; 

}



div#primary_nav a:hover {

	color:#666; 

}



/* =secondary nav */



div#sub_nav {

	background: #3f4149; 

	height: 25px;

}



div#sub_nav ul {

	margin: 0px;

    list-style-type: none;

}

div#sub_nav li {

    float: left;

	padding: 3px 20px 2px 20px;	

	list-style-type: none;

}



div#sub_nav a {

    text-decoration: none;

	font-size: 93%; /*yui 12px */

/*    font-weight: bold;*/

	line-height: 20px;

    display: block;

    color: #fff;

	border: none;

}



div#sub_nav a:hover { color: #84c447; }



div#sub_nav .active a {

	color: #84c447;

}



/* ----------------------- */





div#bd {

	background: #fff;

}



div#feature {

	background: url(img/footer_feature_bg.png) 0 0 no-repeat;

	height: 80px;

}



div#content {

	margin-left: 60px;

	padding: 0 10px 20px 0;

}



.hide {

	display: none;

}



.more-btn, .less-btn {

	color: #84C547;

	font-weight: bold;

	background: url(img/more_less_sprite.png) 0 -100px  no-repeat;

	width: 20px;

	height: 20px;

	padding: 0 0 2px 30px;

	text-decoration: none;

}



.less-btn {

	background-position: 0px 0px;

}



.todo {

	color: #f00;

	}

	

	

a {

	color: #84C547;

	text-decoration: none;

}	



a:hover {

	text-decoration: underline;

}

	

/* footer */



div#ft a {

	color: #5a5e61;

}

div#ft a:hover {

	color: #84C547;

}





div#ft p.links {

	margin: 0.75em 0 2em;

	padding:0.5em 0pt;

}	



div#ft p.left {

	float: left;

	width: 70%;

}

	

div#ft p.right {

	float: right;

	width: 30%;

	text-align: right;

}

	

div#ft a {

	padding: 0 5px 0 5px;

}	

	

	

	

.contactus h4 {

	margin: 20px 0 10px 0;

}



/* drawers */

	

	

div#tn_blackpearl {

	background: url(img/tn_blackpearl.jpg) right top no-repeat;

	padding: 0px 105px 10px 18px;

	margin: 10px 10px 0 0;

}	

div#tn_bpn {

	background: url(img/tn_bpn.jpg) right top no-repeat;

	padding: 0px 105px 10px 18px;

	margin: 10px 10px 0 0;

}	

div#tn_meridio {

	background: url(img/tn_meridio.jpg) right top no-repeat;

	padding: 0px 105px 10px 18px;

	margin: 10px 10px 0 0;

}	

div#tn_sequel {

	background: url(img/tn_sequel.jpg) right top no-repeat;

	padding: 0px 105px 10px 18px;

	margin: 10px 10px 0 0;

}	



div#tn_clipboard {

	background: url(img/tn_clipboard.jpg) right top no-repeat;

	padding: 0px 105px 10px 18px;

	margin: 10px 10px 0 0;

}	





ul.drawers {

	list-style: none;

	padding: 0px;

	margin: 0px;

}	



ul.drawers li {

	list-style: none;

	font-size: 93.1%;

	line-height: 14px;

}





.drawers-header {

	background: url(img/drawer_header_bg.jpg) 0 0 no-repeat;

	width: 240px;

	height: 60px;

}



.drawers-footer {

	padding-bottom: 20px;

}



.drawers-wrapper {

	position: relative;

	width: 240px;



}



.drawer {

	color:#76797C;

}



li.drawer p {

	font-size: 93.1%;

}



li div {

	height: 130px;

}

.drawers {

	margin-bottom:15px;

	color:#76797C;

	line-height: 18px;

}



.drawer li {



}



.drawer-handle {

    background: url(img/drawer_handle_bg.jpg) repeat-x scroll 0pt;

    cursor:default;

    font-size: 108%;

    font-weight: bold;

    height:48px;

    line-height:45px;

    margin-bottom:0pt;

    text-indent: 18px;

	margin: 0px;

/*            width:100%;*/

}



/* Login */

.controlHolder 

{

    text-align: right;

}



.login 

{

    background-color: #D4D5D5;

    padding: 10px;

}



input[type=text].textInput, input[type=password].textInput

{

    width: 98%;

    margin-bottom: 10px;

    color: #5a5e61;

}



button#btnSubmit {
    background: url(img/button_sprite.png) 0 0;
    width: 70px;
    height: 22px;
    border: none;
}



button#btnSubmit:hover {
    background: url(img/button_sprite.png) -100px 0;
    width: 70px;
    height: 22px;
    border: none;
}



button#btnSubmit span {
    display: none;
}

.i5 {
    font-size: 110%;
    font-weight: bold;
}

.sidebar {
    padding: 20px 0 10px;
}

div#news 
{
/*    width: 219px;*/
}

div#news h2 
{
    background: url(img/sidebar_news_pod_top.jpg) 0 0 no-repeat;    
    height:55px;
    margin: 0px;
}

div#news p 
{
    background: url(img/sidebar_news_pod_mid.jpg) 0 0 repeat-y;
    padding: 10px 40px 10px 30px;
    margin: 0px;
}

div#news p.footer  
{
    background: url(img/sidebar_news_pod_bot.jpg) 0 0 repeat-y;
    height: 29px;
    padding: 0
}

div#news a  {    color: #5A5E61;}
div#news a:hover  {    color: #ffffff;}

.news-date {
    color: #666666;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
}

h2.news 
{
    margin-top: 0px;
	margin-bottom: 5px;
}

h2.newicon 
{
	color: #FFF01F;
    margin-top: 0px;
	margin-bottom: 5px;
}

.greyRule { 
	background: #CECECE; 
	width: 618px; 
	height: 1px; 
	padding: 0; 
}

.pdf-btn {
	
	color: #ef4454;
	font-weight: bold;
	background: url(img/icon_acrobat.png) 0 0 no-repeat;
	width: 88px;
	height: 17px;
	padding: 0 0 2px 30px;
	text-decoration: none;
	margin-left: 20px;

}

.img-brw {
	
	background: url(img/brw_badge.jpg) 0 0 no-repeat;
	background-position:bottom;
	width: 176px;
	height: 200px;
	padding: 0 0 30px 30px;
	float:right;

}

.newicon-pod {
    color: #FFFFFF;
    font-weight: bold;
}

.newicon-page {
    color: #a5e83f;
    font-weight: bold;
}
