/*
Colored Brain Communication Inventory
by syst@0n3

*/
BODY {/*background-image:url(images/bg_body.jpg); background-repeat:repeat-x;*/ margin:0px; background-color:#FFF;}
.style1 {font-size: 12px}
#atas1 {background-image:url(http://directivecommunication.com/new_images/cbci_body.jpg); width:566px; background-repeat:repeat-y; height:100%; padding-left:10px; padding-right:10px;  font-family:verdana; font-size:11px; color:#333333; line-height:18px; font-weight:normal; text-align:justify; float:left}
#tengah1 {background-image:url(http://directivecommunication.com/new_images/cbci_body.jpg); width:566px; background-repeat:repeat-y; height:100%; padding-left:10px; padding-right:10px;  font-family:verdana; font-size:11px; color:#333333; line-height:18px; font-weight:normal; text-align:justify; float:left}
#tengah1:hover {color:#8B120A;}
#tengah1 h3 {color:#FF0000;}
#bawah1 {width:589px; height:40px; display:block;float:left;}
#bawah2 {width:200px; height:40px; display:block;float:left;}

#sing_head {background-image:url(images/sing_head.jpg); background-repeat:no-repeat; width:200px; height:18px;}
#sing_body {background-image:url(images/sing_body.jpg); background-repeat:repeat-y; width:187px; padding-left:8px; padding-right:5px; color:#528f0b;}
#sing_body B {color:#2f4f0a;}
#sing_beten {background-image:url(images/sing_bottom.jpg); background-repeat:no-repeat; width:200px; height:23px;}
.contact-us {font-family:verdana; font-size:11px; color:#333333;}
.texts {font-family:verdana; font-size:11px; color:#333;}

/* quote float left */
.quote-box { width:205px; height:auto; float:left; margin:0px 10px 10px 0px; text-align:right;}
.quote-name { width:205px; height:auto; float:left; text-align:right;font-family:Arial, Helvetica, sans-serif; font-size:12px}
.quote-name2 { width:205px; height:auto; float:left;padding-right:20px ;text-align:right;font-family:Arial, Helvetica, sans-serif;float:right; font-size:12px}
.quote-top { width:205px; height:14px; display:block; background: url(images/quote_top.jpg) no-repeat; float:left; /*padding-top:70px*/}
.quote-bottom { width:205px; height:40px;background: url(images/quote.jpg); float:left;}
.quote-middle { width:185px; height:auto; background: #f9f7f8; background-image: url(images_/quote1_tengah.jpg) float:left; text-align:justify; padding:0px 10px 0 10px;font-family:verdana; font-size:11px;color:#333333; line-height:16px; font-weight:normal;float:left}

/* quote float right */
.quote-box1 { width:291px; height:auto; float:right; margin:0px 0px 10px 10px; text-align:right;}
.quote-top1 { width:291px; height:16px; display:block; background:url(images/quote.jpg) no-repeat; float:left;}
.quote-bottom1 { width:290px; height:64px; display:block; background:url(images/quote.jpg) 0 -16px no-repeat; float:left;}
.quote-middle1 { width:271px; height:auto; background:#f9f7f8; float:left; text-align:justify; padding:0px 10px 0px 10px;}


/*quote kecil*/
.quote-box22 { width:205px; height:auto; float:left; margin:10px 0px 10px 0;/* text-align:right;*/}
.quote-top22 { width:205px; height:14px; display:block; background: url(images_/quote6_top.jpg) no-repeat; float:left;}
.quote-bottom22 { width:205px; height:64px; display:block; background: url(images_/quote7_botom.jpg) no-repeat; float:left;}
.quote-middle22 { width:185px; height:auto; background:url(images_/quote5_tengah.jpg) repeat-y; float:left; text-align:justify; padding:0px 10px;}
.quote-middle22 p { font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-align:justify;}

.bg-kiri { width:860px; float:left; width:30px; height:560px; float:left; background-image:url(images_/bgcontent_kiri.jpg); background-repeat:repeat-y;}
.bg-kanan { width:860px; float:left; width:30px; height:560px; float:left; background-image:url(images_/bgcontent_kanan.jpg); background-repeat:repeat-y;}