/*
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(index/indexmainbg.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 15px 0;}
h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal; line-height:1.2em;}
h1 {font-size:2.4em; letter-spacing:-2px; color:#ffffff; font-weight:bold;}
h2 {font-size:1.3em; letter-spacing:-1px; margin:-10px 0 0 30px; color:#888;}
h3 {color: #555; font-size:1.4em; margin:1em 0 0.5em 0.5em;}
h4 {font-size:1.2em; font-weight:bold;}

/* Header */
#sitetitle {position:absolute;left:85px;top:55px;}

/* 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}
#menu .active {width:125px;height:17px;padding-top:3px;float:left;background:url(images/mnbgactive.gif);color:#fff;;border-left:2px solid #dd5e5e;}

/* Main Content */
#content {position:absolute;left:85px;top:270px;width:660px;text-align:justify;font-size:0.9em;}
#content .mission {width:600px;padding-left:30px;font-size:1.1em;text-align:center;font-weight:bold;}

/* Bottom Menu */
#bottom {position:absolute;left:708px;top:574px;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:17px;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 .contact a {border-right: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 */
.mainprojects {position:absolute;top:135px;left:63px;}
.logo {position:absolute;top:256px;left:765px;display: block;padding:20px 36px 148px 36px;background:#fff;z-index:1;}
.branches {position:absolute;top:415px;left:835px;z-index:2;font-size:1em;color:#000:}
.branches ul {margin: 0;padding: 0;list-style:none;text-align:center;}
.branches li {padding:2px 0;}
.branches a:hover {color:#717171;text-decoration:underline;}
.affiliates {position:absolute;top:665px;left:530px;margin:5px 0;}
.corner {position:absolute;left:730px;top:730px;font-size:0.8em;}
.corner a:hover {color:#000;}
.slogan {position:absolute;top:0px;left:820px;z-index:1;}