body {
	margin:0;
	color:#000;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	background:#2a333a;
}
img {border:none;}
a:focus {outline:none;}
#main {
	margin:0 auto;
	width:950px;
	overflow:hidden;
	position:relative;
	z-index:2;
}
.holder {
	overflow:hidden;
	width:100%;
}
/* header */
#header {
	clear:both;
	width:950px;
	height:75px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/bg-header.png) no-repeat;
}
#header .logo {
	float:left;
	width:147px;
	height:34px;
	margin:20px 0 0 12px;
	display:inline;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
}
#header .logo a {
	display:block;
	width:147px;
	height:34px;
	text-indent:-9999px;
}
/* navigation */
#header ul#nav {
	float:left;
	margin:21px 0 0 49px;
	padding:0;
	display:inline;
}
#header ul#nav li {
	float:left;
	list-style:none;
}
#header ul#nav li a {
	float:left;
	list-style:none;
	margin:0 9px 0 0;
	height:36px;
	overflow:hidden;
	background:url(../images/bg-navigation.png) no-repeat;
}
#header ul#nav li span{
	display:block;
	text-indent:-9999px;
}
#header ul#nav li a.nav-home {
	width:79px;
}
#header ul#nav li a.nav-home:hover,
#header ul#nav li.active a.nav-home {background-position:0 100%;}
#header ul#nav li a.nav-solutions {
	width:88px;
	background-position:-79px 0;
}
#header ul#nav li a.nav-solutions:hover,
#header ul#nav li.active a.nav-solutions {background-position:-79px 100%;}
#header ul#nav li a.nav-products {
	width:102px;
	background-position:-167px 0;
}
#header ul#nav li a.nav-products:hover,
#header ul#nav li.active a.nav-products {background-position:-167px 100%;}
#header ul#nav li a.nav-successes {
	width:92px;
	background-position:-269px 0;
}
#header ul#nav li a.nav-successes:hover,
#header ul#nav li.active a.nav-successes {background-position:-269px 100%;}
#header ul#nav li a.nav-news {
	width:75px;
	background-position:-361px 0;
}
#header ul#nav li a.nav-news:hover,
#header ul#nav li.active a.nav-news {background-position:-361px 100%;}
#header ul#nav li a.nav-about {
	width:89px;
	background-position:-436px 0;
}
#header ul#nav li a.nav-about:hover,
#header ul#nav li.active a.nav-about {background-position:-436px 100%;}

/* content */
#content {
	clear:both;
	width:950px;
	margin:75px 0 0;
	background:#dddcdc;
}
#content:after {
	content:"";
	display:block;
	clear:both;
	height:0
}
.home #content {background:#fff;}
/* gallery */
.gallery-area {
	overflow:hidden;
	width:944px;
	padding:2px 3px 0;
	margin:0 0 19px;
	position:relative;
	z-index:23;
}
.home .gallery-area {margin:0 0 32px;}
.gallery-area .shadow {
	overflow:hidden;
	position:absolute;
	z-index:44;
	top:0;
	left:0;
	width:950px;
	height:13px;
	background:url(../images/shadow.png) no-repeat;
	font-size:0;
}
.gallery-area .mask {
	overflow:hidden;
	width:100%;
	height:202px;
	position:relative;
	z-index:20;
}
.home .gallery-area .mask,
.home .gallery-area ul,
.home .gallery-area ul li {height:335px;}
.gallery-area ul {
	overflow:hidden;
	width:944px;
	height:202px;
	margin:0;
	padding:0;
	position:relative;
	z-index:21;
}
.gallery-area ul li {
	position:absolute;
	width:944px;
	height:202px;
	top:0;
	left:0;
	list-style:none;
}
.gallery-area ul li img {display:block;}
/* intro */
.intro {
	overflow:hidden;
	padding:0 12px 12px;
	width:926px;
}
.intro .column {
	float:left;
	width:236px;
	margin:0 26px;
	padding:220px 10px 20px;
	min-height:50px;
	position:relative;
	text-align:center;
	display:inline;
}
* html .intro .column {height:50px;}
.intro .tools {background:url(../images/bg-01.png) no-repeat;}
.intro .warehouse {background:url(../images/bg-02.png) no-repeat;}
.intro .dashboards {background:url(../images/bg-03.png) no-repeat;}
.intro .tools .description {color:#15353e;}
.intro .warehouse .description {color:#5e3602;}
.intro .dashboards .description {color:#873a21;}
.intro .column h2 {
	margin:0 0 2px;
	color:#15353e;
	font-size:20px;
	line-height:30px;
	letter-spacing:-1px;
}
.intro .column h2 a {
	color:#15353e;
	text-decoration:underline;
}
.intro .column h2 a:hover {
    color: #FF6600
}
.intro .column p {
	margin:0;
	font:13px/16px Verdana, Arial, Helvetica, sans-serif;
}
.intro .column .description {
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:236px;
	height:120px;
	padding:12px 10px;
}
.intro .column .description .ttl {
	display:block;
	width:100%;
	font-size:21px;
	line-height:28px;
	letter-spacing:-1px;
	margin:0 0 6px;
}
.intro .column .description p {
	font-size:11px;
	line-height:16px;
	letter-spacing:1px;
}
/* column */
#column {
	float:left;
	width:173px;
	padding:8px 0 0 8px;
	overflow:hidden;
}

#column h3 {
	margin:0 0 10px;
	font-size:19px;
	line-height:25px;
	font-weight:normal;
	color:#000;
	letter-spacing:-1px;
	text-decoration:none;
}

/* sub navigation */
#column ul.subnav {
	overflow:hidden;
	width:168px;
	margin:0 0 0 5px;
	padding:0;
}
#column ul.subnav li {
	float:left;
	width:100%;
	padding:0 0 4px;
	list-style:none;
}
#column ul.subnav li a {
	display:block;
	font-family:Verdana;
	font-size: 12px;
	font-weight:bold;
	color:#333;
	width:100%;
	height:36px;
	overflow:hidden;
	text-decoration:none;
	background:none;
	
}
#column ul.subnav li.links a:hover,
#column ul.subnav li.links a.active {background:url(../images/subnavbg.png) no-repeat; }
#column ul.subnav li.subnav-server a {background-position:0 0;}

#column ul.subnav li span{
	display:block;
	padding-top:8px;
	padding-left:5px;	
}
/* main-content */
.main-content {
	float:right;
	overflow:hidden;
	width:748px;
	display:inline;
	margin:0 21px 48px 0;
	background:#fff url(../images/bg-main-content.png) no-repeat;
}
.main-content .main-content-bg {
	overflow:hidden;
	width:724px;
	min-height:200px;
	padding:10px 12px 20px;
	background:url(../images/bg-main-content.png) no-repeat 100% 100%;
}
* html .main-content .main-content-bg {
	overflow:visible;
	height:200px;
}
.main-content h1 {
	margin:0 0 16px;
	font-weight:normal;
	font-size:18px;
	line-height:24px;
	color:#0069AF;
}
.main-content p {
	margin:0;
	padding:0 0 16px;
}
.main-content a:hover {
    color: #0069AF
}
/* footer */
#footer {
	clear:both;
	width:970px;
	padding:10px 0 12px;
	background:#172026 url(../images/bg-footer.gif) no-repeat 0 100%;
	float:left;
}
* html #footer {float:none;}
#footer:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}
.footer-hold{
	width:100%;
	clear:both;
}
.footer-hold:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}
#footer .ttl {
	display:block;
	margin:0 0 10px;
	color:#fff;
	font-weight:normal;
	font-size:20px;
	line-height:24px;
	letter-spacing:1px;
}
#footer .follow-us {
	float:left;
	width:164px;
	padding:0 40px 0 16px;
}
.home #footer .follow-us {width:240px;}
#footer .follow-us ul {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}
#footer .follow-us ul li {
	float:left;
	width:100%;
	padding:0 0 5px;
	list-style:none;
	font-size:16px;
	line-height:28px;
}
/* .home #footer .follow-us ul li {
	font-size:20px;
	line-height:38px;
	padding:0 0 10px;
} */
#footer .follow-us ul li a {
	float:left;
	padding:0 0 0 36px;
	color:#70757b;
	text-decoration:none;
}
.home #footer .follow-us ul li a {padding:0 0 0 48px;}
#footer .follow-us ul li a.twitter {background:url(../images/ico-twitter-small.png) no-repeat;}
#footer .follow-us ul li a.facebook {background:url(../images/ico-facebook-small.png) no-repeat;}
/* .home #footer .follow-us ul li a.twitter {background:url(../images/ico-twitter.gif) no-repeat 0 1px;}
.home #footer .follow-us ul li a.facebook {background:url(../images/ico-facebook.gif) no-repeat 0 1px;} */
#footer .follow-us ul li a:hover {
	color:#6cc;
	background-position:0 -28px;
	text-decoration:none !important;
}
#footer .cite {
	float:left;
	width:310px;
}
#footer .cite ul {
	overflow:hidden;
	width:282px;
	height:150px;
	margin:0;
	padding:0 0 0 24px;
	position:relative;
	background:url(../images/ico-quote-top.gif) no-repeat;
}
#footer .cite ul li {
	position:absolute;
	z-index:4;
	top:0;
	left:24px;
	width:258px;
	list-style:none;
	letter-spacing:1px;
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#70757b;
}
#footer .cite ul li blockquote {
	margin:0;
	width:100%;
}
#footer .cite ul li p {margin:0 0 1px;}
#footer .cite ul li .cite-box {
	padding:0 24px 0 0;
	background:url(../images/ico-quote-bottom.gif) no-repeat 100% 100%;
}
#footer .cite ul li p.author {
	color:#6cc;
	font-size:10px;
	line-height:11px;
	letter-spacing:0;
}
#footer .news {
	float:right;
	width:244px;
	padding:0 8px 0 0;
}
#footer .news ul {
	overflow:hidden;
	width:100%;
	margin:0;
	padding:0;
}
#footer .news ul li {
	overflow:hidden;
	list-style:none;
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#70757b;
	background:url(../images/sep-bullet.gif) no-repeat 6px 9px;
}
* html #footer .news ul li {
	height:1%;
	overflow:visible;
}
#footer .news ul li span{
	display:block;
	text-indent:16px;
}
#footer .news ul li a {
	color:#70757b;
	text-decoration:none;
}
#footer .news ul li a:hover {
   color:#6cc;
   text-decoration:none !important;    
}
#footer .links {
	float:left;
	width:336px;
	overflow:hidden;
	position:relative;
	z-index:66;
}
#footer .links .ttl {margin:0 0 13px;}
#footer .links ul {
	float:left;
	width:168px;
	margin:0;
	padding:0;
}
#footer .links ul li {
	float:left;
	width:100%;
	list-style:none;
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
}
#footer .links ul li a {
	color:#70757b;
	text-decoration:none;
}
#footer .footer-nav {
	margin:-30px 0 0;
	padding:0 26px 0 0;
	overflow:hidden;
	text-align:right;
	position:relative;
	z-index:4;
	clear:both;
	float:right;
	width:450px;
}
#footer .footer-nav li {
	display:inline;
	font:10px/13px Verdana, Arial, Helvetica, sans-serif;
	padding:0 6px 0 11px;
	list-style:none;
	background:url(../images/sep-footer-nav.gif) no-repeat 0 3px;
}
#footer .footer-nav li:first-child {
	background:none;
	padding-left:0;
}
#footer .footer-nav li a {
	color:#fff;
	text-decoration:none;
}
#footer .footer-nav li a:hover {text-decoration:underline;}
#footer .news ul li a:hover,
#footer .follow-us ul li a:hover,
#footer .links ul li a:hover {text-decoration:underline;}