@charset "utf-8";
/*
	www.eura.com.my
	designed by heymasta enterprise
	dated on 27/05/2014
*/

body{margin:0; background-image:url(../img/bottom.png); background-position:bottom; background-repeat:repeat-x;}
.page{width:960px; height:auto; background-image:url(../img/bottomlight.png); background-position:bottom; background-repeat:repeat-x;}

/*typeface*/
body{font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; text-align:justify;}
a{color:#FF0000; text-decoration:none;}
a:hover{color:#990000; text-decoration:underline;}
h1{font-family:'Oswald'; font-size:30px; font-weight:normal; color:#FF0000; line-height:5px;}
h2{font-family:'Oswald'; font-size:20px; font-weight:normal; color:#333333; line-height:0px;}
.ftBottom{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF0000; text-align:center; text-transform:uppercase;}
.ftBottom a{text-decoration:underline; color:#FF0000;}
.ftBottom a:hover{text-decoration:underline; color:#FF3333;}
.pgContact a{color:#FFFFFF; text-decoration:underline;}
.pgContact a:hover{color:#CCCCCC; text-decoration:underline;}
.abNavi a{color:#FFFFFF; text-decoration:none; background-color:#FF0000; color:#FFFFFF; padding:5px 10px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; background-image:url(../img/clear.png); background-position:top; background-repeat:repeat-x;}
.abNavi a:hover{text-decoration:none; background-color:#DDDDDD; color:#FF0000; padding:5px 10px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background-image:url(../img/clear.png); background-position:top; background-repeat:repeat-x;}
.ftTitle{font-size:9px; color:#FFFFFF; text-transform:uppercase;}

/*header*/
.header, .content, .footer{width:auto; height:auto;}
.hdBody{width:960px; height:150px; margin:auto; background-image:url(../img/icon.png); background-position:left; background-repeat:no-repeat;}

/*content*/
.ctBody{width:960px; height:auto; margin:auto;}

/*home*/
.hmTop{width:960px; height:450px;}
.hmBottom{width:960px; height:350px;}
.hmBox{width:260px; height:290px; float:left; -webkit-border-radius: 0px 0px 5px 40px; border-radius: 0px 0px 5px 40px; background-color:#FFFFFF; background-image:url(../img/clear.png); background-position:top; background-repeat:repeat-x; padding:25px;}

/*about*/
.abTop{width:960px; height:400px;}
.abBottom{width:920px; height:560px; padding:20px;}
.abNote{width:920px; height:auto; margin-bottom:40px; float:left;}
.abNavi{width:auto; height:30px; text-align:left; margin-left:140px;}
.abKey{width:878px; height:auto; margin-bottom:10px; border:solid 1px #FF0000; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding:20px; float:left;}
.abKeyLeft{width:auto; height:148px; margin-right:20px; float:left; padding:10px; border:solid 1px #CCCCCC; -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2); background-color:#FFFFFF;}
.abKeyRight{width:668px; height:230px; float:left;}
.abRow{width:920px; height:120px; margin-bottom:10px;}
.abLogo{width:auto; height:90px; float:left; margin-right:10px; padding:5px 5px; -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2);}

/*service*/
.svBody, .pfBody{width:920px; height:auto; padding:20px;}
.svPic{float:right; width:300px; height:auto; margin-left:30px; padding:10px; margin-bottom:20px;}

/*portfolio*/
.pfBody .tr1{background-color:#FF0000; color:#FFFFFF; text-align:center; text-transform:uppercase; font-weight:bold;}
.pfBody .tr2{background-color:#EEEEEE; color:#000000;}
.pfBody .tr3{background-color:#DDDDDD; color:#000000;}
.pfBody td{padding:10px; font-size:12px; border-right:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;}
.pfBody .td1{width:40px; text-align:center;}
.pfBody .td2{width:400px;}
.pfBody .td3{width:200px; text-align:center;}
.pfNavi{width:920px; height:30px; margin-top:20px; text-align:center;}

/*gallery*/
.glRow{width:920px; height:180px; margin-bottom:20px;}
.glAlbum{background-image: url(../src/gallery/img/album.png); background-position:center; background-repeat:no-repeat; height:140px; width:140px; float:left; margin-right:20px; padding:40px 40px 0px 33px;}
.glLabel{background-color:#FFF; padding:5px; margin-top:7px; opacity:0.7; text-align:center; font-weight:bold; font-size:12px; line-height:12px;}
.glRow1{width:920px; height:120px; margin-bottom:10px;}
.glPic{width:165px; height:110px; margin-right:10px; float:left; background-color:#FFF; -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2); padding:5px 5px 5px 5px;}
.glPic1{width:110px; height:165px; margin-right:10px; float:left; background-color:#FFF; -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2);
 -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2); box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .2); padding:5px 5px 5px 5px;}
.glNavi{width:920px; height:25px; text-align:center;}

/*contact*/
#container{width:100%; height:100%}
#nav{z-index:100; position:absolute; margin:10px 0px 0px 630px; background-image:url(../img/transparent.png); width:280px; height:440px; padding:20px;}
#map{width:100%; height:100%}

/*footer*/
.ftBody{width:960px; height:150px; margin:auto;}
.ftTop{width:960px; height:130px;}
.ftTitle{width:960px; height:15px; margin-bottom:5px; padding-top:30px;}
.ftRow{width:960px; height:50px;}
.ftLogo{width:auto; height:50px; margin-right:10px; float:left;}
.ftLabel1{padding-left:0px; width:auto; height:15px; float:left;}
.ftLabel2{padding-left:95px; width:auto; height:15px; float:left;}
.ftBottom{width:960px; height:20px;}