@charset "utf-8";
/* CSS Document */
/* 
  CSS by GrowlDesignMedia
  Copyright Paulus Agus Setiawan
  December 2011
*/


body { 
	text-align:center; 
	font-family:'Droid Sans', sans-serif; 
	color:#666; 
	font-size:12px;
	background:url(../images/bg.png) repeat #CCC;
	height:100%; 
	padding-top:25px;
}

a { text-decoration:none; color:#007ec4; }
a:hover { color:#999999; }

h1 { font-size:240%; margin:0; padding:0; }
h2 { font-size:220%; margin:0; padding:0; }
h3 { font-size:200%; margin:0; padding:0; }
h4 { font-size:180%; margin:0; padding:0; }
h5 { font-size:160%; margin:0; padding:0; }
h6 { font-size:140%; margin:0; padding:0; }

p { padding-bottom:5px; }

.clear { clear:both }

.main_nav { }
	#main_nav ul { list-style-type:none; height:112px; padding-right:1px; padding-top:70px; text-align:right; }
	#main_nav ul a { font-size:14px; color:#ffffff; display: block; line-height: 41px; text-decoration:none; text-transform:uppercase; padding-left:12px; padding-right:12px; }
	#main_nav ul a:hover, #main_nav ul a.active, #main_nav ul a.visited { background-color:#002940; }
	#main_nav li { display:inline-block; margin-left:-1px; margin-right:-1px; }

.main_nav_visited { background-color:#002940; padding-left:12px; padding-right:12px; }

.logo { background:url(../images/logo.png) no-repeat left; height:112px; }
.logo_blur { text-align:left; background:url(../images/logo_blur.png) no-repeat right; height:112px; margin:auto; padding:auto; }
.header { text-align:left; background:url(../images/bg_header.png) repeat-x top; height:112px; margin-left:0px; padding-right:20px; }
.dot_separator { background:url(../images/dot_hr.png) repeat-x top; height:3px; margin-right:20px; }
.dot_separator_items { background:url(../images/dot_hr.png) repeat-x top; height:3px; margin-right:20px; margin-top:20px; }

.slider { text-align:left; height:268px; margin-left:0px; padding-right:20px; }
.gradient { background:url(../images/gradient.png) repeat-x top; margin:auto; padding-right:20px; height:39px; }
.main_content { text-align:left; margin:auto; }
	.main_content_header { color:#166591; margin-right:10px; font-family: 'Rokkitt', serif; }
	.main_content_content { margin-right:10px; }	
	.sub_content_header { color:#007ec4; text-transform:uppercase; margin-right:10px; font-family: 'Rokkitt', serif; margin-top:20px; }
	.sub_content_content { margin-right:10px; margin-bottom:15px; }
	#sub_content_link a { font-size:10px; color:#181818; text-transform:uppercase; text-decoration:none; }
	#sub_content_link a:hover { color:#007ec4; }		

.news_content_header { color:#999999; margin-right:10px; margin-top:10px; font-family: 'Rokkitt', serif; }
	.news_content_content { margin-right:10px; }	
	.news_content_items { font-size:10px; color:#181818; text-transform:uppercase; text-decoration:none; }

.sidebar { text-align:left; margin:0px 20px 0px 18px; background:#f9f9f9; border:1px solid #eaeaea; padding-bottom:20px; -webkit-border-radius:3px; -moz-border-radius:3px; }
	.sidebar_name { color:#333; padding:15px 20px 10px 20px; font-size:14px; text-transform:uppercase; font-family: 'Rokkitt', serif; }
	.sidebar_header { color:#333; padding:0px 20px 0px 20px; font-size:13px; }
	.sidebar_content { color:#555; padding:0px 20px 5px 20px; }
	.sidebar_separator { background:url(../images/dot_hr.png) repeat-x; height:3px; margin:12px 20px 8px 20px; }
	.sidebar_link a { font-size:10px; color:#999999; text-transform:uppercase; text-decoration:none; padding-left:20px; }
	.sidebar_link a:hover { color:#007ec4; }			
.servicebox_l { text-align:left; margin:0px; }
.servicebox_r { text-align:left; margin-right:0px; }

img.thumb { padding:5px; border:solid; border-color:#efefef; border-width:1px; background-color:#fff;  }
img.right { float:right; margin-left:20px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-right:10px; }
img.left { float:left; -webkit-border-radius:5px; -moz-border-radius:5px; margin-right:20px; }

.footer { text-align:left; background:url(../images/bg_footer.png) repeat-x bottom; height:85px; margin-left:0px; padding-right:20px; padding-top:35px; }
	#footer_link a { font-size:10px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; }
	#footer_link a:hover { color:#007ec4; }		
.footer_left { text-align:left; color:#FFFFFF; font-size:10px; vertical-align:bottom; padding-top:48px; position:absolute; padding-left:10px; }
.footerspace { padding-bottom:30px; }

input,input:hover,input:focus,select,select:hover,select:focus,textarea,textarea:hover,textarea:focus { font-family:'Droid Sans', sans-serif; font-size:13px; color:#2d2d2d; text-decoration:none; }	
input { border:1px; border-color:#dadada; border-style:solid; width:360px; height:18px; padding: 8px; border-radius:3px; }
input:hover, input:focus { border:1px; border-color:#e2e2e2; border-style:solid; width:360px; height:18px; padding: 8px; border-radius:3px; background-color:#efefef; }
select { border:1px; border-color:#dadada; border-style:solid; width:360px; padding: 8px; border-radius:3px; }
select:hover, select:focus { border:1px; border-color:#e2e2e2; border-style:solid; width:360px; padding: 8px; border-radius:3px; background-color:#efefef; }
textarea { border:1px; border-color:#dadada; border-style:solid; width:460px; height:150px; padding: 8px; border-radius:3px; }
textarea:hover, textarea:focus { border:1px; border-color:#e2e2e2; border-style:solid; width:460px; height:150px; padding: 8px; border-radius:3px; background-color:#efefef; }
.buttonform,.buttonform:focus { background: url(../images/button_submit.png) no-repeat; display:block; width:185px; z-index:400; height:55px; border:0px; cursor:pointer; }
.buttonform:hover { background:url(../images/button_submit.png)0px -55px no-repeat; display:block; width:185px; z-index:400; height:55px; border:0px; cursor:pointer; }

#form_response { list-style:none; float:left; margin:-14px 0 0; position: relative; color: #888888; clear:both; }
	.loaderIcon { padding:5px 0; }