/*
ananda rizki,yavidesign.nl
november 2008
*/

* {
margin:0;
padding:0;
}
body {
background:#686472 url(../images/bg.gif) left -20px repeat-x;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
padding-bottom:30px;
}
a img {
border:none;
}
#wrapper {
position:relative;
width:1002px;
height:680px;
background:url(../images/portal_bg.jpg) left top no-repeat;

text-align:left;
}
#logo {
position:absolute;
left:270px;top:90px;
}
#slogan {
position:absolute;
left:690px;top:116px;
}
#slogan h2 {
font:18px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}
#col1 {
position:absolute;
left:140px;top:217px;
width:288px;
}
#col1-img {
overflow:hidden;
width:288px;
height:210px;
}
#col1-content {
overflow:hidden;
width:225px;
background:url(../images/portal_ct_01.gif) right bottom no-repeat;
padding-left:23px;
padding-right:20px;
padding-bottom:30px;
min-height:188px;
height:auto;
}
* html #col1-content {
width:268px;
height:288px;
}
#col2 {
position:absolute;
left:430px;
top:217px;
width:268px;
}
#col2-img {
overflow:hidden;
width:288px;
height:210px;
}
#col2-content {
overflow:hidden;
width:225px;
background:url(../images/portal_ct_01.gif) right bottom no-repeat;
padding-left:23px;
padding-right:20px;
padding-bottom:30px;
min-height:188px;
height:auto;
}
* html #col2-content {
width:268px;
height:288px;
}
#col1-content h1, #col2-content h1 {
font:38px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#68c4ea;
} 
#col1-content p, #col2-content p {
line-height:17px;
height:200px;
}
#col1-content p.button-p, #col2-content p.button-p {
line-height:17px;
height:30px;
}

*:first-child+html #col1-content p.button-p,*:first-child+html #col2-content p.button-p {
height:50px;
}
#col1-content a, #col2-content a {
float:right;
display:block;
width:150px;
height:36px;
background:url(../images/portal_more.gif) left top no-repeat;
text-align:center;
line-height:28px;
color:#000;
margin-top:20px;
text-decoration:none;
}
#col1-content a.internal-link, #col2-content a.internal-link {
background:none;
display:block;
color:#F2293B;
float:none;
line-height:18px;
width:50px;
height:auto;
margin-top:0;
}
* html #col1-content a.internal-link, * html #col2-content a.internal-link {
width:50px;
height:15px;
}
#col1-content a.internal-link:hover, #col2-content a.internal-link:hover {
text-decoration:underline;
}
#col1-container, #col2-container {
position:relative;
width:265px;
height:205px;
}
#col1-img, #col2-img {
position:absolute;
width:265px;
height:205px;
z-index:1;
}
#col1-frame a, #col2-frame a{
position:absolute;
display:block;
width:265px;
height:205px;
z-index:2;
cursor:pointer;
}
#col1-frame a{
background:url(../images/portal_01.png) left top no-repeat;
}
#col2-frame a{
background:url(../images/portal_02.png) left top no-repeat;
}

#leftnav {
position:absolute;
left:732px;top:240px;
}
#leftnav ul{
list-style:none;
padding:12px 20px;
}
#leftnav li {
padding:3px 0 3px;
}
#leftnav li a {
color:#fff;
text-decoration:none;
}
#leftnav li a:hover {
text-decoration:decoration;
}
#footer {
margin-top:30px;
width:1002px;
height:10px;
color:#cdcdcd;
text-align:left;
padding-left:180px;

}
#footer p {
padding-right:20px;
}
#footer a {
color:#fff;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}