* {
    margin: 0;
    padding: 0;
}

body {
    font: normal 11px Verdana, Arial, sans-serif;
    background: url(images/bodybg.gif) #990000 repeat-x;
	padding: 10px 0;
}

#page {
    margin: 20px auto;
    width: 833px;
	border: 1px solid #FFF;
	border-width: 7px;
	background-color: #FFF;
}

#header {
	background-color: #660000;
}

#content {
	background-color: #FFF;
	padding: 20px;
	width: 420px;
	float: left;
}

#content2 {
	background-color: #FFF;
	padding: 20px;
}

#content2 h2 {
	font-size: 18px;
	font-style: italic;
	color: #CC0000;
	padding-bottom: 1px;
	margin-bottom: 10px;
	border-bottom: 5px solid #eceef5;
}

#content2 h3 {
	font-size: 12px;
	font-style: italic;
	color: #0000;
	padding-bottom: 1px;
	margin-bottom: 10px;
}


#rightside {
	float: left;
	width: 373px;
}

#rightside img {
	margin: 10px;
}

#footer {
	clear:both;
	height: 81px;
	background: url(images/footbg.gif) #990000 repeat-x;
	font-size: 10px;
}

#footer #foottext {
	padding: 32px 0 0 20px;
	color: #FFF;
}

.freebig_table {
}

.freebig_table a {
	text-decoration: none;
    color: #0099FF;
}

.freebig_table a:hover {
	text-decoration: none;
    color: #00CCFF;
}

.free_3jam {
	position: absolute;
    margin: -65px 0 0 650px;
    width: 150px;
    height: 150px;	
    background: url(images/3jam.gif) no-repeat;
}


.quote {
	width: 420px;
	padding: 0 19px;
	margin-top: -2px;
	border: 1px solid #CCC;
	border-width: 0 1px;
	background: url(images/quote_bg.gif) #eceef5 repeat-x;
}

.quote h2 {
	font-size: 17px;
	font-style: italic;
	color: #CC0000;
	padding-bottom: 1px;
	margin-bottom: 10px;
	border-bottom: 5px solid #eceef5;
}

.quote h3 {
	font-size: 14px;
	font-style: italic;
	color: #CC0000;
	padding-bottom: 1px;
	margin-bottom: 10px;
	border-bottom: 5px solid #CCC;
}

.quote2 {	
	width: 420px;
	float: left;
}

.quote2 h2 {
	font-size: 18px;
	font-style: italic;
	color: #CC0000;
	padding-bottom: 1px;
	margin-bottom: 10px;
	border-bottom: 5px solid #eceef5;
}

.quote3 {	
	width: 396px;
	float: left;
	margin-bottom: 65px;
}

.quote3 h3 {
	font-size: 14px;
	color: #666;
	padding-bottom: 1px;
	padding-left: 20px;
	margin-bottom: 10px;
	border-bottom: 5px solid #eceef5;
	background: url(images/star.gif) no-repeat;
}

.quote3 ul {	
	padding-left: 20px;
}

.quote3 img {	
	border: 1px solid #CCC;
	padding: 10px;
	background-color: #EEE;
	background: url(images/gb_bg2.gif) #ddd repeat-x;
	margin-bottom: 10px;
}

.quote4 {
	float: left;
}

.quote4 h2 {
	font-size: 18px;
	font-style: italic;
	color: #CC0000;
	padding-bottom: 1px;
	margin-bottom: 10px;
	border-bottom: 5px solid #eceef5;
}

.quote5 {
}

.quote5 h2 {
	font-size: 18px;
	font-style: italic;
	color: #CC0000;
	padding-bottom: 1px;
	margin-bottom: 10px;
	border-bottom: 5px solid #eceef5;
}

.quote5 h3 {
	font-size: 14px;
	font-style: italic;
	color: #999;
	padding-bottom: 1px;
	margin-bottom: 10px;
	border-bottom: 5px solid #eceef5;
}

.quote6 {	
	width: 264px;
	height: 400px;
	float: left;
	margin-bottom: 20px;
}

.quote6 h3 {
	font-size: 14px;
	color: #666;
	padding-bottom: 1px;
	padding-left: 20px;
	margin-bottom: 10px;
	border-bottom: 5px solid #eceef5;
	background: url(images/star.gif) no-repeat;
}

.quote6 ul, ol {	
	padding-left: 30px;
}

.quote7 {		
	float: left;
	margin-bottom: 20px;
	padding-left: 200px;
}

.quote7 ul {
	padding-left: 20px;
}

.pck_pic-asl {
	clear:both;
	width: 268px;
	margin-top: -2px;
	padding: 0 20px;
	background: url(images/pkt_bg.gif) #e1e098 repeat-x;
	border: 1px solid #CCC;
	border-width: 0 1px;
	text-align: center;
}

.pck_pic {
        clear:both;
	width: 268px;
        margin-top: -2px;
	padding: 0 20px;
	background: url(images/quote_bg2.gif) #eceef5 repeat-x;
        border: 1px solid #CCC;
	border-width: 0 1px;
	text-align: center;
}

.pck_pic h2-asl {
	font-size: 17px;
	font-style: italic;
	color: #CC0000;
	text-align: left;
	padding: 1px;
	margin-bottom: 15px;
	border-bottom: 5px solid #e1e098;
}

.pck_pic h2 {
	font-size: 17px;
	font-style: italic;
	color: #CC0000;
	text-align: left;
	padding: 1px;
	margin-bottom: 15px;
	border-bottom: 5px solid #eceef5;
}

.pck_pic img {
	border: 1px solid #CCC;
	padding: 10px;
	margin: 5px;
	background-color: #EEE;
	background: url(images/gb_bg2.gif) #ddd repeat-x;
}

.quote_free {
	clear:both;
	width: 750px;
	margin-top: 20px;
	padding: 0 20px;
}

.quote_free h2 {
	font-size: 14px;
	font-style: italic;
	color: #000;
	text-align: left;
	padding: 1px;
	margin-bottom: 15px;
	border-bottom: 5px solid #e1e098;
}

.rite {
	text-align: center;
}

.gall_box {
	width: 180px;
	height: 145px;
	margin-top: -2px;
	background-color: #e1e098;
	border: 1px solid #CCC;
	border-width: 0 1px;
	background: url(images/gb_bg.gif) #e1e098 repeat-x;
	text-align: center;
}

.gall_box img {
	border: 1px solid #CCC;
	padding: 10px;
	background-color: #EEE;
	background: url(images/gb_bg2.gif) #ddd repeat-x;
}

.price_wed {
	text-align:center;
	padding: 5px;
	margin: 10px 50px;
	font-weight: bold;
	font-size: 18px;	
	color: #0066FF;
	border: 3px solid #EEE;
	background: url(images/price_bg.gif) #ffcc00 repeat-x;
}

.price_menu {
	text-align:center;
	padding: 5px;
	margin: 10px 50px;
	font-weight: bold;
	font-size: 14px;	
	color: #0066FF;
	border: 3px solid #EEE;
	background: url(images/price_bg.gif) #ffcc00 repeat-x;
}

.warntext2 {
    background-color: #990000;
    color: #FFF;
    font-weight: bold;
    padding: 2px 10px;
    margin-bottom: 2px;
}

.bt {
    background-color: #EEE;
    border: 1px solid #CCC;
    font-size: 9px;
    font-weight: bold;
    padding: 2px 5px;
    margin: 10px 5px;
}

.infobox {
	margin: 0 auto;
	width: 200px;
	text-align:center;
	padding:10px;
	border:1px solid #999;
	border-width: 3px 1px 1px 1px;
}

.infobox a {
	color: #0099FF;
	border-bottom: 1px dashed #CC0000;
	text-decoration: none;
	font-weight: bold;
}

.infobox a:hover {
	color: #336699;
	border-bottom: 1px dashed #FFCC00;
	text-decoration: none;
	font-weight: bold;
}

.notetext {
    background-color: #0099FF;
    color: #FFF;
    font-weight: bold;
    padding: 2px 10px;
    margin-bottom: 2px;
}

.lback {
	clear: both;
	padding: 20px;
}

.lback a {
	text-decoration: none;
	color: #999;
	font-weight: bold;
}

.lback a:hover {
	text-decoration: none;
	color: #CCC;
	font-weight: bold;
}

.borderimage {
	border: 1px solid white;
}

.nedock {
	float: left;
	width: 225px;
	margin-top: 15px;
	padding-right: 5px;
	font-size: 11px;
}

.nedock h2 {
	font-size: 12px;
	font-weight: bold;
	border-left: 5px solid #CC0000;
	padding: 2px 10px;
	font-style: italic;
	background-color: #f5f5f9;
}

.nedock2 {
	float: left;
	width: 310px;
	margin-left: 20px;
	font-size: 10px;
}

.newstitle {
    font-size: 12px;
    font-weight: bold;
    color: #003399;
	padding-top: 2px;
	padding-bottom: 5px;
}

.newstitle a {
    text-decoration: none;
    color: #003399;
}

.newstitle a:hover {
    text-decoration: none;
    color: #CC0000;
}

.newsdate {
    font-size: 9px;
    color: #999;
	font-style: italic;
	padding-bottom: 2px;
}

.newsthumb {
    float: left;
	border: 1px solid #CCC;
	margin: 5px;
}

.newscontent {
    margin: 5px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px dashed #CCC;
}

.newscontent ul {
    margin-left: 150px;
}

.newscontent li {
    padding: 3px 0;
}

.newscontent img {
    border: 2px solid #CCC;
    margin: 5px;
}

.newscontent img:hover {
    border: 2px solid #EEE;
}

.newscontent a {
    text-decoration: underline;
    color: #336699;
}

.newscontent a:hover {
    text-decoration: underline;
    color: #CCC;
}

.newsmore {
    clear: both;
    margin-top: 5px;
}

.newsmore a {
    border-left: 3px solid #999;
    border-bottom: none;
    padding-left: 5px;
    text-decoration: none;
	color: #999;
}

.newsmore a:hover {
    border-left: 3px solid #999;
    border-bottom: none;
    padding-left: 5px;
    text-decoration: none;
    color: #CC0000;
}

#imgdock {
}

.imglist {
    float: left;
    text-align: center;
    margin: 10px 10px;
    padding: 0 5px;
    border: 1px dashed #dcdb98;
    background-color: #eceef5;
    width: 130px;
}

.imglist .title {
    font-weight: bold;
    text-align: center;
    padding: 5px 2px;
	color: #000;
}

.imglist .title2 {
    text-align: left;
    padding: 5px 2px;
	color: #000;
}

.imglist .pic {
    text-align: center;
    height: 130px;
}

.imglist .pic a {
    padding: 5px;
    text-decoration: none;
    background-color: transparent;
}

.imglist .pic a:hover {
    padding: 7px 0 0 7px;
    text-decoration: none;
    background-color: transparent;
}

.imglist .pic img {
    border: 0;
}

.imglist .pic2 {
    text-align: center;
    height: 130px;	
}

.imglist .pic2 a {
    padding: 5px;
    text-decoration: none;
    background-color: transparent;
}

.imglist .pic2 a:hover {
    text-decoration: none;
    background-color: transparent;
}

.imglist .pic2 img {
    border: 0;
}

.imglist .det {
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    color: #FFF;
}

.imglist a {
    color: #999;
    display: block;
    padding: 5px;
    text-decoration: none;
    background-color: #eef0cc;
}

.imglist a:hover {
	color: #FFF;
    text-decoration: none;
    background-color: #CC9900;
}

#imgdet {
    padding: 10px;
}

#imgdet p {
    margin: 5px 0;
}

.dftr_lagu {
    margin-bottom: 10px;
}

.dftr_lagu a {
    text-decoration: none;
    color: #0099FF;
    font-weight: bold;
}

.dftr_lagu a:hover {
    text-decoration: none;
    color: #FFCC00;
    font-weight: bold;
}

#paging {
    margin: 5px 0;
}

#paging #pageresult {
    margin: 2px 0;
}

#paging a {
    text-decoration: none;
    font-weight: bold;
    color: #999;
}

#paging a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #CCC;
}

.pad table {
    padding: 2px;
    border-bottom: 1px solid #990000;
}

.pad th {
    padding: 5px;
    border-bottom: 1px dashed #CCC;
}

.pad td {
    padding: 5px;
}