/* CSS Document */

body { text-align: center; background-color:#becbd9; }
#bod {background:url(../images/layout/background.gif) repeat-x;height:651px}
#container { background: #fff url(../images/layout/body_bg.gif) left top repeat-y; margin: 0px auto 5px; text-align: left; width: 760px; }

#header { position: relative; height: 114px; }
#logo { display: block; height: 114px; position: absolute; top: 0; left: 0; width: 175px; }
#logo a { background: url(../images/layout/logo.gif) left top no-repeat; display: block; width: 175px; height: 114px; }
#logo a span { display: none; }

#tagline { background: url(../images/layout/tagline_bg.gif) right top no-repeat; display: block; height: 91px; position: absolute; top: 0; right: 0; width: 586px; }

#contactnav { display: block; position: absolute; top: 0px; right: 5px; left: 585px; z-index: 1 }
#contactnav a:link, 
#contactnav a:visited { color: #929292; text-decoration: none; font-size: .8em}
#contactnav a:hover { color: #787878; text-decoration: underline; font-size: .8em} 
#contactnav a:active { color: #929292; text-decoration:none; font-size: .8em}

#tagline span { display: none; }

#sidebar { float: left; width: 175px; }
#sidebar #sidebar_bg { background:url(../images/layout/sidebar_bg.gif);width:175px;}
#sidebar #sidebar_width { width:150px;}
#sidebar #login { background: url(../images/layout/loginBG.gif) left top no-repeat; width:175px;height:23px;text-align: left; padding: 5px 0px 0px 5px; margin: 0px; font-size: .86em; }
#sidebar #loginIcon {margin:0px 2px 0px 4px;width:7px;height:9px}
#sidebar #registerIcon {margin:0px 2px 0px 0px;width:11px;height:11px}
#sidebar #updateIcon {margin:0px 4px 0px 4px;width:11px;height:11px}
#sidebar #logoutIcon {margin:0px 4px 0px 0px;width:7px;height:9px}

#content { float: right; width: 550px; padding: 28px 30px 20px 0px; }
#contentHome { float: left; width: 324px; }
#contentMain { float: left; width: 334px; }
#contentSideHome { float: right; width: 210px; }
#contentSide { float: right; width: 190px; }
#contentSideHome .news { background: url(../images/layout/dotsv.gif) left top repeat-y; padding-left: 19px; }


#headSlice { background: url(../images/layout/head_slice.gif) left top repeat-x; height:35px;color:#4d4d4d;margin-bottom:0px;}
#headSliceContent { margin-top:0px;}

#footer { background: url(../images/layout/footer_bg.gif) left bottom no-repeat; clear: both; height:35px;width: 760px; }
#footer ul { height: 30px; margin: 0; padding: 0; }
#footer ul li { background-image: none; float: left; font-size: .8em; line-height: 30px; list-style-type: none; margin: 0; padding: 0; text-align: center; }
#footer .contact { width: 175px; font-size: .8em}
#footer .sitemap { width: 550px; font-size: .86em}
#footer .sitemap a { padding: 0 2px; }

#credit { clear: both; color: #999; font-size: .8em; margin-bottom: 20px; }
#credit .email { display: none; }

/* NAVIGATION STYLES */
#nav { height:46px; background:url(../images/layout/navBG.gif);width:586px;list-style-type:none; margin: 0; padding: 0; position: absolute; top: 91px; right: 0; }

#nav li { float:left; line-height:21px; margin: 0; padding: 0; position:relative; }
#nav ul { background: url(../images/layout/nav_shadow.png) right bottom no-repeat; display:none; font-size: .9em; list-style-type:none; margin: 0; padding: 0 0 6px 0; position:absolute; top:23px; left:-1px; z-index: 900; }
#nav ul ul { border-top:1px solid #000; font-size: 1em; position:absolute; top:-1px; left:161px; }
#aboutusNav ul ul { left: -161px; }
#nav > ul { top:auto; left:auto; }
#nav li:hover > ul { display:block; }
#nav li.over ul { display:block; }
#nav li.over ul ul { display:none; }
#nav li.over ul li.over ul { display:block; }
#nav ul li { background-image: none; display: inline; float:none; line-height:20px; margin:0; padding:0; width:160px; }
#nav a:link, 
#nav a:visited { color: #1055a0; text-decoration: none; }
#nav a:hover, 
#nav a:active { color: #1e609c; text-decoration:none; }
#nav ul a:link, 
#nav ul a:visited { background-image: none; background-color: #deed76; border-top:0px solid #b8cc09;border-left:1px solid #b8cc09;border-bottom:1px solid #b8cc09;border-right:1px solid #b8cc09; }
#nav ul a:hover, 
#nav ul a:active { background: #eff986}
#nav ul li.hasSub a:link, 
#nav ul li.hasSub a:visited, 
#nav ul li.hasSub a:hover, 
#nav ul li.hasSub a:active { }
#nav ul li.hasSub li a:link, 
#nav ul li.hasSub li a:visited, 
#nav ul li.hasSub li a:hover, 
#nav ul li.hasSub li a:active { background-image: none; }

/* TEXT REPLACEMENT STYLES */
#nav li a { display:block; height:23px; }
#nav li a span { display:none; }
#nav ul li a, 
#nav ul li a:hover { line-height: 1.5em; height:auto; display:block; width: 140px; padding: 2px 10px 2px 12px;  }

#aboutusNav { z-index: 910; }
#aboutusNav a { background:url(../images/layout/aboutus.gif) left bottom no-repeat; width:105px; }
#aboutusNav a:hover { background:url(../images/layout/aboutus.gif) left top no-repeat; }
#newsNav { z-index: 920; }
#newsNav a { background:url(../images/layout/news.gif) left bottom no-repeat; width:99px; }
#newsNav a:hover { background:url(../images/layout/news.gif) left top no-repeat; }
#downloadsNav { z-index: 930; }
#downloadsNav a { background:url(../images/layout/downloads.gif) left bottom no-repeat; width:109px; }
#downloadsNav a:hover { background:url(../images/layout/downloads.gif) left top no-repeat; }
#partnersNav { z-index: 940; }
#partnersNav a { background:url(../images/layout/partners.gif) left bottom no-repeat; width:65px; }
#partnersNav a:hover { background:url(../images/layout/partners.gif) left top no-repeat; }
#servicesNav { z-index: 950; }
#servicesNav a { background:url(../images/layout/services.gif) left bottom no-repeat; width:65px; }
#servicesNav a:hover { background:url(../images/layout/services.gif) left top no-repeat; }
#productsNav { z-index: 960; }
#productsNav a { background:url(../images/layout/products.gif) left bottom no-repeat; width:68px; }
#productsav a:hover { background:url(../images/layout/products.gif) left top no-repeat; }
#solutionsNav { z-index: 970; }
#solutionsNav a { background:url(../images/layout/solutions.gif) left bottom no-repeat; width:75px; }
#solutionsNav a:hover { background:url(../images/layout/solutions.gif) left top no-repeat; height:23px}