/*  
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.2
*/

/*----------------------------------------------------
                 Centita - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
margin:0 auto;
padding:0;
color:#4c4c4c;
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:'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#444444;}
h1{font-size:30px; line-height:30px;}
h2{font-size:24px; line-height:28px;}
h3{font-size:18px; line-height:20px; color:#2F87AA;}
h4{font-size:16px; line-height:18px;}
h5{font-size:12px; margin:3px 0px; padding:0px;letter-spacing:1px;}

/* links */
a{color:#2f87aa; text-decoration:none;}
a:visited{color:#2f87aa; text-decoration:none;}
a:hover{color:#4ba7cc;}
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:16px;
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:'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-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: 980px; /* 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: 980px; /* 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: 980px;
    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:#FFFFFF url(images/content_bg.gif) repeat-y; width:980px; margin:auto;/*background-image:url(images/bg-top-container.gif); background-repeat:repeat-x; background-color:#fff; */}
#bottom_container{width:980px; margin:auto;background-image:url(images/content_bot.jpg); background-position:top; background-repeat:no-repeat; height:54px;}


/* Centercolumn
------------------------------------------------------*/
#centercolumn{width:980px; margin:0px auto 0px auto;}


/* Top
------------------------------------------------------*/
#top{height:141px; width:980px; background:#fff url(images/header.jpg) no-repeat top;}
#logo{width:600px; padding:0px 0px 9px 15px; float:left;}
#topmenu{width:980px; float:left; height:51px; background:#fff url(images/nav.gif) no-repeat bottom;}

/* Seacrh styling */
#search-box{
padding:8px 0px 0px 0px;
}
#search{
float:right;
width:auto;
}
#s{
font:12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-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{
float:left;
list-style-type: none;
margin:0px 0px 0px 0px;
}
#nav li{
float:left;
border-right:1px solid #cbcbcb;
height:46px;
}
#nav li a:link, #nav li a:active, #nav li a:visited{
display:block;
/*width:100px;*/
padding:14px 18px;
text-decoration: none;
line-height: 20px;
outline: none;
text-align:left;
font-size: 14px;
color:#b50184;
font-weight:bold;
}
#nav li:hover, #nav li a:hover, #nav li.selected a,
#nav li.current_page_item a {
  color:#000;
}
span.descmenu{
font-size:11px; 
padding:0px 20px;
color:#989797;
text-transform:lowercase;
}


/* Content
------------------------------------------------------*/
#content{width:980px; background:#FFFFFF url(images/content_bg.gif) repeat-y;}
#mainplayer{float:left;background:#FFFFFF url(images/stage_bg.gif) repeat-x top; margin-left:5px; width:970px; height:310px;}
#secure-email{float:left;background:#FFFFFF url(images/stage_bg.gif) repeat-x top; margin-left:5px; width:920px; height:310px; padding-bottom:66px;}
#shadow{background: url(images/shadow_sm.jpg) no-repeat bottom; width:600px;height:382px; float:left;}
#stage-main{padding:10px 0 0 0; width:660px;float:left; background:url(images/stage_bg.jpg) no-repeat; height:300px;}
#stage-main h1 {color:#2f87aa; padding:16px 10px 0 0; font-size:2.4em;text-align:center; line-height:12px;}
#stage-main h2 {color:#2f87aa; font-size:1.4em; text-align:left; padding-top:18px; padding-left:28px;line-height:2px;}
#stage-main h4 {color:#2f87aa; font-size:1.0em; text-align:center; padding-top:18px; line-height:2px;}
#stage-main h5{color:#777777; padding-right:6px;font-size:0.9em;text-align:center;}

#stage-left{padding:10px 0 0 0; width:310px;float:left; margin-left:30px;}
#stage-center img{display: block; margin-left: auto;  margin-right: auto;padding-top:2px;}
#stage-center{padding:10px 0 0 0; width:300px;float:right; margin-right:20px;}
/*#stage-right{padding:10px 0px 0px 0; width:310px;float:right; padding-right:12px;}*/
#stage-right{padding:20px 0px 0px 0;}
#stage-right img{margin-left: 11px;padding-top:2px;}
#stage-right  h2 {color:#2f87aa; font-size:1.2em; text-align:center; padding-top:18px; padding-right:10px;}
#maincontent{padding:10px 0px 10px 20px; margin-left:5px; float:left;}
.h-line {padding:1px 0px;}

/* main */
#main{width:590px; float:left;}
/*#maintext{padding:16px 0px 20px 0px;}*/
#maintext{padding:0px 0px 20px 0px;}
#maintext h2{color:#2f87aa; margin:18px 0 0 0;}
#maintext h1{color:#2f87aa;}
#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;
}
/* main */
#main560{width:560px; float:left; margin-left:30px;}
/*#maintext{padding:16px 0px 20px 0px;}*/
#maintext560{padding:0px 0px 20px 0px;}
#maintext560 h2{color:#2f87aa; margin:18px 0 0 0;}
#maintext560 h1{color:#2f87aa;}
#maintext560_portfolio{padding:0px 0px 0px 0px;}
/* side */
#side{width:312px; margin:60px 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:980px; 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:403px;
padding:20px 0px 0px 0px;
float:right;
color:#a0a0a0;
}
.valid {float:right; }
.rss-img {float:right;}

/*----------------------------------------------------
                 Centita - CSS File
------------------------------------------------------*/


/* Front Page Slider
------------------------------------------------------*/
#slider1 {
    width: 600px; /* important to be same as image width */
    height: 290px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float:left;
}
#slider1 h2 {
	font-size:24px;
	color:#ffffff;
	margin-bottom:0px;
}
#slider1 h3 {
	font-size:16px;
	color:#ffffff;
	margin-bottom:8px;
}
#slider1Content {
    width: 600px; /* 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: 0;
    width: 600px;
    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: 0px;
}
/*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; color:#4c4c4c; 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:#2f87aa; 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;
}

.sm_purple_heading {
 	font-family: "Tw Cen MT",Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7b007b;
	text-decoration: none;
	white-space: nowrap;
 }
 .sm_grey_heading {
 	font-family: "Tw Cen MT",Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
 }



/* 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:'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-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:132px;
margin:0px;
list-style:none;
}
.scroll ul li{
width:276px;
height:132px;
margin:0;
line-height:18px;
}


/* Portfolio
------------------------------------------------------*/
#main-portfolio{width:980px; float:left;}
.box-pf-top{width:220px; float:left; margin:0px 18px 38px 0px;}
.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:#2f87aa; 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:#444444; 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 -----*/
.green {
color:#037101;}
.grey {
color:#555555;}

/*  sign up */
#port {width:535px;margin: 16px 0px 0px 12px;  float:left;}
.port-us{width:532px; min-height:100px; padding: 18px 0px 0px 0px;  background: #0279B8 url("images/blue_box_top.png") no-repeat; float:left;}
.port-us p {
padding: 0 20px 22px 24px !important;
margin: 0;
font-family: Helvetica, Arial, sans-serif;
	line-height: 1.15em;
	color: #fff;
}

 #cols_1 {background:url("design/cols_1.gif") 0 0 repeat-y;}
  #content-features {float:left; width:360px; overflow:hidden; background-color:#FFFFFF;}
   #content-features-right {float:right; width:540px; min-height:240px;margin:10px 5px 0 20px; overflow:hidden;}
  .box {min-height:1px;}
  ul.ul-style04 {margin:0px 0 15px 0px; padding:0; list-style:none;}
ul.ul-style04 li {margin:0 0 0 20px;  padding:3px 10px 10px 25px; background:url("design/arrow.gif") 0 3px no-repeat;line-height:1.30em; font-size:.96em;} 
ul.ul-style04 ul {margin:0; padding:0; list-style:none;}
ul.ul-style04 ul li {background:url("design/ul-style01-sub.gif") 0 5px no-repeat;}
 #content-sign-right {float:right; width:540px; margin:0 5px 10px 0; overflow:hidden; /*background:url("design/features_bg.jpg") 0 0 no-repeat;*/}
  #content-sign-right p,  #content-sign-right h3 {padding:6px 0 0 40px;}
 #perex-sign-right {padding:0 8px;}

	#row-mid
	{
		width:873px;
		height:90px;
		float:left;
		margin:3px 6px 3px 28px;
		padding:0px;
			line-height:16px;
		background-image:url(design/row_mid2.gif);
		background-repeat:no-repeat;
	}	
	
.row-mid-txt
	{
		
		float: left;
	width:840px;
		padding:7px 10px 0 20px;
		font-family:Arial;
		font-size:12px;
		font-weight:normal;
		color:#fff;
		
	}		
#footerbox
	{
		width:165px;
		height:191px;
		float:left;
		margin:0 6px 0 28px;
		padding:0px;
		background-image:url(design/blue_box_long.jpg);
		background-repeat:no-repeat;
	}
#footerbox a, #footerbox a:visited{font: bold 15px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;padding:9px 0 0 0;}

.button
	{
		width:146px;
		height:41px;
		float: left;
		margin:0px;
		padding:9px 0 0 0;
		font-family:'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		background-image:url(design/test_drive_button.jpg);
		background-repeat:no-repeat;
	}
.button:hover
	{
		width:146px;
		height:41px;
		float: left;
		margin:0px;
		padding:9px 0 0 0;
		font-family:'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		background-image: url(design/test_drive_on.jpg);
		background-repeat:no-repeat;
	}	
	
.footerheading
	{
		width:125px;
		height:21px;
		float: left;
		margin:8px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:24px;
		color:#f4e7bd;
	}
.footerheading h4
	{
		width:160px;
		height:18px;
		float: left;
		margin:0px;
		padding:0px;
		font-family: Arial;
		font-size:20px;
		font-weight:normal;
		color:#f4e7bd;
		text-align:center;
		color:#FFFFFF;
	}
.footertxt
	{
		width:124px;
		float: left;
		margin:13px 0 0 16px;
		padding:0px;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
	}

.footerbutton
	{
		width:146px;
		height:41px;
		float: left;
		margin:15px 0 0 12px;
		padding:0px;
	}	
	#footermid
	{
		width:165px;
		height:191px;
		float:left;
		margin:0 6px 0 6px;
		padding:0px;
		background-image:url(design/blue_box_long.jpg);
		background-repeat:no-repeat;
	}
	#footermid a, #footermid a:visited{font: bold 15px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;padding:9px 0 0 0;}
	
	
#footerlast
	{
		width:165px;
		height:191px;
		float:left;
		margin:0 0 0 6px;
		padding:0;
		background-image:url(design/blue_box_long.jpg);
		background-repeat:no-repeat;
	}
	#footerlast a, #footerlast a:visited{font: bold 15px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;padding:9px 0 0 0;}
	
	
	/*--------------------- Scanner box -----------------*/

#scannerbox
	{
		width:283px;
		height:191px;
		float:left;
		margin:0 6px 0 28px;
		padding:0px;
		background-image:url(design/scanner_bluebox.jpg);
		background-repeat:no-repeat;
	}
#scannerbox a, #scannerbox a:visited{font: bold 15px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;padding:9px 0 0 0;}

.scannerbutton
	{
		width:146px;
		height:41px;
		float: left;
		margin:0px;
		padding:9px 0 0 0;
		font-family:'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		background-image:url(design/test_drive_button.jpg);
		background-repeat:no-repeat;
	}
.scannerbutton:hover
	{
		width:146px;
		height:41px;
		float: left;
		margin:0px;
		padding:9px 0 0 0;
		font-family:'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#fff;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		background-image: url(design/test_drive_on.jpg);
		background-repeat:no-repeat;
	}	
	
.scannerheading
	{
		width:125px;
		height:21px;
		float: left;
		margin:8px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:24px;
		color:#f4e7bd;
	}
.scannerheading h4
	{
		width:160px;
		height:18px;
		float: left;
		margin:0px;
		padding:0px;
		font-family: Arial;
		font-size:20px;
		font-weight:normal;
		color:#f4e7bd;
		text-align:center;
		color:#FFFFFF;
	}
.scannertxt
	{
		width:124px;
		float: left;
		margin:13px 0 0 16px;
		padding:0px;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
	}

.scannerbutton2
	{
		width:146px;
		height:41px;
		float: left;
		margin:15px 0 0 70px;
		padding:0px;
	}	
	#scannermid
	{
		width:283px;
		height:191px;
		float:left;
		margin:0 6px 0 6px;
		padding:0px;
		background-image:url(design/scanner_bluebox.jpg);
		background-repeat:no-repeat;
	}
	#scannermid a, #scannermid a:visited{font: bold 15px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;padding:9px 0 0 0;}
	
	
#scannerlast
	{
		width:283px;
		height:191px;
		float:left;
		margin:0 0 0 6px;
		padding:0;
		background-image:url(design/scanner_bluebox.jpg);
		background-repeat:no-repeat;
	}
	#scannerlast a, #scannerlast a:visited{font: bold 15px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;padding:9px 0 0 0;}

/*----------------------- end --------------------------------*/

	
.noscreen {display:none;}
#perex-features-right {padding:20px 40px; width:500px; float:right;}
#perex-sign {margin-left:5px;}
#perex-sign p {margin-left:15px;padding:0 20px 0 0;}


#scannerbg
	{
		width:873px;
		background:#77b8f2 url(design/scanner_mid.jpg) repeat-y;
		float:left;
		margin:0 0 10px 48px;
		padding:0px;
	
	}
	
#scanner_rt
	{
		width:676px;
		background:#77b8f2 url(design/scanner_bot.jpg) no-repeat bottom;
		float:right;
		padding:0;
		
	
	}	
	
	#scanner_rt p
	{
		font-size:11px;		
		padding:0 20px 10px 20px;
		margin:auto;
	
	}
.t-center {text-align:center !important;}	
.blue {
color:#0288CA;}
.white {
color:#ffffff;}	
#black, #black a, #black a:visited{color:#000; text-decoration:underline; font-weight:bold;}



#left-sections {background:url(design/left-sections.gif) 0 0 repeat-y; min-height:300px;}
#left-sections-bottom {width:590px; height:7px; background:url(design/sections-bottom2.gif) 0 0 no-repeat; font-size:0;}

    .left-section {float:left; width:380px;}
    .left-section p {margin:0;font-size:90%; color:#2d2d2d; padding:10px 0;}
    .left-section.margin {margin:0 10px;}
    .left-section h3 {margin:0; padding:4px 10px; background:url(design/left-section-title.gif) 0 0 no-repeat; font-size:100%;}
    .left-section-in {margin-bottom:10px; padding:0 10px 10px 20px;}	
#right-sections {background:url(design/sections.gif) 0 0 repeat-y;}


    .right-section {float:right; width:200px;}
    .right-section p {margin:0;font-size:94%; color:#2d2d2d; padding:16px 0;}
    .right-section.margin {margin:0 10px;}
    .right-section h3 {margin:0; padding:4px 10px; background:url(design/section-title.gif) 0 0 no-repeat; font-size:100%;}
    .right-section-in {margin-bottom:10px; padding:0 10px 10px 10px;}	

/*  playlist  */

object , embed{
	float: left;
}

.jw_playlist_playlist {
	float:left;
	width: 560px;
	
	overflow-y: auto;
	overflow-x: hidden;
	<!--[if gte IE 6]>float:right;<![endif]-->
}

.jw_playlist_image {
	width: 75px;
	height: auto;
}

.jw_playlist_image_div {
	border: 1px solid #000000;
	padding: 0 5px;
	margin: 0 5px;
	float:left;
	background-color:white;
}

.jw_playlist_item {
	padding:10px 0px;
}

.clear {
	clear:both;
	height: 0;
}

.jw_playlist_title {
	font-weight: bold;
}

.jw_playlist_description {
}

.even {
	background-color: #EEEEEE;
}

.odd {
	background-color: #FFFFFF;
}

.playing {
	background-color:yellow;
}
#port-rt {width:312px; margin:0px 0px 0px 38px; float:left;}
.port-rt-us{width:290px; min-height:100px; padding: 18px 10px 0px 12px;  background: #0279B8 url("images/blue_bg_sm.jpg") no-repeat; float:left;}
.port-rt-us p {
padding: 0 10px 10px 10px !important;
margin: 0;
font-family: Helvetica, Arial, sans-serif;
	line-height: 1.25em;
	color: #fff;
}
dl {
width:240px; margin-left:26px;padding: 15px 15px 2px 15px; background: -moz-linear-gradient(bottom, #68B4D4, #D0F2FF); border: 1px solid #D0F2FF; -moz-box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.25);  background: -webkit-gradient(linear, left bottom, left top, from(#68B4D4), to(#D0F2FF)); -webkit-box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.25); margin-bottom:25px; box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.25);}
 
dl dt {
  
    color:#fff;
    float:left;
    font-weight:bold;
    
    padding:0 15px;
    width:65px;
}
 
dl dd {
    margin:2px 0;
    padding:8px 10px;
}
#sd-left{float:left; width:400px; padding-top:18px;}
p.sd {line-height:24px;}
#sd-right{float:right;padding-top:18px;}



/* Signup Form Styles */

#sign-up-for-free-trial, #instructions { float: left; font-style: italic; }
	#instructions div.errors { padding:10px; background-color: #be181c; border-radius: 5px; }
		#instructions div.errors ul { list-style-type: none; padding-left: 5px; margin-bottom: 0px; }
			#instructions div.errors ul li { background: url('images/error-icon.png') no-repeat left 2px; padding: 5px 0px 5px 35px; }
		#instructions div.errors p, #instructions div.errors ul li { color: white; font: 16px DNLTRI; }
p#instructions { display:inline; position: relative; top: 15px; clear: left; margin: 0; padding-top: 20px; width: 300px; font: 14px DNRR; line-height: 1.7; color: #585858; border-top: 1px solid #D8D5D3; }
	.errors p { margin: 0px; }
	.errors ul { margin-top: 0px; }
	.bold { font-family: DNRM; }
p#sign-up-for-free-trial { position: relative; top: 10px; padding: 0; margin: 0; line-height: 2.3; letter-spacing: -1px; color: #aeaeae; font: 32px DNRL; text-shadow: white 1px 1px 3px; }
#sign-up-form { height: 235px; margin: auto; overflow: hidden; background: url(images/signup-bg-mini.png) repeat-x bottom; margin-left:-20px;width:970px;margin-top:-9px;}
	#create-myefact, #ghost-background, #active-background { top: 10px; right: 0px; height: 183px; width: 605px; padding: 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:#62d4f4}
	#ghost-background { position: absolute; background-image: url(images/signup-form-inactive-bg.png); }
	#active-background { position: absolute; background-image: url(images/signup-form-bg.png); }
	#create-myefact { display:inline; position: absolute; float: right;  }
		#loading { position: absolute; bottom: -10px; right: 20px; font-family: DNRL; }
		#success { position: relative; width: 550px; margin: auto; }
		#success p#ready { float: left; margin: 15px 20px 15px 0px; letter-spacing: -1px; color: #AEAEAE; font: 32px DNRL; text-shadow: white 1px 1px 3px; }
		#success img { position: absolute; top: 14px; right: 0px; }
		#success p.lower { position: relative; top: 0px; left: 0px; clear: both; font-family: DNRR; }
		#form-top { position: relative; width: 960px; margin: auto; }
			#closeMe { position: absolute; right: 10px; top: 10px; height: 11px; width: 12px; background: url(images/closeMe.png); text-decoration: none; }
			#create-myefact input, #create-myefact select { display:inline; height: 20px; width: 200px; margin-bottom: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  color: #999999;}
			#create-myefact input:focus { color:#666666;<section> }
				input#create-my-myefact{ font: 14px DNLTB; background: url('images/try-zendesk-free-home-buttom-sm.png') no-repeat; color: #fff; }
				#create-myefact input#create-my-myefact, 
				#create-myefact input#create-my-myefact-active, 
				#create-myefact input#create-my-myefact-click { position: absolute; top: 5px; right: 5px; height: 33px; width: 165px; padding:0;border: none; font: 13px DNLTB; text-transform: uppercase; text-shadow: 1px 1px 3px #d28b00; }
				input#create-my-myefact, 
				input#create-my-myefact-active, 
				input#create-my-myefact-click { z-index: 10; background: url('images/create-my-myefact-click.png') no-repeat;}
				#create-myefact input#create-my-myefact-click { z-index: 10; right:0px; top:6px; }
				#fullname, #phone, #email, #company_name, #site_address { padding:4px 0px 4px 5px; line-height: 1em; }
				#site_address { margin-left: 0px!important; }
				#fullname, #phone, #numberofemployees { margin: 0px 18px 15px 0px; box-shadow: 0px 1px 1px #b8b6a5 inset; border: 1px solid #b8b6a5; }
				#create-myefact #numberofemployees { padding: 5px; font-family: 'arial'; height: 29px; width: 207px; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9)); }
				#email, #company_name, #site_address { margin: 0px 0px 15px 0px; box-shadow: 0px 1px 1px #b8b6a5 inset; border: 1px solid #b8b6a5; }
				#create-myefact #terms { height: 20px; width: 20px; clear: both; margin: 0 5px 0 20px; }
				p#domain { position: relative; left: 208px; bottom: 40px!important; z-index: 1; width: 120px; margin: 5px 0 0 0; color: #fff; font: 20px DNRM; }
				p#host { position: absolute; top: 130px; padding-left:5px;font-size: 8pt; }
				p.subtext { display:inline;margin: 2px 0 0 0; padding: 0; color: #666; font-style: italic; font: 12px DNRL; }
				span.red { color: red; }
				#terms-and-conditions { position: absolute; top: 150px; left: 0px; z-index: 1; width: 100%; padding-top: 18px; border-top: 1px dashed white; }
					p#tos { width: 330px; }
					
#sign-up-form.stick-to-footer{
	position: relative;
	top: 66px;	
	border-top: 1px solid #dedede;
}

.greentab {  display:block; margin-top: 1px;  font: 12px DNLTM; text-shadow: 0 0 10px #333; color: #ffffff; text-decoration: none; text-transform: uppercase; }
	.greentab span { padding: 3px 5px 1px; color: #ffffff; -webkit-box-shadow: inset #666 0px 0px 5px; -moz-box-shadow: inset #666 0px 0px 5px; box-shadow: inset #666 0px 0px 5px;background: url(images/entry-meta-bg.png) repeat; }