/* CSS Document */

/*** CSS RESET ***/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p{margin:0; padding:0; text-align:left}table{border-collapse:collapse; border-spacing:0}fieldset,img{border:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}sup {vertical-align:text-top; position:relative}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}ul,ol,li{list-style:none}
html{-webkit-text-size-adjust:95%}
#track{position:absolute; bottom:0;}

/*** GLOBAL ***/
body{font-size:62.5%; font-family:Verdana, Helvetica, sans-serif; color:#656565; background-color:#ededed; line-height:1.3em; text-align:center; height:800px;}
.clear{clear:both}
.rel{position:relative}
.block{display:block}
.inline{display:inline}
.left{text-align:left !important}
.right{text-align:right !important}
.bottom{position:absolute; bottom:0}
.bullet li{../images/bullet_square_10x7.gif) 0 0 no-repeat; margin:2px 0; padding:1px 10px}
p{margin:0 0 1em 0}
a:link{text-decoration:none; color:#067AB4}
a:visited{text-decoration:none; color:#067AB4}
a:hover{text-decoration:underline; color:#067AB4}
ul, ol, dl{ margin: 0 0 1em 0 }
input, textarea, select{border:1px solid #ccc; vertical-align:middle; background-color:#fff; color:#656565}
.hide{display:none}
#ie{zoom:1}
#pageID{position:absolute; top:-20px; width:100px; text-indent:-9999px;}

/**** Main wrapper div ****/
#wrapper{ position:absolute; left:20px; top:48px;  width:930px; padding-top:2px; background-color:#fff;  border:0px; height:700px; }
#wrapper_big{ position:absolute; left:20px; top:48px;  width:930px; padding-top:2px; background-color:#fff;  border:0px; height:1100px; }
#wrapper_bigger{ position:absolute; left:20px; top:48px;  width:930px; padding-top:2px; background-color:#fff;  border:0px; height:1300px; }
/**** TOP bar container ****/
#top_wrapper{
   background-color:#fff; height:80px;
  position:absolute; 
}
/**** Copyright Section bar container to be displayed at the page end, not to be contained inside any other div ****/
#copyright_wrapper{
    margin-bottom:20px; 
	left:0px; top:710px; 
	position:absolute;
	text-align:center;
}
#copyright_wrapper_big{
    margin-bottom:20px; 
	left:0px; top:1110px; 
	position:absolute;
	text-align:center;
}
#copyright_wrapper_bigger{
    margin-bottom:20px; 
	left:0px; top:1300px; 
	position:absolute;
	text-align:center;
}
/**** Top Navigator Holder Div ****/
#universalNav{margin-left:20px; margin-top:20px; text-align:left; height:2.5em}
#bottom_links{ position:relative; width:910px; top:525px; left:10px;  clear:both; background:url(../images/farm-grad.gif) 0 1px repeat-x;  }
#bottom_links_big{ position:relative; width:910px; top:925px; left:10px;  clear:both; background:url(../images/farm-grad.gif) 0 1px repeat-x;  }
#bottom_links_bigger{ position:relative; width:910px; top:1100px; left:10px;  clear:both; background:url(../images/farm-grad.gif) 0 1px repeat-x;  }
/**** TOP LEFT TABS ****/
.topLeftTabs{ background:#ffffff ; margin:0; padding:0; font-size:.9em}

.topLeftTabs li{float:left;}


.topLeftTabs li a{display:block; margin-top:1px; text-align:center;  font-size:1.2em; line-height:2.5em; letter-spacing:-1px;}
.topLeftTabs .ent a{width:10.31em; color:#000000; font-weight:bold; overflow:hidden; background:url(../images/top_tabs-butbg2.gif) 0 bottom no-repeat !important;}
.topLeftTabs .last {color:#000000; font-weight:bold;overflow:hidden; background:url(../images/right_bg.gif) 1 }
.topLeftTabs li a.selected{font-weight:bold; color:#EE1C25; cursor:default; text-decoration:none overflow:hidden; background:url(../images/selected_bg.gif) 0 bottom no-repeat !important;}

.topLeftTabs .selected a{font-weight:bold; color:#EE1C25; cursor:default; text-decoration:none overflow:hidden; width:10.31em;  background:url(../images/selected_bg.gif) 0 bottom no-repeat !important;}


/****CONTENT AREA****/
#content_wrapper{
  background-color:#fff;  margin-bottom:0px; margin:0px;
  position:absolute; left:1px; top:80px; right:1px;
}


#home_banner1{
  	width:680px;  margin-bottom:0px;
 	border:1px solid #ccc;
 	background-color:#fff;
  	position:absolute;  top:0px; left:10px;
	height:  309px;
	padding:0px;
}
#home_sidebar{
    border:1 px solid; border-color:#ededed;
  	position:absolute; left:700px; top:0px; 
	background: url(../images/acc-bkgrd-content.gif) repeat-x left bottom #fff;
  	border:1px solid #ccc;
	padding:0px 0px 0px 0px;
	background-color:#fff;	
	height:309px;
	width:220px;
}

#other_sidebar{
  	width:220px;  margin-bottom:0px;
 	border:0px solid #ccc;
 	background-color:#fff;
  	position:absolute;  top:0px; left:10px;
	height:  309px;
}

.left_nav_mid{
border-left:1 px solid; border-color:#ededed;
border-right:1 px solid; border-color:#ededed;
background:url(../images/left_nav_midd_bg.gif) bottom #fff;
padding:0px 0px 0px 0px;
background-color:#fff;	
width:220px;
}
.mid_bg{
border:0px;
margin:0px;
border-left:1px solid; border-color:#dfdfdf;
border-right:1px solid; border-color:#dfdfdf;
padding:10px 10px 10px 10px;
background-color:#fff;	
}

.mid_bg_contact{
border:0px;
border-left:1px solid; border-color:#dfdfdf;
border-right:1px solid; border-color:#dfdfdf;
padding:10px 10px 10px 10px;
background:url(../images/contact.gif)  no-repeat right #fff;
}

#other_banner1{
    border:1 px solid; border-color:#ededed;
  	position:absolute; left:240px; top:0px; 
	background: url(../images/acc-bkgrd-content.gif) repeat-x left bottom #fff;
  	border:1px solid #ccc;
	padding:0px 0px 0px 0px;
	background-color:#fff;	
	height:230px;
	width:680px;
}

#other_banner2{
  	position:absolute; left:240px; top:240px; 
	padding:0px 0px 0px 0px;
	background-color:#fff;	
	width:680px;
}
#other_banner2_contactus{
	
  	position:absolute; left:10px; top:10px; 
	padding:0px 0px 0px 0px;
	background-color:#fff;	
	width:910px;
	

}


#logo{
background:url(../images/logo_small.gif) 0 0 no-repeat;
float:left;
	width:200px;
	height:45px;
	margin-left:11px;
	margin-top:25px;
}

/**** PRODUCT NAVIGATION ****/
#content{ clear: both;
   font-size: 1.2em;
   margin-top:70px;
   margin-left:2px;
	border:1px solid; border-color:#e6e6e6; 
	padding:0px ;
	background-color:#fff;	
	min-height:100%;
	width:804px;
	font-family:Verdana, Helvetica, sans-serif;
	color:#067AB4;
}


.defaultContent{position:relative; height:126px; border:1px solid #cccccc; background:#ff7200; margin-bottom:10px}

#header1{ position:absolute; width:813px; top:400px; border:1px solid #cccccc; height:20px; background:#fff; left:3px;background: url(../images/fotter_bg.gif) repeat-x left bottom #fff;}

#quadBox1{ position:absolute; width:220px; top:400px; border:1px solid #cccccc; height:120px; background:#fff; left:10px;background: url(../images/erp.gif) no-repeat left bottom #fff;}
#quadBox2{ position:absolute; width:220px; top:400px; border:1px solid #cccccc; height:120px; background:#fff; left:240px;background: url(../images/ecom.gif) no-repeat left bottom #fff;}
#quadBox3{ position:absolute; width:220px; top:400px; border:1px solid #cccccc; height:120px; background:#fff; left:470px; background: url(../images/school_img.jpg) no-repeat center  #fff;}
#quadBox4{ position:absolute; width:220px; top:400px; border:1px solid #cccccc; height:120px; background:#fff; left:700px;background: url(../images/training.gif) no-repeat left bottom #fff;}



.sol_quadBox1{ clear:both; margin-left:0px; padding:5px; width:650px;   border-left:1px; solid #cccccc; border-right:1px; solid #cccccc;  background:#fff; }

.sol_quadBox1 .dim{margin:0px}
.sol_quadBox1 .dim h4{font-weight:bold; margin-bottom:1em; font-size:1.1em}
.sol_quadBox1 .dim ul li{font-size:1.0em; line-height:1em; margin-bottom:.8em}
.col_300 {float:left; width:300px; margin-left:10px}



#header2{ position:absolute; width:813px; top:570px; border:1px solid #cccccc; height:20px; background:#fff; left:3px;background: url(../images/fotter_bg.gif) repeat-x left bottom #fff;}



.slot img{border:1px solid #cccccc}
.slot h2{position:relative; left:10px; top:6px; text-transform:uppercase; font-size:1em; margin-bottom:12px}
.slot h3{position:relative; left:10px; color:#ff7200; font-weight:bold; font-size:1.2em; margin-bottom:5px}
.slot p{
	position:relative;
	left:10px;
	font-size:1.1em;
	width: 200px;
}
.slot a.bottom{left:10px; bottom:9px; font-size:1.1em}
.slotGrad{background:#f5f5f5 url(../images/slot-grad.png) !important}


.copyright {
   float:left; 
    line-height:1.3em;
	text-align:center;
   color:#656565;
   padding-top:10px
   
}

/**** ACCORDION STYLES ****/
#non-accordion{
	border:1px solid #ccc;
	padding:1px 1px 0 1px;
	margin:0 0 10px 0;
	background-color:#fff;	
	min-height:291px;
}


.arrow-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.arrow-list li {
	padding-bottom: 3px;
	margin: 0;
	padding: 1px 0 2px 20px;
	background: url(../images/btn_white_caged_arrow.gif) left no-repeat;	
	position:relative;
	display:block;
	font-family:Verdana,  Helvetica, sans-serif;
	font-size:1.1em; 
	
}


#page{
   margin:0 17px;
   width:950px;
   position:relative;
   
}
#header{
   background-color:#ffffff; 	
}
#about_banner_container{
width:250px;
border:1px solid #ccc;
background-color:#fff;
position:absolute; top:10px; left:10px;
height:500px;
}

#about_banner1{
width:200px;
margin:0px;
border:0px solid #ccc;
background-color:#fff;
position:absolute; top:0px; left: 40px;
background:url(../images/advice_banner.jpg) left no-repeat;
height:170px;
}

#about_banner2{
width:200px;
border:0px solid #ccc;
background-color:#fff;
position:absolute; top:150px; left:40px; 
background:url(../images/financial_banner.jpg) left no-repeat;
height:180px;
margin:1px;

}

#about_banner3{
width:200px;
border:0px solid #ccc;
background-color:#fff;
position:absolute; top:320px; left:40px;
background:url(../images/telecom_banner.jpg) left no-repeat;
height:160px;

}

#about{
 margin-left:420px; text-align:left; height:100%;
 }

.email_text{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#067ab4;
 font-size:1.1em; line-height:1.2em; letter-spacing:1px;
}

.bluebigtext{
 font-family:Verdana, Helvetica, sans-serif;
 color:#067ab4;
text-align:center;  font-size:1.1em; line-height:1em; letter-spacing:1px;
 font-weight:bold; 
 padding:4px;
}
.blackbigtext{
 font-family:Verdana, Helvetica, sans-serif;
 color:#000000;
text-align:center;  font-size:1.1em; line-height:1em; letter-spacing:1px;
 font-weight:bold; 
 padding:4px;
}

.redbigtext{
 font-family:Verdana, Helvetica, sans-serif;
 color:#ff2e2e;
 text-align:center;  font-size:1.1em; line-height:1em; letter-spacing:1px;
 font-weight:bold; 
 padding:4px;
}

.whitebigtext{
 font-family:Verdana, Helvetica, sans-serif;
 color:#ffffff;
 text-align:center;  font-size:1.1em; line-height:1em; letter-spacing:1px;
 font-weight:bold; 
 padding:4px;
}


.textbig{
text-align:center; font-weight:bold; font-size:1.2em;
}

.textnormal{
text-align:left; font-size:1.2em;
font:Arial, Helvetica, sans-serif;
line-height:1.2em; letter-spacing:1px;
}
.bluebigtext_left{
 font-family:Verdana, Helvetica, sans-serif;
 color:#067ab4;
text-align:left;  font-size:1.1em; line-height:1em; letter-spacing:1px;
 font-weight:bold; 
 padding:4px;
}
.blackbigtext_left{
 font-family:Verdana, Helvetica, sans-serif;
 color:#000000;
text-align:left;  font-size:1.1em; line-height:1em; letter-spacing:1px;
 font-weight:bold; 
 padding:4px;
}

.redbigtext_left{
 font-family:Verdana, Helvetica, sans-serif;
 color:#ff2e2e;
 text-align:left;  font-size:1.1em; line-height:1em; letter-spacing:1px;
 font-weight:bold; 
 padding:4px;
}
.textbig_left{
text-align:left; font-weight:bold; font-size:1.2em;
}

.textnormal_left{
text-align:left; font-size:1.2em;
font:Arial, Helvetica, sans-serif;
line-height:1.2em; letter-spacing:1px;
}

#services_banner1{
  width:804px; height:100%; margin-bottom:0px; 
  position:absolute;  top:0px; 
}


#services_mid_section{
  width:804px; height:100%; margin-bottom:0px; 
  position:absolute;  top:180px; 
}

#services_banner2{
  width:804px; height:100%; 
  position:absolute; top:250px;
}


#services_banner_text1{
  width:170px; height:50px;
  position:absolute; top:122px; left:22px;
}

#services_banner_text2{
  width:180px; height:50px;
  position:absolute; top:122px; left:220px;
}

#services_banner_text3{
  width:180px; height:50px;
  position:absolute; top:122px; left:420px;
}
#services_banner_text4{
  width:180px; height:50px;
  position:absolute; top:122px; left:622px;
}

.clear{clear:both}
/**** LINK FARM ****/
.linkFarm{width:910px; clear:both;margin-bottom:10px; border-top:1px solid #cccccc}
.linkFarm .dim{margin:10px 0 0 10px}
.linkFarm .dim h4{font-weight:bold; margin-bottom:1em; font-size:1.1em}
.linkFarm .dim ul li{font-size:1.0em; line-height:1em; margin-bottom:.8em}


.bottomLinks{clear:both; margin-bottom:10px; color:#cccccc}
.bottomLinks a, .bottomLinks a:visited, .bottomLinks a:hover{font-size:.9em; color:#ff2e2e; padding:0 5px;}
/**** CONTAINERS & STUFF ****/	 
.first_182{float:left; width:182px; clear:left}
.col_182{float:left;	width:182px; margin-left:10px}
.first_230 {float:left; width:220px; clear:left}
.col_230 {float:left; width:220px; margin-left:10px}
.first_710 {float:left; width:710px; clear:left}
.col_710 {float:left; width:710px; margin-left:10px}
