/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */

html, body, div, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input[type="text"], input[type="submit"], input[type="password"] { margin: 0; padding: 0;} 

a {text-decoration: underline; color: #00aeef; cursor:pointer; outline:none;}
a:link,  a:visited { text-decoration: underline; color: #00aeef; cursor:pointer;}
a:hover, a:active { color: #fff; text-decoration: underline; cursor:pointer;}
html, body{width:100% !important; height:100% !important; font-size: 11px; position:relative; font-family: Tahoma, Geneva, sans-serif; background:#000e1f; overflow-x:hidden}

/* Rounded Pre Classes*/
.rounded5{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;}
.rounded10{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px 10px 10px 10px;}
.rounded15{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px 15px 15px 15px;}
.rounded15TOP{	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; border-radius: 15px 15px 0px 0px;}
.rounded5BOT{-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0px 0px 5px 5px;}
.rounded5TOP{-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-radius: 5px 5px 0px 0px;}
/* Title ToolTip */
.tooltip {width:150px; position: absolute; z-index: 3000; padding: 5px; margin-left:-75px; text-align:center; background:#000e1f; height: auto !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px;}
.tooltip h3{ font-size:10px; font-weight:normal; overflow:hidden; line-height:16px; color:#fff;}
.specialTool{ background:#C00;}
/* Input Fields */
.idleField{ color:#666}
.focusField{ color:#333}

img{border:none}

input, select, textarea {font-family: Arial; font-size: 11px;}
hr{height:5px; width:100%; background:#e3e3e3; border:none; margin:5px 0; display:block}
ul{ padding:0 0 0 20px; margin:0}


.txtShadow{text-shadow:0px 0px 2px #fff}
.drpShadow{-moz-box-shadow: 0px 0px 5px #fff; -webkit-box-shadow: 0px 0px 5px #fff; box-shadow: 0px 0px 5px #fff;}
/*000e1f*/
/*00aeef*/

.parallax-viewport { position: relative; overflow: hidden;}
.parallax-layer {position: absolute;}
#parallax{position:relative; width:990px; height:650px; position:absolute; top:0; left:50%; margin-left:-495px; background:#000e1f; /*Delete -> overflow:hidden*/}

.classMove1{width:1200px; height:650px; right:50%; top:0; margin-right:-600px; background: url(../images/back.jpg) no-repeat center top; top:0; z-index:1}
.classMove2{width:1010px; height:650px; top:-200px; right:0; z-index:2}
	.divWater{width:525px; height:175px; background:url(../images/mtc_water.png); position:absolute; top:30px; left:450px}
	.divLogo{width:370px; height:40px; background:url(../images/mtc_logo.png); position:absolute; top:150px; left:615px}
.classMove3{width:1020px; height:650px; top:0; right:0; z-index:3}
	.road{width:595px; height:0px; background:url(../images/road.png) bottom; position:absolute; overflow:hidden; }
	.kudu{width:300px; height:0px; background:url(../images/kudu.png) bottom; position:absolute; overflow:hidden; }
	.sanlam{width:320px; height:0px; background:url(../images/sanlam.png) bottom; position:absolute; overflow:hidden; }
	.museum{width:205px; height:0px; background:url(../images/museum.png) bottom; position:absolute; overflow:hidden; }
	.idongo{width:185px; height:0px; background:url(../images/idongo.png) bottom; position:absolute; overflow:hidden; }
	.namdeb{width:120px; height:0px; background:url(../images/namdeb.png) bottom; position:absolute; overflow:hidden; }
	.church{width:130px; height:0px; background:url(../images/church.png) bottom; position:absolute; overflow:hidden; }
	
/* ------------------------------------------------------------------------------------------- */

/* PAGE 1 - Vision Mission */
.Visi{}
.Visi .classMove4{width:370px; height:250px; position:absolute; bottom:20px; right:20px; z-index:4; display:none}
	.Visi .contLeft{width:10px; height:250px; float:left; background: url(../images/cont_box2_left.png)}
	.Visi .contMidd{width:330px; height:250px; padding:0 10px; float:left; background: url(../images/cont_box2_midd.png); position:relative}
	.Visi .contRight{width:10px; height:250px; float:left; background: url(../images/cont_box2_right.png)}
	.Visi .contScroll{width:330px; height:150px; background:#fff; margin-top:15px; overflow:hidden; position:relative}
	.Visi .contText{width:290px; height:auto; position:absolute; top:20px; left:20px}

/* PAGE 2 - Executive Committee */
.Exec{}
.Exec .classMove4{width:545px; height:490px; position:absolute; bottom:0px; left:40px; z-index:4; display:none; background: url(../images/loader.gif) no-repeat center}
	.board{width:110px; height:490px;  position:absolute; top:0;}
	.exec1,.exec2,.exec3,.exec4,.exec5{width:80px; height:100px; border:2px solid #00aeef; position:absolute; display:none; -moz-box-shadow: 0px 0px 20px #fff; -webkit-box-shadow: 0px 0px 20px #fff; box-shadow: 0px 0px 20px #fff;}
	.exec1 div,.exec2 div,.exec3 div,.exec4 div,.exec5 div{width:120px; height:auto; padding:10px; background:#000e1f; position:absolute; left:50%; margin-left:-70px; bottom:-100px; color:#FFF; display:none; text-align:center}
	.exec1 h1,.exec2 h1,.exec3 h1,.exec4 h1,.exec5 h1{ font-size:16px; font-weight:normal; text-transform:uppercase}
	.exec1{top:0; left:35px;}
	.exec2{top:40px; left:135px;}
	.exec3{top:-20px; left:235px;}
	.exec4{top:30px; left:320px;}
	.exec5{top:-10px; left:420px;}

/* PAGE 3 - Chairmans Commentary */
.Chai{}
.Chai .classMove4{width:950px; height:445px; position:absolute; bottom:20px; right:20px; z-index:4; display:none; }
	.Chai .contLeft{width:10px; height:445px; float:left; background: url(../images/cont_box_left.png)}
	.Chai .contMidd{width:910px; height:445px; padding:0 10px; float:left; background: url(../images/cont_box_midd.png); position:relative}
	.Chai .contRight{width:10px; height:445px; float:left; background: url(../images/cont_box_right.png)}
	.Chai .contVideo{ width:350px; height:350px; margin-right:20px; margin-top:15px; float:left; background:#000e1f}
	.Chai .contScroll{width:540px; height:350px; background:#fff; margin-top:15px; overflow:hidden; position:relative; float:left}
	.Chai .contText{width:500px; height:auto; position:absolute; top:20px; left:20px}

/* PAGE 5 - Board */
.Boar{}
.Boar .classMove4{width:990px; height:325px; position:absolute; bottom:0px; right:20px; z-index:4; display:none}
	.Boar a#mycarousel-next{width:30px; height:30px; background: url(../images/cont_arr.png) -90px 0px; position:absolute; top:-65px; right:365px}
	.Boar a#mycarousel-next:hover{background: url(../images/cont_arr.png) -90px -30px;}
	.Boar a#mycarousel-prev{width:30px; height:30px; background: url(../images/cont_arr.png) -60px 0px; position:absolute; top:-65px; left:365px}
	.Boar a#mycarousel-prev:hover{background: url(../images/cont_arr.png) -60px -30px;}
	.boardBox{width:190px; height:210px; position:absolute; top:-25px; left:0; display: none;}
	.boardBox h1{ width:190px; height:25px; font-size:16px; line-height:25px; text-transform:uppercase; color:#00aeef; text-align:center; position:absolute; top:-25px; left:0;}
	.boardBox h2{font-size:14px; line-height:25px; font-weight:normal; text-transform:uppercase; color:#FFF; text-align:center}
	.boardBoxLeft{width:10px; height:210px; float:left; background:url(../images/board_box_left.png)}
	.boardBoxMidd{width:170px; height:210px; float:left; background:url(../images/board_box_midd.png)}
	.boardBoxRight{width:10px; height:210px; float:left; background:url(../images/board_box_right.png)}
	.persBox{width:190px; height:325px; position:absolute; top:0; left:0; background:url(../images/loader.gif) no-repeat center}
	.imgLight,.imgDark{ position:absolute; top:0; left:0;}
	.imgLight{display:none}
	.helperLeft, .helperRight{width:30px; height:30px; position:absolute; top:-40px; }
	.helperLeft{left:-35px;}
	.helperRight{right:-35px;}

/* PAGE 6 - Financial Report */
.Fina{}
.Fina .classMove4{width:950px; height:545px; position:absolute; bottom:20px; right:20px; z-index:4; display:;}/* FIX */
	.Fina a#mycarousel-next{width:30px; height:30px; background: url(../images/cont_arr.png) -90px 0px; position:absolute; top:15px; right:10px}
	.Fina a#mycarousel-next:hover{background: url(../images/cont_arr.png) -90px -30px;}
	.Fina a#mycarousel-prev{width:30px; height:30px; background: url(../images/cont_arr.png) -60px 0px; position:absolute; top:15px; right:45px}
	.Fina a#mycarousel-prev:hover{background: url(../images/cont_arr.png) -60px -30px;}
	.contMenu{width:220px; height:450px; margin-right:20px; margin-top:15px; overflow:; position:relative; float:left; color:#FFF; font-size:11px}/* FIX */
	.contMenu h2{ height:30px; line-height:30px; padding:0 10px; font-size:14px; text-align:center; color:#00aeef}
	.contMenu p{ line-height:30px; border-bottom:1px solid #FFF; text-align:center}
	.contMenu p strong{ width:60px; float:left; margin-right:10px; text-align:right}
	.contMenu a{ color:#FFF; text-shadow:0px 0px 2px #fff; text-decoration:none}
	.contFlipper{width:630px; height:410px; padding:20px; background:#fff; margin-top:15px; overflow:hidden; position:relative; float:left}
	.Fina .contLeft{width:10px; height:545px; float:left; background: url(../images/cont_box3_left.png)}
	.Fina .contMidd{width:910px; height:545px; padding:0 10px; float:left; background: url(../images/cont_box3_midd.png); position:relative}
	.Fina .contRight{width:10px; height:545px; float:left; background: url(../images/cont_box3_right.png)}
	
	.doublePage{width:630px; height:410px; position: relative; background: url(../images/loader2.gif) no-repeat center}
	.iviewer_common{ height: 40px; position:absolute; bottom:0px; z-index: 5000;}
	.iviewer_cursor{ cursor: url(../images/hand.cur) 6 8, pointer;}
	.iviewer_drag_cursor{ cursor: url(../images/grab.cur) 6 8, pointer;}
	.iviewer_button{ width: 40px; cursor: pointer; background-position: center center; background-repeat: no-repeat;}
	.iviewer_zoom_in{ display:none;}
	.iviewer_zoom_out{ display:none;}
	.iviewer_zoom_zero{ right: 320px; background: url(../images/zoom.png) 0 0;}
	.iviewer_zoom_fit{ left: 320px; background: url(../images/zoom.png) -40px 0;}
	.iviewer_zoom_status{ display:none;}
	.iviewer_rotate_left{ display:none;}
	.iviewer_rotate_right{ display:none;}

/* PAGE 7 - Technology */
.Tech{}
.Tech .classMove4{width:950px; height:445px; position:absolute; bottom:20px; right:20px; z-index:4; display:none; }/* FIX */
	.Tech .contLeft{width:10px; height:445px; float:left; background: url(../images/cont_box_left.png)}
	.Tech .contMidd{width:910px; height:445px; padding:0 10px; float:left; background: url(../images/cont_box_midd.png); position:relative}
	.Tech .contRight{width:10px; height:445px; float:left; background: url(../images/cont_box_right.png)}
	.Tech .contVideo{ width:350px; height:350px; margin-right:20px; margin-top:15px; float:left; background:#000e1f}
	.Tech .contScroll{width:910px; height:350px; background:#fff; margin-top:15px; overflow:hidden; position:relative; float:left}/* FIX */
	.Tech .contText{width:870px; height:auto; position:absolute; top:20px; left:20px}


/* MIXED */	
	.arrowUp, .arrowDown{width:30px; height:30px; position:absolute; top:15px; background-image:url(../images/cont_arr.png);}
	.arrowUp:hover:hover{background:url(../images/cont_arr.png) -30px -30px}
	.arrowDown:hover{background:url(../images/cont_arr.png) 0px -30px}
	.arrowUp{background-position:-30px 0px; right:10px;}
	.arrowDown{background-position:0 0px; right:45px;}
	.contMidd h1{padding:0 10px; line-height:55px; font-size:16px; font-weight:normal; color:#FFF; text-transform:uppercase}
	.contHr{height:4px; border-top:1px solid #c9dce8; margin:0 0px;}
	.contText p{ line-height:20px; text-shadow:0px 0px 1px #999; color:#666; padding:3px 0}
	.contText li{ line-height:18px; text-shadow:0px 0px 1px #999; color:#666; padding:3px 0}
	.contText h2{ font-size:11px; text-shadow:0px 0px 1px #7fd6f7; color:#00aeef; line-height:20px; }

/* ------------------------------------------------------------------------------------------- */

.navigation{width:96%; min-width:990px; height:30px; margin:auto; padding-top:20px; position:relative; top:-55px; background:url(../images/nav_midd.png); z-index:10}
	.navLeft{width:15px; height:50px; background:url(../images/nav_left.png) bottom; position:absolute; left:-15px; bottom:0;}
	.navRight{width:15px; height:50px; background:url(../images/nav_right.png) bottom; position:absolute; right:-15px; bottom:0;}
	a.navTitle{font-size:14px; color:#FFF; line-height:26px; float:left; text-decoration:none; padding:0 5px 0 0; cursor:default}
	a.buttons,a.subnav,a.download{font-size:11px; color:#FFF; font-style:normal; line-height:30px; float:left; text-decoration:none; background: url(../images/seperator.png) no-repeat right; padding:0 5px;}
	a.buttons:hover,a.subnav:hover,a.download:hover{font-style: italic;}
	a.prevent{height:35px; font-size:11px; float:left; text-decoration:none; padding:0 5px; margin-bottom:-5px; color:#123652; font-weight:bold; background:#FFF; line-height:35px; z-index:10; position:relative; cursor:default}
	a.prevent:hover{ font-style:normal}
	
	.dropdown{width:950px; height:0px; margin:auto; position:absolute; top:50px; left:50%; margin-left:-475px; overflow:hidden}
	.dropNav{width:920px; height:30px; background:url(../images/nav_midd.png) bottom; position:absolute; bottom:0; left:15px; text-align:center}
	.dropNav a{ font-size:11px; color:#FFF; font-style:normal; line-height:30px; text-decoration:none; display:inline-block; background: url(../images/seperator.png) no-repeat right; padding:0 5px; text-shadow:0px 0px 2px #fff; text-transform:uppercase}
	.dropNav a:hover{font-style: italic;}
	a.dropNavActive{height:18px; font-size:11px; text-decoration:none; color:#123652; font-weight:bold; background:#FFF; line-height:18px; z-index:10; cursor:default;}
	a.dropNavActive:hover{ font-style:normal}
	
	a.arrowRight{width:30px; height:35px; background:url(../images/nav_arr.png) -30px 0 no-repeat; position:absolute; right:10px; bottom:0; -moz-box-shadow: 0px 0px 5px #fff; -webkit-box-shadow: 0px 0px 5px #fff; box-shadow: 0px 0px 5px #fff;}
	a.arrowRight:hover{background:url(../images/nav_arr.png) -30px -35px no-repeat; }
	a.arrowLeft{width:30px; height:35px; background:url(../images/nav_arr.png) 0 0 no-repeat; position:absolute; right:45px; bottom:0}
	a.arrowLeft:hover{background:url(../images/nav_arr.png) 0 -35px no-repeat; }

.transition{width:100%; height:100%; background:#000e1f; position:fixed; top:0; left:0; z-index:11; display:none}
	.transWater{width:525px; height:175px; background: url(../images/mtc_water.png); position:absolute; top:50%; right:50%; margin:-140px -262px 0 0}
	.transLogo{width:370px; height:40px; background: url(../images/mtc_logo.png); position:absolute; top:50%; left:50%; margin:-20px 0 0 -185px}



/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */