@charset "utf-8";
/*
******************************************************************************************************

Title:			main.css
Browser(s): 	All 
******************************************************************************************************
*/


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/



* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin:0;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; /*change font*/
	line-height: 150%; 
	color:#4b4d4a; /*change font color*/
	background: #fff; /*background color*/
	 position:relative;
}

div, p, ul, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#d05606; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */

/*txt a:hover()*/

h1 {font-size: 2.4em;}
h2 {font-size: 2.2em; line-height:1.2em; font-weight:normal; border:none; margin:0 0 35px 0; padding:0; color:#333;}
h3 {font-size: 3.2em; line-height:1.2em; font-weight:normal; border:none; margin:0; padding:0 0 22px 0; color:#227ab0;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.2em;}
		}
.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; }
	hr {
		clear:both;
		padding:0;
		border:none;
		padding:0 0 10px 0;
		background:url(i/hrline.gif) repeat-x;}
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:40px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/

p  {font-size: 1.2em; padding:0; line-height:1.4em;}
.gray {color: #666; font-size:1em; font-style:normal;}
.fat{font-weight:bold;}
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 1.8em; padding:0; line-height:1.2em; color:#f1f1f1; margin:0 0 22px 0;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.title{ font-size:1.1em; font-style:italic; color:#227ab0;}
.stroke { border:1px solid #fff;}

/*------------------------------CONTENT--------------------------------*/

#top_content{ background:#dddddd url(i/bg_top.jpg) top center repeat-x; height:81px;}

#nav_content{ background:#FAF350; height:52px;}

#header{ background:#268abe url(i/bg_header.jpg) top center repeat-x; height:220px;}
#header p{ color:#fff;}

#main_content{ background:#fff url(i/bg_cont.jpg) top center repeat-x; padding:0 0 0px 0; overflow: hidden;}
#main_content_index{width: 100%; margin: 0 auto; background: url(i/bg_tabs.png) 100px 57px no-repeat;}
#main_content p{ color:#4b4d4a; }
/*Give links a button feel.*/
a.readmore{float: left; width: 180px; height: 20px; display: block; margin: 0px 0 10px 0; padding:5px 10px; background: url(i/read-more.png) top left no-repeat; text-indent:25px; color:#ffffff;}
a.readmoretv{float: left; width: 100px; height: 20px; display: block; margin: 0px 0 10px 0; padding:5px 7px; background: url(i/read-more-tv.png) top left no-repeat; text-indent:25px; color:#ffffff; font-size:0.7em; font-weight:bold;}
#footer{ background:#4b4d4a url(i/bg_footer.jpg) top center repeat-x; height:360px;}
#footer .img_holder2{overflow: hidden; padding: 0px 0 5px 0px;}
#footer .img_holder2 img{float: left; padding: 0; margin: 0 0 10px 0; border:1px solid #ccc; padding:2px;}
#footer .img_holder2 img.first{float: left; padding: 2px; margin: 0 10px 0 0;}

#footer_nav{ background:#dcdcda url(i/bg_footer_nav.jpg) top center repeat-x; height:32px; padding:15px 0 0 0;}
#footer_nav .center a.footer_logo{ float: left; display:block; width:35px; height:35px; background: transparent url(../images/logo_footer.png) no-repeat; text-indent:-9999px; overflow:hidden; color:#DCDCDA;}
#footer_nav .center p { float:left; font-size:1.1em; color:#848484; padding:0 0 0 20px; }
#footer_nav .center ul { float:right;}
#footer_nav .center ul li{ float:left; margin:0 20px 0 0; }
#footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;}
#footer_nav .center ul li a:hover { color:#505457;}
#footer_nav .center ul li a:active { color:#505457;}


.center{ width:960px; height:100%; margin:0 auto; padding:0;}
.center1{width:960px; height:100%; margin:0 auto; padding:0;}

#top_light1{ background:transparent url(i/bg_top_overlay.png) top center no-repeat; }
#top_light2{ background:transparent url(i/bg_nav_overlay.png) top center no-repeat; }
#top_light3{ background:transparent url(i/bg_header_overlay2.jpg) top center no-repeat; }
#top_light4{ background:transparent url(i/bg_cont_overlay.png) top center no-repeat; }
#top_light5{ background:transparent url(i/bg_footer_overlay.png) top center no-repeat; }

h1 a { float:left; margin:10px 0 15px 0; display:block; width:755px; height:59px; background: transparent url(../images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.left_column { width:469px; float:left; padding:10px 0 40px 0;}
.right_column { width:470px; float:left; padding:5px 0 0 0;}
.right_column .description{ float:left; width:100%;}
.right_column .hr{float:left;color:inherit; margin: 16px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid;}
.tagline{ width:436px; height:97px; background:transparent url(../images/tagline.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.story{padding-left:15px;background:url(i/hrline.gif) repeat-y 0 0;}
.story2{font-size:1.4em;}
.hrline{background:url(i/hrline.gif) repeat-y 0 0;}
.getquote {float:left; margin:42px 0 0 -4px; display:block; width:168px; height:45px; background: transparent url(i/button_quote.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.portfolio {float:left; margin:42px 0 0 10px; display:block; width:168px; height:45px; background: transparent url(i/button_portfolio.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.featured { width:407px; height:237px; padding:17px 0 0 13px; background:transparent url(i/bg_image.png) no-repeat;}

ul.listing{ float:left; padding:12px 80px 28px 10px; margin:0;}
ul.listing1{ float:left; padding:12px 30px 28px 10px; margin:0;}
ul.listing li, .listing1 li{ list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 5px 0; font-size:1.2em;}
ul.listing li.nobul,ul.listing1 li.nobul{list-style:none;background-image:none; font-size:12px; font-weight:bold;}
.signup { float:right; width:87px; height:30px; display:block; margin:10px 0 0 0; background:transparent url(i/button_signup.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.login {float:right; margin:15px 10px 0 0;}

#testimonials{margin:0 auto; width:958px; background:#f2f2f2; border:1px solid #e0e0df;}
#testimonials_inner {margin:10px; padding:20px; width:898px; background:#f8f7f7; border:1px solid #ececec;}
#testimonials_inner p.intro{ color:#d05606; font-weight:bold; font-size:1.4em;}
#testimonials_inner h4{ padding:20px 0; font-family:"Times New Roman", Times, serif; font-size:2.6em; color:#666; font-weight:normal; font-style:italic; line-height:1.4em;}
#testimonials_inner a.all { display:block; width:458px; background:#f2f2f2; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;}
#testimonials_inner a.all:hover { display:block; width:458px; background:#fff; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#testimonials_inner p.sig{ float:right; padding:0 20px 0 0;}
#testimonials_inner p.sig span{ font-size:1.1em; font-style:italic; color:#666;}
#testimonials_inner a.logo {float:right; width:162px; height:16px; display:block; background: transparent url(../images/logo_testimonials.png) no-repeat; text-indent:-9999px; overflow:hidden;}


.column { width:225px; padding:0 15px 0 0; margin:30px 0; float:left; color:#f0f0f0;}
.column h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
.column h6 { margin:0 0 10px 0;}
.column h6 a { margin:0 0 10px 0; color:#fafafa;}
.column h6 a:hover { margin:0 0 10px 0; color:#d05606;}
.column .date{ float:left; width:34px; height:17px; padding:0 0 0 5px; margin:0 10px 0 0; background:transparent url(i/ico_date.png) no-repeat; font-size:1.1em; font-weight:bold;}
.column p {font-size:1.1em;}
.column p.lead {font-size:1.1em; margin:0 0 20px 0;}
#footer .column p.info{font-size:1.3em; color:#fff;}
#footer .column .recent_comment .fat{ color:#fff;}

.column_odd { width:235px; padding:0; margin:30px 0; float:left; color:#f0f0f0;}
.column_odd p {font-size:1.1em;}
.column_odd h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase;}
.column_odd #tweeter { width:181px; height:185px; padding:18px 20px 18px 20px; background: transparent url(i/bg_twitter.png) no-repeat; position:relative; font-size:1.4em; color:#333; font-family:"Times New Roman", Times, serif; font-style:italic;}
.column_odd #tweeter a.from { font-weight:bold;}
.column_odd #tweeter a.follow { position:absolute; bottom:60px; left:0; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #tweeter a.follow:hover { position:absolute; bottom:60px; left:0; color:#d05606; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:0.8em; font-style:italic;}
.column_odd #tweeter p.posted { font-size:0.8em; margin:5px 0 0 0; color: #999;}

.column .ad{ float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0; background:#eaeaea;}
.column .ad_odd { float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0 15px 15px 0; background:#eaeaea;}

.column .recent_comment { background:transparent url(i/ico_comment.png) top left no-repeat; padding:0 0 0 40px; margin:0 0 20px 0; font-size:1.2em;}
.column a.comment { display:block; font-size:1.0em; margin:5px 0 0 0; color:#f0f0f0; text-transform:uppercase;}
.column a.comment:hover {display:block; font-size:1.0em; margin:5px 0 0 0; color:#d05606;font-weight:bold;}
.recent_comment ul{ list-style:disc; color:#d05606;}


#searchform {float: right;position:relative; margin:0 0 10px 0; background: transparent url(i/bg_search.png) no-repeat; top:1px}
fieldset.search {
	border: none;
	width: 146px;
	
	}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #a4a3a3;
	font-size: 1.2em;
	width: 109px;
	height: 17px;
	padding: 5px;
	vertical-align:middle;
	margin: 0;
	background:none;
	outline: none;
}
.search input.box:focus {
	background: none;
	outline: none;
}
.search button.btn {
	width: 27px;
	height: 27px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(i/bg_search.png) no-repeat top right;
}
.search button.btn:hover {
	background: url(i/bg_search.png) no-repeat bottom right;
}

/*NAVIGATION*/

.nav ul {margin:10px 0 0 0; padding: 0; list-style: none; float:left; }
.nav ul li{float: left; display: block; margin: 0 10px 0 0; padding: 0;}
.nav ul li a.button {
/* Sliding right image */
display: block;
float: left;
height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #848484;
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
.nav ul li a.button span {
/* Background left image */ 

display: block;
line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:0 0 0 15px;
} 

.nav ul li a.button:hover {
/* Sliding right image */
background: transparent url(i/nav-right.png) no-repeat right; 
display: block;
float: left;
height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #7b3500;
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
.nav ul li a.button:hover span {
/* Background left image */ 
background: transparent url(i/nav-left.png) no-repeat; /*button_nav_left.png*/
display: block;
line-height: 30px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:0 0 0 15px;
}

.nav ul li.selected a {
/* Sliding right image */
background: transparent url(i/nav-right.png) no-repeat scroll top right; /*button_nav_right.png*/
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #7b3500;
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
.nav ul li.selected a span {
/* Background left image */ 
background: transparent url(i/nav-left.png) no-repeat; 
display: block;
line-height: 30px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding:0 0 0 15px;
} 


/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 960px; margin: 0 auto; padding: 50px 0 10px 0;
									  position: relative; }
#blogSlider 						{ margin: 0 auto; width: 960px; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 960px; }
.stripNav 							{ position: relative; top: 0;left: 20px; z-index: 99; }
.wrapper 							{ padding: 10px; }
.innerWrap 							{ width: 960px; overflow: hidden;}


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 69px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(i/tab_1.png) top center no-repeat; width: 231px; }
.stripNav li.tab2 a { background: url(i/tab_2.png) top center no-repeat; width: 240px; }
.stripNav li.tab3 a { background: url(i/tab_3.png) top center no-repeat; width: 240px; }
.stripNav li.tab4 a { background: url(i/tab_4.png) top center no-repeat; width: 230px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current {background: url(i/tab_1.png) bottom center no-repeat; }
.stripNav li.tab2 a.current {background: url(i/tab_2.png) bottom center no-repeat; }
.stripNav li.tab3 a.current {background: url(i/tab_3.png) bottom center no-repeat; }
.stripNav li.tab4 a.current {background: url(i/tab_4.png) bottom center no-repeat; }

/*OTHER PAGES*/
.padding{padding:50px 0 0 0px;}
.center_box{width:939px; margin:0 auto; padding: 10px 10px 35px 10px; overflow:hidden; background-color: #fff; background: url(i/center_bg.jpg) top center no-repeat;}

/**/
.center_left{float: left; width: 180px;}
#center_left_top{}
.center_left_top{ width: 158px; padding: 10px; border: 1px solid #eaeaea; background-color: #f0f0f0; text-align: center; overflow: hidden;}
.center_left_top h3{width: 158px; height: 21px; background: url(i/free_call.png) top center no-repeat; text-indent: -9999px;}
.center_left_top span{width: 158px; font-size: 2.4em; line-height: 20px; color: #db8146; padding: 0 0 10px 0;}

.center_left_top ul{text-align: left; padding: 25px 0 0 0px; position:absolute;top:0;left:0; width:297px;}
.center_left_top ul li{text-align: left; padding: 15px 0 0px 10px; height: 30px; width:297px;}
.center_left_top ul li.arrow{margin: 0 0 0 0px; padding: 15px 0 0px 10px; height: 30px; background: transparent url(i/arrow_right.png) no-repeat scroll 0 0; width:297px;}
.center_left_top ul li.hover {margin: 0 0 0 0px; padding: 15px 0 0px 10px; height: 30px; background: transparent url(i/hover_right.png) no-repeat scroll 0 0;width:297px; margin-left:-30px; padding-left:40px; }
.center_left_top ul li.hover a{color: #da7709;}
.center_left_top ul li.arrow a{color: #fff;}
.center_left_top ul li a{font-size: 1.4em; line-height: 15px; color: #515450;}
.center_left_top ul li.last{height:10px;}
.center_left_top ul li.last:hover{background:none; margin:0; padding:0;}
.center_left ul.listing{float:left; padding: 30px 0px 0px 20px; margin:0;}
.center_left ul.listing li{list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}

.center_right{float: left; width: 620px; padding: 20px 50px 0 70px;}
.center_right h2{font-size: 2.8em; line-height: 30px; color: #4b4d4a; font-weight: bold; padding: 0 0 5px 0; margin: 0px;}
.center_right .subtitle{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;}
.center_right .title{font-size: 1.8em; line-height: 20px; color: #d56b26; font-weight: normal; padding: 25px 0 20px 0; font-style: normal;}
.center_right p{font-size: 1.2em; line-height: 18px; color: #7d807c; font-weight: normal; padding: 0 0 10px 0;}

/*Blog*/
.center_left_top h3.articles{width: 158px; margin: 30px 0 0 0; background: url(i/articles.png) top center no-repeat; text-indent: -9999px;}
.center_left_top h3.ministries{width: 158px; margin: 30px 0 0 0; background: url(i/ministries.png) top center no-repeat; text-indent: -9999px;}
.center_left_top h3.media{width: 158px; margin: 30px 0 0 0; background: url(i/media.png) top center no-repeat; text-indent: -9999px;}
h3.medi {
background:transparent url(i/the_meditation.png) no-repeat scroll center top;
margin:30px 0 5px 0; padding:0;
text-indent:-9999px;
width:158px;
}
.home-med{

background:transparent url(i/the_meditation.png) no-repeat scroll center top;
margin:0px 0 ; padding:0 0 22px 0;
text-indent:-9999px;
width:158px;
line-height:1.2em;
}
.home-gal{

background:transparent url(i/gall.png) no-repeat scroll center top;
margin:0px 0 ; padding:0 0 22px 0;
text-indent:-9999px;
width:158px;
line-height:1.2em;}

.center_left .subscribe{font-size: 1.6em; font-weight: bold; padding: 30px 0 0 5px; float: left; width: 100%;}
.center_left p{font-size: 1.2em; padding: 20px 0 10px 5px; float: left; width: 100%;}
.center_left img{padding: 0 0 0 0;}

.center_left .img_holder{overflow: hidden; padding: 40px 0 5px 0px;}
.center_left .img_holder img{float: left; padding: 0; margin: 0 0 10px 0; border:1px solid #ccc; padding:2px;}
.center_left .img_holder img.first{float: left; padding: 2px; margin: 0 10px 0 0;}


.center_left p.join{font-size: 1em; line-height: 10px; padding: 0px 0 0 30px; margin: 0px; float: left; width: 100%;background: url(i/2dot.png) top left no-repeat}

.center_right h2.blog{font-size: 2.8em; line-height: 28px; color: #4b4d4a; font-weight: bold; padding: 0 0 0 0; margin: 0px;}
.blog_line{width: 100%; height: 1px; background-color: #d8d8d8; margin: 0 0 20px 0;}

.center_right .publish{font-size: 1.1em; line-height: 28px; color: #4b4d4a; padding: 0 0 30px 0; margin: 0px;}
.center_right .publish a{color: #db8146; font-weight: bold;}

p.blog_p{padding: 0 0 40px 0;}
p.blog_p a{color: #db8146; font-weight: normal; font-style: italic;}

/*Contact*/
.center_left_top h3.office_europe{width: 158px; line-height: 14px; margin: 10px 0 0 0; padding: 0; background: url(i/office_europe.png) top left no-repeat; text-indent: -9999px;}
.center_left_top h3.office_asia{width: 158px; line-height: 14px; margin: 10px 0 0 0; padding: 0 0 0 0; background: url(i/office_asia.png) top left no-repeat; text-indent: -9999px;}

p.office{text-align: left; width: 100%; padding: 5px 0 0px 0px; margin: 0px 0 10px 0;}

.center_right .subtitle2{font-size: 2.2em; line-height: 20px; color: #7d807c; font-weight: normal; padding: 0 0 30px 0;}

/*#contact div{width: 100%; padding: 5px 0 5px 0;}*/
#contact input, #contact select{padding: 7px; margin: 5px 0 15px 0; border: 1px solid #e5e3e3; background-color: #f5f5f4; width: 270px; font-size: 1.2em; font-weight: normal; font-style: normal; color:#121212;}

#contact option{padding:5px 10px;}
#contact input#send{padding: 0px; margin: 5px 0 15px 0; border: none; background-color: #fff; font-size: 1.1em; font-weight: bold; font-style: normal; color:#1e96a0; text-align: left; cursor: pointer;}

#contact textarea{border: 1px solid #e5e3e3; background-color: #f5f5f4; padding: 7px; height: 130px; font-size: 1.3em; font-weight: normal; font-style: italic; color:#121212;}
.find{font-size: 1.4em; font-weight: bold; color: #4b4d4a; padding: 20px 0 10px 0;}

.google_holder{width: 100%; overflow: hidden; padding: 10px 0 0 0;}
.google_map{width: 444px; float: left; border: 1px solid #e5e3e3;}
.google_description{width: 144px; float: left; padding: 15px 0 0 30px;}

/*Portofolio*/
.portofolio{position: relative;}
.center_left_top h3.categories{width: 158px; line-height: 14px; margin: 30px 0 10px 0; padding: 0; background: url(i/categories.png) top center no-repeat; text-indent: -9999px;}
.portofolio_main{width: 100%; padding: 20px; margin: 10px 0 0 0; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f0f0f0;}
.portofolio_main h3{color: #4b4d4a; font-size: 2.2em; padding: 0 0 5px 0;}
.portofolio_main .publish{color: #4b4d4a; font-size: 1.1em; padding: 0 0 10px 0;}

.featured2{width:407px; height:237px; padding:17px 0 0 13px;position: absolute; background: url(i/featured.png) top left no-repeat; top: 112px; left: 68px; margin: 0px 0 0 0;}
.div_image{float: left; border: 1px solid #cdcbcb; width: auto; padding: 10px; margin-right: 20px; background-color: #ffffff;}

.blog_thumb{width: 100%; padding: 20px; margin: 20px 0 0 0; border: 1px solid #cdcbcb; overflow: hidden; background-color: #f4f4f4;}
.blog_thumb img{border: 1px solid #cdcbcb; margin-right: 30px;}
.blog_thumb h2{width: 455px; font-size: 1.6em; padding: 0; margin: 0 0 20px 0; line-height: normal;}

.cat_thumb{width: 100%; padding: 5px 20px; margin: 20px 0 0 0; border: 1px solid #cdcbcb; overflow: hidden; background-color: #f9f9f9;}
.cat_thumb img{border: 1px solid #cdcbcb; margin-right: 30px;}
.cat_thumb h2{width: 555px; font-size: 1.6em; padding: 0; margin: 0 0 20px 0; line-height: normal;}

/*Pricing*/
.ministry_main{width:918px; padding: 20px;}
.ministry_main h2{margin: 0 0 10px 0; font-size:2.8em; font-weight:bold;}
.ministry_main .subscribe{padding: 30px 0 30px 0; font-size: 1.4em; font-weight: bold; color: #4b4d4a;}
.ministry_main p{padding: 0px 0 20px 0;}

.ministry_header{overflow: hidden; width: 100%;}
.ministry_header_left{float: left; width: 630px;}
.ministry_header_left .title{font-size: 2.2em; line-height: normal; color: #7d807c; padding: 0 0 20px 0; font-style: normal;}
.ministry_header_right{float: left; width: 223px; padding: 0 0 0 65px;background:url(../images/min_head.png) no-repeat left top;}
.ministry_header_right .card{font-size: 1.4em; line-height: 190px; color: #7d807c; font-weight: bold; padding: 0 0 10px 0; }

.ministry_table{width: 898px; margin: 50px 0 20px 0; padding: 20px 10px 20px 10px; overflow: hidden; border: 1px solid #cdcbcb; background-color: #f3f3f3;}
.ministry_table .thumb{float: left; width: 189px; padding: 10px 10px 10px 25px; border-right: 1px solid #cdcbcb;}
.ministry_table .thumb .subtitle{ font-size: 1.3em; color: #5c6458; padding: 0 0 20px 0;}
.ministry_table .thumb_last .subtitle{ font-size: 1.3em; color: #5c6458; padding: 0 0 20px 0;}
.ministry_table .thumb_last{float: left; width: 188px; padding: 10px 10px 10px 25px;}
.ministry_table .thumb .price{font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal;}
.ministry_table .thumb_last .price{font-size: 2.2em; font-weight: bold; color: #d15806; line-height: normal;}
.ministry_table .thumb .price span{font-size: 11px; font-weight: normal; color: #999999 ;line-height: normal;}
.ministry_table .thumb_last .price span{font-size: 11px; font-weight: normal; color: #b1b1b1; line-height: normal;}
.thumb a, .thumb_last a{float: left; width: 160px; height: 20px; display: block; margin: 4px 0 4px 0; /*background: url(i/buynow.png) top left no-repeat;text-indent: -9999px;*/}




.ministry_table .thumb ul.listing, .ministry_table .thumb_last ul.listing{float:left; padding: 30px 0px 0px 0px; margin:0;}
.ministry_table .thumb ul.listing li{list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.ministry_table .thumb_last ul.listing li{list-style-image: none; background-image:url(i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.ministry_table .thumb ul.listing li.no{list-style-image: none; background-image:url(i/no.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}
.ministry_table .thumb_last ul.listing li.no{list-style-image: none; background-image:url(i/no.png); background-repeat: no-repeat; background-position: left center; padding:0 0 5px 30px; margin:0 0 5px 0; font-size:1.2em;}


.ministry_table h4.professional{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/professional.png) center left no-repeat; text-indent: -9999px;}
.ministry_table h4.basic{width: 100%; float: left;line-height: 47px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(i/basic.png) center left no-repeat; text-indent: -9999px;}
.ministry_table h4.advanced{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/womens.png) left center no-repeat; text-indent: -9999px;}
.ministry_table h4.nitro{width: 100%; float: left;line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/mens.png) center left no-repeat; text-indent: -9999px;}
.ministry_table h4.health{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/health.png) left center no-repeat; text-indent: -9999px;}
.ministry_table h4.music{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/music.png) left center no-repeat; text-indent: -9999px;}
.ministry_table h4.community{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/community.png) left center no-repeat; text-indent: -9999px;}
.ministry_table h4.education{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/education.png) left center no-repeat; text-indent: -9999px;}
.ministry_table h4.liberty{width: 100%;float: left; line-height: 47px; margin: 0 0 0 0; padding: 0; background: url(i/religiouslib.png) left center no-repeat; text-indent: -9999px;}
/*.min_head{padding:0 300px 0 0; background:url(../images/min_head.png) no-repeat left top;}
*/.ministry_table_footer{font-size: 1.2em; color: #949494; font-style: italic;}
ul.show-list{ list-style:circle; margin-left:10px; color:#121212; font-size:1.3em;}
ul.show-list li{margin-left:10px;}
/*Slider*/

#slider {
    width: 455px; /* important to be same as image width */
    height: 330px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background:#fefefe;
	border:1px solid #E0E0E0;
}

#feature{width:60px; height:57px; padding:17px 0 0 13px;position: absolute; background: url(i/featured.png) top left no-repeat; top: 1186px; left: 610px; margin: 0px 0 0 0; z-index:100;}
#sliderContent,#feat {
    width: 460px; /* important to be same as image width or wider */
	height:200px;
    position: absolute;
	top: 0;
	margin-left: 0;margin:5px;
	z-index:100px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 434px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	border-bottom:1px solid #fff;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/*News*/

#news{margin-top:20px;}
#news a{
font-size:15px;
color:#fff;}

#hbanner{
height:380px;
overflow:hidden;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 ul#news {}

 ul#home-gal-nav
	{ background:url(i/bg_gal_nav.png) no-repeat left top;width: 45px; height: 22px; padding: 5px 0 0 7px;/* -moz-border-radius: 10px;
	-webkit-border-radius: 10px; -khtml-border-radius: 10px;*/ position: absolute; right: 20px; bottom: -32px; border:1px solid #CCCCCC; border-width:0; }
	.lbsBibleRef{-moz-border-radius: 5px;	-webkit-border-radius: 5px; -khtml-border-radius: 5px;}
	ul#home-gal-nav li {float: left;}
	
	ul#home-gal-nav a
	{display: block; width: 16px; height: 16px; margin-right: 5px; filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6;}
	
	ul#home-gal-nav a:hover
	{filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;}
	
	ul#home-gal-nav a span{display: none;}
	ul#home-gal-nav li.prev a, ul.twitter-nav li.prev a {background: url(i/arrow-low-prev.gif) no-repeat;}
	ul#home-gal-nav li.next a, ul.twitter-nav li.next a {background: url(i/arrow-low-next.gif) no-repeat;}
	
/*_____________________________________________ Start - Projects - home _____________________________________________*/

#home .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 1px;
    position: relative; 
	width:400px;    
}

    #home .main {
        margin-left: 5px;
    }

    #home .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #home .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #home .carousel a.prev, #home .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        
            #home .carousel a:hover, #home .carousel a:active {
                border: none;
                outline: none;
            }                 
    #home .carousel .jCarouselLite {
        border: 1px solid #CCCCCC;
        float: left;
        background-color: #E0E0E0;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #home .carousel ul {
            margin: 0;
        }
        #home .carousel li img, 
        #home .carousel li p {
            background-color: #fff;
            width: 75px;
            height: 75px;
            margin: 10px;
        }
        
        #home .widget img {
            cursor: pointer;
        }
            #home .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #home .vertical {
                margin-left: 170px;
            }
                #home .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #home .imageSlider li img, 
            #home .imageSlider li p, 
            #home .imageSliderExt li img , 
            #home .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }
            
/*_____________________________________________ End - Projects - home _____________________________________________*/

/*______________________________________________Video Project - Video______________________________________________*/

#video .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 1px;
    position: relative; 
	/*width:400px;    */
}

 #videos .main {
        margin-left: 5px;
    }

    #videos .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #videos .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #videos .carousel a.prev, #videos .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;
    }
        
            #videos .carousel a:hover, #videos .carousel a:active {
                border: none;
                outline: none;
            }                 
    #videos .carousel .video {
        border: 1px solid #CCCCCC;
        float: left;
        background-color: #E0E0E0;
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #videos .carousel ul {
            margin: 0;
        }
        #videos .carousel li img, 
        #videos .carousel li p {
            background-color: #fff;
            width: 75px;
            height: 75px;
            margin: 10px;
        }
        
        #videos .widget img {
            cursor: pointer;
        }
            #videos .vertical {
                margin-left: 170px;
            }
                #videos .vertical .videos {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #videos .imageSlider li img, 
            #videos .imageSlider li p, 
            #videos .imageSliderExt li img , 
            #videos .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }
         
		 /*_____________________________________________ End - Projects - video _____________________________________________*/

	/*_____________________________________________Video Navigation__________________________________________________*/
	ul#video-gal-nav
	{ background:url(i/bg_gal_nav.png) no-repeat left top;width: 43px; height: 23px; float:right; padding: 5px 0 0 7px;/* -moz-border-radius: 10px;	-webkit-border-radius: 10px; -khtml-border-radius: 10px;*/ position: relative; right: 40px; top:13px; }
	
	#videos .video-gal{

				background:transparent url(i/video_gal.png) no-repeat scroll center top;
				margin:0px 0 ; padding:0 0 22px 0;
				text-indent:-9999px;
				width:158px;
				line-height:1.2em;
}

	ul#video-gal-nav li {float: left;}
	
	ul#video-gal-nav a
	{display: block; width: 16px; height: 16px; margin-right: 5px; filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6;}
	
	ul#video-gal-nav a:hover
	{filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;}
	
	ul#video-gal-nav a span{display: none;}
	ul#video-gal-nav li.prev a, ul.twitter-nav li.prev a {background: url(i/arrow-low-prev.gif) no-repeat;}
	ul#video-gal-nav li.next a, ul.twitter-nav li.next a {background: url(i/arrow-low-next.gif) no-repeat;}
	
 /*_____________________________________________ End - Projects - video _____________________________________________*/


.share-div {
display:none;
height:30px;
width:590px;
padding:5px 30px 0 30px;
float:right;
background: transparent url(i/bg_share.png) no-repeat left top;width: 400px; height: 27px; padding: 3px 0px 0 50px;
}

/*_________________________________________________Ticker___________________________________
*/

.ticker{
								margin:18px 15px 0 7px;
								width:590px;
/*								background:#2CA6D4 url(i/bg_header.jpg) repeat-x scroll center center;*/
							border:1px solid #D4D4D2;	 /*4CAAD8*/
							border-width:1px 0;
							color:#6c6c6c; font-size:1.4em; padding:8px;
								-moz-border-radius: 5px;  -webkit-border-radius: 5px;
								position:relative;
								top:201px;
								left:100px;
								z-index:100;
								}
							
							.ticker, .ticker a{
								text-decoration:none;
								}
								
							.ticker span{display:none;}
							.ticker .active_ticker{display:block;}	

.ticker, .ticker a{
								color:#121212;
								text-decoration:none;
								font-weight:bold;
								}
								
								#contact p, label, legend { font: 1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 600px; margin: 50px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -webkit-border-radius:5px;  }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -webkit-border-radius:5px; }
#contact input, #contact textarea,#contact select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('i/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('i/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }



/*HACK START*/
/*\*/
html*#feature {
[color:red;
color:blue;
]top:1179px;left:602px;
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #feature {
top:1170px;
left:603px;
}
/*HACK END*/
/*Table Stripe*/ 
table .stripe {
	border-collapse: collapse;
	width: 50%;
	margin: 24px;
	font-size: 1.1em;
}

.stripe th {
	background:#E6F1F4;
	color: #ooo;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #fff;
	line-height: 1.2;
}

.stripe td {
	padding: 6px 11px;
	border-bottom: 1px solid #DDDDDD;
	vertical-align: top;
}

.stripe td * {
	padding: 6px 11px;
}

.stripe tr.alt td {
	background: #E6EEEE;
}

.stripe tr.over td, .stripe tr:hover td {
	background: #bcd4ec;
}

#feats{position:relative;}

.bulletin{
width: 608px;}
.bulletin th{font-size:1.1em;padding:0 15px;}

/* Tables */

.bulletin table {
	margin:0 0 70px 0;
	background:#fff;
	width:100%;
	border:1px solid #dedede;
	border-bottom:none;
}

.bulletin thead td, .bulletin thead th {
	background-color:#e6e6e6;
}

.bulletin tr td, .bulletin thead th {
	border-left:1px solid #ccc;
	text-align:left;
	padding:8px;
	color:#616161;
	vertical-align:middle;
}

.bulletin thead td, .bulletin thead th {
	font-weight:bold;
	padding:10px 6px;
	text-align:center;
}

.bulletin th, .bulletin td {
	border-bottom:1px solid #dedede;
}
.bulletin tbody th {
	padding:8px 8px;
	text-align:left;
}

.bulletin tbody tr.alt td, .bulletin tbody tr.odd td {
	color:#464646;
}

.bulletin tbody tr.alt td, .bulletin tbody tr.alt th, .bulletin tbody tr.odd {
	background-color:#f5f5f5;
}
.bulletin tbody tr:hover td, .bulletin tbody tr:hover th {
	background-color:#FFFFCF;
}

.headerSortDown, .headerSortUp {
	background-repeat:no-repeat;
	background-color:#dcdcdc!important;
	color:#404040!important;
}

.header span {
	float:right;
}

.bulletin tr .center {
	padding:15px;
	width:5px;
}

.bulletin table a.btn span.ui-icon {
	left:0.1em;
}
.bulletin select{border:none;height:200px;}
.toolpanel{width:100px;}

/*Carousel*/

.infiniteCarousel {
  width: 460px;
  height:110px;
  position: relative;
  background: url(i/bg_carousel.jpg) no-repeat 0 0;

}

.infiniteCarousel .wrapper {
  width: 409px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 10px;
  position: relative;
  top: 0;

}

.infiniteCarousel ul a img {
  border: 2px solid #ccc;
  background-color:#FFFFFF;
  padding:2px;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  left:-1px;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 13px 6px 13px 5px;
  height: 75px;
  width: 75px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 16px;
  width: 17px;
/*  background: url(i/arrow-low-next) no-repeat 0 0;
*/  text-indent: -999px;
  position: absolute;
  top: 47px;
  cursor: pointer;
  margin:1px;
}

.infiniteCarousel .forward {
/*  background-position: 0 0;
*/    background: url(i/arrow-low-next.gif) no-repeat 0 0;
filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6;
  right: 3px;
}

.infiniteCarousel .back {
/*  background-position: 0 -72px;
*/  
  background: url(i/arrow-low-prev.gif) no-repeat 0 0;
  filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6;
left: 4px;
}

.infiniteCarousel .forward:hover {
  filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;
}

.infiniteCarousel .back:hover {
  filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;
}


/*Tweet Hdr*/

.tweethdr {color:#FFFFFF;}
/*	JScrollPane CSS
----------------------------------------------------------------*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right:4px;
	top:0;
	height: 100%;
	background: #ddd;
}
.jScrollPaneDrag {
	position: absolute;
	background: #F09206;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*	Twitter Box
----------------------------------------------------------------*/
#twitter-ticker {
	color: #fff;
	display: none;
	text-align: left;
}
#twitterSearch {
	height: 215px;
	margin-top: 0;
	overflow: hidden;
	width: auto;
}
#twitIcon {
	height: 64px;
	left: -10px;
	position: absolute;
	top: -25px;
	width: 64px;
}
.tweet {
	/*background-color: #4B4D4A;
	border: 1px solid #4B4D4A;
	height: 100%;*/
	margin: 0 2px 2px 0;
	overflow: hidden;
	padding: 3px;
	width: auto;
}
.tweet .avatar,.tweet .user,.tweet .time {
	float: left;
}
.tweet .time {
	font-size: 12px;
	padding-left: 10px;
	text-transform: uppercase;
	white-space: nowrap;
}
.tweet .avatar img {
	border: 2px solid #eeeeee;
	height: 36px;
	margin: 0 5px 5px 0;
	width: 36px;
}
.tweet .txt {
	clear: both;
	font-size: 11px;
}


.tweet .user {
	font-weight: bold;
}
.loading {
	margin: 100px 95px;
}
#twitter-ticker {
	margin: 0 auto 20px;
}
#main {
	margin: 40px auto;
	text-align: center;
	width: 420px;
}

.main-hdr{color:#067BA9; text-transform:uppercase;}

#slider{padding:10px;}
#slider img{padding:2px; border:1px solid #ccc;margin:5px 20px 5px 0;}

a.jScrollArrowUp {
	background: url(i/arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(i/arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.event .jScrollPaneTrack {
	background: #eaeaea;
	border:0 #ccc solid;
	border-width:1px 0 1px 1px;
}
.event .jScrollPaneDrag {
	background: #0863B6 url(i/grab.gif) no-repeat 50% 50%;
}
.event .scroll-pane {
	width: 470px;
	height: 330px;
	overflow: auto;
	background: #fff;
	float: left;
}

.juitterAvatar{
	margin:0 10px 5px 0;}
.twittLI{ margin:5px 0;padding-bottom:5px;border-bottom:1px solid #525252;}

/* RefTagger Control Panel Styles */

#lbsRefTaggerCP {
	width: 17.9em;
	border: solid 1px #DDD;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-size: 100%;
	color:#333333;
	background-color:#FFF;
	text-align: left;
}
#lbsHeader {
	text-align: left;
	font-size: 100%;
	font-weight: bold;
	border-bottom: solid #DDD 1px;
	background-image: url(http://www.logos.com/images/Reftagger/bbbg.jpg);
	background-repeat: repeat-x;
	padding: .25em;
	color: #FFF;
	margin-bottom: 2px;
}
#lbsSaveContainer, #lbsVersionContainer, #lbsLibronixContainer {
	padding:4px;
}
#lbsSave {
	border:1px solid gray;
	padding: 0em 1em;
	background-image: url(http://www.logos.com/images/Reftagger/orangesave.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	font-family: helvetica, arial, "sans serif";
	cursor: pointer;
}
#lbsVersion {
	/*font-size:100%;
	*/width:100%
}
#lbsRefTaggerCP a:link, #lbsRefTaggerCP a:hover, #lbsRefTaggerCP a:visited {
	text-decoration:none;
	color:#666666;
}
#lbsFooter {
	font-size: 90%;
	border-top:dashed #DDD 1px;
	padding:3px;
}
#lbsLogo {
	background-image:url(http://www.logos.com/images/reftagger/logowhitebg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	padding: 2px;
}
#lbsUseLibronixLinks {
	cursor: pointer;
}
/*Q Tip right*/

.qtip-wrapper{font-size:12px;}

/**/
#lbxSmallSearchContainer {width:145px;height:50px;background:url(http://www.logos.com/images/biblesearchbar/smallbg.gif) 

no-repeat;font:Arial, Helvetica, sans-serif normal #333;line-height:100%;}
#lbxSmallSearchField {padding: 3px 2px 0px;height: 27px;}
#lbxSmallSearchContainer form {border:none;margin: 0;padding: 0;}
#lbxSmallSearchContainer input {background:white;width:98px;border:0;text-align: left;margin: 0px 0px 2px 

7px;font-size:12px;position:relative;top:-6px;left:1px;}
#lbxSmallSearchContainer #go {width: 18px;cursor: pointer;border: 0;margin-top:7px;position:relative;top:0px;}
#lbxSmallSearchFooter {text-align:center;color:#FFF;font-size:9px;font-family:Arial, Helvetica, sans-serif;margin-top:4px;}
#lbxSmallSearchFooter a img {vertical-align:baseline;padding:0; padding-right:2px;margin:0;}
#lbxSmallSearchFooter a {color:#FFF;text-decoration:none;font-size:9px;}
a.lbxSmallSearchTooltip {display:inline;cursor:pointer;position:relative;z-index:24;}
a.lbxSmallSearchTooltip:hover {z-index:25}
a.lbxSmallSearchTooltip span {display: none;}
a.lbxSmallSearchTooltip:hover span {position: absolute;margin:15px 0px 0px 

0px;background-color:#FFF;width:195px;height:88px;cursor:pointer;background: 

url(http://www.logos.com/images/biblesearchbar/tooltip.jpg) no-repeat;display:block;top:.5em;left:.5em;}
.lbxBlurred {color: #666666;}

/*Image Nav*/

/* ---------------------------------------------------------------------------
	GALLERY
*/

.gallery {
	padding-left:0; /* reset 10px inherite from UL */
	padding-bottom:22px;
	}	
.gallery li {
	background:none;
	float:left; 
	height:160px;
	list-style:none;
	margin:0 0 20px 0;
	overflow:hidden;
	padding:0;
	position:relative; 
	width:280px; 
	border:1px solid #fafafa;
}
	.gallery li.margin-left {
		margin-left:10px;
		}
	.gallery li img {
		left:0; 
		position:absolute; 
		top:0; 
	}
	 .gallery li p {
		float:right;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		height:38px; 
		left:14px;
		padding:10px; 
		position:absolute; 
		top:160px;
		width:252px;
	}
	 .gallery li p span {
		display:block;
		font-style:italic;
	}
	.gallery li p {
	background:url(i/b-opacity.png) top left repeat; 
	color:#f6f6f6;
	}

	.img-medium-bg {
		background:transparent url(i/bg_img.jpg) repeat-x scroll left top;
		height:132px;
		padding:14px;
		width:252px;
}

/*
Accordion
*/

.accordion2 {
	width: 578px;
	border-bottom: solid 1px #c4c4c4;
	clear:both;
}
.accordion2 h3 {
	background: #e9e7e7 url(i/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion2 h3:hover {
	background-color: #e3e2e2;
}
.accordion2 h3.active {
	background-position: right 5px;
}
.accordion2 p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}
/*Misc style*/
#loadmedia h2 {
	font: bold 190%/100% Arial, Helvetica, sans-serif;
	margin: 0 0 .2em;
}

h2 em {
	font: normal 80%/100% Arial, Helvetica, sans-serif;
	color: #999999;
}
#largeImg {
	/*border: solid 1px #ccc;*/
	width: 568px;
	height: 400px;
	padding: 5px;
	margin:0 auto;
}
p.thumbs{clear:both;}
.thumbs a{
	float:left;
	border: solid 1px #ccc;
	width: 250px;
	height: 150px;
	padding: 4px;
	margin:0 5px;
	background-color:#fff;
	position:relative;
}
.thumbs img {
	border-color: #FF9900;
	border-width:1px;
}
.thumbs a:hover {
	border-color: #FF9900;
}

.img_border {
	border: solid 1px #ccc;
	padding: 4px;
	margin:0 5px;
}
.imgborder {
	border: solid 1px #ccc;
	padding: 5px;
	margin:0 auto;
	background:#fff;
}
.play_button{ background:url(i/play_button.jpg) no-repeat 0 0;padding:0 0 0 20px;}

.play_enlarge{ background:url(i/icon_enlarge.gif) no-repeat 0 0;padding:0 0 0 20px;}

/*Zebra Stripe*/

.zebra_odd {
		background-color: #ABD5E0;
	}
.zebra_even {
		background-color: #38A7CB;
	} 
	
	/*Fan Page*/
	#fanPage{
	/* This is the container that holds the widget */
	background-color:#002233;
	background:url(i/bg_header.jpg)repeat-x 0 0;
	color:white;
	height:300px;
	margin:30px auto;
	padding:10px;
	text-align:left;
	width:160px;
}

#fanPage a, #fanPage a:visited{
	/* This styles the title and total fans links */
	color:#121212;
	font-weight:bold;
	text-decoration:none;
}

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

.title{
	/* The title on the top */
	background-color:#F6F6F6;
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:16px;
	letter-spacing:1px;
	margin:3px 0 10px;
	padding:4px 8px;
	position:relative;
	text-align:right;
	text-transform:uppercase;
}


#twitBird{
	/* The twitter icon on the top */
	left:-10px;
	position:absolute;
	top:-28px;
}

.content{
	/* The div that holds the twitter avatars */
	background-color:#eeeeee;
	padding:2px;
	text-align:left;
	height:208px;
	position:relative;
	color:#333333;
}

#mask{
	/* Inserted once you click the green "Join" button */
	font-size:10px;
	left:0;
	padding:10px;
	position:absolute;
	top:0;
}

#mask label{
	display:block;
	font-weight:bold;
	margin:8px 0 4px;
	text-transform:uppercase;
}

#twitterName{
	/* The twitter name input box */
	background-color:#FCFCFC;
	border:1px solid #CCCCCC;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding:2px;
}

#mask a.greyButton,#mask a.greyButton:visited{
	/* The default state of the gray join button */
	display:inline-block;
	height:19px;
	margin-top:10px;
	padding:6px 0 0;
	text-align:center;
	width:70px;
	background:url(i/button_gray.png) no-repeat;
	color:#222222;
}

#mask a.greyButton:hover{
	/* The hover effect on the "Join" button */
	background-position:bottom left;
	text-decoration:none;
}

div#mask a, div#mask a:hover, div#mask a:visited{
	color:#0196e3;
}

#response{
	/* The div that holds the response messages in the "Join area" */
	margin-top:10px;
	font-size:10px;
	text-align:center;
}

.subscribefp{
	position:relative;
}

.membersCount{
	/* The total number of fans div */
	position:absolute;
	right:0;
	top:5px;
	color:white;
	display:block;
	font-size:22px;
	font-weight:bold;
}

.content img{
	/* The twitter avatars */
	margin:2px;
}

#fanPage, .content, .title{
	/* Rounding three elements at once */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

a.joinFP, a.joinFP:hover{
	/* The green "Join" button */
	display:block;
	background:url(i/buttons.png) no-repeat;
	width:94px;
	height:38px;
	text-indent:-9999px;
	margin:5px 0 0 -4px;
}

a.joinFP:hover{
	/* The hover state of the button */
	background-position:bottom left;
}

/*Twitter*/
.tweet {
			/*background: #fff;*/
			margin: 0;
			width: 235px;
			padding: 0 1px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		.tweet img {
			float: left;
			margin: 0 8px 4px 0;
		}
		.tweet .text {
			margin: 0;
		}
		.tweet .time {
			font-size: 80%;
			color: #888;
			white-space: nowrap;
		}

		#twitterSearch .tweet {
			min-height: 24px;
		}
		#twitterSearch .tweet .text {
			margin-left: 32px;
		}