@charset "utf-8";
/*
	www.artwise.com.my
	designed by artwise creative
	developed by heymasta
	dated on 4/6/2015
*/

body{margin:auto 0; background-color:#D9D9D9;}

.header, .content, .footer{width:100%; height:100%; margin:auto 0; float:left;}
.ctBanner{position:relative; padding-bottom:48%; height:0; overflow:hidden; margin-bottom:6%; width:100%;}
.ctBanner iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
.hdNav{width:90%; height:20%; background-color:#666; padding:2% 5%; float:left; text-align:center; font-family:'Homizio'; font-size:90%; font-weight:bold; text-transform:uppercase;}
.hdNav ul{list-style:none; margin:0 auto;}
.hdNav ul li{display:inline; padding:0 4%; letter-spacing:3px; text-align:left;}
.hdNav a:hover, a:active, .active a:link, .active a:visited{text-shadow:none;}
.hdNav .active{color:#DDD;}
.hdNav a:link, a:visited{display:inline-block; text-decoration:none; color:#DDD;}
.hdNav a:hover{color:#0CF;}

.content{width:100%; height:100%; margin:auto 0; float:left;}
.ctText{width:70%; height:100%; padding:5% 15%; float:left;}
h1{font-family:'Doris'; font-size:120%; color:#000; text-align:center; padding:1% 0; line-height:150%;}
h2{font-family:'Homizio'; font-size:80%; color:#666; text-align:center; text-transform:uppercase; letter-spacing:3px;}
h3{font-family:'Doris'; font-size:500%; text-transform:uppercase; padding:0; margin-bottom:0; text-align:center;}
p{font-family:'Segan'; font-size:130%; line-height:150%; color:#444; text-align:center;}
.ctText a{text-decoration:none; color:#666; font-weight:bold;}
.ctText a:hover{text-decoration:underline; color:#333;}
.ctPic{width:100%; height:100%; padding:0; float:left; text-align:center;}
.ctColumn{width:25%; height:100%; float:left;}
.ctText a .ctColumn1{width:100%; height:100%; padding:8% 0; float:left; font-family:'Homizio'; font-size:130%; font-weight:bolder; color:#000; text-align:center; text-transform:uppercase; letter-spacing:1px;}
.ctText a:hover .ctColumn1{width:100%; height:100%; padding:8% 0; float:left; font-family:'Homizio'; font-size:130%; font-weight:bolder; color:#666; text-align:center; text-transform:uppercase; letter-spacing:1px;}
.ctText a .bg{background-image: url(../img/borderbig.png); background-position:left; background-repeat:no-repeat;}
.ctText a .a, .ctText a .d{background-color:#BBB;}
.ctText a .b, .ctText a .c{background-color:#CCC;}
.ctVideo{width:40%; height:100%; padding:0 30%; float:left;}
.abLeft{float:left; width:50%; height:100%; padding:10% 10% 0 10%; text-align:left;}
.abRight{float:right; width:30%; height:100%; padding:0; text-align:right;}
.svLeft{float:left; width:48%; height:100%; padding-right:2%; font-size:90%;}
.svLeft h1{text-align:right;}
.svRight{float:left; width:48%; height:100%; padding-left:2%; font-size:90%;}
.svRight h1{text-align:left;}
.table{width:100%; height:100%; padding:0;}
.tdLeft{width:48%; height:100%; padding-right:2%; float:left;}
.tdRight{width:48%; height:100%; padding-left:2%; float:left;}
.tdBottom{width:100%; height:100%; padding:0; float:left; text-align:center;}
.tdTitle{width:100%; height:100%; padding:2% 0 0 0;}
.tdTitle label{font-family:'Doris'; font-size:80%;}
.tdTitle label em{font-family:'Segan'; font-size:90%;}
.tdInput{width:100%; height:100%;}
.tdInput input, .tdInput textarea, .tdInput select, .tdInput select option{font-family:Arial, Helvetica, sans-serif; font-size:100%;}
img a, img a:hover, img a:visited{border:none;}

.footer{width:88%; height:100%; padding:5% 6%;}
.ftTop{width:100%; height:90%; float:left; border-top:1px #999 solid; border-bottom:1px #999 solid; padding:5% 0;}
.ftColumn-1st{width:5%; height:100%; float:left; margin-right:10%; padding:0; font-family:'Homizio'; letter-spacing:2px; line-height:300%; font-size:85%; color:#666; font-weight:bold;}
.ftColumn-2nd{width:55%; height:100%; float:left; margin-right:10%; padding:0; font-family:'Homizio'; letter-spacing:2px; line-height:300%; font-size:85%; color:#666; font-weight:bold;}
.ftColumn-1st a, .ftColumn-2nd a{text-decoration:none; color:#666; text-transform:uppercase; font-weight:bold;}
.ftColumn-1st a:hover, .ftColumn-1st a:hover{text-decoration:none; color:#AAA;}
.ftColumn-end{width:20%; height:100%; margin-right:0; float:right; padding:0;}
.ftColumn-end img{width:90%;}
.ftCredit{width:100%; height:10%; float:left; padding:5% 0 0 0; font-family:'Segan'; font-size:90%; color:#333;}