/*  

Theme Name: Centita

Theme URI: http://www.indonez.com/

Description: Minimalist Business Wordpress Theme

Author: Indonez

Author URI: http://themeforest.net/user/indonez

Version: 1.1

*/



/*----------------------------------------------------

                 Centita - CSS File

------------------------------------------------------*/





/* Global

------------------------------------------------------*/

html,body{height:100%}

body{

font-family:Georgia, "Times New Roman", Times, serif;

font-size:12px;

margin:0 auto;

padding:0;

color:#0033ff;

height:100%;

}

*{

margin:0;

padding:0;

}

*:focus{

outline:none; /* removes ugly dotted border but may make template more unsuable, up to you

				 if you want to keep it! */

}


.clr{clear:both}

form{margin:0; padding:0;}

hr{

border:0;

color:#dedede;

background-color: #dedede;

height: 1px;

margin:10px 0px 6px 0px;

padding:0px;

}



/* Default Element Styles

------------------------------------------------------*/

/* heading */

h1, h2, h3, h4, h5{margin-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#0033FF;}

h1{font-size:36px; line-height:30px;}

h2{font-size:36px; line-height:30px;}

h3{font-size:18px; line-height:20px;}

h4{font-size:16px; line-height:18px;}

h5{font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}



/*HV Custom*/

#contactInfo

{

float:left;

margin-top:30px;



}





#contactInfo p

{

color:#0033FF;

font-size: 20px;

float: left}



#contactInfo p

{

margin-left:20px;

}

#embWrapper

{

width:100%;

}

.embTable, .embTable td

{

border:solid 1px #202020;padding:10px;

}

#itemBrands

{

clear:left;

float:left;width:240px;height:310px;

text-align:left;border:solid 1px #E8E8E8;

}

#bannerNavigation

{

width:960px;height:220px;overflow:hidden;

margin-bottom:15px;

vertical-align:top;

}

.bannerNav

{

float:left;

width:190px;

height:220px;

vertical-align:bottom;

margin-right:1px;

overflow:hidden;

}

.bannerImages

{

width:192px;height:220px;z-index:1;

}

.bannerNav h3

{

position:absolute;

margin:0;padding:0;

margin-top:190px;width:192px;

padding:5px 0px 5px 0px;

z-index:2;

background-color:#E8E8E8;width:190px;

text-align:center;

}

.h2Wrap

{

padding:20px 0px 20px 0px;

width:192px;

text-align:right;

}

.serviceBrands

{

border:solid 1px #d0d0d0;margin-top:20px;width:960px;height:auto;

}

.serviceBrands img

{

padding:10px;width:940px;height:auto;

}

.servField

{

float:left;

width:500px;



padding:10px;

text-align:center;

border:solid 1px #D0D0D0;

}

.servLink

{margin:10px 20px;float:left;}

.servNav

{

width:250px;

float:left;

margin:20px;

}

.servNav .noImg

{

width:250px;

height:250px;

background-color:#202020;

color:#F0F0F0;

}

.servNav h2, .servNav img

{

margin:0;

}

.servNav ul li

{



background-color:#202020;

float:left;

}

/* links */

.aTrapper{color:#0033FF;}

a{color:#0033FF; text-decoration:none;}

a:visited{color:#0033FF; text-decoration:none;}

a:hover{color:#3258f1;}

a img{border:none}

.imgleft{float:left; padding:5px 12px 0px 0px;}

.imgright{float:right; padding-left:12px;}

/* lists, blockquotes and paragraphs */

p, ul, ol, blockquote{

font-size:12px;

line-height:18px;

margin-bottom:20px;

color:#4c4c4c;

}

ul, ol{

margin:10px 0 35px 40px;

}

li ol, li ul{

font-size:1.0em;

list-style:square;

margin-bottom:0;

margin-top:0;

}

li ol{list-style:decimal;}

blockquote{

font-style:italic;

margin:0px;

color:#4c4c4c;

padding:0px 4px 0px 32px;

background-image:url(images/quote.png);

background-position:0px 5px;

background-repeat:no-repeat;

}





/* code */

code{

font-family:Georgia, "Times New Roman", Times, serif;

letter-spacing:1px;

margin:25px 0 25px 0px;

display:block;

font-size:0.9em;

border-left:4px solid #dddddd;

padding:15px 10px;

}





/* Front Page Slider

------------------------------------------------------*/

#slider1 {

    width: 960px; /* important to be same as image width */

    height: 280px; /* important to be same as image height */

    position: relative; /* important */

	overflow: hidden; /* important */

}

#slider1 h2 {

	font-size:24px;

	color:#ffffff;

	margin-bottom:0px;

}

#slider1 h3 {

	font-size:16px;

	color:#ffffff;

	margin-bottom:8px;

}

#slider1Content {

    width: 960px; /* important to be same as image width or wider */

    position: absolute;

	top: 0;

	margin-left: 0;

}

.slider1Image {

    float: left;

    position: relative;

	display: none;

}

.slider1Image span {

    position: absolute;

	font-size:12px;

    padding: 15px 20px;

    width: 960px;

    background-color: #000;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

	-khtml-opacity: 0.7;

    opacity: 0.7;

    color: #fff;

    display: none;

}

.clear {

	clear: both;

}

.slider1Image span strong {

    font-size: 24px;

}

.right {

	right: 0;

	bottom: 0;

	width: 272px !important;

	height: 255px;

}

.right p {

  color: #fff;  

}

ul { list-style-type: none;}

a.more {

display: inline-block;

margin-top:10px;

padding: 5px 10px;

background: #2f87aa;

color: #ffffff;

}



/* Container

------------------------------------------------------*/

#main_container{background-image:url(images/bg-top-container.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}

#bottom_container{background-image:url(images/bg-container-bottom.gif); background-position:top; background-repeat:no-repeat; height:54px;}





/* Centercolumn

------------------------------------------------------*/

#centercolumn{width:960px; margin:0px auto 0px auto;}





/* Top

------------------------------------------------------*/

#top{height:153px; width:960px;}

#logo{width:320px; padding:16px 0px 0px 20px; float:left;}

#topmenu{width:960px; float:left; height:74px;margin:0px 0px 15px 10px;}



/* Seacrh styling */

#search-box{

padding:28px 10px 0px 0px;

}

#search{

float:right;

width:auto;

}

#s{

font:12px Georgia, "Times New Roman", Times, serif;

font-size:11px;

color:#c8c9be;

padding:3px 30px 2px 3px;

background:none;

border:1px solid #d9d9d9;

width:185px;

}

#s:focus{

border:1px solid #adacac;

color:#adacac;

}

#search .go{

position:absolute;

margin:2px 0 0 -26px;

background: url(images/search-icon.gif);

height: 17px;

width: 18px;

cursor:pointer;

border: none; 

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#search .go {

position:absolute;

margin:-19px 0 0 198px;

background: url(images/search-icon.gif);

height: 17px;

width: 18px;

cursor:pointer;

border: none; 

}

}



/* Top Navigation bar menu styling */

#nav{

list-style-type: none;

margin:20px 0 0 0;

width:940px;

overflow:hidden;

border:1px solid #cbcbcb;

}

#nav li{

float:left;width:155px;

border-right:1px solid #cbcbcb;

text-align:center;

}

#nav li a:link, #nav li a:active, #nav li a:visited{

display:block;text-align:center;

width:100%;



text-decoration: none;

line-height: 20px;

outline: none;

font-size: 18px;

color:#0033FF;

}

#nav li:hover, #nav li a:hover, #nav li.selected a,

#nav li.current_page_item a {

  color:#0033FF;

}

span.descmenu{

font-size:11px; 

padding:0px 20px;

color:#989797;

text-transform:lowercase;

}





/* Content

------------------------------------------------------*/

#content{width:960px;}

#maincontent{padding:20px 0px 30px 0px; float:left}

.h-line {padding:4px 0px;}



/* main */

#main{width:610px; float:left;}

#maintext{padding:0px 0px 20px 0px}

#maintext h2{margin:0px;}

#maintext h1{color:#0033FF;}

#maintext_portfolio{padding:0px 0px 0px 0px}

.box-main{width:290px; float:left; padding:28px 0px 0px 0px;}

.spacer{width:30px; float:left; display:block; height:100%;}

.icon{width:77px; height:92px; float:left;}

.box-main span.read-more {

  margin-right: 10px;

}

/* side */

#side{width:312px; margin:8px 0px 0px 38px; float:left;}

.sidebox{

padding:10px 18px 5px 18px;

margin-bottom:14px;

border-left:1px solid #d9d9d9;

border-right:1px solid #d9d9d9;

border-bottom:1px solid #d9d9d9;

}

.sidebox-top{

background-image:url(images/top-border-side.gif);

background-repeat:no-repeat; 

background-position:top;

height:4px;

}

#latest-news{

padding:10px 18px 0px 18px;

margin-bottom:14px;

border-left:1px solid #d9d9d9;

border-right:1px solid #d9d9d9;

border-bottom:1px solid #d9d9d9;

}



/* scroll widget */

.scroll{

position:relative;

min-height:137px;

border:1px solid #efefef;

margin:0 0 20px 0;

background:#fff;

}

.scroll ul{

position:relative;

width:276px;

height:78px;

margin:0px;

list-style:none;

}

.scroll ul li{

width:276px;

height:78px;

margin:0;

line-height:18px;

}

.scroll ul li span{

display:block;

margin:0 0 .4em;

}

.scroll ol{

height:22px;

position:absolute;

top:0;

right:15px;

list-style:none;

}

.scroll ol li{

float:left;

}

.scroll ol a{

display:block;

width:11px;

height:22px;

margin:0 1px;

padding:0 2px;

text-indent:-9999px;

background-repeat:no-repeat;

background-position:50% 0;

}

.scroll ol li.previous a{background-image:url("images/icon-arrow-down.gif");}

.scroll ol li.next a {background-image:url("images/icon-arrow-up.gif");}

.scroll ol li a:hover {background-position:50% 100%; }





/* Footer

------------------------------------------------------*/

#footer{width:960px; margin:0px auto; color:#a0a0a0 !important}

#footer a, #footer a:visited{color:#a0a0a0; text-decoration:none;}

#foot a:hover{text-decoration:underline;}

#copyright-foot{

margin:0px 0px 0px 0px;

padding:20px 0px 0px 0px;

float:left;

color:#a0a0a0;

}

#rss-foot{

width:103px;

padding:20px 0px 0px 0px;

float:right;

color:#a0a0a0;

}

.valid {float:left; }

.rss-img {float:left;}



/*----------------------------------------------------

                 Centita - CSS File

------------------------------------------------------*/





/* Front Page Slider

------------------------------------------------------*/

#slider1 {

    width: 960px; /* important to be same as image width */

    height: 280px; /* important to be same as image height */

    position: relative; /* important */

	overflow: hidden; /* important */

}

#slider1 h2 {

	font-size:24px;

	color:#ffffff;

	margin-bottom:0px;

}

#slider1 h3 {

	font-size:16px;

	color:#ffffff;

	margin-bottom:8px;

}

#slider1Content {

    width: 960px; /* important to be same as image width or wider */

    position: absolute;

	top: 0;

	margin-left: 0;

}

.slider1Image {

    float: left;

    position: relative;

	display: none;

}

.slider1Image span {

    position: absolute;

	font-size:12px;

    padding: 15px 20px;

    width: 960px;

    background-color: #000;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

	-khtml-opacity: 0.7;

    opacity: 0.7;

    color: #fff;

    display: none;

}

.clear {

	clear: both;

}

.slider1Image span strong {

    font-size: 24px;

}

.right {

	right: 0;

	bottom: 0;

	width: 272px !important;

	height: 255px;

}

ul { list-style-type: none;}

a.more {

display: inline-block;

margin-top:5px;

padding: 5px 10px;

background: #2f87aa;

color: #ffffff;

}

/*----------------------------------------------------

                 Centita - CSS File

------------------------------------------------------*/





/* About

------------------------------------------------------*/

.sidebox p {margin-bottom:10px;}

ul.about-list,.widgets ul {margin:0px; padding:0px 0px 0px 0px; list-style-type:none; color:#bdbdbd;}

ul.about-list li,.widgets li{background-image:url(images/arrow.gif); background-position:0px 2px; background-repeat:no-repeat; padding:0px 0px 15px 22px; line-height:13px;}

ul.about-list li a, ul.about-list li a:visited,.widgets li a, .widgets li a:visited{color:#4c4c4c; text-decoration:none;}

ul.about-list li a:hover,.widgets li a:hover{rcolor:#2f87aa;}





/* Blog

------------------------------------------------------*/

.blog-post h2 {color:#2f87aa; margin-bottom:0px;}

.blog-post {padding-bottom:5px; margin-bottom:5px;}

.blog-posted{padding-top:5px; margin-bottom:20px; height:20px; font-size:11px; color:#adacac; border-bottom:1px solid #d9d9d9;}

#recentPostList{width:270px; float:left;  margin-left:30px;}

#related-post-title{padding:3px 0px 4px 0px;  height:20px; font-weight:bold; color:#2f87aa; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}

.related-comment-title{padding:3px 0px 4px 0px; margin-bottom:5px;  height:20px; font-weight:bold; color:#2f87aa; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}

.related-item-wrapper{

font-size:11px;

height:105px;

width:270px;

padding:0px 9px 0px 0px;

float:left;

color:#adacac;

cursor:pointer;

}

.related-item-wrapper:hover{background-color:#f8f8f8;}

.related-item-wrapper h4{color:#2f87aa;}

.related-item-wrapper img{width:65px; height:65px;}

.related-spacer{width:8px; float:left;}

.posted-detail{float:left;}

.read-more{float:right;}



#commentFormArea {width:310px; color:#6b6b6b; float:left;}

.input-comment{background-color: #ffffff; border:1px solid #d9d9d9; width:213px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}

.input-submit-comment { background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:73px; height:21px; cursor:pointer; float:right;}

.textarea-comment {background-color: #ffffff; border:1px solid #d9d9d9; width:213px; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}

fieldset { border:0;margin:0;padding:0; }

label {  padding-right:15px; float:left; width:70px;}

input.text{ width:290px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0; }

.commonPageListControlBar{

height: 30px;

background-color: #fff;

margin-top:30px;

text-align: left;

}

.commonPageListBtn{

border: 1px solid #d9d9d9;

background-color:transparent;

color:#000;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;

}

.commonPageListControlBar a, .commonPageListControlBar a:visited{color:#414141;}

.commonPageListBtn:hover{

text-decoration: underline;

}

.commonPageListBtnSelected{

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor:default;

}





/* Content

------------------------------------------------------*/

#content h4{margin-bottom:8px;}

#main_text{padding:20px 0px 0px 0px;}





/* Sidebar

------------------------------------------------------*/

#newsletter fieldset {margin:0px; padding-bottom:20px; border:0px;}

.but {vertical-align:middle; padding-left:2px;}

.inputbox01 {

font-family:Georgia, "Times New Roman", Times, serif;

font-size:11px;

width:180px;

border:1px solid #d9d9d9; 

vertical-align:top; 

padding:3px 4px 2px 3px; 

color:#c8c9be; 

}

.inputbox01:focus{

	border:1px solid #adacac;

	color:#adacac;

}

#testimonials{

padding:10px 18px 15px 18px;

margin-bottom:14px;

border-left:1px solid #d9d9d9;

border-right:1px solid #d9d9d9;

border-bottom:1px solid #d9d9d9;

}

.scroll ul{

position:relative;

width:276px;

height:auto;

margin:0px;

list-style:none;

}

.scroll ul li{

width:276px;

height:auto;

margin:0;

line-height:18px;

}





/* Portfolio

------------------------------------------------------*/

#main-portfolio{width:960px; float:left;}

.box-pf-top{height:220px;float:left; margin:0px 18px 38px 0px;}

.box-pf-top img{z-index:2;}

.box-pf-bottom{width:220px; float:left; margin:0px 26px 18px 0px;}

.box-pf-top-last{width:220px; float:left; margin-bottom:38px;}

.box-pf-bottom-last{width:220px; float:left; margin-bottom:18px;}

.quote{padding-top:18px;}

.quote h2{color:#0033FF; padding-bottom:10px;}

.detail{font-weight:bold; margin-bottom:0px;}

ul.detail-list,

#maintext ul {margin:10px; padding:0px 0px 0px 0px; list-style-type:none;}

ul.detail-list li,

#maintext ul li {background-image:url(images/arrow.gif); background-position:0px 2px; background-repeat:no-repeat; padding:0px 0px 5px 22px; margin-top:0px; line-height:13px;}

#desc-project1, #desc-project2, #desc-project3, #desc-project4, #desc-project5, #desc-project6, #desc-project7, #desc-project8{display:none;}





/* Contact

------------------------------------------------------*/

.map {width:276px; height:183px; padding-bottom:8px;}

#address{padding-bottom:15px;}

#address ul{margin:0px; padding:0px 0px 0px 0px;}

#address ul li{list-style-type:none; padding:5px 31px; color:#444444;}

#address ul li a, #contact ul li a:visited{color:#0033FF; text-decoration:none;}

#address ul li.mail{background-image:url(images/icon-mail.jpg); background-repeat:no-repeat; background-position:0 5px;}

#address ul li.phone{background-image:url(images/icon-phone.jpg); background-repeat:no-repeat; background-position:0 5px;}

#address ul li.address{background-image:url(images/icon-globe.jpg); background-repeat:no-repeat; background-position:0px 5px;}



/* Image and Captions */



img.alignright {

  float:right; 

  padding-left:12px;

}

img.alignleft {

  float:left; 

  padding:5px 12px 0px 0px;

  display: inline;

}

img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

  margin-bottom: 10px;  

}

.alignright {

	float:right;

}

.alignleft {

	float:left;

}

.wp-caption {

	border:1px solid #ddd;

	text-align:center;

	background-color:#f3f3f3;

	padding-top:4px;

	margin:10px;

}

.wp-caption img {

	border:0 none;

	margin:0;

	padding:0;

}

.wp-caption p.wp-caption-text {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.aligncenter,div.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

/* Image and Caption End */



.screenReader { left: -9999px; position: absolute; top: -9999px; }

.thanks { background: #f8f8f8; border: 1px solid #d9d9d9; padding:10px; text-align: center; }



/*****Forms*****/

ol.forms { float: left; list-style: none; margin: 0; width: 100%; color:#6b6b6b;}

ol.forms li { 

	clear: both; 

	float: left; 

	margin-bottom: 18px; 

	position: relative;

	width: 100%;

}

ol.forms label {

	cursor: pointer; 

	font-weight: normal;

	padding-right: 20px;

	width: 100%;

	display: block;

}

ol.forms input, ol.forms textarea {

	font: inherit;

	padding: 2px;

	background-color: #ffffff; 

  border:1px solid #d9d9d9; 

  width:406px; 

  padding:5px 5px 5px 5px; 

  margin:0px; 

  color:#6b6b6b;

  clear: both;	

}

ol.forms textarea { height: 100px; }

ol.forms input:focus, ol.forms textarea:focus {background-color: #f8f8f8; border-color: #c9c9c9;}

.error { color: #f00; }

ol.forms li .error { font-size: 11px; margin-left: 5px; }

ol.forms li.textarea .error {

	display: block;

	float: right;

	margin-right: 55px; 

}

ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.buttons button {

background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:73px; height:21px; cursor:pointer; float:right; margin-right:42px;

}

ol.forms li.buttons button:hover { color: #222; }

ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }

ol.forms li.buttons, ol.forms li.inline { float: left; width: 460px; }

ol.forms li.inline input { width: auto; }

ol.forms li.inline label { display: inline; float: none; width: auto; }



.input-submit { background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:73px; height:21px; cursor:pointer; float:right; margin-right:192px;}



/* comment */

h1#titlecomment {

	border-top: 1px solid #d2d2d2;

	border-bottom: 1px solid #d2d2d2;

	padding: 5px 0;

	margin: 20px 0 0 0;

}

#listcomment {

	padding: 0;

	margin: 0;

	width: auto;

}

ul#listcomment {

  margin: 0;

  padding: 0;

  list-style: none;

}

ul#listcomment li {

	padding: 11px 0;

	margin: 0;

	width: auto;

	background: none;

	border-bottom: 1px solid #d2d2d2;

}

.titlecomment {

	width: auto;

}

.titlecomment img {

	float: left;

	padding: 3px;

	border: 1px solid #d9d9d9;

	margin: 0 10px 0 0;

}

.titlecomment h3 {

	font-size: 1.4em;

	color: #333;

	padding: 7px 0 0 0;

	margin: 0;

}

.datecomment {

	font-size: 0.9em;

	color: #858585;

}

#listcomment li p {

	font-size: 1.0em;

	padding: 10px 0 0 0;

}



/*------- WP Pagenavi ------- */

#maintext .wp-pagenavi {

  padding: 10px 0;

  text-align: left;

}

#maintext .wp-pagenavi a, #main .wp-pagenavi a:link {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#242424;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;

}

#maintext .wp-pagenavi a:visited {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#242424;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

#maintext .wp-pagenavi a:hover {	

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

#maintext .wp-pagenavi a:active {

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor:default;



}

#maintext .wp-pagenavi span.pages {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#242424;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

#maintext .wp-pagenavi span.current {

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;



}

#maintext .wp-pagenavi span.extend {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#242424;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

/*------- WP Pagenavi End ------- */



/*------- Traditional Navigation -----*/

.navigation {

  margin-top: 10px;

}

.navigation a {

	padding: 4px 8px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #d9d9d9;

	color: #676767;

	background-color: #FFFFFF;

}

/*------- Traditional Navigation End -----*/