/* ------------------------------------------------------------
    Colors

    - #01313a
    - #1c7cb9
    - #75bae4
    - #d68194
    - #fcf98e
    - #ffb458
------------------------------------------------------------ */

html, body {
    height: 100%;
}

div#fancy_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #666;
    display: none;
    z-index: 30;
}
* html div#fancy_overlay {
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
    text-align: left;
}

div#fancy_loading {
    position: absolute;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: none;
    overflow: hidden;
    background: transparent;
    z-index: 100;
}

div#fancy_loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
}

div#fancy_loading_overlay {
    position: absolute;
    background-color: #FFF;
    z-index: 30;
}

div#fancy_loading_icon {
    position: absolute;
    z-index: 35;
    width: 16px;
    height: 16px;
}

div#fancy_outer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
    position: relative;
    width:100%;
    height:100%;
    border: 1px solid #BBB;
    background: #FFF;
}


p,
address {
    padding-bottom: 15px;
}

address {
    font-style: normal;
}

div#fancy_content {
    margin: 0;
    z-index: 100;
    position: absolute;
}

div#fancy_div {
    background: #000;
    color: #FFF;
    height: 100%;
    width: 100%;
    z-index: 100;
}

img#fancy_img {
    position: absolute;
    top: 0;
    left: 0;
    border:0;
    padding: 0;
    margin: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

div#fancy_close {
    position: absolute;
    top: -12px;
    right: -15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 181;
    display: none;
}

#fancy_frame {
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}

#fancy_ajax {
    width: 100%;
    height: 100%;
    overflow: auto;
}

a#fancy_left, a#fancy_right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    z-index: 111;
    display: none;
    outline: none;
}

a#fancy_left {
    left: 0px;
}

a#fancy_right {
    right: 0px;
}

span.fancy_ico {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    z-index: 112;
    cursor: pointer;
    display: block;
}

span#fancy_left_ico {
    left: -9999px;
}

span#fancy_right_ico {
    right: -9999px;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
    left: 20px;
}

a#fancy_right:hover span {
    right: 20px;
}

.fancy_bigIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}

div#fancy_bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}
   
div.fancy_bg {
    position: absolute;
    display: block;
    z-index: 70;
    border: 0;
    padding: 0;
    margin: 0;
}

div.fancy_bg_n {
    top: -18px;
    width: 100%;
    height: 18px;
}

div.fancy_bg_ne {
    top: -18px;
    right: -13px;
    width: 13px;
    height: 18px;
}

div.fancy_bg_e {
    right: -13px;
    height: 100%;
    width: 13px;
}

div.fancy_bg_se {
    bottom: -18px;
    right: -13px;
    width: 13px;
    height: 18px;
}

div.fancy_bg_s {
    bottom: -18px;
    width: 100%;
    height: 18px;
}

div.fancy_bg_sw {
    bottom: -18px;
    left: -13px;
    width: 13px;
    height: 18px;
}

div.fancy_bg_w {
    left: -13px;
    height: 100%;
    width: 13px;
}

div.fancy_bg_nw {
    top: -18px;
    left: -13px;
    width: 13px;
    height: 18px;
}

div#fancy_title {
    position: absolute;
    bottom: -33px;
    left: 0;
    width: 100%;
    z-index: 100;
    display: none;
}

div#fancy_title div {
    color: #FFF;
    font: bold 12px Arial;
    padding-bottom: 3px;
}

div#fancy_title table {
    margin: 0 auto;
}

/*div#fancy_title table td {
    padding: 0;
    vertical-align: middle;
}

td#fancy_title_left {
    height: 32px;
    width: 15px;
}

td#fancy_title_main {
    height: 32px;
}

td#fancy_title_right {
    height: 32px;
    width: 15px;
}
*/

/* =Initial Page Structure
    (further specific styling for these sections is lower down, use =Section to quick find)
------------------------------------------------------------ */

* {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    list-style: none;
}

html {
    font: 12px/1.5 Arial, Helvetica, sans-serif;
    color: #555;
    background: #1c7cb9;
}

body {
    position: relative;
}

#upper {
    background-color:#1c7cb9;
    background-image:url(../images/bg-blue.png);
}
#upper .upper-wrap {

}
.sub #upper { border: 0; }
.sub #upper .upper-wrap { background: transparent; }

.outter-wrap {
    position: relative;
    width: 904px;
    margin: 0 auto;
}

#header {
    position: relative;
    width: 904px;
    margin: 0 auto;
    padding: 11px 0;
    background-image:url(../images/bg-blue.png);
}

#navigation {
    position: relative;
    clear: both;
    background: #000;
    z-index: 1;
}

#intro {
position: relative;
margin: 0 auto;
padding: 0;
background:url(../images/intro.jpg) repeat-x;

}

#intro {
    height: 300px;
}
#intro #flash {
	width:904px;
	height:300px;
	margin:auto;
	background:url(../images/header.jpg);
}

#intro #flashAlternative {
    display: none;
}

#intro .intro-hold {
    position: absolute;
    left: 0;
    top: 30px;
    width: 904px;
}

#content {
    position: relative;
    clear: both;
    background: #090909 url(../images/blue-gradient-tile.gif) repeat-x left top;
}
.home #content {
    padding: 30px 0 40px 0;
    color: #9AADBC;
}
.sub #content {
    padding: 18px 0 0 0;
    background-color: #090909;
    background: #090909 url(../images/sub-blue-gradient-tile.gif) repeat-x left top;
    border-bottom: 1px solid #111;
    padding-bottom:15px;
}

#footer {
    clear: both;
    position: relative;
    background-color:#1c7cb9;
    background-image: url(../images/bg-blue.png);
}
.sub #footer {
    border-top: 1px solid #333;
}

#footer .outter-wrap {
    padding-bottom: 20px;
    padding-top:15px;
}

/* =Basic Element Styles
------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 4px;
}

h1 {
    font-size: 20px;
}

h2 {
    color: #cb6828;
    font-size: 18px;
}

h3 {
    color: #115779;
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 12px;
}

p,
address {
    padding-bottom: 15px;
}

address {
    font-style: normal;
}

input,
textarea {
    font: 11px Verdana, sans-serif;
    padding: 2px;
    border: 1px solid #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
select {
    font: 11px Verdana, sans-serif;
    padding: 2px;
    border: 1px solid #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

sup {
    vertical-align: top;
}

sub {
    vertical-align: bottom;
}

img,
a img {
    border: 0;
    vertical-align: middle;
}

a {
    color: #5C8556;
    text-decoration: none;
}

a:visited {
    color: #679660;
}

a:hover {
    color: #436D8B;
    text-decoration: underline;
}

/* =Utilities
------------------------------------------------------------ */

.left {
    float: left;
    position: relative;
    margin: 0 10px 5px 0;
}

.right {
    float: right;
    position: relative;
    margin: 0 0 5px 10px;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-none {
    clear: none;
}

.center {
    text-align: center;
}

.autoclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.autoclear {
    display: inline-block;
}

.autoclear {
    display: block;
}


/* =Layout and Function
------------------------------------------------------------ */

    /* =Header
------------------------------------------------------------ */

#header p {
    float: right;
    width: 400px;
    padding: 0 10px 0 0;
    text-align: right;
}

#header p * {
    vertical-align: middle;
}

#header p a {
    padding: 0 8px;
    color: #76BADA;
}

#header p a:hover {
    color: #fff;
    text-decoration: none;
}

#header p input {
    width: 132px;
    margin: 0 0 0 8px;
    padding: 4px 5px 6px 7px;
    border: 0;
    color: #a0d1ea;
    background-color: transparent;
    background-image: url(../images/search-bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#header p input:focus {
    color: #eee;
}

#header p input.submit {
    width: auto;
    height: auto;
    padding: 0;
    margin-left: 3px;
    vertical-align: top;
    border: 0;
    background: transparent;
}

    /* =Navigation
------------------------------------------------------------ */

#navigation .outter-wrap {
    padding: 16px 0;
}

#navigation strong {
    float: left;
    display: block;
    width: 200px;
    height: 34px;
    text-indent: -9999px;
}

#navigation strong a {
    display: block;
    width: 100%;
    height: 100%;
}

#navigation ul#nav {
    position: relative;
    float: left;
    font-size: 14px;
    padding-left: 35px;
}

#navigation ul#nav li {
    position: relative;
    float: left;
    margin-right: 15px;
    z-index: 0;
}

#navigation ul#nav li a {
    display: block;
    color: #ddd;
}

#navigation ul#nav li a:hover,
#navigation ul#nav li:hover a,
#navigation ul#nav li#active a {
    background: #25333b;
    text-decoration: none;
    color: #eee;
    -moz-border-radius: 5px;
}

#navigation ul#nav li#active a {
    background-color: #1c7cb9;
}

#navigation ul#nav li#active:hover a {
    background-color: #25333b;
}

#navigation ul#nav li a span {
    display: block;
}
#navigation ul#nav li a span {
    padding: 8px 18px;
}

#navigation ul#nav li a:hover span,
#navigation ul#nav li:hover a span,
#navigation ul#nav li#active a span {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right top;
}

        /* = DropDown Navigation
------------------------------------------------------------ */

        #navigation ul#nav li ul {
            display: block;
            position: absolute;
            left: -999em;
            width: 180px;
            background: #25333b;
            border: 1px solid #25333b;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius-topleft: 0;
            -webkit-border-top-left-radius: 0;
           
        }

        #navigation ul#nav li:hover ul,
        #navigation ul#nav li.over ul /* class over is used to target IE6 via /includes/js/dropdown.js */ {
            display: block;
            width: 180px;
            left: 0;
            top: 85%;
            padding: 10px 0;
            position: absolute;
            margin: 0;
            z-index: 2;
        }

        #navigation ul#nav li ul li {
            width: 180px;
            background: transparent;
            border: 0;
            font-size: 12px;
            height: auto;
            background: #25333b;
        }

        #navigation ul#nav li:hover ul li a,
        #navigation ul#nav li.over ul li a {
            display: block;
            background: transparent;
            height: auto;
            text-decoration: none;
            padding: 5px 17px;
            cursor: pointer;
            color: #b4d9e9 !important;
            background: #25333b;
            border-bottom: 1px solid #3a4e59;
        }
       
        #navigation ul#nav li#active:hover ul li a {
            background: #25333b;   
        }

        #navigation ul#nav li#active:hover ul li a:hover,
        #navigation ul#nav li ul li a:hover {
            background: #2a404d;
            color: #C2E1F1;
        }

    /* =Intro
------------------------------------------------------------ */

#intro h1 {
    position: absolute;
    left: -9999px;
}

#intro #intro-side {
    position: relative;
    float: right;
    width: 229px;
}

#intro .box {
    float: right;
    width: 229px;
    margin-bottom: 28px;
}

#intro .box.callout {
    cursor: pointer;
}

#intro .box .wrap {
    padding: 22px 15px;
    text-align: center;
    min-height: 28px;
    margin-bottom: -16px;
}

#intro .box.alt {
    margin-bottom: 0;
}

#intro .box.alt .wrap {
    min-height: 150px;
}

#intro .box.callout .wrap {
    padding-top: 20px;
    padding-bottom: 16px;
}

#intro .box.alt p img {
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #7493a2;
}

#intro .box.alt p {
    width: 175px;
    padding: 0 12px;
    color: #CAD8EB;
    text-align: left;
}

#intro .box.alt p a {
    text-decoration: none;
    color: #CAD8EB;
}

#intro .box.alt p a:hover {
    color: #fff;
}

#intro img#welcome {
    float: left;
}

    /* =Content
------------------------------------------------------------ */   

#content .grid {
    position: relative;
    float: left;
    width: 262px;
    padding: 0 55px 0 0;
}

#content p.grid {
    margin-bottom: 40px;
}

#content .grid.last {
    padding-right: 0;
}

.home #content .grid h2 {
    font-size: 19px;
    border-bottom: 1px solid #353f44;
    margin-bottom: 10px;
    color: #cb6828;
}
.home #content .grid.alt h2 { color: #4d8281; }
.home #content .grid.last h2 { color: #8daa5b; }

.home #content .grid.alt ul {
    padding-bottom: 15px;
}

.home #content .grid.alt ul li a { color: #67A6BA; }

.home #content .grid ul li {
    padding: 0 0 3px 22px;
    background: url(../images/bullet.gif) no-repeat 8px 7px;
}

.home #content .sub-section {
    position: relative;
    float: left;
    width: 600px;
    clear: both;
    background: #1e272c;
}
.home #content .sub-section.alt {
    position: relative;
    float: right;
    clear: none;
    width: 296px;
}

.home #content .sub-section .wrap {
    background: transparent;
}

.home #content .sub-section .wrap .inner-wrap {
    background: transparent;
    padding: 20px 23px 8px 23px;
    min-height: 225px;
}

.home #content .sub-section .wrap .inner-wrap  h3 {
    font-size: 18px;
    color: #81965c;
    padding: 20px 23px 5px 23px;
    margin: -20px -23px 0 -23px;
    background: transparent;
}

.home #content .sub-section.primary .wrap .inner-wrap  ol {
    float: right;
    width: 136px;
    margin-top: -6px;
    background: #1a2226;
    padding: 5px 12px;
    border: 1px solid #283136;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.home #content .sub-section.primary .wrap .inner-wrap  ol li {
    padding: 9px 0;
}

.home #content .sub-section.primary .wrap .inner-wrap  ol a {
    color: #7A8C98;
}

.home #content .sub-section.primary .wrap .inner-wrap  ol a:hover {
    text-decoration: none;
    color: #fff;
}

.home #content .sub-section.primary .wrap .inner-wrap  ol a img {
    padding-right: 5px;
}

.home #content .sub-section.primary .wrap .inner-wrap  ul {
    width: 178px;
    float: left;
    margin-left: -7px;
    margin-right: 30px;
    padding: 0 0 8px 0;
}
.home #content .sub-section.primary .wrap .inner-wrap  ul.last {
    margin-right: 0;
}

.home #content .sub-section.primary .wrap .inner-wrap  ul li a {
    display: block;
    padding: 10px 7px;
    color: #c0c6c9;
}

.home #content .sub-section.primary .wrap .inner-wrap  ul li a:hover {
    background: #243239;
    text-decoration: none;
}

.home #content .sub-section.primary .wrap .inner-wrap  ul li {
    border-bottom: 1px solid #353f44;
}

.home #content .sub-section.primary .wrap .inner-wrap  ul li a span {
    background: url(../images/arrow.gif) no-repeat 100% 3px;
    padding-right: 15px;
}

.home #content .sub-section.primary .wrap .inner-wrap  ul li:last-child {
    border-bottom: 0;
}

.home #content .sub-section.alt .wrap .inner-wrap  ul {
    margin-top: -3px;
    margin-bottom: -2px;
    padding: 0 0 7px 0;
}

.home #content .sub-section.alt .wrap .inner-wrap  ul li {
    padding-bottom: 3px;
    margin: 0 -9px;
}

.home #content .sub-section.alt .wrap .inner-wrap  ul li a {
    position: relative;
    display: block;
    background: #1e272c url(../images/comment.gif) no-repeat 10px 11px;
    padding: 8px 8px 8px 35px;
    color: #c0c6c9;
    border: 1px solid #1e272c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.home #content .sub-section .rss {
    float: right;
}

.home #content .sub-section.alt .wrap .inner-wrap  ul li a:hover {
    text-decoration: none;
    background: #243239 url(../images/comment.gif) no-repeat 10px 11px;
    border: 1px solid #1C2429;   
}

.home #content .sub-section.alt .wrap .inner-wrap  ul li a em {
    color: #63808e;   
}

.home #content .sub-section.alt .wrap .inner-wrap  ul li a strong {
    color: #6cafd0;
}

.home #content .sub-section.alt .wrap .inner-wrap  ul li a em,
.home #content .sub-section.alt .wrap .inner-wrap  ul li a strong {
    display: block;
}

        /* =Subpage Content
------------------------------------------------------------ */

.sub #content .outter-wrap {
    background: url(../images/sub-bg-tile.gif) repeat-y left top;
}
.sub #content div.title {
    background-image:url(../images/bg-blue.png);
    padding: 15px 20px 10px 23px;
    color: #fff;
    background-color:#578ABF;
}

.sub #content div.title h1 {
    padding: 0;
    margin: 0;
    font: 2.2em Georgia;
    font-weight:bold;
}
.sub #content #sidebar {
    float: right;
    position: relative;
    width: 244px;
    padding: 20px 13px;
}

.sub #content .banner {
    position: relative;
    width: 244px;
    font-size: 11px;
    margin-bottom: 13px;
}
.sub #content .banner.single {
    padding: 0;
}

.sub #content .banner .banner-wrap {
    padding: 10px 12px 10px 12px;
}
.sub #content .banner.single .banner-wrap { padding-bottom: 0; }
   
.sub #content .banner h3 {
    margin: -10px -12px 0 -12px;
    padding: 8px 12px 7px 12px;
    font-size: 13px;
    color: #fff;
}
.sub #content #sidebar .banner.single h3 {
}

.sub #content .banner.standard h3 {
    color: #ce7236;
    padding-bottom: 0;
    color: #eee;
}

.sub #content .banner h3 a {
    display: block;
    color: #eee;
}
.sub #content .banner h3 a:hover {
    text-decoration: none;
    color: #fff;
    font-style: italic;
}

.sub #content .banner .banner-wrap p input {
    margin: 8px 2px 0 0;
    border-color: #999;
    background: #ededed;
    vertical-align: middle;
}

.sub #content .banner .banner-wrap p input:focus {
    border-color: #678EAA;
    background: #DFE7F9;
}

.sub #content .banner .banner-wrap p input.submit {
    background: transparent;
    border: 0;
    padding: 0;
    width: auto;
    height: auto;
}

.sub #content .banner p,
.sub #content .banner ul,
.sub #content .banner ol,
.sub #content .banner blockquote {
    padding: 10px 0 0 0;
}

.sub #content .banner ul li {
    padding: 0 0 5px 14px;
    background: url(../images/bullet-small.png) no-repeat 0 6px;
}

.sub #content .banner h3 img {
    margin-top: -2px;
    padding-right: 7px;
}

.sub #content #main {
    position: relative;
    float: left;
    min-height: 400px;
    width: 582px;

    padding: 20px 25px 5px 25px;
}

/*** CLIENTS */
.sub #content  #main ol.clients {
margin: 0 0 10px 0;
}

.sub #content  #main ol.clients li {
display: block;
float: left;
margin: 0 5px 0 0;
}

.sub #content  #main ol.clients img {
padding: 0px;
display: block;
border: 0px #BBC2DE solid;
border-bottom:0px #BBC2DE solid;
line-height: 0;
}

.sub #content  #main .clients img {
background: none !important;
border: 1px #000 solid;
display: block;
padding: 0px !important;

}


.sub #content #main ul,
.sub #content #main ol {
    padding: 0 0 10px 10px;
}

.sub #content #main ol li {
    list-style: decimal;
    margin-left: 20px;
    padding-bottom: 5px;
}

.sub #content #main ul li {
    padding: 0 0 5px 14px;
  /*  background: url(../images/bullet-small.png) no-repeat 0 7px;*/
}

/*.sub #content #main table {
    border: 1px solid #fff;
    margin: 0 0 15px 0;
    border-collapse: collapse;
}

.sub #content #main table tr th {
	padding: 5px 12px;
    background: #667FF5;
}
.sub #content #main table tr td {
    padding: 5px 12px;
    background: #d6def7;
}

.sub #content #main table tr td {
    border: 1px solid #ccc;
    background: #fff;
}

.sub #content #main table tr.even td {
    background: #f2f2f2;
}
th.judul {
color:white; font-weight:bold; border:1px #667FF5 solid; margin:0; text-align:right; vertical-align:middle;
background-color:#667FF5;
}*/
/* PAGE Partners */

/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */

table.data {
	padding: 0;
	margin: 0;
}

table.data caption {
	padding: 0 0 5px 0;

	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

table.data th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: right;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

table.data th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

table.data td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


table.data td.alt {
	background: #F5FAFA;
	color: #797268;
}

table.data th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.data th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
/******/

/* start - table */
/*
table.data {
	color:black; font-weight:bold; border:0px #667FF5 solid; margin:0;
	background-color:#D6DEF7;
	border-collapse:collapse;
}
table.data th {
color:white; 
font-weight:bold; 
border:0px #fff solid; 
margin:0; 
text-align:center; 
vertical-align:middle;
background-color:#284D94;
padding: 10px;
}
table.data th.legend {
font-size: 16px;
font-family: georgia,serif;
}
table.data th.judul {
text-align:right;
font-size: 14px;
font-family: georgia,serif;
vertical-align:middle;
}
table.data td {
background-color:#D6DEF7;
padding: 5px;
font-size: 14px;
vertical-align:middle;
font-family: georgia,serif;
}*/
/* end - table */


        /* =Management
------------------------------------------------------------ */

.sub#management #content #main {
    padding-left: 110px;
    width: 495px;
}

.sub#management #content #main img.left {
    margin-left: -90px;
    margin-top: 4px;
    border: 1px solid #666;
}

.sub#management #content #main b,
.sub#management #content #main strong {
    display: block;
    padding: 2px 0;
}

.sub#management #content #main em,
.sub#management #content #main i { 
    color: #115779;
}

.sub#management #content #main hr {
    clear: both;
    margin-bottom: 15px;
}

        /* =Subpage Alternate (two-column)
------------------------------------------------------------ */

.sub.alt #content .outter-wrap {
    background: #c2d3d3;
}

.sub.alt #content #intro {
    padding: 18px 0;
    text-align: center;
    background: #fff;
}

.sub.alt #content #main {
    width: 882px;
    min-height: 0;
    padding: 28px 22px;
}

.sub.alt #content #main .main-wrap {

}

.sub.alt #content #main .inner-wrap {

}

.sub.alt #content #main .inner-wrap .wrap {
}

.sub.alt #content #main .grid {
    width: 374px;
    padding: 10px 23px 15px 23px;
    margin: 0 21px 0 0;
}

.sub.alt #content #main .grid.last {
    margin-right: 0;
}

        /* =Customers Overview
------------------------------------------------------------ */

.sub.alt#customers #content #main .grid ul {
    border-top: 1px solid #ddd;
    padding: 0;
    margin: 10px -10px;
}

.sub.alt#customers #content #main .grid ul li {
    border-bottom: 1px solid #ddd;
    background: transparent;
    padding: 0;
}

.sub.alt#customers #content #main .grid ul li a {
    display: block;
    padding: 8px 10px;
    color: #777;
}

.sub.alt#customers #content #main .grid ul li a:hover {
    color: #218fbd;
    background: #f5f5f5;
    text-decoration: none;
}

.sub.alt#customers #content #main .grid p {
    padding-top: 5px;
    background: url(../images/quotes.gif) no-repeat 0px 5px;
}

.sub.alt#customers #content #main .grid p strong,
.sub.alt#customers #content #main .grid p b {
    padding-left: 25px;
    display: block;
}

.sub.alt#customers #content #main .grid a {
    color: #376191;
}

        /* =Download
------------------------------------------------------------ */

.sub.alt#download #content .outter-wrap {
    background: #fff;
}

.sub.alt#download #content #intro {
    background: #fff;
    float: left;
    width: 634px;
    padding: 65px 0 20px 0;
}

.sub.alt#download #content #sidebar {
    background: #eee;
    padding-top: 30px;
}

.sub.alt#download #content #intro a.download {
    border: 1px solid #ccc;
    padding: 3px 6px;
    margin: 0 5px;
    background: #d9d9d9;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #00496c;
    font-weight: bold;
}

.sub.alt#download #content #intro a.download:hover {
    color: #00283C;
    background: #eee;
    border: 1px solid #bbb;
    text-decoration: none;
}

.sub.alt#download #content #intro h2 {
    padding-bottom: 15px;
}


        /* =Resources Overview
------------------------------------------------------------ */

.sub.alt#resources #content #intro {
    background: #192023;
    color: #999;
    text-align: left;
    padding: 25px 500px 15px 25px;
    width: 379px;
    min-height: 200px;
    font-size: 13px;
}

.sub.alt#resources #content #intro a {
    color: #ccc;
}

.sub.alt#resources #content #intro img.welcome {
    position: absolute;
    right: 30px;
    bottom: 0;
    padding: 0;
}

.sub.alt#resources #content #main {
    padding-bottom: 5px;


    margin: 0;
    width: 860px;
}

.sub.alt#resources #content #main .grid {
    width: 369px;
    padding: 0 20px 5px 20px;
    margin: 0 6px 18px 12px;
    min-height: 115px;
    cursor: pointer;
}

.sub.alt#resources #content #main .grid:hover {
}

.sub.alt#resources #content #main .grid h2 {
    margin: 0 -20px 0 -20px;
    padding: 14px 20px 8px 20px;
}

.sub.alt#resources #content #main .grid h2 a {
    color: #859C5C;
}

.sub.alt#resources #content #main .grid h2 a:hover {
    text-decoration: none;
}

.sub.alt#resources #content #main .grid h2 img {
    margin-top: -7px;
    padding: 0 7px 0 0;
}

        /* =Resources Single
------------------------------------------------------------ */

.sub.alt.single#resources #content .outter-wrap {
    background: #fff;
}

.sub.alt.single#resources #content #intro {
    padding: 20px 320px 15px 55px;
    width: 529px;
    min-height: 0;
}

.sub.alt.single#resources #content #intro h2 {
    color: #8daa5b;
}

.sub.alt.single#resources #content #intro ul#lister {
    float: right;
    width: 320px;
    margin: -20px -314px -15px 30px;
}

.sub.alt.single#resources #content #intro ul#lister li {
    padding-left: 6px;
}

.sub.alt.single#resources #content #intro ul#lister li a {
    background: transparent;
    display: block;
    width: 286px;
    border-bottom: 1px solid #a6a6a6;
    border-top: 1px solid #f3f3f3;
    background: #e8e8e8;
    padding: 9px 17px;
    color: #666;
    cursor: pointer;
}

.sub.alt.single#resources #content #intro ul#lister li.active a,
.sub.alt.single.case-studies#resources #content #intro ul#lister li.last a,
.sub.alt.single#resources #content #intro ul#lister li a:hover {
    background: #d1dacb;
    color: #3a5b24;
    text-decoration: none;
    border-top: 1px solid #DEE9D8;
}

.sub.alt.single#resources #content #intro ul#lister li.active,
.sub.alt.single.case-studies#resources #content #intro ul#lister li.last {
    background: url(../images/icons/resources-arrow-active.gif) no-repeat 0 50%;
}

.sub.alt.single#resources #content #main {
    width: 860px;
    padding-top: 15px;
}

.sub.alt.single#resources #content #intro h2 {
    padding-top: 3px;
    padding-bottom: 7px;
    margin-left: -30px;
}

.sub.alt.single#resources #content #intro h2 img {
    padding-right: 4px;
    vertical-align: bottom;
}

.sub.alt.single#resources #content #main h3 {
    padding-left: 20px;
}

.sub.alt.single#resources #content #main ul {
    margin: 7px 20px;
    padding: 0 0 25px 0;
    border-top: 1px solid #ddd;
}

.sub.alt.single#resources #content #main ul li {
    width: 375px;
    margin-right: 70px;
    float: left;
    padding: 0;
    background: transparent;
}

.sub.alt.single#resources #content #main ul li.even {
    margin-right: 0;
}

.sub.alt.single#resources #content #main ul li a {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 8px 15px 8px 38px;
    color: #777;
    cursor: pointer;
    background: url(../images/datasheets.png) no-repeat 14px 50%;
}

.sub.alt.single#resources #content #main ul li a:hover {
    color: #218fbd;
    background: #f5f5f5 url(../images/datasheets.png) no-repeat 14px 50%;
    text-decoration: none;
}

.sub.alt.single.datasheets#resources #content #main ul li a,
.sub.alt.single.datasheets#resources #content #main ul li a:hover {
    background-image: url(../images/datasheets.png);
}
.sub.alt.single.case-studies#resources #content #main ul li a,
.sub.alt.single.case-studies#resources #content #main ul li a:hover {
    background-image: url(../images/report.png);
}

        /* =Products Overview
------------------------------------------------------------ */

.sub.alt.products#resources #content #intro {
    padding: 8px 0 0 0;
    width: 904px;
    height: 316px;
}

.sub.alt.products#resources #content #intro img {
    position: absolute;
}

.sub.alt.products#resources #content #main {
    background: #fff;
    padding: 0;
    padding-top: 20px;
    width: 904px;
}

.sub.alt.products#resources #content #main h2 {
    padding: 0 0 15px 35px;
    color: #81965c;
}

.sub.alt #content #main ul.callout {
    padding: 0 0 20px 0;
    margin: 0 0 0 35px;
}

.sub.alt #content #main ul.callout li {
    clear: both;
    float: left;
    width: 400px;
    border-top: 1px solid #ccc;
    padding: 0;
    margin: 0 34px 0 0;
    background: transparent;
}

.sub.alt #content #main ul.callout li a {
    display: block;
    padding: 9px 15px;
    text-decoration: none;
    cursor: pointer;
}

.sub.alt #content #main ul.callout li a:hover {
    background: #f5f5f5;
}

.sub.alt #content #main ul.callout li.even {
    clear: none;
    margin: 0;
}

.sub.alt #content #main ul.callout li h3 {
    display: inline;
    font-size: 13px;
    color: #555;
    margin: 0;
    padding: 0 13px 0 0;
    background: url(../images/icons/arrow.gif) no-repeat 100% 5px;
    cursor: pointer;
}

.sub.alt #content #main ul.callout li a:hover h3 {
    color: #218fbd;
}

.sub.alt #content #main ul.callout li p {
    cursor: pointer;
    margin: 0;
    padding: 0;
    color: #888;
}

        /* =Landing / Contact pages (Forms are controlled above in = forms)
------------------------------------------------------------ */

.sub.landing #content .outter-wrap,
.sub.extended #content .outter-wrap {
    background: #eee url(/../images/layout/content/sub-bg-alt-tile.gif) repeat-y left top;
}

.sub.landing #content .outter-wrap #main,
.sub.extended #content .outter-wrap #main {
    width: 486px;
}

.sub.extended #content .outter-wrap #main {
    width: 324px;
}

.sub.landing #content .outter-wrap #sidebar,
.sub.extended #content .outter-wrap #sidebar {
    width: 332px;
}

.sub.extended #content .outter-wrap #sidebar {
    width: 488px;
}

.sub.landing #content .outter-wrap #sidebar h3,
.sub.extended #content .outter-wrap #sidebar h3 {
    font-size: 15px;
    font-weight: bold;
}

.sub.landing #content .outter-wrap #sidebar em.note,
.sub.extended #content .outter-wrap #sidebar em.note {
    color: #888;
}

.sub.landing #content .outter-wrap #sidebar em.note strong,
.sub.extended #content .outter-wrap #sidebar em.note strong {
    font-size: 13px;
    font-style: normal;
    padding: 0 5px;
    vertical-align: 0;
    color: #555;
}

.sub.landing #content .outter-wrap img {
    vertical-align: top;
}

.sub.extended #content .outter-wrap {
    background: url(../images/layout/content/sub-bg-extended-tile.gif) repeat-y left top;
}

.sub.extended#contact #content #sidebar h2 {
    font-size: 16px;
    font-weight: bold;
}

.sub.extended#contact #content #main h3 {
    font-size: 14px;
    font-weight: bold;
}

.sub.extended#contact #content #main p.swapper {
    position: relative;
    padding: 4px 0 15px 0;
    height: 220px;
}

.sub.extended#contact #content #main #mapper {
    position: absolute;
    width: 524px;
    padding: 20px 23px;
    height: 400px;
    left: -9999px;
    top: -4px;
}

.sub.extended#contact #content #main address strong a,
.sub.extended#contact #content #main address b a {
    padding-left: 5px;
    font-size: 11px;
    font-style: italic;
}

.sub.extended#contact #content #main address img {
    vertical-align: middle;
    padding-bottom: 5px;
    padding-right: 3px;
}

.sub.extended#contact #content #main address a:hover {
    text-decoration: none;
}

.sub.extended#contact #content #main address em {
    color: #999;
    font-size: 11px;
}

        /* =Search Results
------------------------------------------------------------ */

#results #paging {
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 7px 12px;
}

#results #main #paging p {
    padding: 0;
    border: 0;
    margin: 0;
    width: auto;
}

#results #main #paging p a {
    display: inline;
    margin: 0 2px;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #ddd;
    padding: 2px 4px;
    background: #fff;
    color: #777;
}

#results #main #paging p a:hover,
#results #main #paging p a.active {
    background: #A1C5C1;
    color: #fff;
    border: 1px solid #689696;
}

#results #main p {
    padding: 10px 12px;
    border-bottom: 1px solid #ddd;
}

#results #main p a {
    display: block;
    text-decoration: none;
}

#results #main p a:hover strong {
    color: #333;
}

#results #main p strong {
    display: block;
    font-weight: normal;
    font-size: 1.1em;
    color: #004c70;
    padding: 0 0 5px 0;
}

#results #main p i {
    display: block;
    font-size: .9em;
    padding-top: 2px;
    font-family: arial, helvetica, sans-serif;
}

#results #main p i a {
    color: #517D52;
}

#results #main p i a:hover {
    color: #555;
}

#results #main p .result-highlight {
    color: #457FD6;
}

        /* =News
------------------------------------------------------------ */

.sub.news#events-overview ul#sorter {
    float: right;
    width: 115px;
    margin-top: 28px;
    padding: 8px;
    font-size: 11px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.sub.news#events-overview ul#sorter li {
    background: transparent;
    padding: 3px 10px;
}


.sub.news#events-overview ul#sorter li.active {
    background: transparent;
    padding: 3px 10px 3px 20px;
    background: url(../images/arrow.gif) no-repeat 9px 8px;
}

.sub.news#events-overview ul#sorter li.active a {
    color: #222;
}

.sub.news#events-overview ul#sorter li a:hover {
    color: #222;
}

.sub.news #content #main ul.years {
    padding: 0 0 15px 0;
    margin: 0 0 0 -10px;
}

.sub.news #content #main ul.years li {
    float: left;
    background: transparent;
    margin: 0;
    padding: 0;
}

.sub.news #content #main ul.years li a {
    display: block;
    text-decoration: none;
    padding: 2px 8px;
    border: 1px solid #ccc;
    background: #fff;
    color: #005681;
}

.sub.news #content #main ul.years li.last a {
    border-left: 0;
}

.sub.news #content #main ul.news-list {
    position: relative;
    padding: 0;
    margin: 0 0 15px -10px;
    border-top: 1px solid #e6e6e6;
}

.sub.news#events-overview #content #main ul.news-list {
    width: 440px;
}

.sub.news #content #main ul.news-list li {
    list-style: none;
    padding: 10px 10px 10px 120px;
    background: transparent;
    border-bottom: 1px solid #e6e6e6;
}

.sub.news #content #main ul.news-list li.last {}

.sub.news #content #main ul.news-list li a strong {
    color: #222;
}

.sub.news #content #main ul.news-list li a:hover {
    text-decoration: none;
}

.sub.news #content #main ul.news-list li em {
    display: block;
    float: left;
    width: 105px;
    font-size: 11px;
    padding-top: 1px;
    padding-left: 10px;
    text-align: left;
    color: #555;
    margin-left: -120px;
    font-weight: normal;
    font-style: italic;
}

    /* =Footer
------------------------------------------------------------ */   

#footer p {
    text-align:center;
    margin: 10px 0;
    padding: 7px 15px 7px 0;
    margin-right: 15px;
    color: #fff;
}

#footer p.last {
    border-right: 0;
}

#footer p a {
    padding: 0 7px;
    color: #888;
}

#footer p a:hover {
    text-decoration: none;
    color: #fff;
}

    /* =Menu samping
------------------------------------------------------------ */   
#sidebar #sidemenu li {
    background: url(../images/sidebar-biru.jpg) no-repeat;
    height: 30px;
    width: 245px;
    padding-top:8px;
}
#sidebar #sidemenu li a {
    margin-left:10px;
    color:#fff;
    text-decoration:none;
}
#sidebar #sidemenu li a:hover {
    font-style: italic;
}
#sidebar #sidemenu li a img {
    margin-right:7px;
}

    /* =Contact Form
------------------------------------------------------------ */   
.formcontact {
    width:500px;
    margin:auto;
}
.formcontact input {
    width: 300px;
    margin-bottom:10px;
    border: 1px solid #ccc;
    font-size:12px;
    height:20px;
    color:#000;
}
.formcontact textarea {
    width: 490px;
    margin-bottom:10px;
    border: 1px solid #ccc;
    font-size:12px;
    color:#000;
}
.formcontact input.button {
  width: 70px;
}
.formcontact p select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom:10px;   
    border-color: #bfd5d5;
    color: #4e4e4e;
    background: #fff;
    padding: 5px;
}
.formcontact p input:focus,
.formcontact p textarea:focus,
.formcontact p select:focus {
    background: #e7f1f6;
    border-color: #9DBFCF;
    color: #105778;
}
.formcontact p {
    margin-bottom:-20px;
}
    /* =Sub Galery
------------------------------------------------------------ */   
.sub #content  #main-galery  {
    background-color: #f8f8f8;
    width: 864px;
    padding:20px;
    padding-top:35px;
    padding-bottom:35px;
}
#main-galery img {
    padding:5px;
    border:#ccc solid 1px;
    margin: 4px;
}
.buttonblue {
	border: none;
	border: 1px solid #ccc;
	margin-top: 5px;
	padding: 1px 10px 2px 10px;
	#padding: 0 5px 4px 5px;
	float:left;
	/*height: auto;
	width: auto;
	*/
	background: #3c006f url(../images/buttonblue.gif) repeat-x;
	color: #fff;
	font-size:11px;
	font-weight: bold;
}
.buttonblue a{
text-decoration:none;
color:#ffffff;
}
.buttonblue a:hover{
text-decoration:none;
color:#87A6E3;
}
.date {
	margin-top:-10px;
	font-size:10px;
}
/* ------------------------------------------------------------------------
	Gallery
------------------------------------------------------------------------- */
/*.sub #content  #main ul.gallery {
margin: 0 0 10px 0;
}

.sub #content  #main ul.gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
}

.sub #content  #main ul.gallery a {
padding: 0px;
display: block;
border: 5px #BBC2DE solid;
border-bottom:20px #BBC2DE solid;
line-height: 0;
}

.sub #content  #main ul.gallery a:hover { 
border: 5px #284D94 solid; 
border-bottom: 20px #284D94 solid; 
}
.sub #content  #main .gallery a {
background: none !important;
border: 1px #000 solid;
display: block;
padding: 0px !important;
width: 130px;
}
.sub #content  #main .gallery a:hover { 
	border-color: #1799A9; 
}*/

#gallery { margin: 0; padding: 0 }
#gallery .gallery_box { display: block; float: left; width: 160px; margin: 0 30px 30px 0; }
#gallery .lmb { margin: 0 0 10px 0; }

.gallery_box h3 { margin-bottom: 10px }
.gallery_box h3 a { font-size: 14px; font-weight: bold; color: #3E91C4; margin-bottom: 0; }
.gallery_box p { font-style: italic; font-size: 11px; font-weight: bold }
.gallery_box a img { width: 170px; height:120px; margin: 0;
	-moz-transition: all 0.2s ease-in-out 0s;
    border: 6px solid white !important;
    box-shadow: 0 0 10px rgba(100, 100, 100, 0.3);
    opacity: 0.98;
}
#gallery a.more { clear: none; float: left; margin-right: 10px }
.cleaner { clear: both }
.imageOver{
	background:url(../images/zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}
#mapper {
    position: absolute;
    width: 524px;
    background: transparent url(../images/map-bg.png) no-repeat 0 0;
    padding: 20px 23px;
    height: 100px;
    left: -9999px;
    top: -4px;
}
.splashred {
background-color:#fff ;
border:1px solid red;
font-weight:700;
color:red;
width:400px;
padding:8px 8px 8px 28px;
}
.splashgreen {
background-color:#fff ;
border:1px solid green;
font-weight:700;
color:green;
width:400px;
padding:8px 8px 8px 28px;
}

    table {
    border-top:1px solid #e5eff8;
    border-right:1px solid #e5eff8;
    margin:1em auto;
    border-collapse:collapse;
    }
    td {
    color:#678197;
    border-bottom:1px solid #e5eff8;
    border-left:1px solid #e5eff8;
    padding:.3em 1em;
    text-align:center;
    }
	 thead th {
    background:#f4f9fe;
    text-align:center;
    /*font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;*/
    color:#66a3d3;
    }
	th {
    border-bottom: 1px solid #E5EFF8;
    border-left: 1px solid #E5EFF8;
    color: #678197;
    padding: 0.3em 1em;
    text-align: left;
}
    tfoot th {
    background:#f4f9fe;
    text-align:center;
    }
    tfoot th strong {
    font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    margin:.5em .5em .5em 0;
    color:#66a3d3;
    }
    tfoot th em {
    color:#f03b58;
    font-weight: bold;
    font-size: 1.1em;
    font-style: normal;
    }

	   tr.odd td {
    background:#f7fbff
    }
    tr.odd .column1 {
    background:#f4f9fe;
    }
    .column1 {
    background:#f9fcfe;
    }