/* - - - - - - - - - - - - - - - - - - - - -

Title : bengkel.us - codename : _lightbulp || _orangeLiquid (re-design)
Author : Kadek Sudiartha
URL : http://www.santicafe.com
Client : Sudigital Multimedia Corp. // www.sudigital.com

Description : santicafe.com 18 Feb 2008

Created : 18 Feb 2008
Modified : -

- - - - - - - - - - - - - - - - - - - - - */
body  {
	font-family:Helvetica, Tahoma, "trebuchet MS", Arial;
	font-size:12px;
	line-height:1.5;
	background:#fff;
	margin:0;
	padding:0;
	text-align: left;
	color:#333;
}

div#container{
	margin: 0 auto;
	width:925px;
	height:100%;
	min-height:100%;
}

div#topheader{
	margin: 0 auto;
	width:925px;
}

div#top-header {
	width:925px;
	height:120px;
	background:url(/themes/_santicafe/images/header.jpg) top left no-repeat;
}

div#topbox{
	margin: 0 auto;
	width:auto;
	background:#000;
}

div#left{
	float:left;
	width:450px;
	padding:25px 50px 25px 0;
}

div#right{
	float:left;
	width:425px;
	padding:25px 0 25px 0;
}

div#left h1{
	color: #333;
	font: 16px Tahoma, Helvetica, Trebuchet MS, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

div#left h2{
	color: #333;
	font: 15px Tahoma, Helvetica, Trebuchet MS, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

div#left h3{
	color: #333;
	font: 14px Tahoma, Helvetica, Trebuchet MS, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

div#left  a:link, div#left  a:visited {color:#333;text-decoration:underline;}
div#left  a:hover {color:#333;text-decoration:underline;}

div#right h1{
	color: #333;
	font: 16px Tahoma, Helvetica, Trebuchet MS, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

div#right h2{
	color: #333;
	font: 15px Tahoma, Helvetica, Trebuchet MS, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

div#right h3{
	color: #333;
	font: 14px Tahoma, Helvetica, Trebuchet MS, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}

div#right  a:link, div#right  a:visited {color:#333;text-decoration:underline;}
div#right  a:hover {color:#333;text-decoration:underline;}

.ImageCenter {display: block;margin-left: auto;margin-right: auto;}
.ImageTextRight {margin-right:10px;margin-bottom:10px;border:1px solid #999;-moz-border-radius: 5px;}
.Images {padding:5px;background:#999;border:1px solid #f3f3f3}
.ImageThumbs {margin-right:1px;margin-bottom:1px;padding:5px;background:#999;border:1px solid #ffffff}
.ImageThumbs a:link, .ImageThumbs a:visited, .ImageThumbs a:active {float:left;margin-right:1px;margin-bottom:1px;padding:5px;background:#999}
.ImageThumbs a:hover img {margin-right:1px;margin-bottom:1px;padding:5px;background:#333}
.mt-flickr-photo-image{margin-right:1px;margin-bottom:1px;padding:2px;background:#999}
.mt-flickr-photo-image a:link, .mt-flickr-photo-image a:visited, .mt-flickr-photo-image a:active {float:left;margin-right:1px;margin-bottom:1px;padding:5px;background:#999;border:0px;}

.catlevel1 {font-size: 19px}
.catlevel2 {font-size: 17px}
.catlevel3 {font-size: 15px}
.catlevel4 {font-size: 13px}
.catlevel5 {font-size: 11px}
.catlevel6 {font-size: 9px}

.taglevel1 {font-size: 19px}
.taglevel2 {font-size: 17px}
.taglevel3 {font-size: 15px}
.taglevel4 {font-size: 13px}
.taglevel5 {font-size: 11px}
.taglevel6 {font-size: 9px}

/*	-------------------------------------------------------------
	HEADER http://www.smashingmagazine.com
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #header {
          	background:transparent;
          	height:40px;
          }
          #header ul {
          	margin: 0;
          	padding: 0;
          	list-style: none;
          	position: absolute;

                    height: 30px;
                    width:auto;
					padding-top:10px;
          }

          #header ul li {
                    float: left;

                    display: inline;
          }

          #header ul a {
          	display: block;
                    font: bold 1.1em Trebuchet MS, Arial, sans-serif;
                    color: #fff;
                    text-transform: uppercase;
          }

#header ul a {
padding: 3px 7px;
}

#header ul a:focus,
#header ul a:active,
#header ul a:hover {
background-color: #5a5a5a;
outline: none;
-moz-border-radius: 5px;
}


          #header ul a.home {
          	margin: 0 16px 0 25px;
          }
          #header ul a.aboutus {
          	margin: 0 14px 0 0;
          }
          #header ul a.menu-package {
          	margin: 0 14px 0 0;
          }
		  #header ul a.blog {
          	margin: 0 14px 0 0;
          }
          #header ul a.photos {
          	margin: 0 14px 0 0;
          }
          #header ul a.contact {
          	margin: 0 14px 0 0;
          }
          #header ul a.sitemap {
          }

          #home #header ul a.home,
          #aboutus #header ul a.aboutus,
		  #menu-package #header ul a.menu-package,
          #blog #header ul a.blog,
          #photos #header ul a.photos,
          #contact #header ul a.contact,
          #sitemap #header ul a.sitemap {
          background-color: #ff9900;
          color: #333;
		  border:1px 1px 0 1px;
		  -moz-border-radius: 5px;
          }

/*//////////////////////////////////////////////////

FOOTER ELEMENT

//////////////////////////////////////////////////*/
#footer {
	clear: both;
	border-top: 20px solid #666;
	margin: 0px;
	background:#999;
	height:250px;

}
#footer .boxf {
	width: 925px;
	margin: 0 auto;
	padding: 20px 0;
	color: #000;
	text-align: left;
}
#footer .boxf .right {
	float: right;
	width: 40%;
	padding-bottom: 20px;
	font-size: 10px;
}
#footer .boxf .right .office {
	width: 150px;
	float: left;
	font-size: 10px;
}

#footer .boxf .right a{
	color: #000;
	text-decoration: none;
}
#footer .boxf .right a:hove{
	color: #333;
	border-bottom:1px dashed #fff;
}

#footer .boxf .links,
#footer .boxf .copy {
	font-size: 10px;
}
#footer .boxf .links,
#footer .boxf .links a {
	color: #000;
	text-decoration: none;
}
#footer .boxf .links a:hover,
#footer .boxf .copy a:hover {
	color: #333;
	border-bottom:1px dashed #fff;
}
#footer .boxf .copy,
#footer .boxf .copy a {
	color: #000;
	text-decoration: none;
}
#footer .boxf .links a {
	color: #333;
	text-decoration: none;
	text-transform:uppercase;   
}


/*	-------------------------------------------------------------
	SEARCH-BOX http://www.smashingmagazine.com
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          #searchform form {
          	height: 30px;
          	width:auto;
          	background: #fff;
          	border: 4px solid #ed9746;
          	overflow: hidden;
          	-moz-border-radius: 4px;
			margin-bottom:10px;
          }
          #searchform form:hover {
          	border: 4px solid #333;    
          }
          #searchform form fieldset {
          	border: 0px solid #fff;
          	height: 22px;
          	width: 390px;
          }
          input.search {
          	border: none;
          	background: #fff;
          	float: right;
			padding-right:10px;
          }
          input.txt {
          	float: left;
          	width: 300px;
          	height: 22px;
          	border: none;
          	padding: 4px 0 0 6px;
          }

/*	-------------------------------------------------------------
	BANNER-LIST, MARKETING, http://www.smashingmagazine.com
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

          .banner-list {
          	overflow: hidden;
          	text-align: center;
          	width:398px;
          	list-style: none;
            font-size: 0.9em;
			margin:0;
			padding:0;
			border:1px #f3f3f3 solid;
          }
          
          .banner-list li {
          	float: left;
          	padding: 8px;
          	display: inline;
          }
          .banner-list li a {
               text-decoration: underline;
          }
          .banner-list img {
                    border: 1px solid #cb4602;
          }


/*	-------------------------------------------------------------
	RIGHTCOLUMN 2-COL BOX http://www.smashingmagazine.com
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
          #rightcolumn  {
		  margin-top:10px;
		  }
		  #rightcolumn .two {
          	width: 425px;
          }
          #rightcolumn .two .left {
          	width: 200px;
          	float: left;
          }
          #rightcolumn .two .right {
          	width: 200px;
          	float: right;
          }
          #rightcolumn .two .box {
          	background:transparent;
			width: 200px;
          	margin: 0 0 10px 0;
          	padding: 4px 0;
          	border-left: 1px solid #999;
          	border-right: 1px solid #999;
          	border-top: 1px solid #999;
          	border-bottom: 1px solid #999;
                    -moz-border-radius: 5px;
          }
		  #rightcolumn .two .fullbox {
          	background:transparent;
			width: auto;
          	margin: 0 0 10px 0;
          	padding: 10px;
			text-align:justify;
          	border-left: 1px solid #999;
          	border-right: 1px solid #999;
          	border-top: 1px solid #999;
          	border-bottom: 1px solid #999;
                    -moz-border-radius: 5px;
          }
          #rightcolumn h3,
          #rightcolumn .two .box h3 {
          	color: #333;
          	margin: 0.3em 0 0.4em 10px;
          	font: 14px Tahoma, Helvetica, Trebuchet MS, Arial, sans-serif;
			text-transform:uppercase;
          }
          #rightcolumn h3 {
          	margin: 0;
          }
          #rightcolumn .two .box ul {
          	margin: 0;
          	padding: 0;
          	list-style: none;
          	overflow: hidden;
          	font-size: .92em;
          	width: 200px;
          	line-height: 1.8;
          }
          #rightcolumn .two .box ul li {
                    width:200px;
                    float: left; 
                    margin: 0;
                    padding: 0;
                    border-top: 1px solid #999;
          }
          #rightcolumn .two .box ul a {
          	padding: 0 0 2px 10px;
          	display: block;
          	text-decoration: none;
          	color: #999;
          }
          #rightcolumn .two .box ul li.inline {
               padding-left: 8px;
          }
          #rightcolumn .two .box ul li.inline a {
               padding: 2px;
               line-height: 2.1em;
               display: inline; 
          }
          #rightcolumn .two .box ul a:visited {
                    background-color:transparent;
					color:#999;
                    text-decoration: none;
          }
          #rightcolumn .two .box ul li:hover a:visited {
                    text-decoration: underline;
          }
          
          #rightcolumn .two .box ul a:active {
                    background-color:transparent;
                    outline: none;
          }
          
          #rightcolumn .two .box ul a:focus {
                    outline: none;
          }
          #rightcolumn .two .box ul a:hover {
                    text-decoration: underline;
					background-color:#ddd;
					color:#000;
                    border: 0;
          }