/* OutProsys Stylesheet by Glasshouse Multimedia - www.glasshouse.co.za */

/*--------------------- SET UP DEFAULTS -------------------*/

mydiv {
	font-family:times;
	color:green;
}

* {
	margin: 0;
	padding: 0;
}
html, body {
	text-align: center;
	font: 0.83em Verdana, Geneva;/*, sans-serif;*/
	color: #363636;
	height: 100.02%;
}
table, td, tr {
	text-align: left;
}
table {
	padding: 10px;
}
input, textarea {
	text-align: left;
	font: 0.83em Verdana, Geneva;/*, sans-serif;*/
	color: #666666;
	height: 100.d02%;
	padding: 2px 2px 2px 2px;
	background-color: #FCFCFC;
	border: dashed;
	border-color: #CCCCCC;
	border-width: 1px;
}
.input_send {
	width: 48px;
	height: 22px;
	background-image: url(/images/btn_send.gif);
	background-position: left;
	border-width: 0px;
}
.input_send:hover {
	background-position: right;
}
#wrapper{
	min-height: 100.02%;
	height: auto;
	width: 100%;
	margin: 0 auto 0 auto;
	margin-bottom: 0px;
	position: absolute;
	left: 0;
	top: 0;
}
* html #wrapper{
	height: 100.02%;
	width: 100%;
}
li {
	background: url(/images/bullet2.gif) no-repeat 0px 6px;
	list-style: none;
	padding-left: 15px;
	padding-top: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
}

/*------------------------- HEADER ------------------------*/
#header, #header_clean {
	width: 100%;
	height: 350px;
	background: url(/images/header2_BOLD.jpg) no-repeat top;
	text-align: left;
}
#header_clean {
	background-image: url(/images/header2_BOLD.jpg);
}

/*------------------------- FOOTER ------------------------*/
#footer {
	position: relative;
	vertical-align: middle;
	float:left;
	width: 790px;
	height: 40px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
    	margin-right: auto
}
#footer2 {
	position: relative;
	vertical-align: middle;
	float:left;
	width: 790px;
	height: 40px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footerspace {
	position: relative;
	float:left;
	width: 790px;
	height: 20px;
}
#secondary_call {
	position: relative;
	float:left;
	width: 790px;
	height: 127px;
	text-align: left;
	background: url(/images/secondary_call.gif) no-repeat;
}
#clearfooter {
	height: 0px;
	width: 100%;
}
#logo {
	width: 147px;
	float: left;
	background: url(/images/logo.gif) no-repeat;
	display: block;
}

#dmalogo {
	height: 40px;
	margin-right: 46px;
	vertical-align: middle;
	float: left;
	display: block;
}

/*-------------------------- LINKS ------------------------*/
a:link, a:visited, a:active { 
	color: #7E96C6; 
	text-decoration: underline;
	outline: none;
}
a:hover { 
	text-decoration: none;
}
:focus {
	-moz-outline-style: none;
}
a img {
    border: 0;
	padding: 0;
	margin: 0;
}

/*-------------------- MAIN NAVIGATION --------------------*/
#sgs {
	margin: 10px auto auto 650px;
	float: right;
	position: absolute;
}

#navbar {
	width: 256px;
	margin: 114px auto auto 499px;
	float: left;
	position: absolute;
}

#navbar div, #navbar a, #navbar img {
	display: block;
}

#btn_home a {
   background: url(/images/btn_home.gif);
}
#btn_benefits a {
	background: url(/images/btn_benefits.gif);
}
#btn_solution a {
	background: url(/images/btn_solution.gif);
}
#btn_customers a {
	background: url(/images/btn_customers.gif);
}
#btn_casestudies a {
	background: url(/images/btn_casestudies.gif);
}
#btn_company a {
	background: url(/images/btn_company.gif);
}
#btn_contact a {
	background: url(/images/btn_contact.gif);
}

/* ------------------------------------------- */
#btn_home a, #btn_benefits a, #btn_solution a, #btn_customers a, #btn_casestudies a, #btn_company a, #btn_contact a {
	background-position: left;
}

#btn_home a:hover, #btn_benefits a:hover, #btn_solution a:hover, #btn_customers a:hover, #btn_casestudies a:hover, #btn_company a:hover, #btn_contact a:hover {
    background-position: right;
	
}
#home #btn_home a, #benefits #btn_benefits a, #solution #btn_solution a, #customers #btn_customers a, #casestudies #btn_casestudies a, #company #btn_company a, #contact #btn_contact a {
	background-position: center;
}

/*----------------- HEADINGS & PARAGRAPHS -----------------*/
p {
	padding: 5px 0;
	text-align: justify;
}
h1, h2, h3 {
	text-align: left;
} 
h1 {
	font-size: 11pt;
	padding-top: 5px;
}
h2 {
	font-size: 10pt;
	padding-top: 5px;
}
h3 {
	font-size: 8pt;
	padding-top: 0px;
}

/*-------------------- CONTENT LAYOUT ---------------------*/
#container {
	width: 790px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
}
#content {
	float: right;
}
#content_secondary, #content_case, #content_solution, #content_benefits, #content_terms {
	float: left;
	width: 790px;
	margin: 0px auto auto 0px;
	background-image: url(/images/div.gif);
	background-position: top;
	background-repeat: no-repeat;
}
#content_case {
	background-image: url(/images/div_case.gif);
	background-position: top;
}
#content_solution {
	background-image: url(/images/div_solution.gif);
	background-position: top;
}
#content_benefits {
	background-image: url(/images/div_benefits.gif);
	background-position: top;
}
#content_contact {
	float: left;
	width: 790px;
	margin: 0px auto auto 0px;
}
#content_terms {
	background-image: url(/images/div_terms.gif);
	background-position: top;
}
.copy {
	float: left;
	line-height: 20px;
	padding: 0px 30px;
	width: 380px;
	clear: both;
	text-align: justify;
}
.copy_secondary {
	line-height: 20px;
	margin: 7px 25px;
	/*padding: 5px 5px 5px 5px;*/
	width: 335px;
	clear: both;
	text-align: justify;
}
.benefit_bullet a {
	width: 340px;
	display: block;
	color: #333333 !important;
	text-decoration: none !important;
	padding-top: 17px;
}
.benefit_bullet a:hover {
	font-weight: bold;
}
.benefit_bullet img {
	padding-right: 6px;
}
#col1 {
	float: left;
	width: 395px;
	margin: 0px auto auto 0px;
}
#col2 {
	float: right;
	width: 395px;
	margin: 0px auto auto 0px;
}
#callbg {
	height: 344px;
	width: 318px;
	margin: 285px auto auto 18px;
	float: left;
	position: absolute;
	z-index: 1;
}
#contactform {
	height: 344px;
	width: 318px;
	margin: 285px auto auto 18px;
	float: left;
	position: absolute;
	z-index: 2;
	text-align: left;
	background: url(/images/contactform.png) no-repeat;
	behavior: url(/scripts/iepngfix.htc);
}
#contact_inside {
	margin: 65px auto auto 30px;
	position: relative;
	text-align: left;
}
#contact_statinfo {
	width: 790px;
	margin: 0px auto auto 10px;
	float: left;
	z-index: 1;
}
#calltoactions {
	height: 344px;
	width: 318px;
	margin: 265px auto auto 18px;
	float: left;
	position: absolute;
	z-index: 2;
	text-align: left;
	padding: 66px 0 0 35px;
	line-height: 11px;
}
#call1 {
	width: 255px;
	font-size: 9px;
	text-align: justify;
	position: absolute;
	top: 66px;
	left: 35px;
}
#call2 {
	width: 255px;
	font-size: 9px;
	text-align: justify;
	margin-right: 35px;
	position: absolute;
	top: 168px;
	left: 35px;
}
#call3 {
	width: 255px;
	font-size: 9px;
	text-align: justify;
	margin-right: 35px;
	position: absolute;
	top: 282px;
	left: 35px;
}
#process {
	height: 180px;
	width: 790px;
	margin: 23px auto auto 0px;
	float: left;
	z-index: 1;
	background: url(/images/process.gif) no-repeat;
}
#process_flash {
	height: 163px;
	width: 740px;
	margin: 5px 10px auto auto;
	float: right;
	z-index: 0;
}
#slogan_flash {
	height: 52px;
	width: 295px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	float: none;
	z-index: 3;
	top: 91px;
	left: 10px;
}
#solution_contain {
	height: 210px;
	width: 790px;
	margin: 10px auto 20px 0px;
	padding-top: 30px;
	float: left;
	text-align: left;
	z-index: 1;
	background: url(/images/solution.gif) no-repeat;
}
#solution_flash {
	height: 163px;
	width: 740px;
	margin: 5px 10px auto auto;
	float: right;
	z-index: 0;
}
#bot_edge {
	height: 65px;
	width: 269px;
	float: right;
	clear: right;
	background: url(/images/bot_edge.gif) no-repeat;
	margin-top: -8px;
	z-index: 0;
}
#heading {
	float: left;
	margin-bottom: 20px;
}
.copy_contact {
	line-height: 20px;
	padding: 0px 0 0 0;
	margin-top: -7px;
	width: 415px;
	clear: both;
	text-align: justify;
	text-align: left;
}
.copy_sitemap {
	line-height: 20px;
	padding: 12px 0 0 0;
	margin-left: 30px;
	margin: 7px 25px;
	text-align: justify;
	width: 335px;
	clear: both;
	
}
.copy_sitemap p a {
	color: #333333 !important;
}
.copy_sitemap a {
	text-decoration: none !important;
}
.copy_sitemap a:hover {
	font-weight: bold;
}
.copy_sitemap p a:hover {
	text-decoration: underline !important;
}
.copy_quote {
	line-height: 20px;
	margin: 7px 25px;
	padding: 5px;
	text-align: justify;
}
.clear {
	clear: both;
	line-height: 1px;
}
* html #content {
	height: 1%;
}
.padding {
	padding: 0 20px;
}
ol.letters li, ol.roman li {
	list-style-type: lower-alpha;
	background-image: none;
	margin-left: 20px;
	padding-left: 0;
}
ol.roman li {
	list-style-type: lower-roman;
}


/*------------------------ TABLES -------------------------*/
.tdsub {
	background-color: #d4e0f9;
	padding-top: 10px;
	border: dashed;
	border-color: #CCCCCC;
	border-width: 1px;
}

/*------------------------ BENEFITS -----------------------*/
#benefit1, #benefit2, #benefit3, #benefit4, #benefit5, #benefit6, #benefit7, #benefit8, 
#benefit9, #benefit10, #benefit11, #benefit12, #benefit13, #benefit14, #benefit15, #benefit16 {
	display: none; 
	text-align: justify; 
	margin: 0px auto 10px 16px;
	width: 300px;
	color: #666666;
}
.benefit {
	list-style: none;
	background: url(/images/bullet2.gif) no-repeat;
}

/*------------------------ BUTTONS ------------------------*/


#btn_padding {
    padding:4px 4px;
    color: #8a8a8a; 
    text-align: center; 
    font-size:10px;
    text-decoration: none;
    z-index: -1;
    margin-left: 18px;
    margin-top: 13px;
}

#btn_site_padding {
    padding:11px 7px;
    color: #8a8a8a; 
    font-size:10px;
    text-decoration: none;
    z-index: -1;
    margin-left: 18px;
}

#btn_terms {
	
	height: 30px;
	/*background: url(/images/btn_dot01.gif) no-repeat left top;*/
    background: url(/images/btn_dot_01.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}
#btn_terms:hover {
	
	height: 30px;
	/*background: url(/images/btn_dot02.gif) no-repeat left top;*/
    background: url(/images/btn_dot_02.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}
#btn_privacy {
	
	height: 30px;
	/*background: url(/images/btn_dot01.gif) no-repeat left top;*/
    background: url(/images/btn_dot_01.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}
#btn_privacy:hover {
	
	height: 30px;
	/*background: url(/images/btn_dot02.gif) no-repeat left top;*/
    background: url(/images/btn_dot_02.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}
#btn_sitemap {
	
	height: 30px;
	/*background: url(/images/btn_dot01.gif) no-repeat left top;*/
    background: url(/images/btn_dot_01.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}
#btn_sitemap:hover {
	
	height: 30px;
	/*background: url(/images/btn_dot02.gif) no-repeat left top;*/
    background: url(/images/btn_dot_02.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}

#btn_datacapt_study {
	
	height: 30px;
	/*background: url(/images/btn_dot01.gif) no-repeat left top;*/
    background: url(/images/btn_dot_01.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}
#btn_datacapt_study:hover {
	
	height: 30px;
	/*background: url(/images/btn_dot02.gif) no-repeat left top;*/
    background: url(/images/btn_dot_02.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}

#btn_uk {
    z-index: 1;
    
    height: 30px;
    /*background: url(/images/btn_dot01.gif) no-repeat left top;*/
    background: url(/images/btn_dot_01.gif) no-repeat left top;
    margin-right: 8px;
    float: right;

}
#btn_uk:hover {
    z-index: 1;
    
    height: 30px;
    /*background: url(/images/btn_dot02.gif) no-repeat left top;*/
    background: url(/images/btn_dot_02.gif) no-repeat left top;
    float: right;
    margin-right: 8px;

}

#btn_kenya {
    z-index: 1;
    
    height: 30px;
    /*background: url(/images/btn_dot01.gif) no-repeat left top;*/
    background: url(/images/btn_dot_01.gif) no-repeat left top;
    margin-right: 8px;
    float: right;

}
#btn_kenya:hover {
    z-index: 1;
    
    height: 30px;
    /*background: url(/images/btn_dot02.gif) no-repeat left top;*/
    background: url(/images/btn_dot_02.gif) no-repeat left top;
    float: right;
    margin-right: 8px;

}

#btn_profdata_capt {
	
	height: 30px;
	/*background: url(/images/btn_dot01.gif) no-repeat left top;*/
    background: url(/images/btn_dot_01.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}
#btn_profdata_capt:hover {
	
	height: 30px;
	/*background: url(/images/btn_dot02.gif) no-repeat left top;*/
    background: url(/images/btn_dot_02.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}

#btn_data_analSA {
    z-index: 1;
    
    height: 30px;
    /*background: url(/images/btn_dot01.gif) no-repeat left top;*/
    background: url(/images/btn_dot_01.gif) no-repeat left top;
    float: right;
    margin-right: 8px;
    
}
#btn_data_analSA:hover {
    z-index: 1;
    
    height: 30px;
    /*background: url(/images/btn_dot02.gif) no-repeat left top;*/
    background: url(/images/btn_dot_02.gif) no-repeat left top;
    float: right;
    margin-right: 8px;
}

#btn_docManage {
    z-index: 1;
	
	height: 30px;
	/*background: url(/images/btn_dot01.gif) no-repeat left top;*/
    background: url(/images/btn_dot_01.gif) no-repeat left top;
	float: right;
	margin-right: 8px;
}
#btn_docManage:hover {
    z-index: 1;
	height: 30px;
	/*background: url(/images/btn_dot02.gif) no-repeat left top;*/
    background: url(/images/btn_dot_02.gif) no-repeat left top;
	float: right;
	margin-right: 8px;/*Data Analysis South Africa*/
    color:rgb(0,255,255);
}

.btn_width {
    width: 79px;
}

#btn_space {
    z-index: 1;
    width: 90px;
    height: 30px;
    margin-right: 8px;
    float: right;
    top: 291px;
    left: 210px;

}

#btn_back {
	width: 48px;
	height: 22px;
	background: url(/images/btn_back.gif) no-repeat left top;
	float:right;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 5 !important;
}
#btn_back:hover {
	float:right;
    background-position: right;
}

#btn_demo {
	width: 48px;
	height: 22px;
	background: url(/images/btn_demo.gif) no-repeat left top;
	float:right;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 5 !important;
}
#btn_demo:hover {
	float:right;
    background-position: right;
}

#btn_demo01 {
	width: 48px;
	height: 22px;
	background: url(/images/btn_demo01.gif) no-repeat left top;
	float:right;
	margin-right: 430px;
	margin-bottom: 0px;
	margin-top: -48px;
	z-index: 5 !important;
}

#btn_demo01:hover {
	width: 48px;
	height: 22px;
	background: url(/images/btn_demo02.gif) no-repeat left top;
	float:right;
	margin-right: 430px;
	margin-bottom: 0px;
	margin-top: -48px;
	z-index: 5 !important;
}

#btn_quality {
	width: 105px;
	height: 22px;
	background: url(/images/btn_quality.gif) no-repeat left top;
	float:right;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 5 !important;
}
#btn_quality:hover {
	float:right;
    background-position: right;
}

#btn_testimonials {
	position: relative;
	top: 20px;
	right: 55px;
	width: 191px;
	height: 22px;
	background: url(/images/btn_testimonials.gif) no-repeat left top;
	float:right;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 5 !important;
}
#btn_testimonials:hover {
	float:right;
    background-position: right;
}



.btn_more {
	width: 48px;
	height: 22px;
	display: block;
	background: url(/images/btn_more.gif) no-repeat left;
	margin: -5px 0 0 210px;
}
.btn_more:hover {
    background-position: right;
	
}
#btn_readmore {
	width: 83px;
	height: 22px;
	background: url(/images/btn_readmore.gif) no-repeat left top;
	float: right;
}
#btn_readmore:hover {
	float: right;
    background-position: right;
}
#btn_directors {
	width: 83px;
	height: 22px;
	background: url(/images/btn_directors.gif) no-repeat left top;
	float: right;
}
#btn_directors:hover {
	float: right;
    background-position: right;
}

#btn_testimonial {
	width: 86px;
	height: 22px;
	background: url(/images/btn_testimonial_b.png) no-repeat left top;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	z-index: 5 !important;
}
#btn_testimonial:hover {
	background: url(/images/btn_testimonial_g.png) no-repeat left top;
}


/*------------------------ NEW ------------------------*/

.new_table
{
	table-layout: fixed;
	border-width: 0;
	border-collapse: collapse;
}

.new_custd
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: bottom;
}

.new_custd2
{
	padding-top: 13px;
}

.new_heading
{
	margin: 10px 0 2px 0;
	font-size: 12px;
	font-weight: bold;
	color: #7e96c6;
}