/**
 * Theme Name: nPromote
 * Theme URI: http://npromote.com/
 * Description: nPromote
 * Version: 0.1
 * Author: Dzikri Aziz
 * Author URI: http://kucrut.org/
 * Tags: green, corporate, jadul
 * Template: hybrid
 *
 */

/* Get base CSS */
@import url('../hybrid/library/css/reset.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get tabs CSS (uncomment below line if using the Hybrid Tabs plugin) */
/* @import url('css/tabs.css'); */

.cf{clear:both}
.hidden,.overlay{display:none}
.hider{overflow:hidden}
.holder{overflow:auto}


/* Floats
 * --------------------- */
.aligncenter{margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.alignnone{}

/* Text */
.tLeft{text-align:left}
.tCent{text-align:center}
.tRight{text-align:right}
.tBold{font-weight:bold}
.tItalic{font-style:italic}
.tUline{text-decoration:underline}



body {
  background:#fff;
  color:#585858;
  font:.625em/1 Arial, sans-serif}
a {color:#417127}

.simple-menu {list-style:none}
.simple-menu li {
	display:inline;
	margin-right:.5em}
.simple-menu li:before {
	content:'| ';
	padding-right:.5em}
.simple-menu li:first-child:before {
	content:'';
	padding:0}


.inside,
#header,
#content,
#footer {
	margin:0 auto;
	width:980px}



/* Header */
#header-container  {
	background:url("images/bg-header-main.png") repeat-x scroll 0 0 transparent;
	color:#181818;
	height:89px}
#header {position:relative}

#site-title,
#site-title a {
	height:133px;
	width:228px}
#site-title a {
	background:url(images/logo.png) no-repeat;
	left:0;
	position:absolute;
	top:0;
	z-index:9}
#site-title a span {display:none}


/* Navigation */
#primary-menu {
	background:url("images/bg-nav.png") no-repeat scroll 0 0 transparent;
	height:44px;
	left:190px;
	position:absolute;
	top:27px;
	width:581px;
	z-index:3}
#primary-menu ul {padding-left:30px}
#primary-menu li {font-size:16px}

#primary-menu a {
	float:left;
  color:#fff;
  padding-left:12px;
	position:static}
#primary-menu a span {
  color:#fff;
	float:left;
  height:38px;
  line-height:38px;
  padding:0 12px 0 2px}
#primary-menu a:focus,
#primary-menu a:hover,
#primary-menu a.sFhover {
  background:url(images/bg-nav-item-1st-level-left.png) no-repeat 0 4px}
#primary-menu a:focus span,
#primary-menu a:hover span {
  background:url(images/bg-nav-item-1st-level-right.png) no-repeat right 4px}
#primary-menu a.sf-with-ul span {
	background:none;
	padding-right:0}
#primary-menu a.sf-with-ul:hover span {
	background:url(images/bg-nav-item-1st-level-center.png) repeat-x 0 4px;
	padding-right:0}
#primary-menu a.sf-with-ul span.sf-sub-indicator {padding:0 12px 0 5px}
#primary-menu a.sf-with-ul:hover span.sf-sub-indicator {background:url(images/bg-nav-item-1st-level-right.png) no-repeat right 4px}

 /* 2nd Level */
#primary-menu ul ul {
  background:url(images/bg-nav-children.png) no-repeat 0 bottom;
	display:none;
  left:-10px;
  padding:6px 6px 6px 10px;
  position:absolute;
  top:36px;
  width:194px;
  z-index:2}
#primary-menu ul ul li {
  float:none;
  font-size:12px;
  width:194px}
#primary-menu ul ul li a,
#primary-menu ul ul li a span {
  display:block;
  float:none}
#primary-menu ul ul li a {padding:0}
#primary-menu ul ul li a span {
  height:23px;
  line-height:20px;
  padding:0 12px}
#primary-menu ul ul li a:hover {background:none}
#primary-menu ul ul li a:hover span {background:url(images/bg-nav-item-2nd-level.png) no-repeat}
#primary-menu li:hover ul {display:block}



/* Header Address */
#header address {
	background:url("images/text-contact-now.png") no-repeat scroll 0 0 transparent;
	float:right;
	font-size:22px;
	font-style:italic;
	font-weight:bold;
	height:67px;
	position:absolute;
	right:20px;
	text-indent:-99999em;
	top:25px;
	width:181px}



/* Page Title */
.after-header {
  background:#f1f1f1 url(images/bg-page-title.png) repeat-x;
	clear:both;
  line-height:1.1;
  padding:40px 0 16px}
.after-header .the-title {
  color:#474747;
  font-size:36px;
  padding-top:30px}




/* Content */
#container {
	background:url("images/bg-content.png") repeat-x scroll 0 0 transparent;
	padding:23px 0 10px}


/* Footer */
#footer-container {
	background:url(images/bg-footer-main.png);
	clear:both}
#footer {
	background:url("images/footer-tape.png") no-repeat scroll 0 20px;
	color:#0b5001;
	font-size:1.2em;
	height:140px;
	padding:12px 0;
	position:relative}
#footer a {color:#0b5001}
#footer a:focus,
#footer a:hover {
  text-decoration:underline}
#footer .copyright {padding:100px 0 10px}
#footer-menu {font-size:1.2em}

/* Footer social icons */
#social {
	float:right;
	list-style:none}
#social li {
  float:left;
  margin-right:50px;
  text-indent:-99999em}
#social li a {
  background-position:0 center;
  background-repeat:no-repeat;
  display:block;
  height:84px}
#social li.rss a {
  background-image:url(images/icon-rss.png);
  width:98px}
#social li.facebook a {
  background-image:url(images/icon-facebook.png);
  width:78px}
#social li.twitter a {
  background-image:url(images/icon-twitter.png);
  width:81px}
#social li.phone {
  background:url(images/icon-phone.png) no-repeat;
  height:64px;
  width:204px}



/* Article */
.hentry {
	overflow:hidden;
	padding:10px 0}
.page-has-sibling .hentry {float:right;width:805px}

.content .bigthumb {display:block}
.page-has-sibling .content .bigthumb {margin-left:-10px}

.page-title {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	color:#417127;
	font-size:38px;
	font-weight:bold;
	line-height:1.1;
	padding:20px 0;
	white-space:nowrap}

.entry-wrapper {
	float:left;
	width:700px}
.page-has-sibling .entry-wrapper {width:520px}

.entry-content {
  font-size:12px;
  line-height:18px;
	padding-bottom:40px}
.entry-content a:focus,
.entry-content a:hover {
	text-decoration:underline}
.entry-content p,
.entry-content ol,
.entry-content ul {
  margin-bottom:1em}
.entry-content li ol,
.entry-content li ul {
  margin-bottom:0}
.entry-content ol {
  list-style-type:decimal;
  padding-left:2em}
.entry-content ul {
  list-style-type:disc;
  padding-left:2em}

.entry-content img.alignleft {margin-right:16px}
.entry-content img.alignright {margin-left:16px}


.subpages-menu {
  background:url(images/bg-subpages-nav-bottom.png) no-repeat 0 bottom;
  float:left;
  padding-bottom:10px;
  width:155px}
.subpages-menu ul {
  background:url(images/bg-subpages-nav-middle.png) repeat-y;
	list-style:none;
  padding:10px 12px 0}
.subpages-menu li {
  font-size:16px;
  line-height:22px;
  padding-bottom:4px}
.subpages-menu a {
	color:#474747;
	display:block}
.subpages-menu a:focus,
.subpages-menu a:hover {
  text-decoration:underline}
.subpages-menu li.current_page_item a {color:#6ca744}



/* Sidebars */
#npromote-side {
	float:right;
	width:262px}
#npromote-side .widget {margin-bottom:13px}


/* Widgets */
.widget_contact {
  background:url(images/bg-box-sidecontact.png) no-repeat;
  height:310px;
  min-height:310px}
#sidecontact {padding:18px 13px 23px}
#sidecontact .widget-title {
  color:#fff;
  font-size:18px;
  font-weight:bold;
  padding-bottom:25px;
  text-align:center}
#sidecontact .widget-title small {
  display:block;
  font-size:13px;
  font-weight:normal;
  padding-top:3px}
#sidecontact ul {list-style:none}
#sidecontact li {
  height:40px;
  position:relative;}
#sidecontact label {
  display:block;
  font-size:14px;
  height:16px;
  padding:8px 9px 7px;
  position:absolute;
  width:229px;
  z-index:2}
#sidecontact input {
  background:url(images/input-sidecontact.png) no-repeat;
	border:0;
  color:#585858;
  display:block;
  font-size:14px;
  height:16px;
  padding:8px 9px 7px;
  width:229px}
#sidecontact input.error {background-position:0 bottom}
#sidecontact input.valid {background-position:0 0}

#sidecontact #scWeb {margin-bottom:20px}
#sidecontact button {
  background:url(images/button-sidecontact-submit.png) no-repeat;
	border:0;
  display:block;
  float:right;
  height:42px;
  text-indent:-99999em;
  width:111px}
#sidecontact p {
  color:#fff;
  float:left;
  font-size:14px;
  padding:18px 0 0 10px}

/* Contact Form */
/*
#cForm {float:left;width:700px}
*/
#cForm ul {list-style:none}
#cForm li {margin-bottom:10px}
#cForm label {
  float:left;
  font-size:12px;
  padding-top:3px;
  width:120px}
#cForm .input,
#cForm #cfSubmit {
  border:1px solid #ccc;
  float:left;
  font-family:Arial, sans-serif;
  font-size:12px;
  padding:3px;
  width:230px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow:inset 0 0 3px #dadada;
  -webkit-box-shadow:inset 0 0 3px #dadada;
  box-shadow:inset 0 0 3px #dadada}
#cForm #cfMessage {width:400px}
#cForm #cfSubmit {
  background:#efefef;
  font-family:'Trebuchet MS', sans-serif;
  font-size:12px;
  margin-left:120px;
  text-transform:uppercase;
  width:100px}


/* Frontpage testimonials */
.home #testimonials {
	border-top:1px dashed;
	padding-top:40px}
.home #testimonials .hentry {
  background:url(images/bg-box-testy.png) no-repeat;
  float:left;
  height:215px;
  margin-right:30px;
  width:202px}
.home #testimonials .hentry .content {padding:15px 16px 10px}
.home #testimonials .hentry .thumb {
  height:76px;
  line-height:76px;
  margin-bottom:10px;
  text-align:center}
.home #testimonials .hentry .thumb img {vertical-align:sub}
.home #testimonials .hentry .content p {
  font-size:11px;
  line-height:1.4;
  margin-bottom:8px}


/* eBook */
#thebook {
  background:#fff;
  border:1px solid #cfcfcf;
  color:#000;
  padding:14px 14px 0;
  text-align:center;
  width:400px;}
#thebook ul {list-style:none}
#thebook a {color:#309d2a;text-decoration:underline}
#thebook a:focus, #thebook a:hover {text-decoration:none}
#thebook .head {
  background:url(images/icon-signup.png) no-repeat center 0;
  color:#309d2a;
  font-size:1.6em;
  line-height:1.2;
  padding-top:76px}
#thebook .head h3 {
  font-size:1.5em;
  padding-bottom:.4em}
#thebook .foot {font-size:1.4em}
#thebook .foot p {margin-bottom:1em}

#thebook .theform {
  margin:10px auto 0;
  padding:10px 0;
  text-align:left;
  width:300px}
#thebook .theform li {margin-bottom:10px}
#thebook .theform label {
  float:left;
  font-size:12px;
  padding:4px 10px 0 0;
  text-align:right;
  width:80px}
#thebook .theform input {
  border:1px solid #919191;
  float:left;
  font-size:12px;
  padding:2px 3px}

#thebook .theform .theSubmit {
  background:#167c05 url(images/bg-grad-green.png) repeat-x;
  border:1px solid #137902;
  color:#fff;
  display:block;
  font-size:14px;
  margin:0 auto;
  padding:3px 10px;
  width:180px}


/* Video */
#thevideo {
  background:#d6e8d2;
  height:550px;
  width:719px;
  z-index:999}
#thevideo .head {
  background:url(images/bg-video-head.png) no-repeat;
  display:block;
  height:72px}
#thevideo .video {
  background:#000;
  display:block;
  height:338px;
  width:719px}
#thevideo form {
  background:url(images/bg-video-form.png) no-repeat 7px 5px;
  height:140px}
#thevideo form .inputs {
  float:left;
  padding:13px 14px 0 190px;
  width:414px}
#thevideo form .inputs li {
  margin-bottom:7px;
  overflow:hidden}
#thevideo form label {
  background:url(images/icon-star.png) no-repeat 0 5px;
  float:left;
  font-size:12px;
  padding:5px 0 0 14px;
  width:100px}
#thevideo form input {
  background:#e6eee5;
  border:1px solid #bdccc1;
  font-size:12px;
  padding:3px 4px;
  width:290px}
#thevideo form .thebutton {float:left}
#thevideo form .thebutton span {
  background:url(images/icon-star.png) no-repeat 0 14px;
  display:block;
  font-size:12px;
  font-style:italic;
  padding:13px 0 76px 12px;
  text-transform:lowercase}
#thevideo form button {
  border:1px solid #7cbbde;
  background:#007cee;
  color:#fff;
  display:block;
  font-size:11px;
  font-weight:bold;
  padding:4px 9px;
  text-transform:uppercase}

#thevideo form input,
#thevideo form button {
  -khtml-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px}


/* Portfolio */
#the-portfolio ul {
	padding:0;
	list-style:none}
#the-portfolio img {display:block}
.scrollable,
.scrollable .item {
  height:350px;
  overflow:hidden;
  width:643px}
.scrollable {
  border:1px solid #dadada;
  margin:0 0 4px 2px;
  position:relative;}
.scrollable .items {
  position:absolute;
  width:100000px}
.scrollable .item {
  float:left;
  position:relative}
.scrollable .item .desc {
  background:url(images/bg-trans-black.png);
  bottom:0;
  color:#fff;
  font-family:'Trebuchet MS', 'Myriad Pro', sans-serif;
  font-size:1.4em;
  height:50px;
  left:0;
  line-height:1.5;
  padding:12px 0 4px;
  position:absolute;
  width:643px;
  -moz-box-shadow:inset 0 0 2px #000;
  -webkit-box-shadow:inset 0 0 2px #000;
  box-shadow:inset 0 0 2px #000}
.scrollable .item .desc dt {
  clear:left;
  float:left;
  font-weight:bold;
  padding-left:16px}
.scrollable .item .desc dd {
  float:left;
  padding-left:.5em}


.scrollable-nav {
  height:77px;
  overflow:hidden;
  position:relative;
  width:650px}
.scrollable-nav .items {
  position:absolute;
  width:5000px}
.scrollable-nav .item {
  border:1px solid #dadada;
  float:left;
  margin:0 2px}

.slideshow .inside {
	height:320px;
	overflow:hidden;
	position:relative;
	width:950px}
.slideshow .slides-wrapper {
  background:#fafafa;
  border:0;
  height:320px;
  margin:0 auto;
  overflow:hidden;
  -moz-border-radius-topleft:11px;
  -moz-border-radius-topright:11px;
  -khtml-border-top-left-radius:11px;
  -khtml-border-top-right-radius:11px;
  -webkit-border-top-left-radius:11px;
  -webkit-border-top-right-radius:11px;
  border-top-left-radius:11px;
  border-top-right-radius:11px}

.slideshow .slides-nav {
  background:url(images/bg-slides-nav.png) repeat-x;
  bottom:0;
  height:55px;
	list-style:none;
  position:absolute;
  width:100%;
  z-index:999}
.slideshow .slides-nav li {
  background:url(images/bg-slides-nav-sep.png) no-repeat;
  float:left;
  font-size:22px;
  height:55px;
  line-height:55px;
  padding-left:2px;
  text-align:center;
  text-transform:uppercase;
  width:188px}
.slideshow .slides-nav li:first-child {
  background:none;
  padding:0;
  width:190px}
.slideshow .slides-nav li a {
  color:#223309;
  display:block;
  text-shadow:0 1px #c3de9d;}
.slideshow .slides-nav li a:focus,
.slideshow .slides-nav li a:hover,
.slideshow .slides-nav li a.current {
  background:url(images/bg-slides-nav-hover.png) center center}


.slideshow .slide {
	background-position:center center;
	background-repeat:no-repeat;
  float:left;
	height:265px;
  position:relative;
	width:100%}
.slideshow .slide .button {
  background:url(images/bg-slides-button.png) no-repeat;
  bottom:10px;
  color:#84aecb;
  display:block;
  font-size:18px;
  font-weight:bold;
  height:57px;
  line-height:32px;
  position:absolute;
  right:32px;
  text-align:center;
  text-indent:-20px;
  width:233px}
.slideshow .slide .button:focus,
.slideshow .slide .button:hover {
  color:#f0f0f0}
.slideshow .slide .content {
  color:#363636;
	padding:50px 0 0 80px;
  width:350px}
.slideshow .alignright .content {
  float:right;
  padding:50px 80px 0 0}

.slideshow .slide-title {
  padding-bottom:10px;
  font-size:20px;
  font-weight:bold}
.slideshow .slide p {
  font-size:12px;
  line-height:18px}

.slideshow .thumb {
  float:left;
  left:100px;
  height:227px;
  overflow:hidden;
  position:relative;
  top:20px;
  width:320px}
.slideshow .thumb .play {
  background:url(images/button-play.png) no-repeat;
  height:81px;
  left:50%;
  margin:-40px 0 0 -40px;
  position:absolute;
  text-indent:-99999em;
  top:50%;
  width:81px;}