/* CSS Document */

* {
padding:0;
margin:0;
}
img {
border:none;
}
p {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:22px;
padding-bottom:10px;
}
table tr td {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:22px;
padding-bottom:10px;
}
p img {
padding:5px;
margin:5px;
border:1px solid #cdcdcd;
}
p.date {
color:#777;
}
h1, h2, h3, h4, h5, h6 {
padding-bottom:10px;
}
h1 {
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#1884B5;
}
h1 a {
color:#1884B5;
text-decoration:none;
}
a.more {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#035771;
margin-top:10px;
}
a.more:hover {
text-decoration:none;
}
body {
background:#fff url(../images/bg_body.jpg) center no-repeat fixed;
}
#wrapper {
width:790px;
margin:0 auto;
padding:0px 10px 10px 0px;
}
#section_outer {
background:url(../images/section_outer.gif) left top repeat-y;
}
#logo {
width:770px;
height:77px;
position:relative;
margin-left:15px !important;
margin-left:20px;
margin-right:5px;
background:url(../images/bg_top_section.jpg) left top repeat-y;
/*background:#b5e3ff;*/
}
*:first-child+html #logo {
margin-left:13px;
}
#logo_pentair {
position:absolute;
right:30px;
top:0;
}
#section {
width:800px;
overflow:hidden;
margin-top:10px;
background:url(../images/section_bottom.jpg) left bottom no-repeat;
}
#left_section {
width:150px;
float:left;
padding-left:30px;
}
#right_section {
width:741px;
float:right;
padding-top:15px;
margin:0px 32px 5px 0 !important;
margin:0px 12px 5px 0;
border:1px #cdcdcd solid;
}
*:first-child+html #right_section {
margin:0px 32px 5px 0;
}
		#mainnav { /*---------------------------------*/
		width:770px;
		height:28px;
		padding-top:3px;
		margin-left:15px !important;
		margin-left:20px;
		background:url(../images/bg_mainnav.gif) left top repeat-x;
		border-bottom:2px #97D0E3 solid;
		margin-bottom:5px;
		}
		*:first-child+html #mainnav {
		margin-left:10px;
		}
			#mainnav ul li a:hover { /*---------------------------------*/
			}
			#mainnav ul li {
			}
			#mainnav ul li.active a { /*---------------------------------*/
			background:url(../images/mainnav_active.jpg) left top repeat-x;
			color:#292A86;
			}
			
			
			#nav, #nav ul { /* all lists *//*---------------------------------*/
			padding: 0;
			margin: 0;
			list-style: none;
			line-height: 1;
			float:right;
			}
			#nav a {
			display:block;
			padding:5px 0px 8px 0px;
			margin-right:3px;
			font:11px Verdana, Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#333;
			border-bottom:1px solid #91c8e6;
			}
			#nav li.submenu a {
			background:url(../images/mainnav_right.gif) right top no-repeat;
			}
			#nav li.submenu ul li a {
			background:none;
			}
			#nav li.submenu a span {
			padding:5px 10px 8px 10px;
			background:url(../images/mainnav_left.gif) left top no-repeat;
			}
			#nav a:hover {
			color:#0E5FD7;
			}
			#nav li { /* all list items----------------------------------------- */
				float: left;
			}
			#nav li ul { /*---------------------------------*/
				position: absolute;
				width: 200px;
				left: -9999em;
				background:#B3D9EE url(../images/bg_ul_dropdown.jpg) left top repeat-x;
				z-index:20; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			}
			#nav li.submenu ul li {
			background:none;
			padding-left:10px;
			}
			#nav li li, #nav li:hover li, #nav li.sfhover li { /*---------------------------------*/
			padding:0;
			}
			#nav li.active ul li a { /*---------------------------------*/
			background:none;
			color:#fff;
			}
			#nav li.active ul li a:hover { /*---------------------------------*/
			background:url(../images/mainnav_hover.jpg) left top repeat-x;
			}
		#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
		background-position:0 0;
		left:auto;
		}
			#nav ul a {
			width: 180px !important;
			width: 200px;
			}
			#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
				left: auto;
			}
#flash_header {
text-align:center;
margin-left:5px !important;
margin-left:20px;
}
*:first-child+html {
margin-left:0px;
}
#flash_header img {
width:743px;
height:315px;
}
#content_default {
width:700px;
margin-bottom:70px;
padding-left:20px;
padding-right:20px;
}
.border_info {
border-bottom:1px #cdcdcd dashed;
padding-bottom:10px;
}
.module .title_module {
text-align:center;
margin-top:20px;
height:20px;
margin-bottom:5px;
width:150px;
}
.module .title_module h3 {
color:#1884B5;
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
}
.module .list_module {
width:150px;
}
.module .list_module ul {
list-style:none;
}
.module .list_module ul li {
border-bottom:1px #ded5be solid;
padding-left:14px;
height:20px;
}
.module .list_module ul li a {
display:block;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
padding:3px 0px 2px 0px;
color:#000;
}
.gallery_module img {
border:2px #000 solid;
margin:1px;
}

.gallery_module ul {
list-style:none;
width:180px;
overflow:hidden;
}
.gallery_module ul li {
float:left;
}
.content_gallery_module {
width:700px;
overflow:hidden;
}
.content_gallery_module ul {
list-style:none;
}
.content_gallery_module ul li {
float:left;
margin-left:10px;
height:136px;
}
.content_gallery_module ul li a img {
border:1px #000 solid;
}
.read_more {
width:182px;
text-align:right;
margin-top:7px;
}
.read_more a {
color:#1884B5;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
height:20px;
background:url(../images/red_arrow.jpg) right top no-repeat;
padding-top:3px;
padding-bottom:1px;
padding-right:20px;
}
.read_more a:hover {
text-decoration:underline;
}
.berita-item {

}
#footer {
border-top:1px #97D0E3 solid;
width:740px;
margin:0 auto;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}
#footer p {
color:#666666;
font:11px Verdana, Arial, Helvetica, sans-serif;
}
#footer a {
color:#1884B5;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#inline-cat {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
#inline-cat a {
float:left;
display:block;
width:116px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#1884B5;
padding-right:10px;
padding-left:20px;
background:url(../images/red_bullet.gif) 10px 5px no-repeat;
}
.paging a.nav {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
background:#4AB4DB;
padding:3px 3px 3px 3px;
text-decoration:none;
margin-right:5px;
}
.paging a:hover.nav {
color:#fff;
background:#1484B4;
}
span.font09 {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#06476D;
color:#fff;
padding:4px 3px 3px 3px;
margin-right:5px;
background:#1484B4;
}
#contact_page .form .form-field {
width:680px;
overflow:hidden;
margin-bottom:5px;
}
#contact_page .form .form-field input.submit_button {
background:#198CBB;
color:#fff;
border:none;
padding:3px;
}
#contact_page .form .form-field input, #contact_page .form .form-field textarea {
border:1px solid #cdcdcd;
}
#contact_page .form .form-field label {
font:12px Verdana, Arial, Helvetica, sans-serif;
width:200px;
float:left;
color:#666666;
}