/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#ccc;}
a {color:#999;text-decoration:none;}

/*address {margin:0 0 1.5em;font-style:italic;}*/
del {color:#666;}
li ul, li ol {margin:0 1.5em; }
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}

/* grid.css */
.container {width:950px;margin:0 auto; }
.showgrid {background:url(src/grid.png);}
body {margin:1.5em 0;}
.span-5 {width:190px; float:left; background:url(img/latar-link.gif) repeat-y; padding: 10px 0 30px 20px; margin:20px 0 0 0;}
.span-15 {width:590px;}
.span-16 {width:630px; margin:0 0 20px 0;}
.span-18 {width:710px; float:left;}
.teks-index {width:710px; float:left; margin:0px 10px 10px 0px; }
.span-24, div.span-24 {width:950px;margin:0;}
.judul2 {width:950px;padding-top:10px; color:#000000; line-height:1em; font-weight:bold; font-size:large;}
.judul2 a {color:#000000;}
.judul2 a:hover { color:#33CCCC;}

div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.box {padding:0;height:5px;;background:#fff;}
.clear {clear:both;}

/*link menu*/
.link a
{ 	text-decoration:none; 
	}
.link 
{ 	width:150px;
	border-bottom:1px dashed #ccc;
	text-decoration:none; 
	margin: 0px 5px 5px 0px;
	display:block;
	padding-bottom:5px;
	color:#666666;
	}

/*menu*/
.menu{padding-left:5px;}
.menu li
{ 	display: inline; 
	background: #fff ;	
	font-family: Helvetica, arial;
	text-transform: uppercase;
	color: #00aeef;
	margin-left:-20px;
	margin-right:50px;
	text-align:left;
	float: left; 
	}

.menu li a:link, li a:active, li a:visited  
{	display: inline;
	color:#666666; 
	text-decoration: none; 
	}

.menu li a:hover  
{	display: inline;
	color:#00CCCC;
	text-decoration: none; 
	}
	
/*thumbs*/
.thumbs 
{	margin: 10px 20px 5px 0px;
	float:left;
	}
.thumbs img
{	border:1px solid #ccc;
	padding:3px;
	background-color:#FFFFFF;
	}

/*divider*/
.divider-horizontal
{	border-bottom:1px;
	border-bottom-style:dashed;
	border-bottom-color:#CCCCCC;
	width:900px;
	height:10px;
	margin:5px 0 20px 0 ;
	}
	
/*teks*/
.teks-atas
{	width:870px;
	margin:20px 30px 20px 0px;
	}

/*magnifica*/

.PopBoxImageLarge
{
	border: solid 1px #ccc;
	padding:5px;
	background-color:#FFFFFF;
}

.PopBoxImageMove
{
	border: none 0px #ffffff;

}