@charset "UTF-8";
/* CSS Document */

/* ------------------------
	Services
----------------------*/


body {
	font-size: 12px;
	line-height: 20px;
}

.product_intro {
	width: 400px;
	position: absolute;
	top: 80px;
	left: 60px;
}

.product_intro p{
	color: #f4f4f4;
	font-size: 13px;
	line-height: 22px;
	}
	

.techspecs {
padding-top:30px;
clear: both;
}


#products .techspecs p {
	clear: both;
	font-size: 11px;
	color: #999;
}

	
 /*-- Services Nav --*/
 
 #product_nav {
	font-size: 10px;
	font-weight: bold;
	height: 47px;
	width: 960px;
	background: transparent url(../img/product_nav_middle.gif) top left repeat-x;
}

#product_nav li {
	float: left;
	background: transparent url(../img/product_nav_divider.gif) top right no-repeat;
}

#product_nav li a,#product_nav li a:link,#product_nav li a:visited{
	line-height: 20px;
	padding: 14px 12px 0px 12px;
	text-align:left;
	color: #555;
	text-shadow: 2px 2px 2px #fff;
	border: none;
	
}



#product_nav li a:hover{
	border: none;
	color: #000;
}



 /*-- Main Content --*/
 
.product_features{
	width: 270px;
	float: left;
}

.main_content .product_features.last {
	float: right;
	padding-right: none;
}

.intro h2 {
	font-size:25px;
	color:#333;
	padding:0 0 9px 0;
	font-weight: normal;
}


.intro p{
	font-size: 15px;
	line-height: 20px;
	color: #5c676b;
}
	

.product_features h3 {
	font-size: 17px;
	/* padding: 18px 0 3px 0; [cw - 4/2] */
	padding: 18px 0 6px 0;
	color: #222;
	font-weight: normal;
}

.main_content {
	width: 600px;
	float: left;
	padding: 30px;
}


 
 /*-- Secondary Content --*/
 
.sec_content{
	background: transparent url(../img/fade.gif) top left no-repeat;
	float: right;
	width: 270px;
	padding: 30px;
	min-height: 476px;
}

* html .sec_content {
	height: 476px;
	}

.sec_content .details {
	color: #666;
	font-size: 11px;
}

.sec_content blockquote {
	color: #f26522;
	font-size: 17px;
	line-height: 22px;
	padding-top: 18px;
	}
	
.sec_content blockquote .author {
	color:#333;
	font-size: 12px;
	line-height: 18px;
}

.sec_content .buynow {
	margin-bottom: 9px;
}

.icon {
	float: left;
	margin: 20px 10px 5px 0;
}


/* ------------------------
	LANDING PAGE
----------------------*/

.product {
	float: left;
	width: 280px;
	padding: 30px 0 30px 30px;
}


/* ------------------------
	SERVICES
----------------------*/

.services_header h1 {
	text-indent:-9999px;
	width:260px;
	height:67px;
	background: url(../img/text_realtime_banner.png) no-repeat;
	padding-bottom:2px;	
}

* html .services_header h1 {
	background: url(../img/text_realtime_banner.gif) no-repeat;
}

	
.services_header {
	height: 268px;
	width: 960px;
	position: relative;
}

.services_header .breadcrumb {
	position: absolute;
	top:264px;
	z-index:98;
	left:25px;	
	font-size: 12px;
	color: #777;
	line-height: 12px;
}

.services_header .breadcrumb a{
	margin: 0 5px;
	}
	
	
/* ------------------------
	REALTIME ASSET MANAGE
----------------------*/

.realtime_asset h1 {
	text-indent:-9999px;
	width:348px;
	height:67px;
	background: url(../img/text_asset_banner.png) no-repeat;
	padding-bottom:2px;	
}

* html .realtime_asset h1{ /* for ie 6 */
	background: url(../img/text_asset_banner.gif) no-repeat;
}

.realtime_asset {
	height: 267px;
	width: 960px;
	position: relative;
}

.realtime_asset .breadcrumb {
	position: absolute;
	top:264px;
	z-index:98;
	left:25px;	
	font-size: 12px;
	color: #777;
	line-height: 12px;
}



/* ------------------------
	REALTIME DESIGN
----------------------*/


.realtime_design h1 {
	text-indent:-9999px;
	width:348px;
	height:67px;
	background: url(../img/text_design_banner.png) no-repeat;
	padding-bottom:2px;	
}

* html .realtime_design h1{ /* for ie 6 */
	background: url(../img/text_design_banner.gif) no-repeat;
}

.realtime_design {
	height: 267px;
	width: 960px;
	position: relative;
}

.realtime_design .breadcrumb {
	position: absolute;
	top:264px;
	z-index:98;
	left:25px;	
	font-size: 12px;
	color: #777;
	line-height: 12px;
}

/* ------------------------
	DATABASE DEV
----------------------*/


.realtime_database h1 {
	text-indent:-9999px;
	width:348px;
	height:67px;
	background: url(../img/text_database_banner.png) no-repeat;
	padding-bottom:2px;	
}

* html .realtime_database h1{ /* for ie 6 */
	background: url(../img/text_database_banner.gif) no-repeat;
}

.realtime_database {
	height: 267px;
	width: 960px;
	position: relative;
}

.realtime_database .breadcrumb {
	position: absolute;
	top:264px;
	z-index:98;
	left:25px;	
	font-size: 12px;
	color: #777;
	line-height: 12px;
}

/* ------------------------
	MARKETING
----------------------*/


.realtime_marketing h1 {
	text-indent:-9999px;
	width:348px;
	height:67px;
	background: url(../img/text_marketing_banner.png) no-repeat;
	padding-bottom:2px;	
}

* html .realtime_marketing h1{ /* for ie 6 */
	background: url(../img/text_marketing_banner.gif) no-repeat;
}

.realtime_marketing {
	height: 267px;
	width: 960px;
	position: relative;
}

.realtime_marketing .breadcrumb {
	position: absolute;
	top:264px;
	z-index:98;
	left:25px;	
	font-size: 12px;
	color: #777;
	line-height: 12px;
}

/* ------------------------
	WEB DEV
----------------------*/


.realtime_web h1 {
	text-indent:-9999px;
	width:348px;
	height:67px;
	background: url(../img/text_web_banner.png) no-repeat;
	padding-bottom:2px;	
}

* html .realtime_web h1{ /* for ie 6 */
	background: url(../img/text_web_banner.gif) no-repeat;
}

.realtime_web {
	height: 267px;
	width: 960px;
	position: relative;
}

.realtime_web .breadcrumb {
	position: absolute;
	top:264px;
	z-index:98;
	left:25px;	
	font-size: 12px;
	color: #777;
	line-height: 12px;
}

/* ------------------------
	LOYALTY
----------------------*/


.realtime_loyalty h1 {
	text-indent:-9999px;
	width:348px;
	height:67px;
	background: url(../img/text_loyalty_banner.png) no-repeat;
	padding-bottom:2px;	
}

* html .realtime_loyalty h1{ /* for ie 6 */
	background: url(../img/text_loyalty_banner.gif) no-repeat;
}

.realtime_loyalty {
	height: 267px;
	width: 960px;
	position: relative;
}

.realtime_loyalty .breadcrumb {
	position: absolute;
	top:264px;
	z-index:98;
	left:25px;	
	font-size: 12px;
	color: #777;
	line-height: 12px;
}

/* ------------------------
	CUSTOMER SERVICE
----------------------*/


.realtime_customer h1 {
	text-indent:-9999px;
	width:348px;
	height:67px;
	background: url(../img/text_customer_banner.png) no-repeat;
	padding-bottom:2px;	
}

* html .realtime_customer h1{ /* for ie 6 */
	background: url(../img/text_customer_banner.gif) no-repeat;
}

.realtime_customer {
	height: 267px;
	width: 960px;
	position: relative;
}

.realtime_customer .breadcrumb {
	position: absolute;
	top:264px;
	z-index:98;
	left:25px;	
	font-size: 12px;
	color: #777;
	line-height: 12px;
}
/* ------------------------
	FULFILLMENT
----------------------*/


.realtime_fulfillment h1 {
	text-indent:-9999px;
	width:348px;
	height:67px;
	background: url(../img/text_fulfillment_banner.png) no-repeat;
	padding-bottom:2px;	
}

* html .realtime_fulfillment h1{ /* for ie 6 */
	background: url(../img/text_fulfillment_banner.gif) no-repeat;
}

.realtime_fulfillment {
	height: 267px;
	width: 960px;
	position: relative;
}

.realtime_fulfillment .breadcrumb {
	position: absolute;
	top:264px;
	z-index:98;
	left:25px;	
	font-size: 12px;
	color: #777;
	line-height: 12px;
}


/* .footer {
	padding-bottom: 300px;
} */

.bottom_bar blockquote {
	width: 280px;
	float: left;
	padding-left: 150px;
	font-size: 13px;
	line-height: 20px;
	color: #999;
}