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

@font-face {
	font-family: MyFont;
    src: url('helvetica-condensed_0-webfont.eot');
    src: url('helvetica-condensed_0-webfont.eot#iefix') format('embedded-opentype'),
         url('helvetica-condensed_0-webfont.woff') format('woff'),
         url('helvetica-condensed_0-webfont.ttf') format('truetype'),
         url('http://internetsukasuka.com/css/helvetica-condensed_0-webfont.svg#HelveticaCondensedMedium') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: MyFontTwo;
	src: url('Helvetica-Normal.ttf');
	font-weight: normal;
}

body{
	background: #fefdf0 url('../images/bg-content.jpg') repeat 50% 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #575652;
	min-width: 960px;
}

input:focus{ outline: none; }

a{ color: #563128; }
a:hover{ text-decoration: underline;}

a{ text-decoration: none; }

.photo-frame.padding-large{ padding: 10px; }
.photo-frame.padding-small{ padding: 5px; }
.photo-frame img{ width: 100%; }

#wrapper-top{
	background: url('../images/theme/bg2.jpg') no-repeat top center scroll;
	position: absolute;
	z-index: -99;
	left: 0;
	width: 100%;
	height: 581px;
}

#wrapper-large{
	background: url('../images/theme/bg2.jpg') no-repeat top center scroll;
	position: absolute;
	z-index: -99;
	left: 0;
	width: 100%;
	height: 922px;
}
#wrapper-index{
	background: url('../images/theme/bg1.jpg') no-repeat top center scroll;
	position: absolute;
	z-index: -99;
	top:0;
	right:0;   
	width: 100%;
	height: 100%;
}
.wrapper{
	width: 960px;
	margin: 0 auto;
}

.float-l{ float: left; }
.float-r{ float: right; }
.clear{ clear: both; height: 0; }

#header{
	height: 100px;
}
/*ini orangnya mau rubah logo*/
#header #logo{
	float: left;
	width: 200px;
	padding: 10px 0 10px 10px;
}
#header #logo img{
	float: left;
	width: 200px;
	padding: 10px 0 10px 10px;
	background:transparent;
}

#header #social{
	float: right;
	width: 150px;
	text-align: right;
	padding: 65px 10px 0;
	font-style: italic;
}

#menu{
	background: url('../images/bg-menu.png') no-repeat top center;
	height: 52px;
	padding: 0;
	margin: 0;
}

#menu ul{
	float: left;
	padding: 0;
	margin: 0 0 0 15px;
}

#menu ul li{
	float: left;
	padding: 15px 18px;
	position: relative;
	overflow: visible;
}

#menu ul li a{
	display: block;
    color: #563128;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	height: 17px;
	padding: 0;
	text-decoration: none;
}

#menu ul li #child{
	visibility: hidden;
	position: absolute;
	z-index: 99999;
	top: 45px;
	right: 10px;
	height: 100px;
	width: 309px;
}

#menu ul li:hover #child{
	visibility: visible;
}

#menu ul li #child #child-top{
    background: url("../images/m-child-top.png") no-repeat top center;
	height: 12px;
}

#menu ul li #child #child-content{
    background: url("../images/m-child-content.png") repeat-y top center;
	min-height: 50px;
	padding-top: 10px;
	Font-style:"MyFont";
}
#menu ul li #child #child-content ul{
	padding: 0;
	margin-left: 20px;
}
#menu ul li #child #child-content ul li{
	background: url('../images/bullets.png') no-repeat left center;
	padding: 0 0 5px 20px;
	float: none;
}
#menu ul li #child #child-content ul li a{
	display: block;
	width: 125px;
	color: #505050;
}


#menu ul li #child #child-bottom{
    background: url("../images/m-child-bottom.png") no-repeat top center;
	height: 12px;
}


#menu .search {
    float: right;
    padding: 15px 0 0 17px;
}
#menu .search form {
    background: url("../images/search.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    width: 210px;
}
#menu .search input.field {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #563128;
    float: left;
    font: 12px Arial,Tahoma,sans-serif;
    padding: 2px 0 0 6px;
    position: relative;
    width: 155px;
}
#menu .search input.submit {
    background: url("../images/btn-search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: inline;
    float: left;
    height: 18px;
    margin-left: 3px;
    padding: 0;
    width: 30px;
}

#banner{
	width: 945px;
	min-height: 432px;
	margin: 0 auto;
	position: relative;
}

#slider{ position:relative; width: 100% !important; height: 435px !important; z-index:88; overflow: visible;}

#slider-promo{ position: relative; height: 725px; z-index: 9; }

#slider-promo-area{
	background: url('../images/slide-promo-bg.png') no-repeat top center;
	height: 795px;
	margin-top: 50px;
	padding: 20px 23px;
}
	


#news-ticker{

	font-size: 12px;
	color: #333;
	width: 800px;
	padding-left: 10px;
	
	margin-bottom:0px;
}

#content{
	
	padding-top: 5px;
	min-height: 50px;
}

#content .container{
	padding: 20px;
	color: #563128;
	font-weight: 700;
}

#content-menu{
	float: left;
	width: 200px;
	min-height: 50px;
}
#content-menu ul li{
	background: url('../images/content-menu-separator.png') no-repeat bottom center;
}
#content-menu ul li{
	text-transform: uppercase;
}
#content-menu ul li:hover,
#content-menu ul li.current{
	background: #efdfbf;
}
#content-menu ul li:hover a{
	text-decoration: none;
}
#content-menu ul li a{
	display: block;
	padding: 10px 20px;
}

#content-right{
	float: right;
	width: 700px;
}

#content-right .content-list{
	background: url('../images/content-separator.png') no-repeat bottom center;
	min-height: 18px;
	margin-bottom: 10px;
	padding-bottom: 30px;
}
#content-right .img{
	float: left;
	width: 195px;
}
#content-right .text{
	float: right;
	width: 480px;
}
#content-right .text h2{
	color: #000;
	font-family: "MyFont", Arial;
	font-size: 24px;
}
#content-right .text p{
	color: #666666;
}
#content-right h3{
	font-size: 14px;
	color: #563128;
	font-family: "MyFont", Arial;
}


#content .container p{
	text-align: justify;
	line-height: 25px;
}

#content .container ol{
	padding: 0 20px;
}
#content .container .content-list ul{
	margin-top: -20px;
}
#content .container .content-list ul li,
#content .container ol li{
	margin: 30px 0;
}

#content .container table{
	margin-top: 10px;
}
#content .container table tr th{
	padding: 5px 0;
	text-align: left;
	text-transform: uppercase;
}
#content .container table tr td{
	padding: 5px 0;
	color: #666666;
}

#content-title{
	background: url('../images/content-title.png') no-repeat top center;
	padding: 0;
	margin: 0 auto;
	width: 945px;
	height: 85px;
	position: absolute;
	bottom: 0;
	letter-spacing: -1px;
	font-family: "MyFont", Arial;
}
#content-title h1{
	font-size: 40px;
	padding: 20px;
	color: #563128;
	text-transform: uppercase;
}

#content-banner{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 999;
}



#pagination{
	float: right;
	padding: 10px 0;
}
#pagination > div{
	float: left;
	text-align: right;
	text-transform: uppercase;
	font-family: "MyFont", Arial;
	font-size: 14px;
}

#pagination #pagination-link{
	margin: 0 10px;
}
#pagination a{
	padding: 0 5px;
	color: #000;
}
#pagination a:hover{
	text-decoration: none;
}
#pagination #pagination-link a.current-page{
	text-decoration: none;
}



#promo{
	background: url('../images/bg-promo.png') no-repeat top center;
	height: 200px;
	padding: 20px;
	
}
#promo ul li{
	float: left;
	display: inline-block;
	margin: 0 8px;
	width: 290px;
}
#promo h2{
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
	color: #FFF;
	text-transform: uppercase;
}


#sponsor{
	float: right;
	width: 650px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
#sponsor .sponsor-list{
	float: left;
	width: 610px !important;
	margin: 0 5px;
}
#sponsor ul li{
	height: auto !important;
}
#sponsor ul li > div{
	float: left;
	display: inline-block;
	width: 80px;
	margin: 0 10px;
}
#sponsor .prev{
	float: left;
	background: url('../images/slider-prev.png') no-repeat 50% 50%;
	width: 15px;
	height: 80px;
	cursor: pointer;
}
#sponsor .next{
	float: right;
	background: url('../images/slider-next.png') no-repeat 50% 50%;
	width: 15px;
	height: 80px;
	cursor: pointer;
}


#footer-separator{
	background: url('../images/footer-separator.png') no-repeat 0 0;
	height: 23px;
	margin-bottom: 10px;
}

#footer{
	background: url('../images/footer-bg.png') no-repeat bottom center;
	padding: 20px;
	font-size: 11px;
	height: 180px;
}

#footer #footer-slider{
	margin-bottom: 28px;
}

#footer #foot-menu{
	float: left;
}

#footer #foot-menu li{
	float: left;
	display: inline-block;
}
#footer #foot-menu li a{
	display: block;
	padding: 0 10px;
	text-transform: uppercase;
}

#footer #copyright{
	float: right;
}



#contact-form{
	float: left;
	width: 500px;
	min-height: 100px;
}

#contact-separator{
	background: url('../images/vertical-separator.png') no-repeat top center;
	float: left;
	width: 20px;
	height: 587px;
}

#location-address{
	margin-bottom: 20px;
	line-height: 20px;
}

#contact-social{
	float: right;
	width: 400px;
	min-height: 100px;
}

#captcha{
	float: left;
	margin-left: 12px;
}


.form-field label{
	float: left;
	padding: 15px 0;
	display: inline-block;
	min-width: 150px;
}
#follow-twitter
{
	margin-top:20px;
	float: right;
	width: 350px;
	margin-right:50px;
	min-height: 100px;
}
/*
.form-field .txt{
	float: right;
	background: url('../images/input-text.png') no-repeat top center scroll;
	border: none;
	width: 310px;
	max-width: 310px;
	padding: 15px 10px;
}
*/

.form-field .txt {
	float: right;
	background: url('../images/input-text.png') no-repeat;
	width: 310px;
	max-width: 310px;
	padding: 15px 10px;
	margin: 0 0 20px 0;
	border: none;
}

.form-field .txt::-webkit-input-placeholder  {
	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
}
.form-field .txt:-moz-placeholder {
	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
}

.form-field .textarea_layer{
	float: right;
	width: 335px;
	margin-right: -3px;
}

.form-field .textarea{
	background: url('../images/textarea.png') no-repeat top center;
	
	font-family: Arial;
	font-size: 13px;
	border: none;
	padding: 15px 12px;
	width: 310px; 
	max-width: 310px; 
	height: 125px;
	resize: none;
	margin: 0;
}
.form-field .textarea:focus{
	font-style: normal;
}

.btn-action{
	margin: 10px 0;
	float: right;
}

.submit{
	background: url('../images/btn-send.png') no-repeat 0 0;
	border: none;
	padding: 3px 26px;
	cursor: pointer;
}

.reset{
	background: url('../images/btn-reset.png') no-repeat 0 0;
	border: none;
	padding: 3px 26px;
	cursor: pointer;
}
/*                START EDITED  05 JUNE 2011                 */
#boxintro
{
    position: absolute;
    height: 200px;
    width: 400px;
    margin: -100px 0 0 -230px;
    top: 30%;
    left: 46%;
	padding-bottom:10px;
}
#btnintro 2img:hover { 
	-moz-box-shadow:    0px 0px 8px 1px #c1aa7c;
  	-webkit-box-shadow: 0px 0px 8px 1px #c1aa7c;
  	box-shadow:         0px 0px 8px 1px #c1aa7c;
}
#boxintro #logointro{
	float: left;
	margin:auto;
} 

#boxintro #logointro img{
/*ini si owner mau ganti logo depan*/
	display:none;
}
#btnintro
{
	position:absolute;
   margin: 10px 0 0 -25px;	
    top: 45%;
    left: 50%;
}
#btnintro img{ 
	-moz-box-shadow:    0px 0px 2px 1px #f2ddba;
  	-webkit-box-shadow: 0px 0px 2px 1px #f2ddba;
  	box-shadow:         0px 0px 2px 1px #f2ddba;
}
#btnintro img:hover { 
	-moz-box-shadow:    0px 0px 8px 1px #c1aa7c;
  	-webkit-box-shadow: 0px 0px 8px 1px #c1aa7c;
  	box-shadow:         0px 0px 8px 1px #c1aa7c;
}
#boxintro2
{
    position: absolute;
    height: 200px;
    width: 400px;
    margin: -100px 0 0 -230px;
    top: 50%;
    left: 50%;
	padding-bottom:10px;
}
#boxintro2#logointro{
	float: left;
	margin:auto;
}
#boxintro2#logointro img{
/*ini si owner mau ganti logo depan*/
	display:none;
}
#logointro2{
	float: left;
	margin:auto;
}
#logointro2 img{
/*ini si owner mau ganti logo depan*/
	display:none;
}
#btnintro2
{
	position:absolute;
   margin: 10px 0 0 -25px;	
    top: 45%;
    left: 50%;
}
#btnintro2 img{ 
	-moz-box-shadow:    0px 0px 2px 1px #f2ddba;
  	-webkit-box-shadow: 0px 0px 2px 1px #f2ddba;
  	box-shadow:         0px 0px 2px 1px #f2ddba;
}
#btnintro2 img:hover { 
	-moz-box-shadow:    0px 0px 8px 1px #c1aa7c;
  	-webkit-box-shadow: 0px 0px 8px 1px #c1aa7c;
  	box-shadow:         0px 0px 8px 1px #c1aa7c;
}
#boxvote
{
    position: absolute;
    min-height: 200px;
    width: 450px;
	top:85%;
	left:0%;
	background-color:#ffffff;
	border:1px solid #b3b2b0;
	color:#563128;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	
	
}
#boxvote#logointro{
	float: left;
	margin:auto;
}

#boxvote#logointro img{
/*ini si owner mau ganti logo depan*/
	display:none;
}

#btnvote
{
	position:absolute;
   margin: 10px 0 0 -25px;	
    top: 50%;
    left: 50%;
}
#boxvote img{ 
	-moz-box-shadow:    0px 0px 2px 1px #f2ddba;
  	-webkit-box-shadow: 0px 0px 2px 1px #f2ddba;
  	box-shadow:         0px 0px 2px 1px #f2ddba;
}
#boxvote img:hover { 
	-moz-box-shadow:    0px 0px 8px 1px #c1aa7c;
  	-webkit-box-shadow: 0px 0px 8px 1px #c1aa7c;
  	box-shadow:         0px 0px 8px 1px #c1aa7c;
}

#container{
	position:absolute;
	top:350px;
	left:390px;
	width:500px;
	border:1px solid #eee;
	margin:0px auto;
	border:1px solid #b0b0b0;
	background:#f9f9f9;
	padding:10px;
}
#container h1{
	margin:0; padding:5px; 
	font-size:1.4em; font-family:Georgia, serif;
	font-weight:normal; color:#563128;
}
#container p{
	font-family:Arial, serif; 
	color:#563128; 
	margin:0; 
	line-height:2em;
	font-size:14px;
}

#loader{ display:none; text-align:center;}
.option{ margin:5px 0;border:0px; }
.option p{ line-height:1.1em; font-size:0.85em; }
.bar{ height:10px; background:#563128; }
.yourvote{ background:#563128; }

.btnsubmit { width:78px; height:24px; background:#8c6239; border:none; cursor:pointer; font-family:Arial; font-weight:normal; font-size:14px; color:#fff; font-style:normal;}
.btnsubmit:hover { 
	-moz-box-shadow:    0px 0px 5px 1px #623f1c;
  	-webkit-box-shadow: 0px 0px 5px 1px #623f1c;
  	box-shadow:         0px 0px 5px 1px #623f1c;
}
.btnsubmit:active { 
	-moz-box-shadow:    inset 0px 5px 3px #623f1c;
  	-webkit-box-shadow: inset 0px 5px 3px #623f1c;
  	box-shadow:         inset 0px 5px 3px #623f1c;
}

#content-quiz-pic
{

	min-height:420px;
	float:left;
	padding-top:25px;

}
#content-quiz-form
{
	
	width:400px;
	min-height:420px;
	float:right;
	padding-top:25px;

}
#content-quiz-form-index
{
	position:absolute;
	top:40%;
	left:30%;
	width:400px;
	min-height:auto;
	float:right;
	padding-top:25px;
	background-color:#fff;
	border:1px solid #b6b6b5;
	padding:10px;
	color:#563128;
	font-weight:bold;

}
#content-quiz-form-index .submit2
{
	background: url('../images/btnVote.png') no-repeat 0 0;
	border: none;
	padding: 3px 26px;
	cursor: pointer;
	width:84px;
	height:32px;
}
#content-quiz-info
{
	
	width:auto;

}
#content-quiz-header
{

	width:auto;
	font-style:MyFont;
	color:#563128;
	font-size:13px;
	font-weight:bold;
}
#content-quiz-answer
{

	width:auto;

}
#content-quiz-form .lbl{
	
	display: inline-block;
	width:100px;
	color:#563128;
	padding-top:10px;
	height:30px;
	font-weight:bold;
	
}
#content-quiz-form .lbls{
	
	color:#563128;
	padding-top:10px;
	font-weight:bold;
	margin-bottom:5px;
}
#content-quiz-form .txt {

	background: url('../images/quiztxt.png') repeat-x;
	width: 276px;
	max-width: 276px;
	border: 1px solid #b3b3b2;
	margin-top:4px;
	height:30px;
}

#content-quiz-form .txt::-webkit-input-placeholder  {
	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
}
#content-quiz-form.txt:-moz-placeholder {
	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
}

#content-quiz-form .textarea_layer{
	float: right;
	width: 335px;
	margin-right: -3px;
}

#content-quiz-form .textarea{
	background: url('../images/textarea.png') no-repeat top center;
	
	font-family: Arial;
	font-size: 13px;
	border: none;
	padding: 15px 12px;
	width: 310px; 
	max-width: 310px; 
	height: 125px;
	resize: none;
	margin: 0;
}
#content-quiz-form .textarea:focus{
	font-style: normal;
}

#content-quiz-form .btn-action{
	margin: 10px 0;
	float: right;
}

#content-quiz-form .submit{
	background: url('../images/btnsubmit.png') no-repeat 0 0;
	border: none;
	padding: 3px 26px;
	cursor: pointer;
	width:84px;
	height:32px;
}

#content-quiz-form .reset{
	background: url('../images/btn-reset.png') no-repeat 0 0;
	border: none;
	padding: 3px 26px;
	cursor: pointer;
}
#content-quiz-answer.radio{
	background-color: #968051;
	border: none;
	cursor: pointer;
	width:14px;
	height:14px;
}
#productswrapper{
	background: url('../images/theme/bg2.jpg') no-repeat top center scroll;
	position: absolute;
	z-index: -99;
	left: 0;
	width: 100%;
	height: 420px;
}
#productsbanner{
	width: 945px;
	min-height: 290px;
	margin: 0 auto;
	position: relative;
}
#productcontenttitle{
	background: url('../images/content-title.png') no-repeat top center;
	padding: 0;
	margin: 0 auto;
	width: 945px;
	height: 85px;
	position: absolute;
	bottom: 0;
	letter-spacing: -1px;
	font-family: "MyFont", Arial;
}
#productcontenttitle h1{
	font-size: 40px;
	padding: 20px;
	color: #563128;
	text-transform: uppercase;
}
#productcontent{
	padding:20px;
	padding-top: 25px;
	height: 550px;
}
#productcontent .container{
	padding-top: 20px;
	color: #563128;
	font-weight: 700;
}
#productcontent .container .header2{
	font-size: 25px;
	padding-left:15px;
	color: #563128;
	font-family: "MyFont", Arial;
	
}
#productcontent .container .page{
	font-size: 12px;
	padding-left: 15px;
	margin-top:10px;
	margin-bottom:10px;
	color: #666666;
	font-family:  "MyFontTwo",Arial;
	line-height:150%;
	Font-weight:700;
}
#Products{
	float: right;
	width: 900px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
#Products .product-list{
	float: left;
	width: 610px !important;
	margin: 0 5px;
}
#Products ul li{
	height: auto !important;
}
#Products ul li > div{
	float: left;
	display: inline-block;
	width: 80px;
	margin: 0 10px;
}
#Products .prev{
	float: left;
	background: url('../images/slider-prev.png') no-repeat 50% 50%;
	width: 15px;
	height: 80px;
	cursor: pointer;
}
#Products .next{
	float: right;
	background: url('../images/slider-next.png') no-repeat 50% 50%;
	width: 15px;
	height: 80px;
	cursor: pointer;
}
#quizdepan
{
	position:fixed;
	bottom:1%;
	right:1%;
}