/*   
Theme Name: Huperoptic
Theme URI: 
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* Default */
table, tr, td{border:none;}
body{
	font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-size:11px;
	line-height:16px;
	background:#ddefd7;
}
.aside a{color:#57B038;}
small{font-size:10px;}
.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

/* Layout Default */
#lang_sel, #blog-title{display:none;}
#wrapper{
	margin:0 auto;
	background:#fff;
	width:940px;
}
#footer{
	background:#57b038;
	margin:0 auto;
	width:940px;
}

/* Branding */
#branding{
	height:100px;
	padding:0;
	width:940px;
}
#toplogo{
	height:114px;
	text-align:right;
}
#floatlogo{
	left:0;
	position:absolute;
	height:90px;
	margin:0 5px 0 0;
	z-index:999;
}
#floatlogo img{
	height:90px;
}
#flash_header{
	height:315px;
/*	margin:-50px 0 0;*/
	padding:0;
	margin:0;
	border:none;
	z-index:1;
	position:relative;
}
#flash{float:left;background:#fff;vertical-align:top;height:315px !important;}
#flash #main{padding:0; margin:0;}
/* Menu */
#header{position:relative;}
#access{
	background:#000;
	border:none medium !important;
	height:50px;
	width:714px;
	float:left;
	z-index:99;
}
#new_menu .menu{
width:714px !important;
}
#new_menu{
	background:#000;
	z-index:1;
	width:714px;
	color:#fff;
	top:0;
	left:0;
	position:absolute;
}
#new_menu .sf-menu{
	height:50px;
	border:none medium;
}
#new_menu .menu .sf-menu li li{
	display:none;
}
#new_menu .sf-menu ul, #new_menu .sf-menu ul ul{
	border:none medium;
}
#new_menu .sf-menu li{
	background:#000;
	padding:0;
	height:50px;
	border:none medium;
	
}
#new_menu .sf-menu a{
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	border-color:#fff;
	border-style:solid;
	padding:18px 10px;
	border-width:0 1px 0 0;
	border:none medium;
	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: #57B038;
	border:none medium;
}

/* Front Page */
.slug-newfront #main{
	padding-top:10px;
}
#main{padding-top:10px;}
.front_left{
	width:300px;
	padding:0 10px;
	float:left;
}
.frontpage h2{
	margin-bottom:10px;
}
.frontpage .front_left h3 a{
	color:#0066cc;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.frontpage p{
	margin-bottom:10px;
}

.frontpage .front_right{
	margin-left:320px;
	width:617px;
}
.frontpage .front_right ul{margin:0;}
.frontpage .front_right ul li{
	list-style-type:none;
	float:left;
	width:180px;
	margin-left:18px;
}
.katapelanggan p{
	font-weight:bold;
	border-top:2px solid #ffcc00;
	padding:5px 0;
}
.frontpage .clientname{
	text-align:right;
	border-bottom:1px solid #eee;
	font-weight:bold;
	font-size:14px;
}
/* Content */
h1.entry-title{
	color:#0067a3;
	font-size:14px;
}
.entry-content {padding:0 !important;}
.entry-content .gallery dl{
	margin:10px 0 0;
}
.entry-content .gallery img{
	border:2px solid #000 !important;
	width:140px;
}

.slug-cabang h3.widgettitle{display:none;}

/* Sidebar */
.main-aside ul{
	padding:0;
}
#text-3, #text-4{
	color:#333;
	padding:0 0 10px;
	border-bottom:1px solid #ccc;
}
#text-3 h3, #text-4 h3{
	color:#0067a3;
	font-style:normal;
	border-bottom:2px solid #e8c475;
}
#text-3 .client_name, #text-4 .client_name{
	color:#333;
	font-weight:bold;
	margin:10px 0 0;
}
.textwidget{font-size:11px;line-height:16px;padding-top:10px;}
.hbutton span{
	color:#fff;
	background:#6eab24;
	font-size:18px;
	-moz-border-radius:10px;
	padding:3px 10px 5px;
}

/* Our Dealer */
div.address{
	margin:0 0 20px;
}
div.address ul{
	margin:0;
	padding:0;
}
div.address li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:240px;
}


.page-template-page_dealer-php .entry-content li{list-style-type:none; margin-bottom:10px;}
.page-template-page_dealer-php .entry-content ul{margin:0;}


/* Sidebar Menu */
#simple-section-nav-3 h3{
	color:#57b038;
	font-size:12px;
	font-style:normal;
	font-weight:500;
	margin:0 0 5px;
	text-transform:uppercase;
}
#simple-section-nav-3 ul{
	margin:0 0 0 30px;
}
#simple-section-nav-3 ul li{
	list-style-type:square;
	color:#57b038;
}
#simple-section-nav-3 ul li a{
	color:#222;
	text-decoration:none;
	font-weight:bold;
}

/* Footer */
#footer #subsidiary{
	padding:15px 0;
	width:980px;
}

#footer #subsidiary #first{
	width:900px;
}
#footer .aside ul ul{
	margin:0;
}
#footer .sf-menu{
	border:none medium;
}
#footer .sf-menu ul ul{
	display:none;
}
#footer .sf-menu li{
	background:transparent;
}
#footer .sf-menu a, #footer .sf-menu a:visited{
	border:none;
	padding:3px 10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
#siteinfo{
	display:none;
}


/* Form */
.entry-content form p label{color:#333333;
float:left;
width:120px;
margin-right:20px;
display:block;
font-size:11px;
font-weight:bold;
padding:0.5em 0;
text-transform:uppercase;}
.entry-content form p input[type="text"]{
	border:1px solid #ccc; width:300px;
}
.entry-content form p textarea{
	border:1px solid #ccc; width:300px; height:120px;
}
#post-100 h3{padding-top:0;}
h2.main_formhead, #mainlegend{display:none;}
.wpcf7 p{margin-bottom:10px;}
#floating {background:url('images/cover_huper.jpg') top left no-repeat;}
.nav_lang ul{margin-left:14px;}
.nav_lang ul li{list-style-type:none; display:inline;}
#comments{display:none;}