﻿@import "reset.css";
/* HTML/Body Styles */
body {
	font: 0.7em Arial, Helvetica, sans-serif;
	color:#646464;
	background:url(../images/bg.jpg) top center no-repeat #f6f6f6;
}
/* Wrapper Styles */
#wrapper {
	width:865px;
	margin:auto;
}
/* Header Styles */
#header {
	height:75px
}
#header img {
	float:left;
}
#sitemap {
	float:right;
	margin:30px 35px 0 0;
}
#sitemap a {
	margin:0;
	padding:0;
	color:#000000;
	text-decoration:none;
}
#sitemap a:hover {
	color:#0873BA
}
/* Menu Styles */
#menuPlacer {
	width:820px;
	height:31px;
	margin:auto;
}
#menu {
	height:31px;
	float:left;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu ul li {
	float:left;
	list-style:none;
	position:relative;
}
#menu a {
	color:#ffffff;
	text-decoration:none;
	height:13px;
	width:85px;
	padding:9px 0;
	background:url(../images/nav_button.gif);
	display:block;
	text-align:center;
}
#menu a:hover {
	color:#0873BA;
	background:url(../images/nav_button.gif) 0 31px;
}
#menu ul ul {
	display:none;
	position:absolute;
	top:31px;
	padding-top:4px;
}
#menu ul li:hover ul {
	display:block;
}
#menu li li {
	clear:left;
}
#menu li:hover a {
	background:url(../images/nav_button.gif) 0 31px;
	color:#0873BA;
}
#menu ul li ul li a:hover {
	background:#2b82be;
	color:#ffffff;
}
#menu li.nav-company li a {
	width:100px;
	text-align:left;
	padding:0.5em;
	background:#0873BA;
	color:#ffffff;
}
#menu li.nav-products li a {
	xxx.width:150px;
	width:200px;
	text-align:left;
	padding:0.5em;
	background:#0873BA;
	color:#ffffff;
}
#menu li.nav-solutions li a {
	xxx.width:120px;
	width:200px;
	text-align:left;
	padding:0.5em;
	background:#0873BA;
	color:#ffffff;
}
#menu li.nav-services li a {
	xxx.width:210px;
	width:250px;
	text-align:left;
	padding:0.5em;
	background:#0873BA;
	color:#ffffff;
}
#menu li.nav-training li a {
	width:120px;
	text-align:left;
	padding:0.5em;
	background:#0873BA;
	color:#ffffff;
}
#menu li.nav-support li a {
	width:120px;
	text-align:left;
	padding:0.5em;
	background:#0873BA;
	color:#ffffff;
}
/* Search Styles */
#search {
	text-align:right;
	float:left;
	padding:4px 5px 0 0;
	height:27px;
	width:300px;
	background: url(../images/search.gif);
}
#search input {
	float:right;
}
#search input.field {
	border:1px solid #0873BA;
	width:15em;
	margin-right:0.5em;
	padding:0.35em;
}
/* Cookie Styles */
#cookie p {
	margin:0;
}
#cookie {
	background:url(../images/flash_top.gif);
	padding: 10px 0 0 30px;
	width:833px;
	clear:left;
	height:20px;
}
#cookie a {
	color:#000000;
	text-decoration:none;
}
#cookie a:hover {
	color:#0873BA;
}
/* Flash Styles */
#flash {
	background:url(../images/flash_bg.gif);
	width:863px;
	height:241px;
}
/* Hompage Button Styles */
#design {
	height:107px;
	width:163px;
	float:left;
	padding-left:60px;
	background:url(../images/design_but.gif);
}
#implement {
	height:107px;
	width:169px;
	float:left;
	padding-left:40px;
	background:url(../images/implement_but.gif);
}
#custom {
	height:107px;
	width:169px;
	float:left;
	padding-left:40px;
	background:url(../images/custom_but.gif);
}
#support {
	height:107px;
	width:177px;
	float:left;
	padding-left:45px;
	background:url(../images/support_but.gif);
}
/* Content Wrapper */
#content {
	float:left;
	padding-bottom:2em;
	background:url(../images/content_bg.gif) 0 44px no-repeat;
}
/* Left Column Styles */
#welcome {
	height:44px;
	width:501px;
	float:left;
	padding-left:30px;
	background:url(../images/welcome.gif);
}
#welcomePanel {
	
	width:491px;
	float:left;
	padding:10px 10px 3em 30px;
}
#welcomePanel ul {
	list-style-image:url(../images/bullet.gif);
	margin:10px 0 0 15px;
}
#welcomePanel li {
	margin-bottom:0.5em;
}
.welcomeText {
	float:left;
	width:239px;
	padding:0 1em 0.5em 0;
}
#welcomePanel a {
	color:#0873BA;
	text-decoration:none;
}
#welcomePanel a:hover {
	color:#0873BA;
	text-decoration:underline;
}
.right {
	padding-right:0;
}
.help {
	clear:both;
	text-align:right;
	width:489px;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:0.75em 0;
}
/* Product Styles */
#products {
	background:url(../images/products_bg.gif) no-repeat top #2a2a2a;
	width:489px;
	margin-top:1em;
}
.product img {
	float:left;
	margin:0 1.5em 0 0;
}
.product {
	clear:left;
	overflow:auto;
	padding:1em;
}
.product h3, .product p {
	margin:0;
	color:#FFFFFF;
}
/* Right Column Styles */
#news {
	height:44px;
	width:307px;
	float:left;
	padding-left:25px;
	background:url(../images/latest.gif);
}
#newsPanel {
	width:292px;
	float:left;
	padding:10px 10px 3em 30px;
}
#newsPanel a {
	color:#0873BA;
	text-decoration:none;
}
#newsPanel a:hover {
	text-decoration:underline;
}
#newsPanel ul {
	xxx.list-style-image:url(../images/bullet.gif);
	list-style-image:none;
	xxx.margin:10px 0 0 15px;
	margin:0px 0 0 0px;
}
#newsPanel li {
	margin-bottom:0.5em;
}
.newsItem, .sf_newsList {
	width:275px;
	padding:0.2em 0 0.5em;
	border-bottom:1px solid #CCCCCC;
}
.newsItem h3, .newsItem p {
	xxx.margin:0.5em 0;
}
.newsImg {
	float:left;
	margin:0.5em 0.75em 0 0;
}
.hr {
	display:block;
	margin:0;
	padding:0;
}
.image {
	text-align:center;
	width:265px;
}
.case {
	width:265px;
}
.testimonial {
	width:285px;
	padding:0.5em 0.5em 0.2em 0.5em;
	margin:1em 0 0 -15px;
	background:#ececec;
}
.testimonial p {
	margin:0 0 0.5em 0;
}
/* Footer Styles */
#footer {
	clear:both;
	background:url(../images/footer.gif) top left no-repeat;
	width:833px;
	padding:1.5em 0 0 30px;
	position:relative;
}
#footer p {
	margin:0;
	padding:0.5em 0;
}
#footer a {
	text-decoration:none;
	color:#000000;
}
#footer a:hover {
	color:#0873BA;
}
#footerLinks {
	position:absolute;
	top:-2.5em;
	left:30px;
}
#footerLinks p {
	margin:0;
	padding:0;
}
#footerLinks a {
	text-decoration:none;
	color:#000000;
}
#footerLinks a:hover {
	color:#0873BA;
}
/* Text Styles */
h1 {
	font-size:135%;
	color:#464646;
}
h2 {
	font-size:135%;
	color:#464646;
}
h3.featured {
	font-size:135%;
	font-style:italic;
	color:#0873BA;
	margin:0 0 0.5em 0;
}
h2.sf_newsTitle a:link, h2.sf_newsTitle a:visited {
	margin:0.5em 0;
	xxx.font-size: 0.5em;
	xxx.font-size:135%;
	padding-bottom: 0;
	margin-bottom: 0;
}
h2.sf_newsTitle {
	padding-bottom: -20;
	margin-bottom: 0;
}

