/* CSS Document */

/*colors : 

background : #313131


*/

/*------------------------------
			GLOBAL STYLES
-------------------------------*/
html { overflow-y: scroll; }

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 67.5%;
	background: #313131 url(../images/background.gif) repeat-y center top;
	text-align: center;
	padding:  0;
	margin:  0;
	
}
body#homepage div#header {
	background: url(../images/banner9.jpg) no-repeat left top;
}

body#services div#header {
	background: url(../images/banner2.jpg) no-repeat left top;
}

body#axosoft div#header {
	background: url(../images/banner3.jpg) no-repeat left top;
}

body#clarion div#header {
	background: url(../images/banner5.jpg) no-repeat left top;
}

body#crystal div#header {
	background: url(../images/banner4.jpg) no-repeat left top;
}

body#CRPurchase div#header {
	background: url(../images/bannerCRPurchase.jpg) no-repeat left top;
}

body#lead div#header {
	background: url(../images/banner6.jpg) no-repeat left top;
}
body#pervasive div#header {
	background: url(../images/banner7.jpg) no-repeat left top;
}
body#hit div#header {
	background: url(../images/banner8.jpg) no-repeat left top;
}


/*------------------------------
			LAYOUT
-------------------------------*/

#container {
	width: 794px;
	margin: 0 auto;
	text-align: left; 
	background: #fff;
	padding: 0;
}

#header {
	position: relative;
	width:  794px;
	height:  359px;
	margin:0;
	padding: 0;

		
}


/*see ie7 css for different positioning*/

#nav2 {
	position: absolute;
	top: 185px;
	left: 0;
	width:  794px;
	height: 26px;
	text-align: center;
}

#nav1 {
	position: absolute;
	top: 12px;
	right: 0;
	margin: 0;
	padding: 0;
	width:  350px;
	height: 22px;
	left: 420px;
}


#search {
	position: absolute;
	top: 46px;
	right: 26px;
	margin: 0px;
	padding: 0;
	width:  310px;
	height: 30px;
}


#contact {
	position: absolute;
	top: 134px;
	left: 475px;
	margin: 0;
	padding: 0;
	width:  350px;
}
#contact1 {
	position: absolute;
	top: 134px;
	left: 30px;
	margin: 0;
	padding: 0;
	width:  350px;
}





#introtext {
	position: absolute;
	top: 220px;
	margin: 0;
	padding: 0;
	width:  430px;
}

#introtext1 {
	position: absolute;
	top: 230px;
	margin: 0;
	padding: 0;
	width:  430px;
}



#content1 {
	width:  794px;
	height:  150px;
	background: url(../images/background1.jpg) no-repeat left top;
	float: left;
	margin:0px;
	padding: 0px;
	border-top: 1px solid #999;
}

#content-internal {
	width:  794px;
	background: #000;
	float: left;
	margin:0px;
	padding: 0px;
	border-top: 1px solid #999;
}

#content-internal div {
	padding: 0 20px;
	color: #fff;
	font-size: 1.2em;
}

#contenta {
	width:  230px;
	height:  160px;
	margin-left: 30px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;

}
#contentb {
	width:  225px;
	height:  160px;
	margin-left: 15px;
	margin-right: 20px;
	margin-top: 10px;
	float: left;

}
#contentc {
	width:  240px;
	height:  160px;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 10px;
	float: left;

}
#content2 {
float: left;
width: 179px;
padding-bottom: 20px;
}

#content3 {
float: left;
width: 399px;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 20px;
background: url(../images/background4.jpg) no-repeat left top;
padding-right: 20px;
}

#content4 {
float: left;
width: 176px;
padding-bottom: 20px;

}

#bottom {
	width:  794px;
	height: 83px;
	clear: both;
	background: url(../images/bottom.jpg) no-repeat left bottom;
	
}
#bottom1 {
	width:  794px;
	height: 31px;
	clear: both;
	background: url(../images/bottom1.jpg) no-repeat left bottom;
	
}

#nav4 {
	float: left;
	width:  794px;
	background:  #fff;
	height: 36px;
	margin-top: 10px;
}

#footer {
	float: left;
	width:  794px;
	background:  #fff;
	height: 36px;
	border-top: #ccc 1px solid;
padding-top: 10px;

}


/*------------------------------
			TEXT STYLES
-------------------------------*/
.search {
font-style: italic;
font-weight:bold;
font-size:1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;

}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 0.9em;
	text-align: center;


}
.green1 {
color: #99cc33;
}
.green2 {
color: #8cc63e;
}
.grey1 {
color: #999;

}

#nav4 p {
color: #000;
text-align: center;
}
#content1 p {
color: #fff;
font-size: 1em;
}


#content2 p {
color: #000;
font-size: 1em;

}
#content3 p {
color: #000;
font-size: 1em;

}
.searchbutton {
  outline: none;
 
}
#contact p {
color: #000;
font-weight:bold;
font-size: 1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;

}
#contact1 p {
color: #000;
font-weight:bold;
font-size: 1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;

}
#introtext p {
margin-left: 30px;
color: #fff;
font-size: 1.2em;

}
#introtext1 p {
margin-left: 30px;
color: #fff;
font-size: 1.4em;

}

/*------------------------------
			LINKS
-------------------------------*/
a:link {
	color: #999;
	}
a:visited {
	color: #999;
}



#footer a:link, #footer a:visited {
	color: #999;
	text-decoration: none;
	outline: none;
}
#nav3 a:link, #nav3 a:visited {
	color: #98a5d4;
	text-decoration: none;
	outline: none;

}
#nav4 a:link, #nav4 a:visited {
	color: #000;
	text-decoration: none;
	outline: none;

}
#contact a:link, #contact a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
	}
#contact1 a:link, #contact1 a:visited {
	color: #000;
	text-decoration: none;
	outline: none;
	}
#content3 a:link, #content3 a:visited {
color: #000;
text-decoration: none;
font-weight: bold;
outline: none;
}
	
.arrow a:link, .arrow a:visited {
background: url(../images/arrow1.gif) no-repeat left center;
font-weight: bold;
padding-left: 12px;
text-decoration: none;
color: #000;
outline: none;
}
.bullet1 a:link, .bullet1 a:visited {
text-decoration: none;
color: #000;
font-weight: bold;
outline: none;
}
.bg1 a:link, .bg1 a:visited {
text-decoration: none;
color: #000;
font-weight: bold;
outline: none;
}

/* -------------------------------------
			NAVIGATION 1
-----------------------------------------*/

#mainNav ul {
	list-style: none;
}

#mainNav li {
	float: left;
	list-style: none;
}

#mainNav a:link, #mainNav a:visited {
	padding: 0px 18px 0px 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size:1.4em;
}

#mainNav a:hover, #mainNav a:active {
	color: #98a5d4;
}


/*ul#mainNav {
	padding: 0;
	list-style: none;
	float: left;
	margin-left: 0px;
	
}

#mainNav li {
	float: left;
	
	
}

#mainNav a:link, #mainNav a:visited {
	text-decoration: none;
	color: #fff;
	font-size: 1.4em;
	display: block;
	padding: 7px 55px 7px 30px;
	outline: none;
	
}

#mainNav a:hover {
	font-size: 1.4em;
	color: #ffffff;
	text-decoration: underline;
	
}

/* IE Fixes */

/* force hover on entire width of  link */
/* html #mainNav a {
	height: 1px;
}

/* -------------------------------------
			NAVIGATION 2
-----------------------------------------
ul#mainNav1 {
	padding: 0;
	list-style: none;
	float: left;
	margin-left: 43px;
	margin-top: 9px;
}

#mainNav1 li {
	float: left;
	width: 107px;
	
	
}

#mainNav1 a:link, #mainNav1 a:visited {
	text-decoration: none;
	color: #98a5d4;
	font-size: 1.2em;
	display: block;
	padding: 0px 0px 0px 0px;
	outline: none;
	
}

#mainNav1 a:hover {
	font-size: 1.2em;
	color: #98a5d4;

	
}

/* IE Fixes */

/* force hover on entire width of  link 
* html #mainNav1 a {
	height: 1px;
}
/* -------------------------------------
			NAVIGATION 2 - THE LOWER SECTION MENU
-----------------------------------------*/
#nav3 {
	margin: 0px;
	padding: 0px;
	width:  794px;
	float: left;
	background: url(../images/navbar1.jpg) no-repeat left top;

	outline: none;
	height: 50px;
}


#mainNav1 {
	float: left;
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;
	
}

#mainNav1 li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.2em;

}

#mainNav1 a:link, #mainNav1 a:visited {
	float: left;
	display: block;
	margin: 0 0px 0 0;
	padding: 9px 0 0px 0;
	text-decoration: none;
	width: 113px;
	text-indent: 18px;
	background: #000 url(../images/menu3_bg.jpg) no-repeat;
	height: 50px;
	
}

#mainNav1 a:hover {
	color: #fff;
	background: #000 url(../images/menu3_over_bg.jpg) no-repeat;
	border-bottom: none;
	height: 50px;
}

body#services #t-services a,
body#axosoft #t-axosoft a,
body#clarion #t-clarion a,
body#crystal #t-crystal a,
body#pervasive #t-pervasive a,
body#hit #t-hit a,
body#lead #t-lead a{
	color: #fff;
	background: #000 url(../images/menu3_over_bg.jpg) no-repeat;
	border-bottom: none;
	height: 50px;
}

/*------------------------------
			HEADINGS
-------------------------------*/


h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #297e9e;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #8cc63e;
}


/*------------------------------
			IMAGES
-------------------------------*/



img {
	border: none;
	}

.imageleft {
	float: left;
	margin: 0 12px 12px 0;
}

/*------------------------------
			LISTS
-------------------------------*/

#nav1 ul {
	list-style: none;
}

#nav1 li {
	display: inline;
}

#nav1 a:link, #nav1 a:visited {
	padding: 2px 8px 4px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	font-weight:bold;
	font-size:0.9em;
	outline: none;
}

#nav1 a:hover, #nav1 a:active {
	color: #333;
}


.bullet1 {
	list-style-type: none;
	background: url(../images/arrow1.gif) no-repeat left center;
	background-position: 0px 4px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
	
}


.bullet {
	margin: 0px;
	padding: 0px;
	

}
/*------------------------------
			MISCELLANEOUS
-------------------------------*/
#content3 .bluebold {
font-weight: bold;
color:	#297e9e;

}
#content3 .greenbold {
font-weight: bold;
color:	#8cc63e;

}
.background_top {
	margin: 0px;
	padding: 0px;
	background: url(../images/background2.gif) no-repeat right top;
	padding-left: 25px;
	padding-top: 10px;
	padding-right: 10px;
	
}

.background_top1 {
	margin: 0px;
	padding: 0px;
	background: url(../images/background3.gif) no-repeat right top;
	padding-left: 25px;
	padding-top: 10px;
	padding-right: 10px;

}
.background_bottom {
	margin: 0px;
	padding: 0px;
	background: url(../images/background2a.gif) no-repeat right bottom;
	height: 12px;
	margin-bottom: 6px;

}
.background_bottom1 {
	margin: 0px;
	padding: 0px;
	background: url(../images/background2a.gif) no-repeat right bottom;
	padding-left: 25px;
	padding-top: 20px;
	margin-bottom: 6px;
	padding-bottom: 10px;
		
}
.background_bottom2 {
	margin: 0px;
	padding: 0px;
	background: url(../images/background3a.gif) no-repeat right bottom;
	height: 10px;

}
.background_bottom3 {
	margin: 0px;
	padding: 0px;
	background: url(../images/background3a.gif) no-repeat right bottom;
	padding-left: 15px;
	padding-top: 20px;
	margin-bottom: 6px;
	padding-bottom: 10px;


}
.bg {
padding-left:15px;
background: url(../images/background5.gif) repeat-y right bottom;
margin: 0px;
padding-bottom: 0px;
}
.bg1 {
padding-left: 15px;
background: url(../images/background5.gif) repeat-y right bottom;
margin: 0px;
padding-bottom: 8px;
}
.home {
background: url(../images/button_home.png) no-repeat left center;
}
.blue {
color: #c4cbe7;
}
.indent {

padding-left: 20px;

}
.divider {
background: url(../images/divider.gif) no-repeat left bottom;
width: 10px;
height: 22px;
}