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

body
{
	margin: 0px auto;
	padding: 0px;
	font-family: Helvetica;
	font-size: 11px;
	background-color:#c2c131;
}
#main
{
	width: 1025px;
	margin: 0px auto;
}

div.spacer { clear: both; }

#content
{
  width:954px;
  height:auto;
  background-color:#ffffff;
  float:left;
}
#banner
{
  width:675px;
  height:auto;
  float:left;
  margin-right:10px;
  
}

#banner_left
{
  width:670px;
  height:auto;
  margin-left:13px;
  float:left;

  
}



#banner_signature_treats
{
  width:954px;
  height:auto;
  float:left;
  margin-right:10px;
  
}

#banner_left_signature_treats1
{
  width:930px;
  height:auto;
  margin-left:40px;
  margin-top:100px;
  margin-bottom:100px;
  float:left;
  
}

#banner_left_buzz_us
{
  width:930px;
  height:auto;
  margin-left:40px;
  margin-top:10px;
  margin-bottom:10px;
  float:left;
  
}
#banner_left_signature_treats2{
clear:both;
  width:954px;
  height:auto;
  margin:auto;
  text-align:center;
}

#banner_left_signature_treats2 div
{
  clear:both;
  width:900px;
  height:280px;
  margin:auto;
  border:1px solid #d6df21;
  overflow:hidden;
}

#banner_right
{
  width:250px;
  height:auto;
  margin-left:17px;
  margin-right:0px;
  margin-top:0;
  padding-bottom:0px;
  float:left;
}

#spacer
{
  width:675px;
  height:auto;
  margin-left:15px;
}

#news
{
  width:640px;
  height:auto;
  margin-left:13px;
  float:left;
  border:10px solid #ffae42;
  padding:5px;
}

#define_boxmart {
  width:640px;
  margin-left:13px;
  margin-top:4px;
  border:10px solid #d6df21;
  padding: 5px;
  height:200px;
  float:left;
}

img#newsdefine {
   margin-left:13px;
   margin-top:10px;
   float:left;
}
img#define {
   margin-left:13px;
   float:left;
}

#hintandrun, #review, #adsfeatureleisure{
  clear:both;
  width:900px;
  height:auto;
  margin:15px auto;
  border:2px solid #d6df21;
  overflow:hidden;
  padding:10px;
 
}

#imagetitle, #imagehint{width:900px;float:left}
/*#review-left{width:400px; float:left}
#review-right{width:400px; float:right}*/
#review-left{width:440px; height:auto;float:left;}
#review-right{width:440px; height:auto;float:right;}
#review-img{width:150px;height:150px;}
#adsfeatureleisure {padding:0px;height:150px;}
#peta {width:930px;
  height:auto;
  margin-left:40px;
  margin-top:10px;
  margin-bottom:10px;
  float:left;}
.col-left {
  padding: 0px 0px 0px 0px;
	float: left; 
	width: 300px;
	
}

.gbr{
      width:100px;
      height:auto;
      float:right;
      
    }
.col-left p {
  /*padding: 2px 2px 2px 2px;*/
	text-align: justify;
}

.col-left H1 {
  text-align:justify;
}

.col-right {
  padding: 0px 0px 0px 0px;
	float: left; 
	width: 300px;
	
}

.gbr_right{
      width:100px;
      height:auto;
      float:right;
      
    }
.col-right p {
  /*padding: 2px 2px 2px 2px;*/
	text-align: justify;
}

.col-right H1 {
  text-align:justify;
}

#hintandrun img{ float:left;}
#hintandrun span img{ float: right; }
#review img{float:right;}





/*Tambahan Scroll*/
/*CSS ART & PERFORMANCE*/
.slider1
{
	width: 16px;
	/*height: 300px;*/
	/*height:100px;*/
	background-color: #FFFFFF;
	position: absolute;
}
.indicator
{
	width: 16px;
	/*height: 16px;*/
	/*height: 100px;*/
	background-color: #65BAE8;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
}
.container
{
	/*width: 400px;*/
	width:636px;
	/*height: 250px;*/
	/*height: 100px;*/
	padding: 10px;
	border: 1px solid #DAE239;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
}
.content
{
	position: absolute;
}
/*CSS END ART & PERFORMANCE*/

/*CSS MOVIE*/
.slider2
{
	width: 16px;
	/*height: 300px;*/
	background-color: #FFFFFF;
	position: absolute;
}
.indicator1
{
	width: 16px;
	/*height: 16px;*/
	background-color: #65BAE8;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
}
.container1
{
	/*width: 400px;*/
	width:636px;
	/*height: 250px;*/
	padding: 10px;
	border: 1px solid #DAE239;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
}
.content1
{
	position: absolute;
}
/*END CSS MOVIE*/


/*CSS COMMUTE*/
.slider3
{
	width: 16px;
	/*height: 300px;*/
	background-color: #FFFFFF;
	position: absolute;
}
.indicator2
{
	width: 16px;
	/*height: 16px;*/
	background-color: #65BAE8;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
}
.container2
{
	/*width: 400px;*/
	width:636px;
	/*height: 250px;*/
	padding: 10px;
	border: 1px solid #DAE239;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
}
.content2
{
	position: absolute;
}
/*END CSS COMMUTE*/

/*End Tambahan Scroll*/

#art, #movie, #commute {width:672px}
#art {background-color:#b48857}
#movie {background-color:#9e2932}
#commute {background-color:#ffdd75}
.scroll-container {border:1px solid #aaa;width:650px;background-color:#fff;}

/*.draghandle {text-align:left;height:40px;width:210px;display:block;margin-top:-4px;}
.draghandle strong {text-align:left;margin-left:43px;}
*/
.scroll-container {position:relative;height:200px;overflow:auto; padding:10px;}
*html .scroll-container {left:10px;}
/*
.scroll-contents {position:absolute;top:0px;left:0px;padding:5px; }
.scroll-handle {z-index:990;cursor:pointer;position:absolute;top:2px;right:2px;height:30px;width:10px;background-color:#65BAE8;}*/