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

/* ---------------------------------------------------------------------------------------------*/
/*  Site Master Page Layout DIVs  */
/* ---------------------------------------------------------------------------------------------*/

/* --------------------------------------*/
/*  Begin Header Navigation Area DIVs  */
/* --------------------------------------*/
#navigation_wrapper {
	max-width:1240px;
	height:100%;
	background-image: url(../img/bkg/bkg_menu_1240x100_v1.png);
	background-repeat: no-repeat;
	margin: 0 auto;}

#header_container {
	width: 1240px; /* Will inherit width from parent container "navigation wrapper" */
	height:70px;
	/*background-image: url(../img/bkg/bkg_menu_1240x70_top_v1.png);
	background-repeat: no-repeat;*/
	overflow:hidden;
	margin:0 auto;} /* IE6 fix */

#header_col1 {
	position: relative;
	width: 130px;
	height: 100%;
	display: inline-block;
	vertical-align:top;
	text-align:left;}
	/*float: left;*/

#header_col2 {
	position: relative;
	width: 800px;
	height: 100%;
	display: inline-block;
	vertical-align:top;
	text-align:left;}
	/*float: left;*/
	/*background-image: url(../img/bkg/bkg_software_solutions_text.png);
	background-repeat: no-repeat;
	background-position: left;*/

#header_col3 {
	position: relative;
	width: 310px;
	height: 100%;
	display: inline-block;
	vertical-align:top;
	text-align:left;
	/*float: left;*/
	background-image: url(../img/bkg/bkg_290x100_horz_grad_line_ff6600.png);
	background-repeat: no-repeat;
	background-position: left top;}
	
/* Begin Main Menu Area  */
#menu_container {
	width: 1240px; /* Will inherit width from parent container "navigation wrapper" */
	height: 30px;
	/*background-image: url(../img/bkg/bkg_menu_1240x30_bot_v1.png);
	background-repeat: no-repeat;*/
	margin: 0 auto;}
	
	/* Optional gradient line instead of image background */
	/*#gradient_line {
		width: 100%;
		height: 1px;
		margin: 0 auto;	
		background: rgb(0,0,0); /* Old browsers
		background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(153,153,153,1) 15%, rgba(153,153,153,1) 85%, rgba(0,0,0,1) 100%); /* FF3.6+ 
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(15%,rgba(153,153,153,1)), color-stop(85%,rgba(153,153,153,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ 
		background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(153,153,153,1) 15%,rgba(153,153,153,1) 85%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ 
		background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(153,153,153,1) 15%,rgba(153,153,153,1) 85%,rgba(0,0,0,1) 100%); /* Opera 11.10+ 
		background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(153,153,153,1) 15%,rgba(153,153,153,1) 85%,rgba(0,0,0,1) 100%); /* IE10+ 
		background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(153,153,153,1) 15%,rgba(153,153,153,1) 85%,rgba(0,0,0,1) 100%); /* W3C 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 } */

/* End Main Menu Area  */

/* --------------------------------------*/ 
/* End Header Navigation Area DIVs  */
/* --------------------------------------*/ 

/* --------------------------------------*/ 
/* Begin Marquee Slide Area DIVs  */
/* --------------------------------------*/ 
#marquee_wrapper {
	min-width:1240px;
	height:100%;
	background-color: rgb(255,255,255);
	background-image: url(../img/bkg/bkg_slide_2560x520_v1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-top: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	margin: 0 auto;}
	
#slide_container {
	/*width:100%;
	height:100%;*/
	overflow:hidden;
	display:block;
	/* To disable user font size increase/decrease for all menu items and drop downs */
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	text-size-adjust:none;
	margin: 0 auto;}
/* --------------------------------------*/
/* End Marquee Slide Area DIVs  */
/* --------------------------------------*/

#promotional_wrapper {
	min-width:1240px;
	height:200px;
	background-color: rgb(220,220,220);
	background-image: url(../img/bkg/bkg_promo_2560x200_v1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom: 1px solid #FF6600;
	margin: 0 auto;}

#promo_container {
	height:100%;
	overflow: hidden;/* IE6 fix */
	text-align:center;
	/* Disable user font size increase/decrease */
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	text-size-adjust:none;
	margin: 0 auto;} 

#promo_col1 {
	position: relative;
	/*width: 34%;*/
	width:300px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	background-image: url(../img/prm/prm_300x200_col1.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-right:solid 1px #FF6600;}

#promo_col1:hover, #promo_col2:hover, #promo_col3:hover, #promo_col4:hover {
	background-color: rgb(255,102,0);	
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;}
	
#promo_col1 h2 {
	font-weight: 300;
	font-size: 13px;
	line-height: 17px;
	/*letter-spacing:1px;*/
	color: #000;
	padding:25px 20px 10px 20px; /* use padding to change text color as margin will require you roll directly over text to change text color */
	text-align: left;}
	
#promo_col1 h3 {
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	/*letter-spacing:1px;*/
	color: #000;
	padding:5px 20px 10px 20px; /* use padding to change text color as margin will require you roll directly over text to change text color */
	text-align: left;}
	
#promo_col1 p:hover {
	color: #000;}
	
#promo_col2 {
	position: relative;
	width:300px;
	height: 100%;
	/*background-color: rgb(220,220,220);*/
	display: inline-block;
	vertical-align: top;
	background-image: url(../img/prm/prm_300x200_col2.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-right:solid 1px #FF6600;}
	
#promo_col2 h2 {
	font-weight: 300;
	font-size: 16px;
	line-height: 17px;
	/*letter-spacing:1px;*/
	color: #000;
	padding:25px 20px 0px 20px; /* use padding to change text color as margin will require you roll directly over text to change text color */
	text-align: center;}
	
#promo_col2 h3 {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	/*letter-spacing:1px;*/
	color: #000;
	padding:5px 20px 10px 20px; /* use padding to change text color as margin will require you roll directly over text to change text color */
	text-align: center;}

#promo_col3 {
	position: relative;
	width:300px;
	height: 100%;
	background-image: url(../img/prm/prm_300x200_col3.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	vertical-align: top;
	border-right:solid 1px #FF6600;}
	
#promo_col3 h2 {
	font-weight: 300;
	font-size: 16px;
	line-height: 17px;
	/*letter-spacing:1px;*/
	color: #000;
	padding:25px 20px 0px 20px; /* use padding to change text color as margin will require you roll directly over text to change text color */
	text-align: center;}
	
#promo_col3 h3 {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	/*letter-spacing:1px;*/
	color: #000;
	padding:5px 20px 10px 20px; /* use padding to change text color as margin will require you roll directly over text to change text color */
	text-align: center;}

	
#promo_col4 {
	position: relative;
	width:300px;
	height: 100%;
	background-image: url(../img/prm/prm_300x200_col4.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	vertical-align: top;}
	
#promo_col4 h2 {
	font-weight: 300;
	font-size: 16px;
	line-height: 17px;
	/*letter-spacing:1px;*/
	color: #000;
	padding:25px 20px 0px 20px; /* use padding to change text color as margin will require you roll directly over text to change text color */
	text-align: center;}
	
#promo_col4 h3 {
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	/*letter-spacing:1px;*/
	color: #000;
	padding:5px 20px 10px 20px; /* use padding to change text color as margin will require you roll directly over text to change text color */
	text-align: center;}

	
/* **** Use Promo Spacer for responsive layouts only */	
		/*#promo_spacer {
			position: relative;
			width:0.26%;
			height: 100%;
			background-color: rgb(240,240,240);
			display: inline-block;
			vertical-align: top;}*/

/* --------------------------------------*/
/* End Sectional Navigation Area DIVs  */
/* --------------------------------------*/