/* CSS Document */

/* reset.css courtesy blueprint css*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ol, ul, li, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;  text-decoration:none; font-family:Helvetica,Arial,sans-serif; font-size:12px; color:#222;}


body {line-height:1.5; color:#222}



/* General*/



p.main{ color:#000; font-size:11px;}



a.bigger{
font-size:18px;
line-height:1.5;
font-weight:bold;
}



h3.bigger{
font-size:18px;
line-height:1.5;
font-weight:bold;
}



h3.biggest{
font-size:24px;
line-height:1.5;
font-weight:bold;
}





.line_below{ border-bottom:1px solid #C4C4C4; margin-left:-5px; padding:5px; margin-bottom:10px;}


p{
line-height:1.5;
font-family:Helvetica,Arial,sans-serif;
color:#666666;
margin-bottom:18px;

}



.space{ margin-right:10px;}


.form_email{ color:#fff; width:130px; background-color: #666666; padding:2px; height:auto; border:0 none;
float:left;}


.update form{ margin-top:10px;}
.button_main{ margin-left:8px; float:left;}









.about_menu p{ margin-bottom:10px;}



.header_right{ float:right; margin-top:10px; margin-right:20px;width:300px;}



#header{overflow:hidden; overflow:hidden; position:relative; margin-top:5px;}



.header_left{ float:left;width:270px; overflow:hidden;}




.ad_holder{float:left;width:100px;height:70px;width:250px;}





.mainbanner{ height:201px; margin-top:3px; background:url(../images/home_banner.jpg) no-repeat; overflow:hidden}




.banner_button{ margin-top:145px; margin-left:244px;}



.banner_button a:hover{ background-position: left bottom;}



a.learnmore { text-indent:-999em; background:url(../images/learnhow_button.png) no-repeat; display:block; height:26px; width:111px; overflow:hidden; float: left; margin-right:15px;}



a.joinus { text-indent:-999em; background: url(../images/jointhem.png) no-repeat; display:block; height:26px; width:115px; overflow:hidden; float: left; margin-right:15px;}



h5{ font-size:11px;color:#CE2910; font-weight:bold; }


.author{ font-style:italic;}
.story{ line-height:1.3;}


.news_summary{margin-bottom:15px;}


.ext_links{ margin-bottom:10px;}


 


ul.list_one{float:left;width:300px;
 margin-bottom:18px;margin-top:20px;}


ul.list_one li{ list-style-position:inside; color:#000; line-height:1.5;margin-bottom:5px;}



ul.list_one li a{font-size:11px;}
a{ color:#CE2910; text-decoration:none;}



a:hover{ text-decoration:underline;}






/* Main layout*/



body {font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif; 
background: #fff; text-align:center;}




#outer_wrap{ width:900px; margin:0 auto; background:#fff; text-align: left;}



.foot_wrap{width:900px; margin:0 auto; background:#fff; text-align: left;}



#dark_bg{width:100%; background:#EAEAEA; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; margin-bottom:15px;}










#nav{ height:38px; margin-bottom:1px; background: url(../images/nav_bg.png) no-repeat; margin-top:1px;}







#nav ul{ }


#nav ul li{display: inline; float: left; height: 38px; line-height:43px; overflow:hidden;margin-right:50px; }


.hdtitle2 
{margin:0 auto;
text-align:center;
text-transform:capitilize; 
color: #0469b7;
font-size: 28px; 

height:auto;
min-height: 20px; 
font-weight:bold;
font-family: Tahoma, Verdana, Arial;
width:400px;

	padding-right: 20px;
	padding-left: 20px;

padding-top:15px;
padding-bottom:15px;
}




.homepage #nav ul li a {line-height:38px; height:38px;padding-left:15px; padding-right:15px; color:#fff; background: url(../images/nav_hover.png) repeat-x 0 -43px; display:block; text-transform:uppercase;}




#nav ul li a {line-height:38px; height:38px;padding-left:15px; padding-right:15px; color:#fff; background: url(../images/links_bg.png) repeat-x 0 -43px; display:block; text-transform:uppercase;}




#nav ul li.active a{ background-position:0 0; color:#DADADA; text-decoration:none;}


#nav ul li a:hover{color:#3DC4FF; text-decoration:none;}






/* Content Layout   */



.new_left{ width:639px; float:left; overflow: hidden; position:relative; padding-bottom:40px;}



.new_left1 { width:739px; float:left; overflow: hidden; position:relative; padding-bottom:40px;}



.new_right{ width:258px; float:right; overflow:hidden; background:}


.main_contain{ padding:20px 20px 20px 20px;}


.homepage .main_contain{ padding:20px 20px 20px 20px;}


.thoughts{ padding-bottom:10px;}


.news{ margin-bottom:20px;}




.homepage .content{background: url(../images/content_bg.png) repeat-y #fff;}


.content{ background: url(../images/content_bg.png) repeat-y #fff;}











.banner{ overflow:hidden; margin-bottom:20px; border-bottom: 1px solid #DADADA; padding:25px 0 0; }




.footer{ overflow:hidden;  background:#EAEAEA;}
.footer .new_left{ width:639px; float:left; overflow: hidden; position:relative; border-right:1px solid #C4C4C4; margin:0; padding:15px 0;}




.footer_bot{ margin-bottom: 20px; overflow:hidden;}



.footer_bot p#copyright {
float:right;
width:445px;}



.footer_bot ul, .footer_bot li {
float:left;
list-style-type:none;
}



.footer_bot li a{ color:#666666; font-size:11px;}



.footer .new_right{ width:258px; float:right; overflow:hidden;}



.three_cols{ width:639px; padding-top:15px; border-top:1px solid #C4C4C4; }



.footer .three_cols_two{ }



.footer .inter{ height:20px; line-height:20px; overflow:hidden; color:#fff; margin:10px 20px;}


.new_content{ width:600px; overflow:hidden; position:relative;}


table.content_one{ height:207px;}


.content_one td{ vertical-align:top;}


.first_col_one{ width:360px; overflow:hidden;}


.first_col_one .inner{}









#rotator{ width:148px; height:95px; margin-left:4px; margin-top:7px; overflow:hidden;}



.main_contain .update{ margin-top:25px;}



.content h3{ margin-bottom:20px; }



.remover{ display:none;}

.case_nav{ padding-right:20px; padding-bottom:10px; border-bottom:1px solid #DADADA; margin-bottom:15px;}




table.featured{ }


table.featured td{ width:213px; overflow:hidden; vertical-align:top; }



.col1{ width:187px; margin-right:26px; }


.col2{ width:187px; margin-right:26px;}


.col3{ width:187px; margin-right:13px;}




/*   Image Box     */





.image_box{ width:185px; height:90px; border:1px solid #ADADAD; background-color:#fff; overflow:hidden;}



.image_box a { display:block; overflow:hidden; margin:2px; width:181px; height:86px; background-position:left top;}



.image_box a:hover img{ margin:-90px 0 0; }




.col_main{ width:187px; margin:10px 24px 20px 0px; float:left; overflow:hidden; height:200px; }




.case_main{width:400px; margin:10px 24px 20px 0px; float:left; overflow:hidden;}







.line_break{ border-top: 1px solid #DCDCDC; margin-top:20px; margin-bottom:20px;}



.arrow_right{background:transparent url(../images/arrow_right.gif) no-repeat scroll 0 2px;}


.arrow_left{background:transparent url(../images/arrow_left.gif)  no-repeat scroll 0 2px;}


p.link{padding:0 0 0 19px;}




p.view_work {
float:right;
margin:0 29px; 0 0;
padding:0 0 0 19px;
}



p.view_clients {
float:right;
margin:0 10px 0 0;
}



span.divide{ float:right; margin-right:15px;}



h3#featured_client{ width:120px; overflow:hidden; background:url(../images/featured_clients.png) no-repeat; text-indent:-99999em; height:14px;}



p.link a, h2 a {
border-bottom:1px solid #DADADA;
color:#D85441; text-decoration:none;}




.headingbox{float:left; width:730px;height:auto;min-height:30px;border-bottom:1px solid #DADADA;margin:15px 0px 30px 0px; padding-bottom:20px;}


.headingbox h2{font-family:helvetica,tahoma,arial;font-size:24px;color:#be2811;}



.subheading{font-family:helvetica,tahoma,arial;font-size:14px;color:#be2811;}







h3#main_text{}


p.link a:hover, h2 a:hover{color:#CE2910; border-bottom:none; text-decoration:none;}




#cfMessage{ width:500px; height:250px; padding:5px;}






.client_box{ width:220px; height:190px; overflow:hidden; no-repeat; margin:0px 0 20px 2px;border:5px solid #3DC4FF;-webkit-border-radius:5px;-moz-border-radius:5px;}



#photoShow {
    position:relative;
    height:190px;
    width:220px;
    margin-left: auto;

}

#photoShow div {
    position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {

    z-index: 2;
}



table.cost_table{width:600px;margin-top}


 table.cost_table  a, table.cost_table , table.cost_table tbody, table.cost_table tfoot, table.cost_table tr, table.cost_table th, table.cost_table td, table.cost_table table caption {
	
	background:#262b38;
	color:#fff;
	text-align:left;
	font-size:12px;
}
table.cost_table, table.cost_table caption {
	border-left:3px solid #567;
	border-right:3px solid #000;
}
table.cost_table {
	border-top:1px solid #567;
	border-bottom:3px solid #000;
}



table.cost_table th{color:#3DC4FF;}





table.cost_table a {
	text-decoration:underline;
	font-weight:bold;
}
table.cost_table a:visited {
	background:#262b38;
	color:#abc;
}
table.cost_table a:hover {
	text-decoration:none;
	position:relative;
	top:1px;
	left:1px;
}
table.cost_table caption {
	border-top:3px solid #567;
	border-bottom:1px solid #000;
	font-size:20px;
	font-weight:bold;
}
table.cost_table, table.cost_table td, table.cost_tableth {
	margin:0px;
	padding:0px;
}
table.cost_table tbody td, table.cost_table tbody th, table.cost_table tbody tr.odd th, table.cost_table tbody tr.odd td {
	border:1px solid;
	border-color:#567 #000 #000 #567;
}

table.cost_table td, table.cost_table th, table.cost_table caption {
	padding:5px;
	vertical-align:middle;
}
table.cost_table tfoot td, table.cost_table tfoot th, table.cost_table thead th {
	border:1px solid;
	border-color:#000 #567 #567 #000;
	font-weight:bold;
	white-space:nowrap;
	font-size:14px;
}

.homeimg{float:right;height:auto;min-height:200px;width:250px;}

.homeimg img{margin-top:20px;}




.redden{color:#be2811;font-size:13px;}
.redden2{color:#be2811;font-size:13px;}

.bluen{color:#3DC4FF;font-size:12px;}

.devtime_table{float:left;width:600px;height:auto;background-color:black;border-spacing:1px;margin-bottom:30px;}

.devtime_table td{color:#1c489c;background-color:white}

.devtime_table th{color:#be2811;background-color:white}





.payplan_table{float:left;width:600px;height:auto;background-color:black;border-spacing:1px; margin-bottom:30px;}

.payplan_table td{color:#1c489c;background-color:white}

.payplan_table th{color:#be2811;background-color:white}











.school_software_ghana{float:left;width:600px;height:auto;min-height:500px;color:#333;font-size:17px;}



.reddens{color:#be2811;font-size:18px;font-weight:bold}
.reddens2{color:#be2811;font-size:18px;font-weight:bold}


.blueens{color:#000;font-size:18px;font-weight:bold}


.subheadingss {color:#be2811;font-size:18px;font-weight:bold}



a.schdemo  {font-size:18px; color:#4d7cb1}




a.schdemo:link,  a.schdemo:visited { color:#4d7cb1; text-decoration:none;}


a.schdemo:hover{color:#900; text-decoration:none;}





.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 

.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.datagrid table td, .datagrid table th { padding: 8px 10px; }

.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 17px; font-weight: bold; border-left: 4px solid #0070A8; } .datagrid table thead th:first-child { border: none; }


.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 15px;font-weight: normal;font-weight:bold }

.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B;font-weight:bold; font-size: 15px;}

.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEF4;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }

.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }

.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }

.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

