/* Design by musau, I dare you to copy. Utaitana! */

/*

Colour scheme:

Atom Orange: #f5822a
Atom gray lighter : #cdcbcc
Atom gray darker : #a9a7a8

*/


body, html {
	background: #f5822b;
	overflow: auto;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #333333;
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #ffffff;
	font-family: lucida grande, tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	text-align:left;
	color: #999999;
	}
	
table {
	font-family: lucida grande, tahoma, verdana, arial, sans-serif;
	font-size:11px;
	}

/* ................ general navigation links for on roll off stage....................*/

a:link {
	text-decoration: none;
	color: #666;
}

a:visited {
	text-decoration: none;
	color: #f5822a;
}

/*.................general navigation links for on roll on stage......................*/

a:hover	{
	text-decoration: none;
	color: #000000;	
} 

a:active {
	text-decoration: none;
	color: #000000;	
}

/*................. end of general navigation links for on roll on stage......................*/


.container {
	padding: 0px 0px 0px 0px;
	width: 100px;
}

.headroom {
	height: 20px;
}

.corner_top {

	background: #a9a7a8 url(../images/lightgray.jpg) top repeat-x;

}

.white {
	background: #ffffff;
	padding: 30px 20px 10px 20px;
	width: 760px;
	}
	
.navandlogo {
	width: 100%;
	margin: 0px 0px 10px 0px;
	}
	
.nav {
	text-transform: uppercase;
	padding: 12px 0px 0px 0px;
	}
	
.nav ul {
	padding: 0px;
	margin: 0px;
	}

.orange {
	color: #f5822a;
	}
	
.nav li {
	display: inline;
	}
	
.intro {
	border: 0px;
	background: #000000;
	}
	
.intro img {
	width: 760px;
	border: 0px;
	}
	
.nav li a:link, .nav li a:visited {
	background: ffffff;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	color: #f5822a;
	}
	
.nav li a:hover, .nav li a:active {
	background: #000000;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;

	}

.footer {
	color: #f5822a;
	line-height: 1.2 ;
	background: #ffffff;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #f5822a;
	margin: 20px 0px 0px 0px;
	font-size: 9px;
	}
	
.body1 {
	margin: 0px;
	background: #f4f4f4;
	padding: 30px 20px 30px 20px;
	font-size: 15px;
	text-align: justify;
	}
	
.body2 {
	margin: 0px 0px 20px 0px;
	background: #f4f4f4;
	padding: 10px 20px 10px 10px;
	text-align: justify;
	}
	
.body3 {
	margin: 0px 0px 20px 10px;
	background: transparent;
	padding: 10px 20px 10px 0px;
	text-align: justify;
	width: 360px;
	}
.body3temp {
	margin: 0px 10px 20px 0px;
	background: transparent;
	padding: 10px 20px 10px 20px;
	text-align: left;
	width: 360px;
	}
	
.body4 {
	margin: 0px;
	background: #ffffff;
	padding: 30px 20px 10px 20px;
	font-size: 15px;
	text-align: justify;
	}

.quote {
	margin: 0px 0px 20px 0px;
	background: #f4f4f4;
	padding: 30px 20px 30px 20px;
	font-size: 15px;
	text-align: justify;
	}

.kawa {
	margin: 0px 0px 20px 0px;
	text-align: justify;
	}
	
.kawasize {
	font-size: 11px;	
	}
	
.mosaic {
	background: url(../images/mosaic.jpg) repeat-x top left;
	height: 8px;
	margin: 20px 0px 20px 0px;
	}
	
.tablepoa {
	margin: 10px 0px 10px 0px;
}


.tablepoa2 {
	margin: 10px 0px 10px 0px;
}


.tablepoa3 {
	margin: 10px 0px 10px 0px;
}


	
.egg1 {
	background: #f4f4f4;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	padding: 20px 20px 20px 20px;

}
	
.egg2 {
	background: #f4f4f4;
	border-top: 1px solid #ffffff;
	padding: 20px 20px 20px 20px;

}


.egg3 {
	background: transparent;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	padding: 20px 20px 20px 20px;

}
	
.projects_img img {
	width: 245px;
}
	
.orange_big {
	font-size: 18px;
	color: #f5822a;
}

img {
	border: 0px;
}

.case {
	height: 200px;
	background: url(../images/telkom_study.jpg) top left no-repeat;
	}
	
.case_uap {
	height: 200px;
	background: url(../images/uap_study.jpg) top left no-repeat;
	}
	
.case_kra {
	height: 200px;
	background: url(../images/kra_study.jpg) top left no-repeat;
	}
	
.case_posta {
	height: 200px;
	background: url(../images/posta_study.jpg) top left no-repeat;
	}
	
.case_real {
	height: 200px;
	background: url(../images/real_study.jpg) top left no-repeat;
	}
	
.caser {
	text-transform: uppercase;
	width: 130px;
	background: #f5822a;
	padding: 10px;
	color: #ffffff;
	}
	
.caser2 {
	text-transform: uppercase;
	width: 150px;
	background: #f5822a;
	padding: 10px;
	color: #ffffff;
	}
	
.casehead {
	color: f5822a;
	text-transform: capitalize;
	font-size: 18px;

	}
	

.casehead2 {
	color: f5822a;
	text-transform: capitalize;
	font-size: 14px;
	margin: 5px 0px 5px 0px;

	}	

	
.casebody {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align: justify;
	line-height: 16px;
	}
	
.thumbz {
	margin: 0px;
	}

.thump_uap {
	background: url(../images/case_uap.jpg) top left no-repeat;
	height: 120px;
	border-right: 5px solid #ffffff;
	}
	
	
.thump_telkom {
	background: url(../images/case_telkom.jpg) top left no-repeat;
	height: 120px;
	border-right: 5px solid #ffffff;
	}
	
.thump_real {
	background: url(../images/case_real.jpg) top left no-repeat;
	height: 120px;
	border-right: 5px solid #ffffff;
	}
	
.thump_afripay {
	background: url(../images/case_afripay.jpg) top left no-repeat;
	height: 120px;
	border-right: 5px solid #ffffff;
	}
	
.musau {
	margin: 0px 0px 20px 0px;
	}

.copy {
	background:	url(../images/grd.jpg) top repeat-x;
	border-right: 5px solid #ffffff;
	padding: 7px 7px 15px 7px;
	}
	
.mambo {
	line-height: 16px;
	}
	
.cell {
	border: 1px solid #cccccc;
	width: 85px;
	height: 85px;
	margin: 0px 0px 10px 0px;
	}
	
.cell img {
	width: 75px;
	height: 75px;
	border: 0px;
	margin: 5px 5px 5px 5px;
	}
	
.iframe1 {

	width: 760;
	height: 350;
	}
	
.iframer {
	margin: 0px 0px 20px 0px;
	}
	
.list {
	background: FFF;
	}
	
.list ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	}
	
.list li {
	border-bottom: 1px solid #cccccc;
	text-transform: capitalize;
	
	}
	
.list li a:link, .list li a:visited {
	display: block;
	background: url(../images/linkroll.gif) no-repeat center left;
	background-position: 5px;
	padding: 4px 0px 4px 22px;
	
	}
	
.list li a:hover, .list li a:active {
	color: #ffffff;
	text-decoration: none;
	background-position: 8px;
	background-color: #FFF;
	background-image: url(../images/linkroll.gif);
	background-repeat: no-repeat;
}
.container tr td center .white .list tr .list .list {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #f5822a;
	background-image: url(../images/linkroll.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 8px;
}

.employees {
	height: 300px;
	background: url(../images/employees.jpg) no-repeat top left #cccccc;

	}
	
.txtbx_1 {
	width: 400px;
	height: 25px;
	border: 1px solid #cccccc;
	font-family: lucida grande, tahoma, verdana, arial, sans-serif;
	font-size:11px;
	line-height: 1.3;
	padding: 4px;
	}
	
.tableform td {
	height: 25px;
	}
	
.wetu td {
	padding: 0px 10px 0px 0px;
	}
.container tr td center .white .list tr .list {
	background-image: url(../images/linkroll.gif);
	background-repeat: no-repeat;
	background-position: 8px;
}
tr td center .white .list tr .list {
}
.container tr td center .white .list tr .list blockquote p {
	color: #f5822a;
}
.container tr td center .white .list {
	color: #FFF;
}
.container tr td center .white .list {
	color: #FFF;
}
.container tr td center .white .list {
	color: f5822a;
}
.container tr td center .white .tablepoa table tr td .list ul li .list {
	color: #f5822a;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-style: normal;
}
.ourtxtbox {
	background-image:url(../images/txtboxBg.jpg);
	border:#f5822a thin solid;
	border-width: 1px;
}

.ourtxtarea {
	background-image:url(../images/textareaBg.jpg);
	border:#f5822a thin solid;
	border-width: 1px;
}
.formbtn {
	background-image:url(../images/buttonsImg.jpg);
	background-repeat:no-repeat;
	size: 8px;
	color:#FFFFFF;
	width: 60px;
	height: 24px;
	background-color: transparent;
	border:none;
}
.orangeList {
	background-color: #f5822a;
	color:#FFFFFF;
	}
.kenyaonelogo {
	float:right;
	}