body {
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}
@font-face {
	font-family: Futura Bk;
	src: url('../fonts/futura_bk.ttf');
}	
a{
	outline:none 0;
}
#blue_texture {
	background-image: url(../images/blue_texture.png);
	background-repeat: no-repeat;
	margin: auto;
	height: 424px;
	width: 100%;
	background-position: center;
}
.bee_hive {
	background-image: url(../images/bee_hive.png);
	background-repeat: repeat;
	margin: auto;
	height: 424px;
	width: 100%;
	position:absolute;
}
.stripe_grey {
	background-image: url(../images/stripe_background.png);
	background-repeat: repeat-x;
	height: 425px;
	width: 100%;
	position: absolute;
}
.header {
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
	height: 425px;
	width: 961px;
}
#content {
	margin: 1px auto 0px auto;
	width: 979px;
}
#content .topcontent {
	background-image: url(../images/template_03.gif);
	background-repeat: no-repeat;
	height: 39px;
	width: 1016px;
}
#content .midcontent {
	background-image: url(../images/template_06.gif);
	background-repeat: repeat-y;
	margin: auto;
	width: 996px;
	padding-left: 20px;
}
#footer {
	background-color: #282828;
	height: 210px;
	width: 96%;
	margin-top: 1px;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/bee_hive.png);
}
.left_content {
	float: left;
	width: 696px;
}
#content .midcontent .left_content .topper {
	background-image: url(../images/template_07.gif);
	background-repeat: no-repeat;
	height: 43px;
	width: 632px;
	padding-left: 35px;
	overflow:hidden;
}
#content .midcontent .left_content .topper h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: normal;
	color: #CC2E00;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	text-transform: capitalize;
	text-shadow: 1px 1px 1px #000;
	font-style: italic;
}
#content .midcontent .left_content .topper h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-weight: normal;
	color: #CC2E00;
	text-decoration: none;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	text-transform: capitalize;
	text-shadow: 1px 1px 1px #000;
	font-style: italic;
}
#content .midcontent .left_content .middle {
	background-image: url(../images/template_09.gif);
	background-repeat: repeat-y;
	width: 627px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#content .midcontent .left_content .middle p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#content .midcontent .left_content .middle img, .portfolio {
	-moz-box-shadow:0px 0px 5px #AAAAAA;
	-webkit-box-shadow:0px 0px 5px #AAAAAA;
	box-shadow:0px 0px 5px #AAAAAA;
	background-color: #FFFFFF;
	margin: 4px;
	padding: 7px;
	border: 1px solid #999999;	
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#content .midcontent .left_content .middle img:hover, .portfolio:hover {
	background-color: #E9E9E9;
	margin: 4px;
	padding: 7px;
	border: 1px solid #858585;	
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#content .midcontent .left_content .middle h2, #content .midcontent .left_content .middle h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #A72412;
	text-decoration: none;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 2px;
	text-transform: capitalize;
	text-shadow: 1px 1px 1px #000;
}
#content .midcontent .left_content .middle h2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #c93622;
	text-decoration: none;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 2px;
	text-transform: capitalize;
	text-shadow: 1px 1px 1px #000;
}
#content .midcontent .left_content .middle h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #A72412;
	text-decoration: none;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 2px;
	text-transform: capitalize;
	font-style: italic;
}

#content .midcontent .left_content .middle h4, #content .midcontent .left_content .middle h4 a{
	font-family: "Arial", Times New Roman, Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #990000;
	text-decoration: underline;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:bold;
}
#content .midcontent .left_content .middle h4 a:hover{
	font-weight: normal;
	color: #FF7F7F;
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:bold;
}

#content .midcontent .left_content .middle ol{
	margin:0px 0 0 20px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#content .midcontent .left_content .middle ol li{
	padding-top:4px;
	font-weight:bold;
}
#content .midcontent .left_content .middle ul{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin:0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	font-family:arial;
	letter-spacing:0.5px;
}
#content .midcontent .left_content .middle ul li {
	padding-top: 4px;
	line-height:14pt;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 27px;
	background-image: url(../images/menu-arrow.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#content .midcontent .left_content .middle ul li a {
	font-family:  "arial", Georgia, Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
	margin: 0px;
	text-transform: capitalize;
}
#content .midcontent .left_content .middle ul li.bold a{
	font-weight: bolder;
}

#content .midcontent .left_content .middle ul li span{
	font-family:  "arial", Georgia, Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
	text-transform: capitalize;
	padding-right: 0px;
	margin-bottom: 15px;
	
}

#content .midcontent .left_content .middle ul li a:hover {
	color: #FF7F7F;
	text-decoration: underline;
}

#content .midcontent .left_content .middle ul  li.current a{
	color: #FF7F7F;
	text-decoration: underline;
}

.title_hotline {
	background: transparent url(../images/phone-bg.png) no-repeat scroll left top;
	right: 22px;
	margin: 7px 0 5px 2px;
	padding: 7px 0 5px 30px;
	position: relative;
	width: 303px;
	height: 60px;
	color:#fff;
	text-shadow: -1px -1px 1px #000;
	letter-spacing:2px;
	font-size:18px;
}

.sms {
	position: relative;
	color:#CF0000;
	text-shadow: -0.8px -0.8px 1px #000;
	letter-spacing:2px;
	font-size:18px;
}


.title {
	background: transparent url(../images/bg_title.png) no-repeat scroll left top;
	float: left;
	left: -61px;
	margin: 0 0 10px 2px;
	padding: 15px 0 15px 20px;
	position: relative;
	width: 685px;
}
.date {
	color: #f9f8ee;
	height: 50px;
	width: 92px;
	float: left;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
	letter-spacing: 2px;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.date span {
	font-family: Tahoma, "Times New Roman", Times, serif;
	color: #fff;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	font-style: normal;
	padding-top: 4px;
	letter-spacing: 1px;
	text-shadow: -1px -1px 1px #000;
}
.title h1, .title h1 a {
	color: #ffffff;
	letter-spacing: -1px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	text-shadow: -1px -1px 1px #000;
	outline: 0 none;
}
.title h5 {
	color: #E0E0E0;
	letter-spacing: 2px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	text-shadow: -0.7px -0.7px 1px #000;
}
.title h1 a:hover {
	color: #E6E6E6;
}

input, textarea{
	background:#FFF url(../images/textfield.gif) top repeat-x;
	border:1px solid #A6A6A6;
	padding:4px;
}
.comment_count{
	font-family: Futura Bk;
	width:36px;
	height:33px;
	background-image:url("../images/comment.png");
	float:right;
	color:#000;
	font-weight:bolder;
	padding-top:20px;
	font-size:16px;
	padding-left:28px;
}


#content .midcontent .left_content .middle p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #990000;
	text-decoration: underline;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}


#content .midcontent .left_content .middle p a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #D20000;
	text-decoration: none;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#content .midcontent .left_content .bottomer {
	background-image: url(../images/template_11.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 667px;
}
.right_content {
	float: left;
	width: 265px;
}
.clear{
	clear:both;
}
#content .midcontent .right_content .topper {
	background-image: url(../images/template_033.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 294px;
	margin-left: 6px;
}
#content .midcontent .right_content .middle {
	background-image: url(../images/template_066.gif);
	background-repeat: repeat-y;
	width: 294px;
	margin-left: 6px;
}
#main_box_right {
	float: none;
	width: 275px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#main_box_right .top_title {
	background-image: url(../images/template_73.gif);
	background-repeat: no-repeat;
	height: 45px;
	width: 245px;
	padding-left: 30px;
}
#main_box_right .top_title h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #A72412;
	text-decoration: none;
	margin: 0px;
	padding-top: 11px;
	padding-bottom: 2px;
	text-transform: capitalize;
	text-shadow: 1px 1px 1px #666;
}
#main_box_right .mid_title {
	background-image: url(../images/template_76.gif);
	background-repeat: repeat-y;
	width: 235px;
	padding: 0px 20px 5px 20px;
	font-family:  "Futura Bk", Georgia, Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
#main_box_right .mid_title p {
	font-family:  "Futura Bk", Georgia, Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#main_box_right .mid_title ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin:0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#main_box_right .mid_title ul li {
	margin: 0px;
	padding: 1px 0 1px 0;
}
#main_box_right .mid_title ul li a {
	display: block;
	font-family:  "Futura Bk", Georgia, Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 27px;
	height: 19px;
	background-image: url(../images/menu-arrow.png);
	background-repeat: no-repeat;
	background-position: left;
}
#main_box_right .mid_title ul li a:hover {
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-inline-policy: continuous;
	color: rgb(255, 255, 255);
	background-attachment: scroll;
	background-color: #0c3977;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 27px;
	height: 19px;
}

#main_box_right .mid_title ul  li.current a{
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-inline-policy: continuous;
	color: rgb(255, 255, 255);
	background-attachment: scroll;
	background-color: #0c3977;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 27px;
	height: 19px;
}

#main_box_right .bot_title {
	background-image: url(../images/template_78.gif);
	background-repeat: no-repeat;
	height: 9px;
	width: 275px;
}

#content .midcontent .right_content .bottom {
	background-image: url(../images/template_088.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 294px;
	margin-left: 6px;
}
.top_header {
	height: 94px;
	width: 961px;
}
.main_menu {
	height: 51px;
	width: 959px;
	padding-right: 1px;
	padding-left: 1px;
}
.login-button{
	background: #222 url(overlay.png) repeat-x;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.login-button, .login-button:visited{
	background: #222 url(../images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
.login-button:hover	{ 
	background-color: #111; 
	color: #fff; 
}
.login-button:active{ 
	top: 1px; 
}

.devider{
	background: transparent url("../images/shadow_div.png") no-repeat;
	width:648px;
	height:21px;
	margin: 5px auto 2px auto;
	float:none;
	clear:both;
}

.devider-flip{
	background: transparent url("../images/shadow_div-flip.png") no-repeat;
	width:648px;
	height:21px;
	margin: 2px auto 5px auto;
	float:none;
	clear:both;
}

.paginav { 
	font-size: 1.2em; 
	padding-top: 20px; 
	display: block; float: left; 
	width: 100%; 
}

.paginav .current {
	margin: 2px;
	padding: 0pt;
	-moz-background-clip: border; 
	-moz-background-origin: padding;
	-moz-background-inline-policy: continuous;
	font-weight: 600;
	color: #FFFFFF;
	float: left;
	text-align: center;
	width: 32px;
	height: 28px;
	line-height: 28px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left top;
	font-size: 14px;
}
.paginav a{
	margin: 2px;
	padding: 0pt;
	-moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; 		color: rgb(51, 66, 0);
	text-decoration: none;
	float: left;
	width: 32px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left 56px;
	font-size: 14px;
	font-weight: 600;
}
.paginav a:hover { 
-moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;
	color: rgb(34, 34, 34);
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/pagination_a.gif);
	background-repeat: repeat;
	background-position: left 28px;
}

.error{
	border-width: 1px;
	border-style: solid;
	border-color: #CC0000;
	font-size: 11px;
	font-family: "Verdana", "Times New Roman", Times, serif;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background-color: #FFCFDE;
	background-image: url(../images/error.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 35px;	
	width:90%;
	color:#000;
}
.success{
	color:#000;
	width:90%;
	font-size: 11px;
	font-family: "Verdana", "Times New Roman", Times, serif;
	-moz-border-radius: 10px 0px 10px 0px;
	-khtml-border-radius: 10px 0px 10px 0px;
	-webkit-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;
	background-color: #DFFFBF;
	border: 1px solid #9FFD42;
	background-image: url(../images/success.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 35px;
}
.gravatar {
	margin:0 20px 10px 8px;
	border: 1px solid #ccc;
	padding:5px;
	-moz-box-shadow:#666 2px 2px 2px;
}
.comment-author{
	font-size:16px;
	font-family: "Arial", "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	margin-right:20px;
}
a.comment-author{
	font-size:16px;
	font-family: "Arial", "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	margin-right:20px;
	color:#CC2E00;
}
a.comment-author:hover{
	font-size:16px;
	font-family: "Arial", "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	margin-right:20px;
	color:#000;
}
.tanggal{
	font-size:11px;
	font-family: "Arial", "Times New Roman", Times, serif;
	font-weight:normal;
}
.wrapper_footer{
	width:930px;
	padding-left:49px;
	margin:auto;
}
.latest_on_footer{
	width:33%;
	float:left;
}
.latest_on_footer h2{
	font-family: "Futura Bk", Arial, sans-serif;
	font-size: 29px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	text-transform: capitalize;
	text-shadow: -1px -1px 1px #000;
}
.latest_on_footer ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin:0 0 0 20px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.latest_on_footer ul li {
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-color: transparent;
}
.latest_on_footer ul li a {
	display: block;
	font-family:  "Futura Bk", Georgia, Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 27px;
	height: 17px;
	background-image: url(../images/menu-arrow.png);
	background-repeat: no-repeat;
	background-position: left;
}
.latest_on_footer ul li a:hover {
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-inline-policy: continuous;
	color: rgb(255, 255, 255);
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 27px;
	height: 17px;
}
blockquote.odd{
	padding-top:15px;
	padding-left:10px;
	margin-left:20px;
	background:#EFEFEF;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:0px solid #000;
}
blockquote.even{
	padding-top:15px;
	padding-left:10px;
	margin-left:20px;
	background:#DFDFDF;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:0px solid #000;
}
.comment-div {
	margin:5px 0 25px 25px;
}
a.reply{
	font-family:Arial, Times New Roman;
	font-size:11px;
	color:#BF0000;
	text-decoration:none;
	float:right;
	display:block;
	text-align:right;
	margin-right:5px;
}
a.reply:hover{
	color:#CF5A5A;
	text-decoration:underline;
}