@charset "utf-8";
/* CSS Document */
/* 
  CSS by GrowlDesignMedia
  Copyright Paulus Agus Setiawan
  6 January 2012
*/

body { text-align:center; font-family:'Droid Sans', sans-serif; color:#9d9d9d; font-size:13px; background-image:url(../images/bg.png); background-repeat:repeat; background-color:#2b2b2b; height:100%; }

h1 { margin:20px 15px 0 0; font-family:'Rokkitt', serif; font-size:26px; color:#62c0dc; text-transform:uppercase; }
h2 { margin:0; font-family:'Rokkitt', serif; font-size:24px; color:#00a4e2; text-transform:uppercase; margin-bottom: -6px; margin-top: -19px;}
h3 { margin:0px 15px 0 0; font-family:'Rokkitt', serif; font-size:18px; color:#707175; }
h4 { margin:10px 15px 5px 0; font-family:'Rokkitt', serif; font-size:18px; color:#62c0dc; text-transform:uppercase; }
h5 { margin:5px 15px 0 0; font-family:'Rokkitt', serif; font-size:16px; color:#707175; }
h6 { margin:10px 15px 7px 0; font-family:'Rokkitt', serif; font-size:20px; color:#707175; }
.notfound { font-family:'Rokkitt', serif; font-size:300px; color:#707175; font-weight:bold; text-align:left; text-align:center; margin:-50px 0 -120px 0;}
.notfoundtext { font-size:13px; color:#707175; text-align:center; vertical-align:bottom; margin-bottom:50px; }

p { padding:2px 0px 2px 0px; }
	p.confirmation { background:url(../images/confirmation.png) no-repeat 15px 9px; color:#5A5A5A; border:1px dotted #a4e673; background-color:#dffec8; padding:15px 57px; }
	p.warning { background:url(../images/warning.png) no-repeat 15px 9px; color:#5A5A5A; border:1px dotted #e5de73; background-color:#fefac8; padding:15px 57px; }
	p.information { background:url(../images/information.png) no-repeat 15px 9px; color:#5A5A5A; border:1px dotted #96dee9; background-color:#ddf5f9; padding:15px 57px; }
	p.error { background:url(../images/error.png) no-repeat 15px 9px; color:#5A5A5A; border:1px dotted #e3b7b7; background-color:#f4dada; padding:15px 57px; }

iframe { padding-bottom:15px; border:none; }
.clear { clear:both }
a { text-decoration:none; color:#707175; }
a:hover { color:#62c0dc; }

.container_footer { background-image:url(../images/bg_footer.png); background-repeat:repeat-x; border:0px; text-align:left; padding:0px; height:auto; padding-top:16px; margin-top:30px; padding-bottom: 15px;}
.container_form { margin-left:0; }
.container { text-align:left; background:#fff; border-radius:5px; border:#dbdbdb solid 1px; padding-left:10px; }
.releaseheight { height:20px; }

img.ads_l { padding:5px; border:solid; border-color:#efefef; border-width:1px; background-color:#fff; margin-bottom:15px; }
img.ads_r { padding:5px; border:solid; border-color:#efefef; border-width:1px; background-color:#fff; margin-left:-10px; margin-bottom:15px; }
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:0 10px 0 0; }
img.center { float:none; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 15px 0; }
img.portfolio { float:none; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 10px 0; }
img.left_transparent { float:left; margin:0 10px 0 0; }
.rollover_img a:hover { background:#000; opacity:.60; filter:alpha(opacity=60); }

.dropcap_standard { float:left; font-size:45px; margin:-10px 10px 0 0; }
	.dropcap_color { float:left; font-size:45px; margin:-10px 10px 0 0; color:#62c0dc; }
	.circlespot { border-radius:25px 25px 25px 25px; background-color:#b9b9b9; color:#5f5f5f; font-weight:bold; display:block; float:left; font-size:30px; height:20px; margin:5px 10px 0 0; padding:0px 8px 23px 11px; text-align:center; width:25px; }
	.circlespot_color { border-radius:25px 25px 25px 25px; background-color:#62c0dc; color:#FFFFFF; font-weight:bold; display:block; float:left; font-size:30px; height:20px; margin:5px 10px 0 0; padding:0px 8px 23px 11px; text-align:center; width:25px; }

blockquote { quotes:none; margin: 0 0 1.5em; border-left:10px solid #62c0dc; padding:0 0 0 15px; letter-spacing:0.1px; font:font-family:'Rokkitt', serif; font-size:16px; color:#707175; }

code { color:#707175; border:1px dotted #cccccc; padding:10px 10px; background-color:#efefef; }
	pre { display:block; overflow:hidden; padding:10px 10px; border:1px dotted #cccccc; margin-bottom:16px; background-color:#efefef; font:11px Consolas,"Courier New",Courier,monospace; color:#707175; }
	pre:hover { overflow:visible; }

/* BULLETS */
ul.bullet-typeone li { background:url(../images/bullet-typeone.png) no-repeat 0 2px transparent; padding-left:22px; margin-bottom:5px; list-style:none; }
ul.bullet-typetwo li { background:url(../images/bullet-typetwo.png) no-repeat 0 2px transparent; padding-left:22px; margin-bottom:5px; list-style:none; }
ul.bullet-typethree li { background:url(../images/bullet-typethree.png) no-repeat 0 2px transparent; padding-left:22px; margin-bottom:5px; list-style:none; }
ul.bullet-typefour li { background:url(../images/bullet-typefour.png) no-repeat 0 2px transparent; padding-left:22px; margin-bottom:5px; list-style:none; }
.releasebullet { height:30px; }
/* END BULLETS */

.main_content { margin:0px 0px 5px 5px; }
	#main_content a:hover { color:#62c0dc; }

.blog_links { font-size:10px; text-transform:uppercase; color:#333333; }		
	#blog a:hover { color:#62c0dc; }

.dot_separator { background-image:url(../images/dots.png); background-repeat:repeat-x; padding-bottom:20px; margin-left:0; }
.dot_separator_blog { background-image:url(../images/dots.png); background-repeat:repeat-x; padding-bottom:5px; margin-left:0; }
.dot_separator_portfolio { background-image:url(../images/dots.png); background-repeat:repeat-x; margin-top:15px; margin-left:0; margin-right:10px; height:10px; }

.last { padding-bottom:30px; }
.logo { background-image:url(../images/logo.png); background-repeat:no-repeat; text-align:left; padding-bottom:84px; margin-left:0px; margin-top:10px; }
.nav_bg { background-image:url(../images/nav_bg.png); background-repeat:repeat-x; margin:auto; border:0px; text-align:left; padding:0px; }

.social { font-family:'Droid Sans', sans-serif; font-size:12px; text-decoration:none; text-align:right; margin-right:-20px; }
	#sociallink { font-family:'Droid Sans', sans-serif; font-size:12px; text-decoration:none;  }
	#sociallink a { font-family:'Droid Sans', sans-serif; font-size:12px; color:#949494; text-decoration:none; }
	#sociallink a:hover { color:#62c0dc; }	

.smalllogo { background-image:url(../images/smalllogo.png); background-repeat:no-repeat; text-align:left; padding-top:27px; padding-bottom:25px; margin-left:0px; }
	#footer { font-family:'Droid Sans', sans-serif; font-size:10px; color:#949494; text-transform:uppercase;  }
	#footer_right { font-family:'Droid Sans', sans-serif; font-size:10px; color:#949494; text-transform:uppercase; text-align:right; margin-right:-20px; margin-top:12px; }
	#footer a, #footer_right a { font-family:'Droid Sans', sans-serif; font-size:10px; color:#949494; text-transform:uppercase; text-decoration:none; }
	#footer a:hover, #footer_right a:hover { color:#fff; }	

.services { text-align:left; background:#fff; }
	#services a { color:#707175; text-transform:uppercase; text-decoration:none; font-size:10px; margin-left:58px; }
	#services a:hover { color:#cccccc; }			
	
.features { text-align:left; margin-bottom:30px; }
	.features_box { background-color:#f5f5f5; border-radius:5px; padding:5px 20px 0 20px; margin-right:10px; height:250px; }
	.features_box_subpages { background-color:#f5f5f5; border-radius:5px; padding:5px 20px 0 20px; margin-right:10px; padding-bottom:5px; }
	#features a { color:#707175; text-transform:uppercase; text-decoration:none; font-size:10px; margin-left:58px; }

.sidebar { margin-bottom:15px; }
	.sidebar_box { margin:10px 10px 0 0; background-color:#f5f5f5; border-radius:5px; border-style:solid; border-width:1px; border-color:#f2f2f2; height:auto; padding:0 15px 0 15px; }	
	.sidebar_box_subpages { margin:30px 10px 0 0; background-color:#ffffff; border-radius:5px; border-style:solid; /*border-width:1px;*/ border-color:#f2f2f2; height:auto; padding:0 15px 0 15px; }	
	.sidebar_separator { background-image:url(../images/dots.png); background-repeat:repeat-x; padding-bottom:15px; margin-left:5px; }
	.sidebar_content_header { margin:0 10px 0 0; font-size:13px; }
	.sidebar_content { margin:0 10px 0 0; font-size:11px; }
	.sidebar_readmore { margin-right:10px; text-align:right; }
	#sidebar_readmore a { color:#a9a9a9; text-transform:uppercase; text-decoration:none; font-size:10px; background-color:#666666; display:inline; padding:5px 10px 5px 10px; }
	#sidebar_readmore a:hover { background-color:#62c0dc; color:#FFFFFF; }			
	
.sub_content_box { text-align:left; margin:0; }
	#sub_content_link a { color:#ff6600; text-transform:uppercase; text-decoration:none; }
	#sub_content_link a:hover { color:#707175; }		

ul {  /*height:44px;*/-webkit-padding-start: 40px; }
	ul a { font-family:'Rokkitt', serif; font-size:15px; color:#ffffff; line-height:44px; text-decoration: none; }
	ul a:hover,a:active,a.green:visited { color: #62c0dc; }
	li { margin-left:0px; margin-right: 40px; margin-top:-33px;}

#dropdown_nav { margin-left: 260px; }
#dropdown_nav li { float: left;	list-style:none; font-family:'Rokkitt', serif; font-size:18px; color:#FFF;}
#dropdown_nav li a { display:block; text-decoration:none; width:auto; color:#EAFFED; white-space:nowrap; }
#dropdown_nav li a:hover { color: #62c0dc; }
#dropdown_nav li a:active { color: #62c0dc; }
#dropdown_nav a.linkselected:visited { color: #62c0dc; }
#dropdown_nav li ul { margin:0; padding:0; position:absolute; visibility:hidden; z-index:30; margin-top:5px; }
#dropdown_nav li ul li { float:none; display:block; }
#dropdown_nav li ul li a { width:auto; background:#000000; color:#a9a9a9; padding-left:15px; padding-right:30px; line-height:35px; font-family:'Rokkitt', serif; font-size:14px; opacity:0.9; filter:alpha(opacity=90); }
#dropdown_nav li ul li a:hover { background:#62c0dc; color:#FFFFFF; }

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:#a9a9a9; display:block; width:120px; z-index:400; height:40px; border:0px; cursor:pointer; font-family:'Rokkitt', serif; font-size:23px; color:#FFF; }
.buttonform:hover { background:#62c0dc; display:block; width:120px; z-index:400; height:40px; border:0px; cursor:pointer; font-family:'Rokkitt', serif; font-size:23px; color:#FFF; }

.button,.button:focus { background:#a9a9a9; display:block; width:190px; height:40px; cursor:pointer; font-family:'Rokkitt', serif; font-size:23px; color:#FFF; margin:10px auto 0 auto; padding-top:8px; padding-right:-10px; border-radius:5px; }
.button:hover { background:#62c0dc; display:block; width:190px; height:40px; cursor:pointer; font-family:'Rokkitt', serif; font-size:23px; color:#FFF; }

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

/* START PAGINATION */
.pagenavigation span { height:23px; line-height:24px; width:auto; padding:0px 7px; margin:10px 3px 13px 0; display:inline; float:left; font-size:13px; text-decoration:none; border-radius:3px; }
.pagenavigation a { height:23px; line-height:24px; width:auto; padding:0px 7px; margin:10px 3px 14px 0; display:inline; float:left; font-size:13px; text-decoration:none; border-radius:3px; background-color:#efefef; }
.pagenavigation a:hover { background-position:center -211px; }
.nextpostslink,.prevpostlink { font-size:13px; }
.current { background-color:#62c0dc; color:#FFFFFF; }
/* END OF PAGINATION */