BODY {
	margin: 0px;
	background:url(/images/big-blue-bg.gif) repeat-y top center;
	background-attachment:fixed;
}

#container
{
	text-align:center;
	width: 680px;
	border-left:4px solid #FFFFFF;
	border-right:4px solid #FFFFFF;
	line-height:20px;
}


.nav a:link {
	text-decoration: none;
	color: #666666;
	font-family: Georgia;
	font-size: 11px;
	background: url(spacer.gif);
}
.nav a:visited {  text-decoration: none; color: #666666}
.nav a:hover {
	color: #FF99FF;
	text-decoration: none;
	background-image: url(/images/garis2.gif);
	background-repeat: repeat;
}
.nav a:active {
	text-decoration: none;
	color: #666666;
	background-image: url(/images/garis2.gif);
	background-repeat: repeat;
}

/* Menu style sheet */

#menu {
  width:100%;
  padding:0; 
  margin:0; 
  list-style-type:none;
  display:inline;
  background-color:#ffffff;
	background:url(/images/bg_menu_over.gif) repeat-x top left;
  }

#menu li {
  float:left;
  width:126px;
  border-left:3px solid #fff;
  border-right:3px solid #fff;
  border-bottom:6px solid #fff;
  text-align:center;
  height:19px;
  }

#menu a {
		display:block;
		width:100%;
		padding:2px 0 3px 0;
		font: 11px Arial;
		color:#5D8AA8;
		border-bottom:1px solid #D9D9D9;
 		text-decoration: none;
		font-weight:bold;
		background:url(/images/bg_menu_over.gif) repeat-x top left;
		}
#menu a:hover {
	color:#FFFFFF;
	background:url(/images/bg_menu.gif) repeat-x top left;

 		}
#menu a:active { color:#666666; background:url(/images/bg_menu_over.gif) repeat-x top left;}
  
/*======= End menu style */  

/* Start header and belowww */
#header1 { height:285px; background:url(/images/topimg1.jpg) no-repeat top left; }
#header2 { height:45px; background:url(/images/headertop.gif) no-repeat top left; }
#header3 { height:84px; background:url(/images/header.gif) no-repeat top left; }
#content { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#003399; text-align:left; width:654px; margin:13px; padding-top:10px;}
#content a:link, #content a:visited, #content a:active { text-decoration: none;	color: #97BAD0;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px; }
#content a:hover { color: #5190BA; text-decoration: none; }
#content h3 span { font-family:"Trebuchet MS"; color:#67ABD8; margin:0 0 0 8px; padding:3px 0 0 0; font-size:18px; text-transform:uppercase; text-align:left;}
#content h3 { background:url(/images/garis.gif) repeat top left; height:25px; padding-top:2px; border-right:5px solid #B9D5E7; margin-bottom:2px;}

#content h2 { font-family:Arial, Helvetica, sans-serif; color:#06528D; margin:0; padding:0; font-size:12px; border-bottom:1px dashed #D7E2ED; font-weight:bold; }
#content h2 span { color:#B1CDE3; font-weight:normal;}
/* Portfolio thumbnail style sheet */

ol#portthumbs { 	margin:20px 0 20px 0; padding:0; list-style:none; text-indent:0; }
ol#portthumbs li { float:left; display:block; margin:10px 0 10px 40px;  width:137px; height:135px; line-height:14px; }
ol#portthumbs li a { border:0; display:block; font-size:10px; }
ol#portthumbs li a img { padding:3px; border:3px solid #eaeaea; }
ol#portthumbs li a:hover img { border:3px solid #cbcbcb; }

ul#portthumb { width:654px; text-indent:0; display:inline; list-style-type:none; }
ul#portthumb li { float:left; padding:14px 0 7px 18px;  width:138px; height:80px; text-align:center; display:block;	}
ul#portthumb li a { border-bottom:0px; display:block;	font-size:10px; text-decoration:none; }
ul#portthumb li a img { padding:3px; border:3px solid #B8DAF0; }
ul#portthumb li a:hover img { border:3px solid #67ABD8; }


/*Div box for Graphic Design portfolio */
#graphport { width:654px; height:400px; padding-bottom:50px;  }

/*Div box for Print Design portfolio */
#printport { height:150px; width:654px;  }

/*Div box for Print Design portfolio */
#webport { width:654px; height:400px; padding-bottom:50px; }


.list { padding-left:20px; }


#footer { background:url(/images/footer.gif) no-repeat bottom left; height:80px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#003399; padding-top:200px; }
#footertext { padding-top:46px; }


#divUpControl{position:absolute; width:224; left:38px; top:145px; z-index:1; text-align: right} 
#divDownControl{position:absolute; width:224; left:37px; top:274px; z-index:1; text-align: right} 
#divContainer{
	position:absolute;
	width:190px;
	height:133px;
	overflow:hidden;
	top:20px;
	left:10px;
	clip:rect(0,224,135,0);
} 
#divContent{
	position:absolute;
	top:8px;
	left:1px;
	width: 190px;
	height: 48px;

} 

#bottomimage
{	background: url(/images/bottom_image.gif) no-repeat bottom center;
	width:680px;
	height:30px;
}
.textcontent {
	font-family: Georgia;
	font-size: 11px;
	color: #666666;
	font-style: normal;
}
 
#logomenu a {
		display:block;
		font: 11px Arial;
		color:#666666;
		background:  url(/images/garis.gif) repeat left top;
		text-decoration: none;
		text-align: center;
		padding-top: 4px;
		padding-left: 2px;

	}
#logomenu a:hover {
	background-position: 0 center;
	height:23px;
	color:#FF66FF;
	background:  url(/images/garis3.gif) repeat left top;
	background-color: #D1EBFC;
	text-align: center;
	vertical-align: middle;
		}
#logomenu a:active {
	height:23px;
	background-color: #D1EBFC;
	color:#FF66FF;
		text-align: center;
	vertical-align: middle;
	}


#logobox{
	background:#EDEDED;
	font: 11px Georgia;
	width:25px;
	height:25px;
	border: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
}