/***css layout designed by Trinity Pama<trinity_pama@yahoo.com>***/
body {
	behavior: url(style/csshover.htc);
} 

/* hidden text */
#logo span,#nav span {
	display: none;
}
/* side by side list items */
#nav li,#aboutnav li,#bottom-nav li,#pressnav li,#prodnav li,#supportnav li{
	list-style: none;
	float: left;
}
#aboutnav span,#pressnav span,#prodnav span,#supportnav span{
color:#FFFFFF;
font-size:11px;
}
.cont li { list-style:none;}

div {
	margin: 0px;
	padding: 0px;
}

span {
color:#4E4C4C;

}
/* fonts */
h1, h2, h3, h4, h5, body, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h3 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color:#615959;
}
.news_title {
	font-family: Arial;
	font-size: 14px;
	color:#46640D;
	text-decoration:underline;
	font-weight:800;
	padding-bottom:10px;
	top:-5px;
}
.products_title {
	font-family: Arial;
	font-size: 11px;
	color:#46640D;
}

.news{
	font-family: Arial ;
	font-size: 11px;
}
.news2{
	font-family: Arial ;
	font-size: 13px;
}

.news_read{
	font-family: Arial ;
	font-size: 11px;
	color:#46640D;
	font-weight:600;
}


.red_bold {
color:#D00303;
font-size:11px;
font-weight:600;
}
.red_bold12 {
color:#D00303;
font-size:12px;
font-weight:600;
}
.red_bold13 {
/*color:#B65A50;*/
color:#D00303;
font-size:12px;
font-weight:400;
}

.red_bold_underline {
color:#D00303;
font-size:11px;
font-weight:600;
text-decoration:underline;
hover:#0000ff;
}
.text_bold {
font-size:11px;
font-weight:600;
}
.red_bold2{
color:#D00303;
font-size:11px;
font-weight:600;
text-decoration:underline;
}
.header1_green{
color:#46640D;
font-size:24px;
text-decoration:underline;
font-weight:800;
font-family:arial;
padding-right:20px;
}
.header1_grey{
color:#979797;
font-size:24px;
font-weight:800;
font-family:arial;
padding-right:20px;
}
.header1{
color:#46640D;
font-size:24px;
font-weight:800;
font-family:arial;
padding-left:0px;
}
.page_header{
color:#506315;
text-decoration:underline;
font-size:18px;
}
.page_header_red{
color:#D61818;
text-decoration:underline;
font-size:18px;
}

a {
	text-decoration: none;
}
/* colors */
body, input, textarea, select {
	color: #000000;
}
a,   a:link {color:#728243; text-decoration:none; }
     a:visited, {color:#728243; }
     a:hover {color:#ff3333; text-decoration:underline }
}

/* wrappers */
body, html {
	height: 100%;
}
#wrapper {
	width: 803px;
	margin: 0px auto;
	position: relative;
	min-height: 100%;
}

* html #wrapper {
	height: 100%;
}

#content {
	width: 803px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding-bottom:30px; /* space for footer + extra 10px whitespace */
}

/* fix 100% height in firefox */
/* clear all useless padding and margins */
* {
	margin: 0px;
	padding:0px;
	/*border:0px;*/
}

p {
	margin-bottom: 12px;
	font-size:12px;
	color:#4E4C4C;
}
img {
	border-width: 0px;
	border-style: none;
}
/* float bug fix */
/* taken from http://positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/*** site-specific ***/

/* About page*/

#greybar #aboutnav{
	color:#FFFFFF;
	padding-top:5px;
	margin-left:10px;
}
#aboutnav li {
	margin-left:8px;
}
#greybar #supportnav{
	color:#FFFFFF;
	padding-top:5px;
	margin-left:220px;
}
#supportnav li {
	margin-left:8px;
}

#greybar #prodnav{
	color:#FFFFFF;
	padding-top:5px;
	margin-left:80px;
}
#prodnav li {
	margin-left:8px;
}
#greybar #pressnav{
	color:#FFFFFF;
	padding-top:5px;
	margin-left:475px;
}
#pressnav li {
	margin-left:8px;
}

#about {
	position:relative;
	width:800px;	
	float:left;
	display:block;
	margin-top:30px;
}
#prelease {
	position:relative;
	margin-left:50px;
}
#prelease p{
	width:700px;
	text-align:justify;
	margin-bottom:20px;
}
#prelease img{
	width:675px;
	height:273px;
	margin-left:10px;
	margin-top:15px;
}
/* expertise page */
#expertise {
	position:relative;
	width:800px;	
	float:left;
	display:block;
	margin-top:30px;
}
#inner-expertise {
margin-left:35px;
position:relative;
}
#inner-expertise h3 {
color:#506315;
text-decoration:underline;
font-size:18px;
position:relative;
}
#inner-expertise ul{
margin-left:10px;
}

#inner-expertise ul li {
font-size:12px;
margin-top:5px;
padding-left:10px;
list-style:none;
background:url(../images/redcircle.gif) no-repeat 0px 0px;
vertical-align:top;
width:400px;
}
#img-expertise {
position:absolute;
width:282px;
height:294px;
left:500px;
top:70px;
background:url(../images/enterprise.gif) no-repeat 0px 0px;
}
/*tech-support page*/
#support-login {
background-image:url(../images/support_login.gif);
width:225px;
height:200px;
margin:0 auto;
position:relative;
text-align:left;
}
#support {
	position:relative;
	width:800px;	
	float:left;
	margin-top:30px;
}
#inner-support {
margin-left:35px;
position:relative;
width:770px;
}
#inner-support h3 {
color:#506315;
text-decoration:underline;
font-size:18px;
position:relative;
}
#inner-support ul{
margin-left:10px;
}

#inner-support ul li {
font-size:12px;
margin-top:5px;
padding-left:10px;
list-style:none;
background:url(../images/redcircle.gif) no-repeat 0px 0px;
vertical-align:top;
width:400px;
}
#img-support {
position:absolute;
width:282px;
height:294px;
left:500px;
top:70px;
background:url(../images/enterprise.gif) no-repeat 0px 0px;
}
#ticket {
	position:relative;
	width:800px;	
	float:left;
	margin-top:30px;
}
#inner-ticket {
margin-left:0px;
position:relative;
width:770px;
}
#inner-ticket h3 {
color:#506315;
text-decoration:underline;
font-size:18px;
position:relative;
}
#inner-ticket ul{
margin-left:10px;
}

#inner-ticket ul li {
font-size:12px;
margin-top:5px;
padding-left:10px;
list-style:none;
background:url(../images/redcircle.gif) no-repeat 0px 0px;
vertical-align:top;
width:400px;
}
#inner-ticket table,#inner-ticket td{
padding:inherit;
margin:0 auto;
text-align:inherit;
}
#iner-ticket a {
color:#3300CC;
}
#inner-ticket A { color:#006699; text-decoration: none; }
#inner-ticket A:hover { color:#DB8606; text-decoration: none; }

#inner-ticket td {
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #3E3E3E;
	text-decoration: none;
	border: none;
}

#inner-ticket .#inner-ticket inputsubmit {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #DB8606; 
	color: #FFFFFF;
	border: #666666; 
	border-style: solid;
 	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

#inner-ticket .#inner-ticket inputsubmit2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	background-color: #FFFFFF; 
	color: #006699;
	border: #FFFFFF; 
	border-style: solid;
 	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

#inner-ticket .barTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	border: none;
}

#inner-ticket .error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	border: none;
	font-weight: bold;
}

#inner-ticket textarea { width: 100%; }
#inner-ticket .mainTable { background-color: #F4FAFF; }
#inner-ticket .mainTableAlt { background-color: #FFFFFF; }
#inner-ticket .mainTableOn { background-color: #FFFFF0; }
#inner-ticket .TableHeader { background-color: #E9E9E9; }
#inner-ticket .TableMsg { background-color: #ADADAD; }
#inner-ticket .TableHeaderText { color: #FFFFFF; font-size: 11px; font-weight: none; }
#inner-ticket .TableInfoText { color: #000000; font-size: 11px; background-color: #FFFFFF; }
#inner-ticket .priLow { background-color: #DDFFDD; }
#inner-ticket .priNormal { background-color: #FFFFF0; }
#inner-ticket .priHigh { background-color: #FEE7E7; }
#inner-ticket .privReceived { background-color: #3669CF; color: #3E3E3E; }
#inner-ticket .privBox { background-color: #FFFFFF; }
#inner-ticket .privBorder { background-color: Black; }
#inner-ticket .privAttachments { background-color: #94C7FF; }
#inner-ticket .msgReceived { background-color: #E9E9E9; color: #3E3E3E; font-size: 10px; }
#inner-ticket .msgAnswered { background-color: #FFE0B3; color: #3E3E3E; font-size: 10px; }
#inner-ticket .msgAttachments { background-color: #F4FAFF; color: #000000; font-size: 10px; }
#inner-ticket .msgBorder { background-color: #ADADAD; }
#inner-ticket .msgBorderInfo { background-color: #ffffff; }
#inner-ticket .msgBox { background-color: #F9F9F9; }

/*services page*/
#services ul{
margin-left:10px;
margin-top:5px;
}

#services ul li {
font-size:12px;
margin-top:5px;
padding-left:10px;
list-style:none;
background:url(../images/redcircle.gif) no-repeat 0px 0px;
vertical-align:top;
width:400px;
margin-left:15px;

}

/* contact page*/
#contact {
	position:relative;
	width:750px;	
	float:left;
	display:block;
	margin-top:25px;
	font-size:11px;
}
#inner-contact {
margin-left:45px;
position:relative;
}
/* testimonials page */
#testimonials {
	position:relative;
	width:800px;	
	float:left;
	display:block;
	margin-top:25px;
	font-size:11px;
}
#inner-testimonials {
margin-left:30px;
position:relative;
}
/* careers page */
#careers {
	position:relative;
	width:800px;	
	float:left;
	display:block;
	margin-top:25px;
	font-size:11px;
}
#inner-careers {
margin-left:30px;
position:relative;
}
/* dynamic pages */
#dynamic,#cms {
	position:relative;
	width:760px;	
	float:left;
	display:block;
	margin-top:25px;
	font-size:11px;
	height:100%;
}
#inner-dynamic,#inner-cms {
margin-left:20px;
position:relative;
height:100%;
}
#news p{
font-size:12px;
}
#news-main p {
font-size:11px;
}
#inner-dynamic1 {
position:relative; 
width:427px;
height:100%;
display:block;
background-color:#FFFFFF;
}

#inner-dynamic2 {
top:0px;
right:0px;
position:absolute; 
width:2px;
min-height:100%;
background-color:#E5E5E5;
display:block;
float:right;
}
#inner-dynamic3 {
top:0px;
left:427px;
position:absolute; 
width:310px;
height:100%;
display:block;
padding-left:20px;
background-color:#FFFFFF;

}
#inner-letter ul{
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
}

#inner-letter ul li {
font-size:12px;
margin-left:10px;
}

#inner-dynamic ul{
margin-left:10px;
}

#inner-dynamic ul li {
font-size:11px;
font-weight:600;
margin-top:4px;
padding-left:10px;
list-style:none;
background:url(../images/redcircle.gif) no-repeat 0px 0px;
vertical-align:top;
width:500px;
}
#inner-dynamic #news-main{
padding-left:40px;
padding-top:15px;
width:650px;
}

/*products page*/
#prod {
	position:relative;
	width:760px;	
	float:left;
	display:block;
	margin-top:30px;
	font-size:11px;
}
#inner-prod {
margin-left:45px;
position:relative;
}
#inner-prod h3 {
color:#506315;
text-decoration:underline;
font-size:18px;
position:relative;
}

#inner-prod p{
font-size:11px;
}

#inner-prod ul{
margin-left:10px;
}

#inner-prod ul li {
font-size:11px;
font-weight:600;
margin-top:4px;
padding-left:10px;
list-style:none;
background:url(../images/redcircle.gif) no-repeat 0px 0px;
vertical-align:top;
width:400px;
}
#img-prod {
position:absolute;
width:226px;
height:138px;
left:520px;
top:50px;
background:url(../images/prod_image.gif) no-repeat 0px 0px;
}
/*group page */
#group {
	position:relative;
	width:800px;	
	float:left;
	display:block;
	margin-top:25px;
	font-size:11px;
}
#inner-group {
margin-left:30px;
position:relative;
}


/* awards page */
#awards {
	position:relative;
	width:800px;	
	float:left;
	display:block;
	margin-top:30px;
}
#inner-awards {
margin-left:35px;
position:relative;
width:100%
}
#inner-awards h3 {
color:#506315;
text-decoration:underline;
font-size:18px;
position:relative;
}
#inner-awards h2 {
color:#506315;
text-decoration:none;
font-size:18px;
position:relative;
}

#inner-awards1 {
position:relative; 
width:65%;
height:100%;
display:block;
}

#inner-awards2 {
top:0px;
left:60%;
position:absolute; 
width:35%;
height:100%;
display:block;
}
img1-awards{
border:}

/* Homepage*/

#lightgray{
	width:800px;
	height:9px;
	background: #D7D1D1 repeat-x;
	margin-left:1px;
}

#home-banner{
width:800px;
}
#bottom-wrapper{
	width:800px;
	height:200px;
	background:#F4F4F4;
	margin-left:1px;
	margin-top:2px;
}
#spacer{
	width:6px;
	height:170px;
	margin-top:-4px;
	padding-right:1px;
	float:left;
}
#index-press{
	width:257px;
	height:170px;
	background: url(../images/pressbg.jpg) no-repeat;
	margin-top:-4px;
	padding-right:10px;
	float:left;
}
#bottom-wrapper h4{
	color:#FFFFFF;
	margin-top:8px;
	margin-left:40px;
	font-size:14px;
}
#bottom-wrapper .cont{
	width:250px;
	height:100%;
	margin-left:4px;
	height:100%;
	margin-top:6px;
}
.cont h5{
	color:#A62A2A;
	font-size:11px;
	text-decoration:underline;
	margin-top:0px;
	margin-left:3px;
}
.cont li{
	background: url(../images/greenarrow.gif) no-repeat 0px 0px;
}
.cont span{
	margin-left:0px;
	text-align:left;
	vertical-align:top;
}
.cont p{
	text-align:center;
	font-size:11px;
}
.cont #applebg{
	background: url(../images/applebg.jpg) no-repeat;
	width:224px;
	height:70px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	
}

#index-support{
	width:253px;
	position:relative;
	height:170px;
	background: url(../images/technicalbg.jpg) no-repeat;
	margin-top:-4px;
	padding-right:10px;
	float:left;
}
#index-partners{
	width:257px;
	height:170px;
	position:relative;
	background:url(../images/partnersbg.jpg) no-repeat;
	margin-top:-4px;
	float:left;
}
.cont #activelogo{
	margin-top:20px;
	width:115px;
	height:46px;
	background:url(../images/activelogo.gif) no-repeat;
	float:left;
}
.cont #cognoslogo{
	margin-top:20px;
	width:95px;
	height:46px;
	background:url(../images/cognoslogo.gif) no-repeat;
	float:left;
	margin-left:8px;
}
.cont #epicorlogo{
	margin-top:10px;
	width:119px;
	height:34px;
	background: url(../images/epicor.gif) no-repeat;
	padding-right:40px;
	float:right;
}

/* drop down menu here */
			
#nav ul li{
	float: left;
	position: relative;
	z-index:1000;
}
#nav ul li ul li{
	text-align:left;
	border: 1px solid #847C7D;
}
			
#nav ul li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	display: none;
	width: 120px;
	left:0px;
	font-weight:normal;
}
#nav ul li ul a, #nav #nav1 ul li a,#nav #nav2 ul li a, #nav #nav5 ul li a{
	font-size:11px;
	width:150px;
	background:#92898A;
	color:#FFFFFF;
	padding-left:15px;
	padding-top:3px;
	height:14px;
	display:block;
}
#nav #nav3 ul li a{
	font-size:11px;
	width:250px;
	background:#92898A;
	color:#FFFFFF;
	padding-left:15px;
	padding-top:3px;
	height:14px;
	display:block;
}
#nav #nav3 ul li ul li a:hover{
	font-size:11px;
	width:250px;
	background:#92898A;
	color:#F3ECEB;
	padding-left:15px;
	padding-top:3px;
	height:16px;
	display:block;
}

			
#nav ul li:hover ul{ display: block;}

#nav ul li:hover ul li ul{ display: none; }
			

/*---------------------*/

/* navigation mouseover */
#nav7 a { background: url(../images/nav/nav.jpg) no-repeat -659px 0px; }
#nav6 a { background: url(../images/nav/nav.jpg) no-repeat -563px 0px; }
#nav5 a { background: url(../images/nav/nav.jpg) no-repeat -475px 0px; }
#nav4 a { background: url(../images/nav/nav.jpg) no-repeat -340px 0px; }
#nav3 a { background: url(../images/nav/nav.jpg) no-repeat -216px 0px; }
#nav2 a { background: url(../images/nav/nav.jpg) no-repeat -79px 0px; }
#nav1 a { background: url(../images/nav/nav.jpg) no-repeat  0px 0px; }

/* navigation blocks */
#nav7 a { width: 143px; }
#nav6 a { width: 96px; }
#nav5 a { width: 88px; }
#nav4 a { width: 135px; }
#nav3 a { width: 124px; }
#nav2 a { width: 137px; }
#nav1 a { width: 79px; }

#page7 #nav7 a,
#page6 #nav6 a,
#page5 #nav5 a,
#page4 #nav4 a,
#page3 #nav3 a,
#page2 #nav2 a,
#page1 #nav1 a,
#nav a:hover {background: none;}

#nav a {
	height: 19px;
	display: block;
	position: relative;
}

#nav {
	width: 803px;
	height:19px;
	background: url(../images/nav/nav.jpg) no-repeat 0px -19px;
	margin: 0 auto;
	position: relative;
	clear:both;
}
#bottom-nav a{
	display:block;
}
#bottom-nav li span{
	color:#FFFFFF;
	font-weight:300px;
	font-size:11px;
}

/*bottom navigation blocks */
#bottom-nav9 a { width: 80px; }
#bottom-nav8 a { width: 117px; }
#bottom-nav7 a { width: 103px; }
#bottom-nav6 a { width: 90px; }
#bottom-nav5 a { width: 118px; }
#bottom-nav4 a { width: 103px; }
#bottom-nav3 a { width: 113px; }
#bottom-nav2 a { width: 64px; }
#bottom-nav1 a { width: 50px; margin-left:33px;}

#bottom-nav {
	width: 800px;
	height:14px;
	background-color:#597432;
	margin: 0 auto;
	display:block;
	margin-bottom:-5px;
	position:relative;
	clear:right;
}
#header {
	width: 800px;
	position:relative;
	z-index:-1;
}
#red-header {
width:800px;
height:48px;
background-color:#D03231;
margin-left:1px;
}
#inside-green {
width:800px;
height:48px;
left:0px;
top:0px;
background:#EDF0E5;
position:relative;
}
#inside-green-text {
padding-top:10px;
padding-left:15px;
}
#inside-red {
margin-left:250px;
top:48px;
position:absolute;
display:inline;
color:#FFFFFF;
font-family:arial;
font-size:14px;
font-weight:bold;
}
#header #greybar{
	width: 801px;
	height:24px;
	background-color:#918989;
	margin-left:0px;
	overflow:hidden;
}

#header #blackbar{
	width:800px;
	height:2px;
	background:url(../images/black.gif) repeat-x;
	margin-left:1px;
	padding-bottom:5px;
	overflow:hidden;
}
#header #thinred{
	width:800px;
	height:2px;
	background:url(../images/red.gif) repeat-x;
	margin-left:1px;
	padding-bottom:2px;
	overflow:hidden;
}
#header #redbar{
	width:800px;
	height:7px;
	background:url(../images/red.gif) repeat;
	margin-left:1px;
	overflow:hidden;
}

#bottom-nav a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

#bbar {
	width:803px;
	height:3px;
	background:url(../images/green.gif) repeat-x;
	margin-bottom:30px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
}

#homelink {
	display: block;
	height: 59px;
	width: 560px;
	position:absolute;
	top: 0px;
	left:0px;
}

#icons {
	position:relative;
	float:right;
	top:45px;
	margin-right:10px;
	width: 30px;
	height: 30px;
}
#icons span{
	color:#B3B2B2;
}

#icons img{
	height:23px;
	width:24px;
}

#logo {
	background: url(../images/logo.jpg) no-repeat;
	height: 59px;
	width: 560px;
	margin: 0 auto;
	float:left;
	margin-bottom:16px;
	margin-top:4px;
}

#header #red-right{
	width:495px;
	height:45px;
	background:#CF3232;
	float:right;
	margin-right:-1px;
}
#header #green-left{
	width:240px;
	height:45px;
	background:#ECF1E5;
	float:left;
}
#title {
	display:block;
	position:relative;
	margin-left:25px;
	margin-top:10px;
}
#title img{
	width:12px;
	height:12px;
	display:inline;
}
#title h3 {
	display:inline;
	margin-left:6px;
}


#footer {
	background: url(images/footer_bg.gif) no-repeat 34px;
	width: 803px;
	height: 39px;
	margin: 0 auto;
	position: relative;
	margin-top: -30px; /* move footer up the viewport */
}

#footer #copyright {
	position:absolute;
	left:250px;
	top: 15px;
	font-size: 10px;
	color: #747972;
}

#footer #sitemap a {
	width: 54px;
	height: 11px;
	top: 20px;
	left: 56px;
	position: absolute;
}

#footer #sitemap span {
	display: none;
}

.box{
	border:1px;
	border-color:#000000;
	z-index:1000;
	display:block;
	text-align:center;
}

/*input,textarea,select {
	border:1px solid;
	border-color:#999999;
	text-align:center;
	font-size:13px;
}*/
input {
font-size:13px;
}
.listko{
padding-left:10px;
}
.input2{
text-align:center;
font-size:11px;
}
#inner-cms table,#inner-cms table td,#inner-cms table tr,#inner-cms table th {
	border:1px solid;
	border-color:#999999;
}
#inner-cms th {
	background-color:#918989;
	font-size:12px;
	color:#FFFFFF;
}

#nwsletter a {
color:#000099;
text-decoration:none;
}