@charset "UTF-8";

/* CSS Document */

body, p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
}

a, a:link, a:visited {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

H1, H3 {
	font-weight: bold;
	line-height: 1em;
}

H1 {
	/*font-size: 16px;*/
	font-size: 1.3em;
	padding: 0px 20px 0px 20px;
	margin: 10px 0px 4px 0px;
}

.nobreak {
	white-space: nowrap;
}


#mainwrap {
	width:800px;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

#header {
	position: relative;
	float: left;
	display: block;
	width: 800px;
	height: 80px;
	border-bottom: 1px dashed #999999;
	padding: 0px 0px 8px 0px;
}

#header img {
	position: absolute;
	border: 0px;
	left: 630px;
	bottom: 0px;
	padding: 0px;
	margin: 0px 0px 14px 0px;
}

#header img.home {
	position: absolute;
	border: 0px;
	left: 160px;
	bottom: 0px;
	padding: 0px;
	margin: 0px 0px 9px 0px;
}

#picholder {
	position: relative;
	float: left;
	display: block;
	width: 800px;
	height: 126px;
	padding: 0px;
	margin: 9px 0px 0px 0px;
}

#picholder img.left {
	padding: 0px;
	margin: 0px 0px 0px 160px;
}

#picholder img.right {
	padding: 0px;
	margin: 0px 0px 0px 10px;
}

#contentwrap {
	background: url(../images/999999_bg.gif) right repeat-y;
	position: relative;
	float: left;
	display: block;
	/*background-color: #eeeeee;*/
	width: 800px;
	margin: 0px;
	padding: 0px;
}

#contentwrap img.logo {
	position: absolute;
	left: 0px;
	border: 0px;
	bottom: 0px;
	padding: 0px;
	margin: 0px;
}

#contentwrap img.bsi {
	position: absolute;
	left: 0px;
	border: 0px;
	bottom: 50px;
	padding: 0px;
	margin: 0px;
}

/*main navigation*/

#nav {
	position: relative;
	float: left;
	background-color: #ffffff;
	width: 160px;
	/*height: 420px;*/
}

#nav p {
	position: relative;
	text-align: right;
	top: 8px;
	/*font-size: 26px;*/
	font-size: 1.9em;
	font-weight: bold;
	padding: 0px 15px 0px 20px;
	margin: 0px;
}

#nav a.subnav, #nav a:link.subnav, #nav a:visited.subnav {
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: right;
	/*font-size: 18px;*/
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	padding: 5px 15px 0px 20px;
	margin: 0px;
}

#nav a.selected {
	display: block;
	color: #999999;
	text-decoration: none;
	text-align: right;
	/*font-size: 18px;*/
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	padding: 5px 15px 0px 20px;
	margin: 0px;
}

#nav a:hover.subnav {
	color: #999999;
	text-decoration: none;
}


#nav img {
	position: absolute;
	left: 0px;
	border: 0px;
	bottom: 0px;
	padding: 0px;
	margin: 0px;
}

#nav ul {
	list-style: none;
	margin: 6px 0px 0px 0px;
	padding: 0px;
}

#nav ul li {
	/*line-height: 1px;*/
	margin: 0px;
	padding: 0px 15px 3px  0px;
}

#nav ul li a, #nav ul li a:link, #nav ul li a:visited {
	display: block;
	color: #000000;
	/*font-size: 26px;*/
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.1em;
	text-decoration: none;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#nav ul li a.deliver, #nav ul li a.deliver:link, #nav ul li a.deliver:visited {
	padding: 0px 0px 8px 0px;
	height: 26px;
	border-bottom: 1px dashed #999999;
}

#nav ul li a.listensel, #nav ul li a.listensel:link, #nav ul li a.listensel:visited {
	color: #b18f70;
	text-decoration: none;
}

#nav ul li a.plansel, #nav ul li a.plansel:link, #nav ul li a.plansel:visited {
	color: #CC9900;
	text-decoration: none;
}

#nav ul li a.managesel, #nav ul li a.managesel:link, #nav ul li a.managesel:visited {
	color: #99cc00;
	text-decoration: none;
}

#nav ul li a.deliversel, #nav ul li a.deliversel:link, #nav ul li a.deliversel:visited {
	color: #0078b2;
	text-decoration: none;
	padding: 0px 0px 8px 0px;
	height: 26px;
	border-bottom: 1px dashed #999999;
}



#nav ul li a.listen:hover, #nav ul li a.listensel:hover {
	color: #b18f70;
	text-decoration: none;
}

#nav ul li a.plan:hover, #nav ul li a.plansel:hover {
	color: #CC9900;
	text-decoration: none;
}

#nav ul li a.manage:hover, #nav ul li a.managesel:hover {
	color: #99cc00;
	text-decoration: none;
}

#nav ul li a.deliver:hover, #nav ul li a.deliversel:hover {
	color: #0078b2;
	text-decoration: none;
}


/*central content container*/

#content {
	position: relative;
	float: left;
	width: 418px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.listenborder {
	border-left: 12px solid #b18f70;
}

.planborder {
	border-left: 12px solid #CC9900;
}

.manageborder {
	border-left: 12px solid #99CC00;
}

.deliverborder {
	border-left: 12px solid #0078b2;
}

.clientsborder {
	height: 410px;
	border-left: 12px solid #0078b2;
}

.newsborder {
	/*height: 410px;*/
	border-left: 12px solid #999999;
}

.sitemapborder {
	border-left: 12px solid #999999;
}

#content H2 {
	/*font-size: 14px;*/
	font-size: 1.1em;
	font-weight: normal;
	color: #000000;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
}

#content p {
	/*position: relative;*/
	text-align: left;
	line-height: 1.2em;
	padding: 0px 30px 0px 20px;
	margin: 10px 0px 0px 0px;
}

#content p.nopad{
	padding: 0px 0px 0px 5px;
	/*font-size: 14px;*/
	font-size: 1.1em;
}

#content em {
	/*position: relative;*/
	/*font-size: 14px;*/
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
}

#content ul {
	/*position: relative;*/
	text-align: left;
	line-height: 1.2em;
	padding: 0px 0px 0px 35px;
	margin: 10px 0px 10px 0px;
}

#content ul li {
	/*position: relative;*/
	text-align: left;
	line-height: 1.2em;
	padding: 0px 32px 0px 0px;
	margin: 0px 0px 2px 0px;
}

#content ul li.listen {
	list-style-image: url(../images/listen.gif);
}

#content ul li.plan {
	list-style-image: url(../images/plan.gif);
}

#content ul li.manage {
	list-style-image: url(../images/manage.gif);
}

#content ul li.deliver {
	list-style-image: url(../images/deliver.gif);
}

#content ul li.contact {
	list-style-image: url(../images/contact.gif);
}


#content img.left {
/*	position: absolute;
	border: 0px;
	bottom: 0px;*/
	left: 20px;
	padding: 0px;
	margin: 10px 0px 0px 20px;
}

#content img.right {
	position: relative;
	float: right;
	/*text-align: right;*/
	border: 0px;
	padding: 0px;
	margin: 20px 30px 0px 0px;
}

#content img.midalign {
	vertical-align: middle;
}



/*right panel*/

#clientshol {
	position: relative;
	float: left;
	z-index: 100;
	top: 10px;
	left: 20px;
	width: 170px;
}

#clientshol p {
	position: relative;
	color: #ffffff;
	top: 5px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#clientshol img {
	border: 0px;
	padding: 0px;
	margin: -3px 0px 0px 8px;
	vertical-align: middle;
}

.clients, .clients ul {
	width: 100%;
	list-style: none;
	/*font-size: 12px;*/
	font-size: 0.9em;
	padding: 3px 0px 0px 0px;
	margin: 0px;
}

.clients li {
	float: left;
	padding: 0px;
	width: 100%;
}

.clients a, .clients a:link, .clients a:visited {
	display: block;
	width: 160px;
	color: #ffffff;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.2em;
	padding: 5px 0px 5px 10px;
	/*text-indent: 10px;*/
}

.clients a.top, .clients a.top:link, .clients a.top:visited {
	width: 160px;
	font-size: 0.9em;
	background: #0078b2 url(../images/top_dd_corners.gif) no-repeat top left;
	padding: 7px 0px 5px 10px;
}

.clients a.bot, .clients a.bot:link, .clients a.bot:visited {
	background: #666666 url(../images/bot_dd_corners.gif) no-repeat bottom left;
}

.clients a.botsel, .clients a.botsel:link, .clients a.botsel:visited {
	color: #000000;
	background: #D8D8D8 url(../images/bot_dd_corners_over.gif) no-repeat bottom left;
}

.clients li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 100%;
	w\idth: 100%;
	font-weight: normal;
	filter: alpha(opacity=90);
	opacity: 0.9;
	background-color: #666666;
	margin: 0px;
	padding: 0px;
}


.clients li:hover ul, .clients li.sfhover ul {
	left: auto;
}

.clients li a:hover {
	color: #ffffff;
}

.clients ul li a:hover { 
	color: #000000;
	background: #D8D8D8;
}

.clients ul li a.bot:hover { 
	color: #000000;
	background: #D8D8D8 url(../images/bot_dd_corners_over.gif) no-repeat bottom left;
}

.clients li a.sel:link, .clients li a.sel:visited {
	color: #000000;
	background: #D8D8D8;
}

.pad {
	padding: 0px 0px 0px 10px;
}


/*---------------------------------------*/

#rightpanel {
	position: absolute;
	float: right;
	background-color: #999999;
	width: 210px;
	left: 590px;
	bottom: 0px;
	/*height: 420px;*/
}

#rightpanel div {
	position: absolute;
	float: left;
	text-align: left;
	left: 0px;
	bottom: 0px;
}

#news  {
	padding: 0px;
	margin: 0px 10px 10px 20px;
	width: 170px;
	border-bottom: 1px dashed #666666;
}

#news H2 {
	font-size: 1.5em;
	color: #ffffff;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

#news p {
	color: #ffffff;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#news img {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#news a, #news a:link, #news a:visited {
	color: #dddddd;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.1em;
}

#news a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/*#test p.pad {
	margin: 0px 0px 40px 20px;
}*/

#footer {
	position: relative;
	float: left;
	border-top: 1px dashed #999999;
	width: 800px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

#copyright {
	position: relative;
	float: left;
	width: 400px;
}

#copyright p {
	color: #999999;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#copyright a, #copyright a:link, #copyright a:visited {
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 0px 8px;
}

#copyright a:hover {
	color: #999999;
	text-decoration: underline;
}

#policy {
	position: relative;
	float: left;
	width: 400px;
	text-align: right;
}

#policy p {
	color: #999999;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#policy a, #policy a:link, #policy a:visited {
	color: #999999;
	text-decoration: none;
}

#policy a:hover {
	color: #000000;
	text-decoration: underline;
}