@charset "utf-8";
/*--SMALL MOBILE PHONE--*/

@media only screen and (min-width:100px), only screen and (max-width:320px) {
	
body{font-size:11px; padding:0; line-height:1.3em;}
body#home{font-size:11px; padding:0; line-height:1.3em;}

h1, h2, h3, h4, h5, h6{line-height: 1.2em; margin:0 0 8px 0; padding:0;}
h1{font-size:2.8em; margin:0 0 0px 0;}
h2{font-size:2.2em; margin:0 0 12px 0;}
h3{font-size:1.4em; }
h4{font-size:1.3em; }
h5{font-size:1.2em; margin:0 0 5px 0;}
h6{font-size:1em; line-height:1.3em;}

/*--Topbar--*/
#topbar{height:auto; width:auto; padding:25px 0 0 0; margin:0 0 15px 0; background:#fff; }

/*-- HEADER --*/
header{max-width:320px; min-width:100px; padding:0 0 0 0;}

/*--Logo--*/
#logo{margin:0 0 13px 10px; padding:0; width:260px; height:54px; background:url(../images/taunggold-logo2.png) left top no-repeat; background-size:100%;}

/*--Menu Button--*/
#btn-menu{display:block; float:left; width:74px; height:33px; background:url(../images/icon-menu.png) no-repeat left top; margin:18px 12px}

/*--Wrapper--*/
#wrapper{background:#fff; margin:0 auto; max-width:320px; min-width:100px; position:relative}

/*--Menu Button--*/
#btn-menu{display:none; }

/*--MAIN NAVIGATION--*/
nav{clear:both; padding:0; margin:5px 0 0 15px; width:92%}
nav ul{margin:0 0 0 15px; padding:5px 0; border-top:1px dotted #CCC; }
nav li,
nav li.active{margin:0 0 0 -3px; padding:0; position:relative; float:none; display:list-item; list-style:url(../images/bullet-1.png); border-right:none; border-bottom:1px dotted #CCC; }
nav li a{font-size:1.3em; padding:7px 10px 7px 5px; margin:0; margin-right:0; border:none; }
nav a.last, nav li:last-child{border:none;}

/* Main nav Dropdown */
nav li ul{position:absolute !important; left:50%; top:12px; z-index:99999 !important; width:50%;}

/* Second tier dropdown */
nav li ul ul{display:none; padding:0; margin:0; background-color:#f2f2f2; border:1px #acacac solid; position:relative; text-transform:none; color:#646363; width:50%;}
nav li ul li a{font:13px Arial, Helvetica, sans-serif; padding:7px 8px 7px 12px; }
nav ul ul ul {position:absolute; top:-19px; left:165px; z-index:9000; float:none !important;}

/*--Language switcher--*/
#language{width:100px; position:relative; top:auto; right:auto; margin-left:20px}

/*--Banner--*/
#banner-set{width:100%; height:auto; padding:0; margin:0 0 0 0; float:none; position:relative; }

.banner{position:relative; width:100%; height:228px; background:#729bc7; margin:0; padding:0; position:relative; }
.b-hm-1{background:url(../images/banner-hm-01.jpg) center center no-repeat; background-size:457px 228px; height:228px;}
.b-hm-2{background:url(../images/banner-hm-02.jpg) center center no-repeat; background-size:457px 228px; height:228px;}
.b-hm-3{background:url(../images/banner-hm-03.jpg) center center no-repeat; background-size:457px 228px; height:228px;}
.b-hm-4{background:url(../images/banner-hm-04.jpg) center center no-repeat; background-size:457px 228px; height:228px;}
.b-hm-4{background:url(../images/banner-hm-05.jpg) center center no-repeat; background-size:457px 228px; height:228px;}

/*--Banner Sub--*/
#banner-bar-sub{width:100%; height:245px; margin:0; padding:0;}

#banner-sub{width:100%; height:217px; background:#fff; margin:0; padding:0; border:1px solid #fff;}
#bsh{width:60%; height:134px; padding:20px 0 0 20px; float:left;}
#banner-sub h1{color:#b8cfe8; }
#banner-sub h2{color:#fff; }

/*--Infoblock--*/
.ib-row-1{width:100%; height:auto; }
.ib-row{width:100%; height:auto;  }

.ib{float:none; height:auto; width:93%; padding:20px 3% 30px 4%;}
.ib h1 a:hover, .ib h2 a:hover, .ib h3 a:hover, .ib h4 a:hover, .ib h5 a:hover{color:#000;}
.ib h2{font-size:2.8em; line-height:1.0em}

/*--Home blocks--*/
.goldsablock{height:auto !important; min-height:180px;}
.goldsablock h1{font-size:4.0em; margin:30px 0 5px 0; line-height:1em;}
.goldsablock p{font-size:1.2em; line-height:1.4em}

.lightblock{background:#fff; width:93%; }

.goldblock{background:#ac9a79; width:93%; }

.portalblock{}
.portalblock li{display:block; position:relative; width:25%; height:auto;}
.portalblock li.pres{width:30%; height:auto;}

.businessblock{background:#ac9a79; width:93%; }

.ccblock{width:93%; } /*--Colour code block--*/

.picblock{background:#fff; width:93%; height:200px;}

.tradingblock{background:#fff; width:93%; border-bottom:2px solid #ccc}

/*--Breadcrumb--*/
.breadcrumb{font-size:0.8em; margin:12px 0 15px 0; padding:0 0 13px 0; width:90%}
.breadcrumb ul{margin: 0 0 1em 15px;}

/*--MAIN CONTENT--*/
#main-content{margin:10px 0 0 0; padding:0 0 0 5%; width:90%; float:none;}

#main-content img{float:none; margin:0 8px 8px 8px; max-width:90%; height:inherit;}

.pic-l{float:none; margin:0 12px 12px 0 !important;}
.pic-r{float:none; margin:0 0 12px 12px !important;}
.pic{float:none !important; margin:0 0 5px 0 !important; }

/*--SIDE SUB NAVIGATION--*/
#sub-navigation{width:90%; height:auto !important; margin:0 0 10px 0; padding:15px 4% 0 7%; position:inherit; border:none; box-shadow:none;}
#sub-navigation ul{margin:10px 0 0px 10px; padding:0 0 15px 0; }
#sub-navigation li{margin:5px; border-bottom:1px dotted #ccc; padding:0 0 5px 5px;}
#sub-navigation li.last, #sub-navigation li:last-child{border-bottom:none;}
#sub-navigation h4{font-size:1.9em}
#sub-navigation a{font-size:1.3em; padding:5px 0 10px 0}

/*--SIDE CONTENT--*/
aside{float:none; width:99.5%; margin:6px 0 0 0; padding:0 0 0px 0; border-left:none;}

/*--SIDE SECTIONS--*/
aside section{float:none; margin:0 0 0 0; padding:10px 10px 10px 20px; }
aside section label{margin-left:10px;}
aside section input[type="text"]{width:50%;}
aside section h4{font-size:2em}
aside section label{float:left; margin:5px 0 5px 0; width:21%}
aside section li{font-size:1.1em; list-style:url(../images/bullet-2.png) !important; }
aside section p{font-size:1.1em; margin:0 0 0.5em 0;}

/*--FOOTER--*/
#footerbar{width:100%; background:#e8e8e8; }

footer{max-width:90%; min-width:90%; line-height:16px; padding:25px 0 40px 20px; border:none;}
footer section{width:90%; margin:0 2% 20px 0; padding:0 10px 0 0; float:none; border-right:none;}
footer section.last{width:90%; margin:0; padding:0; border:none;}
footer section ul{margin:0 0 30px 15px;}
footer section ul.quicklinks{font-size:1.2em; float:none; margin:0 0 0 14px; width:auto;}

/*--Columns--*/
.col.left, .col.right{float:none; clear:both; width:100%;}
.col img{max-width:80px;}

/*---Accordion---*/
.ui-accordion{width: 100%; position:relative; left:-5px; border-bottom:0px solid #ccc; }
.ui-accordion .ui-accordion-header {font-size:1.1em; font-weight:bold; background:#fff url(../images/bullet-2.png) 10px 10px no-repeat; border:1px solid #e8e7e7; -moz-border-radius: 5px; border-radius:5px; color:#555 !important; cursor:pointer; padding:4px 15px 6px 25px; margin-top:5px; position:relative; border:none !important; outline:none;}

/*--Management--*/
.directors{}
.directors img{float:none; max-width:30%; margin:5px 4px 10px 0 !important;}
.directors hr{clear:both; height:2px; margin:0 0 10px 0; }

.management{width:90%; padding:0; margin:0 0 10px 5%; float:none}
.management h3{font-size:1.3em; margin-top:5px; margin-bottom:0 !important; line-height:1em}
.management h5{font-size:1em;}
.management p{font-size:0.95em;}


}