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

* {
margin:0;
padding:0;
}
body {
background:#686472 url(../images/bg.gif) left top repeat-x;
font:11px Arial, Helvetica, sans-serif;
color:#000;
scrollbar-face-color: #b0b0b0;
scrollbar-highlight-color: #b0b0b0;
scrollbar-shadow-color: #b0b0b0;
scrollbar-3dlight-color: #b0b0b0;
scrollbar-arrow-color:  #ed1a2c;
scrollbar-track-color: #cdcdcd;
scrollbar-darkshadow-color: #b0b0b0;
}
a img {
border:none;
}
a {
color:#ed1a2c;
}
a:hover {
color:#a80311;
}
#wrapper {
width:999px;
}
#sections {
position:relative;
width:999px;
height:750px;
background:url(../images/shadow.jpg) 29px bottom no-repeat;
}
#curve-top {
position:absolute;
left:-40px;top:-72px;
z-index:4;
}
#curve-bottom {
position:absolute;
left:440px;top:618px;
z-index:4;
}
#leftsection {
position:absolute;
left:29px;top:44px;
width:742px;
height:574px;
background:#fff url(../images/content_bg.jpg) left top no-repeat;
z-index:0;
}
#logo {
position:absolute;
left:425px;top:49px;
z-index:5;
}
#mainnav {
position:absolute;
left:52px;top:554px;
z-index:5;
}
#mainnav ul {
list-style:none;
}
#mainnav li {
float:left;
width:120px;
font:11px Arial, Helvetica, sans-serif;
background:url(../images/mainnav_li.gif) right center no-repeat;
}
#mainnav li#main1 {
width:157px;
}
#mainnav li#main5 {
width:150px;
background:none;
}
#mainnav li a {
font:11px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
text-transform:uppercase;
}
#marquee {
position:absolute;
left:82px;top:132px;
overflow:hidden;
width:603px;
height:16px;
color:#ed1a2c;
z-index:5;
}
#scroller {
cursor:pointer;
}
/* CSS Hack Safari */
#dummy {;#}
#marquee {
overflow: auto;
}

#frame {
position:absolute;
left:69px;top:154px;
width:628px;
height:386px;
background:url(../images/frame.png) left top no-repeat;
z-index:3;
}
#images {
position:absolute;
left:77px;top:159px;
z-index:2;
}
#leftnav {
position:absolute;
left:96px;top:184px;
width:203px;
height:327px;
z-index:5;
}
#leftnav ul {
list-style:none;
}
#leftnav li {
text-align:center;
}
#content {
position:absolute;
left:322px;top:184px;
overflow:auto;
width:350px;
height:327px;
z-index:5;
}
#content .module {
width:330px;
}
#content h3, #content h4, #content h5, #content p, #content ol, #content ul {
margin-bottom:10px;
}
#content h1 {
font:20px Arial, Helvetica, sans-serif;
}
#content h2 {
font:16px Arial, Helvetica, sans-serif;
color:#999;
}
#content ol {
margin-left:30px;
}
#content ul {
list-style:none;
}
#content li {
background:url(../images/bul.gif) left 6px no-repeat;
padding-left:12px;
}
#rightsection {
position:absolute;
left:744px;top:126px;
width:228px;
height:495px;
background:url(../images/rightnav_bg.jpg) left top no-repeat;
z-index:1;
padding:13px 14px 13px 13px;
}
* html #rightsection {
width:255px;
height:508px;
}
#flashvideo {
margin-bottom:10px;
}
#rightnav ul {
list-style:none;
}
#rightnav li {
background:url(../images/dot.gif) left bottom repeat-x;
font:11px Arial, Helvetica, sans-serif;
text-align:center;
}
#rightnav li a {
font:11px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}

.align-center {
text-align:center;
}
.align-right {
text-align:right;
}
p.bodytext, table td, table tr {
font-size:11px;
}

/* typo3 */
#content #mailform {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
#content .csc-mailform {
border:none;
padding:0;
}
#content .csc-mailform-field {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
#content .csc-mailform label {
display:block;
float:left;
width:100px;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
#content .csc-mailform input, #content .csc-mailform textarea, #content .csc-mailform select {
border:1px solid #cdcdcd;
color:#666;
font:11px Arial, Helvetica, sans-serif;
}
#content .csc-mailform-label {
padding-bottom:10px;
}
#content .csc-mailform input, #content .csc-mailform textarea {
width:200px;
padding:1px 4px;
}
* html #content .csc-mailform input, * html #content .csc-mailform textarea {
width:208px;
}
#content .csc-mailform option {
padding-right:6px;
}
#content .csc-mailform .csc-mailform-check, #content .csc-mailform .csc-mailform-radio {
border:none;
}
#content .csc-mailform .csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
width:200px;
}
#content .csc-mailform .csc-mailform-radio legend {
display:none;
}
#content .csc-mailform .csc-mailform-radio input {
clear:left;
float:left;
background:none;
border:none;
margin-right:5px;
}
* html #content .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
#content .csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
#content .csc-mailform .csc-mailform-submit {
width:210px;
margin-left:100px;
border:none;
background:#ed1a2c;
color:#fff;
padding:2px 5px;
}
* html #content .csc-mailform .csc-mailform-submit {
width:208px;
margin-left:102px;
}
/* end of typo3 */

#footer {
position:absolute;
left:69px;
top:630px;
}
#footer p {
color:#fff;
}