/*   www.oka.co.za  */
/*    by Addbling   */
/* jeffjb@gmail.com */


	
body, td, th {
	background: #868a69;
	font: 80% Arial, Helvetica, sans-serif;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #FBFCEF;
	height: 100%;
	SCROLLBAR-ARROW-COLOR: FBFCEF;
	SCROLLBAR-BASE-COLOR: #0D0A01;
	SCROLLBAR-FACE-COLOR: #6A723B;
	SCROLLBAR-3DLIGHT-COLOR: #0D0A01;
	SCROLLBAR-TRACK-COLOR: #0D0A01;
}
p {
	white-space:normal
}
ul, ol {
	border: 0pt none;
	margin: 0pt;
	padding: 0pt;
}
#mainbg #main #right ul {
	list-style: url(../images/handheld/url.gif) inside;
	margin-left:0px;
	text-decoration: none;
}
#mainbg #main #right li {
	vertical-align: middle;
	margin-bottom: 2px;
	white-space: nowrap;
}
#mainbg {
	width: 352px;
	margin: auto;
	height: auto;
	clear: right;
	padding: 0px;
}
#main {
	width: 100%;
	margin: auto;
	height: 100%;
	float: none;
	background: #0D0A01;
	padding: 0px;
}
#main #right #form1 input {
	color: #0D0A01;
	background: #EDEFCD;
}
#form1 {
}
#form1 {
	width: 140px;
}
#footer {
	font: 60% Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #0D0A01;
	text-align: right;
	width: 100%;
	margin: auto;
	clear: left;
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px double #FFFFFF;
	border-right: 0px double #FFFFFF;
	border-bottom: 0px double #FFFFFF;
	border-left: 0px double #FFFFFF;
}
#header {
	margin: 0;
	height: 45px;
	float: left;
	width: 352px;
	display: none;
}
#footer a:link {
	color:#A8BD30;
	text-decoration: none;
	float: right;
}
#footer a:hover {
	color:#BDD439
}
/*
#header il a:link {
	background: url(../images/about_on.png) no-repeat scroll left top;
	width: 101px;
	height: 97px;
}
#header il a:hover {
	background: url(../images/about_off.png) no-repeat scroll left top;
}
*/
li.aboutus {
	background: url(../images/handheld/off.jpg) repeat-x;
}
li.aboutus a {
	background: url(../images/handheld/off.jpg) repeat-x;
	color: #EDEFCA;
	text-decoration: none;
	list-style: outside;
	vertical-align: text-bottom;
	width: 39px;
	margin: auto;
}
li.aboutus a:hover {
	background: transparent url(../images/handheld/over.gif) repeat-x;
	color: #99C30A;
	text-decoration: none;
}
li.aboutus a.on {
	background: transparent url(../images/handheld/on.jpg) repeat-x;
	color: #99C30A;
	text-decoration: none;
}
li.portfolio {
	background: url(../images/handheld/off.jpg) repeat-x;
}
li.portfolio a {
	background: url(../images/handheld/off.jpg) repeat-x;
	text-decoration: none;
	list-style: outside;
	vertical-align: text-bottom;
	width: 39px;
	color: #EEEFCF;
	margin: auto;
}
li.portfolio a:hover {
	background: url(../images/handheld/over.gif) repeat-x;
	text-decoration: none;
	color: #95BF05;
}
li.portfolio a.on {
	background: transparent url(../images/handheld/on.jpg) repeat-x;
	color: #99C30A;
	text-decoration: none;
}
li.contactus {
	background: url(../images/handheld/off.jpg) repeat-x;
}
li.contactus a {
	background: url(../images/handheld/off.jpg) repeat-x;
	color: #EDEFCA;
	text-decoration: none;
	list-style: outside;
	vertical-align: text-bottom;
	width: 39px;
	margin: auto;
}
li.contactus a:hover {
	background: url(../images/handheld/over.gif) repeat-x;
	color: #94BE04;
	text-decoration: none;
}
li.contactus a.on {
	background: url(../images/handheld/on.jpg) repeat-x;
	color: #94BE04;
	text-decoration: none;
}
li.p /* #header .aboutus a:link {
	color: #00FF00;
	vertical-align: text-bottom;
	text-align: left;
	text-decoration: none;
	font-size: 0.8em;
	margin-left: 18px;
}
*/
 .menu {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	float: right;
}
.menu li {
	float: right;
	list-style: none;
}
.menu a {
	display: block;
	float: none;
	height: 15px;
	padding-top: 30px;
	text-decoration: none;
	font-size: 0.6em;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
	white-space: nowrap;
}
.menu a:link {
}
.menu a:visited {
}
.menu a:hover {
}
.menu a:active {
}
#right {
	padding-top: 2px;
	float: left;
	padding-left: 4px;
	width: 113px;
	padding-right: 0px;
	height: 700px;
	font-size: 0.6em;
}
#right a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#right a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#right a:hover {
	color: #CC3300;
	text-decoration: none;
}
#right a:active {
	color: #CC3300;
	text-decoration: none;
}
h3 {
	font-size: 0.8em;
	color: #FBFCEF;
	font-weight: normal;
	border-top: 0px solid #0D0A01;
	border-right: 0px solid #0D0A01;
	border-bottom: 1px solid #0D0A01;
	border-left: 0px solid #0D0A01;
	margin-bottom: 3px;
	margin-top: 8px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet MS, Lucida Sans Typewriter;
}
.textheader {
	font-family: "Trebuchet MS", "Lucida Sans Typewriter";
	font-weight: bold;
	color: #6A723B;
	font-size: 120%;
}

.justify {
	text-align: justify;
}
h1 {
	font-size: 0.5em;
	color: #6A723B;
	font-weight: bold;
	border-top: 0px solid #0D0A01;
	border-right: 0px solid #0D0A01;
	border-bottom: 1px solid #332C17;
	border-left: 0px solid #0D0A01;
	margin-bottom: 3px;
	clear: left;
	padding-top: 4px;
}
.minibox {
	padding-right: 0.01em;
	padding-top: 0.01em;
	height: 17px;
}
.spacer {
}
h2 {
	text-align: justify;
	font: italic 110% Arial, Helvetica, sans-serif;
}
h4 {
	color: #6a723b;
	font-size: 105%;
	display: run-in;
}
h5 {
	font-size: 1.2px;
	color: #6a723b;
}
h6 {
	font-size: 1px;
	color: #6a723b;
}
a {
	font-family: arial;
	font-size: 95%;
}
.detail {
	font-weight: bold;
	font-size: 95%;
}
#main #left #NewPonte {
	font-weight: bopld;
	font-weight: bold;
	font-weight: 400;
	font-weight: 900;
	width: auto;
}
#main #left #preview a:visited {
	border: #0D0A01;
	background: #6a723b;
}
#main #left #preview a:active {
	border: #6A723B;
	background: #EDEFCD;
}
.preview {
	border: 1px double #6D8CCA;
	float: left;
	cursor: pointer;
	margin-bottom: 2px;
	margin-right:4px;
	margin-top: 4px;
	height: 29px;
	width: 29px;
}
.preview:hover {
	border-top: 1px solid #CC3300;
	border-right: 1px solid #CC3300;
	border-bottom: 1px solid #CC3300;
	border-left: 1px solid #CC3300;
}
.previewlast {
	border: 1px double #6D8CCA;
	float: left;
	cursor: pointer;
	margin-bottom: 2px;
	margin-top: 4px;
	height: 29px;
	width: 29px;
	clear: right;
	margin-left: 1px;
}
.previewlast:hover {
	border-top: 1px solid #CC3300;
	border-right: 1px solid #CC3300;
	border-bottom: 1px solid #CC3300;
	border-left: 1px solid #CC3300;
}
#pontecontainer {
	margin-bottom: 130px;
	clear: left;
}
#manhattancontainer {
	padding-top:12px;
	clear: left;
}
#libertycontainer {
	clear: left;
	padding-top: 54px;
}
#casablancacontainer {
	clear: left;
	padding-bottom: 50px;
	padding-top: 52px;
}
#pontelist {
	margin-bottom: 0px;
	clear: right;
}
#manhattanlist {
	clear: left;
	padding-top: 8px;
}
#libertylist {
	clear: right;
	padding-top: 8px;
}
#casablancalist {
	margin-bottom: 130px;
	clear: right;
	padding-bottom: 168px;
}

#leftcolumn {
	color: #332C17;
	background: #FBFCEF;
	height: auto;
	float: left;
	width: 208px;
	clear: both;
	padding-left: 7px;
	padding-right: 7px;
}
#leftcolumn a:link {
	color: #6D8CCA;
	text-decoration: none;
	padding-right: 2px;
	font-weight: bold;
}
#leftcolumn a:visited {
	color: #6D8CCA;
	text-decoration: none;
}
#leftcolumn a:hover {
	color: #CC3300;
	text-decoration: none;
}
#leftcolumn a:active {
	color: #CC3300;
	text-decoration: none;
}
#leftcontactus {
	color: #332C17;
	background: #FBFCEF;
	height: 700px;
	float: left;
	width: 208px;
	clear: both;
	padding-left: 7px;
	padding-right: 7px;
}
#leftcontactus a:link {
	color: #6D8CCA;
	text-decoration: none;
}
#leftcontactus a:hover {
	color: #CC3300;
	text-decoration: none;
}
#leftcontactus a:active {
	color: #CC3300;
	text-decoration: none;
}
#leftcontactus a:visited {
	color: #6D8CCA;
	text-decoration: none;
}
#leftportfolio {
	color: #332C17;
	background: #FBFCEF;
	height: auto;
	float: left;
	width: 208px;
	clear: both;
	padding-left: 7px;
	padding-right: 7px;
}
#leftcontactus {
	color: #332C17;
	background: #FBFCEF;
	height: auto;
	float: left;
	width: 208px;
	clear: both;
	padding-left: 7px;
	padding-right: 7px;
}
.signup {
	font-weight: bold;
	text-align: right;
	font-size: 95%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
}
#feedback {
}
#mainbg #main #leftcolumn img a:link {
	border-width: 0px;
	border-style: solid;
}
#mainbg #main #leftcontactus .pointer {
}
#mainbg #main #leftportfolio #pontecontainer #NewPonte {
	height: 126px;
	width: 206px;
	border: 1px double #6A723B;
	clear: left;
}
#mainbg #main #leftportfolio #manhattancontainer #Manhattan {
	height: 126px;
	width: 206px;
	border: 1px double #6A723B;
	clear: left;
}

#mainbg #main #leftportfolio #libertycontainer #Liberty {
	height: 126px;
	width: 206px;
	border: 1px double #6A723B;
	clear: left;
}
#mainbg #main #leftportfolio #casablancacontainer #Casablanca {
	height: 126px;
	width: 206px;
	border: 1px double #6A723B;
	clear: left;
}
#headerhandheld {
	margin: 0;
	height: 45px;
	float: left;
	width: 352px;
	background: url(../images/handheld/bg_header.jpg) no-repeat scroll left top;
}
#mainbg #main #right #sprytextfield2 #email2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 115px;
	font-size: 7px;
}
#mainbg #main #right #pontelist #newsletter {
	clear: right;
	margin-top: 20px;
	font-size: 7px;
}
#mainbg #main #leftcontactus #tosend #CollapsiblePanel1 .CollapsiblePanelContent #qnatxt {
	font-family: Arial, Helvetica, sans-serif;
	height: 30px;
	width: 206px;
	font-size: 7px;
}
#tosend {
	font-family: Arial, Helvetica, sans-serif;
	height: 700px;
	font-size: 7px;
}#mainbg #main #right #cell {
	display: none;
}