/*
Original design: Radhie Alfha (v2.0 - Mar 03, 2009) - A xhtml/css website for AT3 by Radhie Alfha.
For more information or other enquiries,  you can contact me through alfha_edison@yahoo.com
*/

/* General layouts */
body {font:80% arial,arial-narrow,courier; background:url(images/mainbg.gif) repeat-x; text-align:left;}
#container1024 {width:900px;text-align:left;}

/* Tags */
a {text-decoration:none;font:arial;color:#b11d16; font-weight:normal;}
a:hover {color:#ffffff;}
p {margin:0 0 5px 0;}
h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal; line-height:1.2em;}
h1 {font-size:2em; letter-spacing:-2px; color:#000000; font-weight:normal;}
h2 {font-size:1.1em; letter-spacing:-1px; margin:0 0.2em 0.5em;; color:#000;}
h3 {color: #555; font-size:1.4em; margin:1em 0 0.5em 0.5em;}
h4 {font-size:1.2em; font-weight:bold;margin:0;}

/* Header */
#sitetitle {position:absolute;left:0px;top:0;width:145px;height:96px;background:#fff;}
.parameter {position:absolute;right:10px;bottom:10px;}

/* Mini Header */
#miniheader {position:absolute;left:690px;top:70px;width:268px;color:#fff;}
#miniheader ul {margin:0;padding-left:0;list-style:none;font-size:0.8em;}
#miniheader li {display:inline;padding:0 5px;}
#miniheader a {color:#000;}
#miniheader a:hover {color:#fff;text-decoration:underline;}

/* Menu */
#menu {position:absolute;left:145px;top:97px;width:820px;font-size:1em;}
#menu ul {margin:0;padding-left:0;list-style:none;text-align:center;}
#menu li {display:inline;}
#menu a {width:125px;height:17px;padding-top:3px;float:left;background:none;text-decoration:none;border-left:2px solid #dd5e5e;}
#menu a:hover {display: block;background:url(images/mnbgactive.gif)}
#menu .brochure a {width:180px;border-right:2px solid #dd5e5e}

/* Left Panel */
#leftmenu {position:absolute;left:0px;top:136px;height:487px;width:144px;background:#fff;font-size:0.9em;}
#lefttopmenu {background:#fff;color:#fff}

/* Main Content */
#content {position:absolute;top:155px;left:155px;width:800px;text-align:left;}
#content li {margin:0;padding:0;list-style:none;}
#content .box1 {position:absolute;top:-15px;left:530px;}

/* Bottom Menu */
#bottom {position:absolute;left:708px;top:638px;width:256px;clear:both;margin: 4px 0 auto;font-size:1em;}
#bottom ul {margin: 0;padding-left:0;list-style: none;text-align:center;}
#bottom li {display: inline;}
#bottom a {display: block;width:125px;height:19px;padding-top:3px;float:right;background:none;text-decoration: none;border-left:2px solid #dd5e5e;}
#bottom a:hover {display: block;background:url(images/mnbgactive2.gif)}
#bottom .active {display: block;width:125px;height:19px;padding-top:3px;float:right;background:url(images/mnbgactive2.gif);text-decoration: none;color:#fff;border-right:2px solid #dd5e5e;border-left:2px solid #dd5e5e;}

/* Footer */
#footer {position:absolute;top:730px;left:50px;clear:both;text-align:left; color:#000;font-size:0.8em;font-weight:bold;}
#footer p {margin:0; padding-bottom:50px;}

/* Additional classes */
.slogan {position:absolute;top:0px;left:575px;}
.page {position:absolute;top:555px;right:5px;font-size:1.2em;}
.small {margin-top:-0.5em;font-size:0.8em;}