/*
Theme Name: personalityplus
Theme URI: http://personalityplus.com
Description: personalityplus <a href="http://wordpress.org/">Wordpress</a> theme by supriyadisw.
Version: 0.69
Author: Supriyadi Widodo
Author URI: http://www.supriyadisw.net
----------------------------------------------- */

* {margin:0; padding:0;}

html {width:100%;}

body { 	 
	font-family:Tahoma, Geneva, sans-serif;
	font-size:100%; 
	color:#b9b8b8;
	min-width:980px;
	background:#414141;
}

p {
	margin: 10px 0;
}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
	font-size:12px;
	line-height:15px;
}

#content ps {margin: 0 0 15px 0;}


img {border:0; vertical-align:top; text-align:left;}
input, textarea{color:#3f3f3f; font-size:14px; border:0px solid #cccccc; line-height:22px; padding-left:5px; font-family:"Trebuchet MS", "Trebuchet MS1", Helvetica, sans-serif;}
textarea{overflow:auto;}


a {color:#5da0ab; outline:none; cursor:pointer;}
a:hover {text-decoration:none;}

object {outline:none;}
fieldset {border:0;}

ul {list-style:none;}
table, table td {padding:0; border:none; border-collapse:collapse;}
.fleft{ float:left;}
.fright{ float:right;}
.clear{ width:100%; overflow:hidden;clear:both;}

.col-1, .col-2, .col-3, .col-4{ float:left;}
.br{ display:block;}

#content ul {margin: 20px 0;}
#content li { list-style: inside;}




.tail-content{ border-top:8px solid #aaa9a9; background:#FFF;}
/*********************************header*************************************/
#header{ height:238px;}


.row-logo{ position:absolute; margin:33px 0 0 0; position:absolute;}
.img-link{ position:absolute; margin:88px 0 0 884px;}

#menu{ background:url(images/menu_wrapper.gif) 0 0 repeat-x; height:58px; margin:173px 0 0 0; width:100%;}
#menu li{ display:block; float:left; text-align:center; background:url(images/menu_separator.gif) right 10px no-repeat;}
#menu li span{ display:block; padding:16px 27px 23px 27px;}
#menu li a{ color:#6e6e6e; font-size:16px; line-height:18px; text-decoration:none; display:block; letter-spacing:-2px;}
#menu li a:hover, #menu li a.active{ background:url(images/menu_act.gif) 0 0 repeat-x; color:#FFF;}
#menu li a:hover span, #menu li a.active span{ background:url(images/menu_marker.gif) bottom center no-repeat; color:#FFF;}

#nav6{ background:none !important;}
/*********************************content*************************************/
#content{ padding:40px 0 29px 0;}
.content1{padding:0 0 29px 0 !important;}


.img-right{ float:left; margin:0 30px 0 0;}


#content2 h3{ color:#626262; font-size:24px; text-transform:uppercase; padding:0 0 21px 0;}
.text{ color:#7a7979; font-size:12px; text-transform:uppercase; line-height:15px;}






.separator{ background:url(images/separator.gif) 0 0 repeat-y;}
.content-indent{ padding:0 0 0 30px;}
.content-indent1{ padding:0 0 10px 30px;}


/*footer-row*/
.separator-footer{ background:url(images/separator_footer.gif) 0 0 repeat-y;}
.footer-text-indent{ padding:0 0 0 21px;}
.footer-text-indent1{ padding:0 0 19px 21px;}
/**/



/*box-1*/
.box-1 .border-top {background:url(images/border_top.gif) repeat-x top #cbcbcb;}
.box-1 .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box-1 .border-left {background:url(images/border.gif) repeat-y left;}
.box-1 .border-right {background:url(images/border.gif) repeat-y right;}
.box-1 .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box-1 .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box-1 .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box-1 .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom;}

.box-1 div{ color:#5b5b5b !important; font-size:12px; line-height:15px;}
.box-1 .indent-top{ padding:15px 0 0 0;}

.box-1-marker{ background:url(images/box_1_marker.png) 9px 14px no-repeat;}
.box-1-text{ background:url(images/box_1_text.png) bottom left no-repeat;}
.box-1-indent{ padding:26px 11px 90px 42px;}
/**/


/*dl*/
dl.text1{ width:100%; overflow:hidden; padding:4px 0 14px 0;}
dl.text1 dt{ background:url(images/box_bg.png) 0 0 no-repeat; width:72px; height:72px; float:left; display:block;}
dl.text1 dt span{ color:#000000; font-family:Georgia, "Times New Roman", Times, serif; position:absolute;}
dl.text1 dt span.text1{ font-size:28px; margin:14px 0 0 20px; line-height:28px;}
dl.text1 dt span.text2{ color:#000; font-size:18px; line-height:19px; text-transform:uppercase;  margin:41px 0 0 17px;}
dl.text1 dd{ padding:5px 0 0 0; float:left; display:block; width:208px; margin:0 0 0 15px;}
dl.text1 dd strong{ color:#5da0ab; display:block;}
dl.text1 dd a, dl.text1 dd a:hover{ color:#5da0ab;}

.indent-none{ padding-bottom:0 !important;}
/**/


/*footer-row*/
.footer-row h3{ color:#ffffff; font-size:24px; text-transform:uppercase; padding:0 0 16px 0;}
.footer-row  strong{ color:#d8faff; font-size:14px; line-height:15px;}
.footer-row .indent-box-top{ margin:15px 0 0 0;}

.tail-footer-row{ background:#aaa9a9; padding:28px 0 20px 0;}
.tail-footer-row div{ color:#3c3c3c; font-size:12px; line-height:15px;}
.tail-footer-row div a, .tail-footer-row div a:hover{ color:#d8faff;}
.img-right1{ float:left; margin:0 19px 0 0;}
/**/


/*text*/
strong.text{ color:#5da0ab; text-transform:none;}
.list li{ line-height:14px; padding-bottom:6px;}
.list li a{ background:url(images/list_marker.gif) 0 4px no-repeat; padding:0 0 3px 10px; color:#5da0ab; font-size:12px; line-height:14px; font-weight:bold;}
.list li a:hover{ color:#b9b8b8; background:url(images/list_marker.gif) 1px 3px no-repeat;}

.list-1 li{ line-height:14px; padding-bottom:6px;}
.list-1 li a{ background:url(images/list_marker1.gif) 0 4px no-repeat; padding:0 0 3px 10px; color:#d8faff; font-size:12px; line-height:14px; font-weight:bold;}
.list-1 li a:hover{ color:#FFF; background:url(images/list_marker1.gif) 1px 4px no-repeat;}

.img{ border:1px solid #d2d2d2;}

.link{ width:102px; height:32px; text-align:center; font-family:Tahoma; font-size:12px; text-transform:uppercase; display:block; line-height:32px; font-weight:bold; text-decoration:none; color:#FFF;}


#contents .link{ background:#8dd5e0;  color:#FFF;}
#content .link:hover{ background:#d8d6d6;}
.footer-row .link{background:#8dd5e0;  color:#FFF;}
.footer-row .link:hover{ background:#ffffff; color:#8dd5e0}
.link1, .link1:hover{ color:#b9b8b8;}

/**/
/*indent*/
.list-top{ padding:26px 0 0 0;}
.link-top{ margin:24px 0 0 0;}
.img-top{ margin:15px 0 0 0;}
.img-top1{ margin:28px 0 0 0;}
.img-top2{ margin:32px 0 0 0;}
.indent-top-bottom{ padding:15px 0 15px 0;}
.indent1-top-bottom{ padding:15px 0 22px 0;}
.indent2-top-bottom{ padding:5px 0 19px 0;}
.indent-top1{ padding:15px 0 0 0;}
.text-indent{ float:right; padding-right:111px;}
.extra-indent-text p{ padding:15px 0 0 0 !important;}
/**/


.list-img{ padding:5px 0 0 0;}
.list-img li{ display:block; float:left; margin:0 24px 0 0;}
.indent-right-none{ margin-right:0 !important;}
.list-img-bottom{ margin-bottom:25px;}

/*********************************#page home*************************************/
#page1 .footer-row .row-box .row-box-1{ width:312px;}
#page1 .footer-row .row-box .row-box-2{ width:312px; margin:0 0 0 7px;}
/*****************************************************************************/

/*********************************#page4*************************************/
#page8 .footer-row .row-box{ width:649px;}
#page8 .footer-row .row-box .row-box-1{ width:312px;}
#page8 .footer-row .row-box .row-box-2{ width:312px; margin:0 0 0 25px;}
/*****************************************************************************/

/*********************************#page6*************************************/
#page12 .row-form { height:26px;}
#page12 .row-form1 { height:auto !important;}
#page12 .row-form .row-form-1{ width:57px;}
#page12 .row-form .row-form-1 label{ padding:2px 0 0 0; display:block;}
#page12 .row-form .row-form-2{ width:238px;}
#page12 .row-form input, #page6 .row-form textarea{ width:238px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;  border-top:1px solid #303030;  border-left:1px solid #303030; font-family:Arial, Helvetica, sans-serif; padding:2px 0 2px 0; font-size:11px; height:15px;}
#page12 .row-form textarea{ height:124px !important; color:#3c3c3c;}
.form-button{ padding:14px 0 0 137px;}
.form-button .link{ float:left;}

.link-width1{ width:67px !important;}
.link-width2{ width:76px !important;}
.link-indent{ margin:0 14px 0 0 !important;}
/*****************************************************************************/





/****************************footer************************/
.tail-footer{ border-top:1px solid #807f7f;}
#footer{ text-align:center; color:#ffffff; font-size:12px; line-height:14px; padding:28px 0;}
#footer a{ color:#FFF; text-decoration:none;}
#footer a:hover{ color:#d8faff; text-decoration:underline;}





.slider{ height:381px; border:1px solid #d2d2d2; overflow:hidden;}
/*--- kwicks ---*/
.kwicks-box {
	padding:3px 0 0 3px;
}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	overflow:hidden;
	width:975px;
	height:391px;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 108px;
	height: 375px;
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	cursor:pointer;
}
	.kwicks li img {
		float:right;
	}

.kwicks li .slider-text-act{ display:none;}
.kwicks li.active .slider-text-act{ display:block !important;}
	

.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0; /*Set to same as spacing option. */	
	float: left;
}

.kwicks li span.deep1 {
	display:block;
	width:37px;
	height:375px;
	position:absolute;
}
	
	
.kwicks li.kwick1 {
	background:#FFF url(images/slide1.jpg) no-repeat 500px 0;
}
.kwicks li.kwick2 {
	background:#FFF url(images/slide2.jpg) no-repeat 420px 0;
}
.kwicks li.kwick3 {
	background:#FFF url(images/slide3.jpg) no-repeat 400px 0;
}
.kwicks li.kwick4 {
	background:#FFF url(images/slide4.jpg) no-repeat 300px 0;
}
.kwicks li.kwick5 {
	background:#FFF url(images/slide5.jpg) no-repeat right 0;
}
.kwicks li.kwick6 {
	background:#FFF url(images/slide6.jpg) no-repeat right 0;
}
.kwicks li.kwick7 {
	background:#FFF url(images/slide7.jpg) no-repeat right 0;
}
.kwicks li.kwick8 {
	background:#FFF url(images/slide8.jpg) no-repeat right 0;
}
.kwicks li.kwick9 {
	background:#FFF url(images/slide9.jpg) no-repeat right 0;
}

.kwicks li a.deep{ height:375px; width:375px; display:block;}
.kwicks li.kwick1 a.deep{ background:url(images/slide-txt1.gif) 0 0 no-repeat;}
.kwicks li.kwick2 a.deep{ background:url(images/slide-txt2.gif) 0 0 no-repeat;}
.kwicks li.kwick3 a.deep{ background:url(images/slide-txt3.gif) 0 0 no-repeat;}
.kwicks li.kwick4 a.deep{ background:url(images/slide-txt4.gif) 0 0 no-repeat;}
.kwicks li.kwick5 a.deep{ background:url(images/slide-txt5.gif) 0 0 no-repeat;}
.kwicks li.kwick6 a.deep{ background:url(images/slide-txt6.gif) 0 0 no-repeat;}
.kwicks li.kwick7 a.deep{ background:url(images/slide-txt7.gif) 0 0 no-repeat;}
.kwicks li.kwick8 a.deep{ background:url(images/slide-txt8.gif) 0 0 no-repeat;}
.kwicks li.kwick9 a.deep{ background:url(images/slide-txt9.gif) 0 0 no-repeat;}

.kwicks li.kwick1 a.deep:hover{ background:url(images/slide-txt1-hover.gif) 0 0 no-repeat;}
.kwicks li.kwick2 a.deep:hover{ background:url(images/slide-txt2-hover.gif) 0 0 no-repeat;}
.kwicks li.kwick3 a.deep:hover{ background:url(images/slide-txt3-hover.gif) 0 0 no-repeat;}
.kwicks li.kwick4 a.deep:hover{ background:url(images/slide-txt4-hover.gif) 0 0 no-repeat;}
.kwicks li.kwick5 a.deep:hover{ background:url(images/slide-txt5-hover.gif) 0 0 no-repeat;}
.kwicks li.kwick6 a.deep:hover{ background:url(images/slide-txt6-hover.gif) 0 0 no-repeat;}
.kwicks li.kwick7 a.deep:hover{ background:url(images/slide-txt7-hover.gif) 0 0 no-repeat;}
.kwicks li.kwick8 a.deep:hover{ background:url(images/slide-txt8-hover.gif) 0 0 no-repeat;}
.kwicks li.kwick9 a.deep:hover{ background:url(images/slide-txt9-hover.gif) 0 0 no-repeat;}


/*slider-text*/
.kwicks a{ text-decoration:none;}
.kwicks li .kwick-box-text, .kwicks li .kwick-box-text1{ display:none;}
.kwicks li.active	.kwick-box-text, .kwicks li.active .kwick-box-text1{display:block;
	width:468px;
	height:375px;
	position:absolute; background:url(images/kwicks_marker.png) 0 24px no-repeat;
	margin:0 0 0 37px;
	padding:21px 0 0 31px;
	color:#b9b8b8;
	font-size:12px; line-height:15px;
	}
.kwicks li.active .kwick-box-text1{ width:345px !important;}
.kwick-title{ color:#878686; font-size:30px; line-height:30px; letter-spacing:-3px; display:block; padding:0 0 14px 0;}
.kwick-text1{ color:#8dd5e0; font-size:12px; line-height:15px; text-transform:uppercase;}
.kwick-indent-top-bottom{ display:block; padding:14px 0 15px 0;}

.kwicks .kwick-button{ display:block; width:102px; height:32px; background:#8dd5e0; text-align:center; line-height:31px; color:#FFF; text-align:center; text-transform:uppercase; font-weight:bold; margin:22px 0 0 0;}
.kwicks .kwick-button:hover{ background:#d8d6d6;}
.kwick-right{ display:block; padding:0 75px 0 0;}
/**/

.kwick-box-indent{height:375px; width:385px; display:block; position:absolute;}

img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.optin {
	background: url(images/optin-bg.jpg) 0px 0px no-repeat;
	width: 625px;
	height: 219px;
	margin-bottom: 20px;
	padding: 10px 30px 10px 320px;
}

.optin h1 {
	line-height: normal;
	color: #000066;
	font-weight: normal;
	font-size: 17pt;
}

.optin ul {
	list-style: none;
	margin: 10px 0;
}

.optin li {
	background: url(images/bullet.png) 0px 0px no-repeat;
	padding: 5px 0 5px 30px;
	font-size: 12pt;
	margin: 0px 0;
}

.optin .optin-text {
	background: url(images/arrow.png) 0px 5px no-repeat;
	padding: 0 0 0 50px;
}

.kwickssss li.kwick1 .kwick-box-text {
	width: 410px;
}

.button { display:block; width:102px; height:30px; background:#8dd5e0; text-align:center; line-height:30px; color:#FFF; text-align:center; text-transform:uppercase; font-weight:bold; margin:20px 0 0 0; text-decoration: none;}

.alignright {
  float: right;
  margin: 0 0 5px 5px;
}

.textquote {
padding-left: 0px;
font-weight: normal;
}