@charset "utf-8";
* { margin:0; padding:0; }
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/bg.png) repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container { 
	width:960px;  /* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	width:100%; background:url(images/heade-bg.png) repeat-x; height:39px; } 
#navigation { width:525px; height:30px; float:left; text-align:left; padding:0 25px 0 25px;}
#logo-search { width:960px; margin:0 auto; height:25px;}
.searchbox { float:left; width:300px; height:26px; padding-right:42px; position:relative; }
.bestscan-logo { float:left; width:200px; height:35px; padding:0 150px 0 0;}
.btn {
	position:absolute;
	width:70px;
	height:24px;
	background:url(images/btn.gif) no-repeat;
	top: 6px;
	left: 164px;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding:0 0 5px 0;
}
.textfield {
	position:absolute;
	background:#edf1f4;
	border:1px solid #d1ebeb;
	padding:2px;
	height:15px;
	top: 7px;
	left:9px;
}


/* Tips for sidebar1:
1. Since we are working in relative units, it's best not to use padding on the sidebar. It will be added to the overall width for standards compliant browsers creating an unknown actual width. 
2. Since em units are used for the sidebar value, be aware that its width will vary with different default text sizes.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColHybLtHdr #sidebar1 p" rule.
*/
#sidebar1 {
	float: left; 
	width: 210px; /* since this element is floated, a width must be given */
	border:1px #c3ddf1 solid;
	margin-left:8px;
	background:#e9f2f7;
	padding:0 0 16px 0; /* top and bottom padding create visual space within this div  */
}
#sidebar1 h2 {
	color: #FFFFFF; text-transform:uppercase; font-size:12px; padding:3px 0 5px 8px; display:block; background:url(images/h2.png) repeat-x;
}
#sidebar1 h3 {
	color: #0070a3; text-transform:uppercase; font-size:10px; padding:3px 0 1px 10px; display:block; 
}
.testimonials1 { padding:4px 10px 6px 10px; font-size:11px; color:#0070a3; text-decoration: underline; line-height:12px; }
.comment { text-transform:capitalize; font-weight:bold; padding:0 5px 8px 0; display:block; color: #4f99bb; font-size:11px; text-align:right; line-height:9px; }
.readmore_1 a {display:block; text-align:right; font-size:11px; text-decoration:underline; padding:0 10px 0 0; font-weight:bold; color: #0070a3 }
.readmore_1 a:hover	{ color:#a4d27a; }
.brochure_hd { width:200px; padding:4px 5px 0 15px; height:25px; background:url(images/brochure.png) no-repeat;
 color:#FFFFFF; font-size:12px; text-transform:uppercase; letter-spacing:-1px }
.download { width:210px; padding-top:34px; }
.pdf { width:213px; color:#034e71; font-size:10px; line-height:11px; font-weight:bold; padding-top:8px; }
.pdf img { border:0; padding:1px 5px 2px 3px; float:left; }

#mainContent {
	width:75.2%;
	float:left;
	margin-left:2px;
	padding:0 0 10px 0;
} 
#mainContent h3 {
	color: #0070a3; text-transform:uppercase; font-size:9px; padding:5px 0 1px 10px; display:block; letter-spacing:0; font-weight:bold; 
}

#content  { font-size:11px; text-align:left; color:#137eaf; padding:5px 0 5px 10px; }
#content h1 {font-size:20px; font-weight:normal; display:block; text-transform:uppercase; color:#075e86; padding:0 0 5px 5px; }
#content h2 {font-size:13px; text-transform:capitalize; padding:0 0 3px 10px; color:#297090; }
#content h3 {font-size:13px; text-transform:uppercase; padding-left:5px; color:#297090; }
#content p { font-size:11px; text-align:left; padding:7px; color:#137eaf; }
#content ul { padding:5px 5px 8px 35px; font-size:12px; color:#297090; }
#content li { list-style: circle; }

.projects { width:923px;border:#CCCCCC solid 1px; padding:2px 0 5px 5px; background:url(images/test.png) repeat-x bottom #FFFFFF;  }
.projects  { padding:5px 5px 12px 5px; margin:0 0 7px 8px; font-size:12px; color:#297090; min-height:90px; }

.projects img { float:left; padding:5px; }
.header1 {font-size:12px; font-weight:bold; text-transform:capitalize; text-decoration:underline; color:#07385a; display:block}
.header2 {font-size:10px; font-weight:bold; text-transform:capitalize; text-decoration:underline; margin-bottom:3px; display:block}

.testimonials { font-size:13px; font-family:"Times New Roman", Times, serif; padding:5px 5px 6px 0; }

#sidebar2 { width:234px; font-size:11px; float:left; }
.service_1 { width:234px; height:108px; background:url(images/services.gif) no-repeat; }
.service_1 p { padding:12px; line-height:11px; color:#0070a3; }
.homepage { float:right; width:485px; height:322px; background:url(images/home_img.jpg) no-repeat; 
			border-left:#76bd43 1px solid; border-right:#76bd43 1px solid; border-top:#76bd43 1px solid; position:relative;color:#FFFFFF; font-weight:bold; }
.solutions_1 {
	text-transform: uppercase;
	font-size:16px;
	letter-spacing:-1px;
	position:absolute;
	left: 22px;
	top: 198px;
}
.solutions_2 {
	font-size:13px;
	text-transform:uppercase;
	position:absolute;
	left: 22px;
	top: 221px;
}
.solutions_3 {
	font-size:11px;
	text-transform:uppercase;
	color:#b9dfec;
	letter-spacing:-1px;
	position:absolute;
	left: 22px;
	top: 234px;
}
.solutions_4 {
	font-size:11px;
	line-height:11px;
	color:#FFFFFF;
	padding: 0 15px 0 15px;
	position:absolute;
	left: 6px;
	top: 252px;
}
.read-more_2 {
	background:url(images/readmore_2.png) no-repeat;
	width:66px;
	height:24px;
	position:absolute;
	left: 377px;
	top: 287px;
}

.bottom { width:720px; height:111px;  float:right }
.bottom h6 { display:block; background:url(images/h6.png) no-repeat; height:26px; padding-bottom:3px; }
.box_1 { border:#b2d9e8 1px solid; background:#e4f4f4; width:233px; height:88px; float:left; padding:0 2px 0 2px; }
.box_2 { border:#b2d9e8 1px solid; background:#d1ebeb; width:234px; height:88px; float:left; padding:0 2px 0 2px; }

#footer-container { height:185px; width:960px; float: left; padding-left:8px; margin-bottom:10px; }
#footer  { 	border:#b2d9e8 1px solid; width:933px; height:175px; background:#FFFFFF; }
#partners { width:65%; float:right; display:block; height:45px; padding:2px 0 2px 0; }
#partners img { float:left; padding:2px 10px 4px 10px; }

#info { width:900px; height:133px; margin:5px auto;}
.contacts { width:880px;height:133px; margin:6px 0 10 0;float:right; text-align:left;}
.lagos { float:left;}
.accra { float:left;}
.contacts ul {padding:15px 20px 15px 30px;}
.contacts li {list-style:none; color:#70a81a; font-size:10px; line-height:1.2em;}
.contacts h6 {text-transform:uppercase; font-size:11px; font-weight:bold; color:#045175; margin:2px 0 3px 0;}




/* ------- Menu Navigation --------------- */

.prodrop4 {padding:3px 0 0 25px; margin:0; list-style:none; height:25px; position:relative; z-index:500; text-transform: capitalize;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;}
.prodrop4 li a.top_link:hover {color:#9bd728; line-height:20px;}

.prodrop4 li:hover > a.top_link {color:#9bd728; background: url(prodrop4/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(prodrop4/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:160px;}
.prodrop4 ul.sub3 {width:160px;}
.prodrop4 ul.sub4 {width:160px;}

.prodrop4 :hover ul {left:0; top:31px; background:#0070a3; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:24px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#fff; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}

form { padding-bottom:10px; width:960px; }
fieldset { padding:10px; width:910px;}