body{
/**
* Good Practise to set Body Margin and Padding to kosong song
**/
    padding: 0px;
    margin: 0px;
    background: url(images/background.jpg) no-repeat center 0 #bfcad7;
    color: #322c28;
    font: 12px arial,sans-serif;
}

/**
* Tricky Tricky LOL please don't ask me this.
*/
html{ 
    height: 100%;
}
* {
    margin:0;
    padding:0;
}
.clear_left, clr{
    clear: both;
}

/**
* Common Element Specific
*/
#component p,
.sidebar p{ 
    margin-bottom:15px;
    text-align:justify;
}
td {
    vertical-align:top;
}
img {
     border: 0;
}
.text_darkbrown{
    color:#603913;
}
.text_goldbrown{
    color:#994a00;
}
h1, h2, h3, h4, h5, h6{
    padding: 0 0 10px 0px;
}
h1,
h1 a,
.article_title h2,
.article_title h2 a,
.position{ 
    font-size:22px;
    color: #603913;    
    font-weight:bold;
    text-decoration: none;
}
h2,
h2 a{ 
    font-size:18px;
    color: #994a00;    
    font-weight:bold;
    text-decoration: none;
}
h3,
h3 a {
    font-size:14px;
    color:#994a00;    
    font-weight:bold;
    border-bottom: none !important;
    text-decoration: none;
}
hr {
    width:90%;
    color: #3e2715;
    background-color: #FFFFFF;
    border-bottom: 1px solid #3e2715;
    border-top: 1px dashed #3e2715;
    height: 4px;
    margin:20px auto;
}
/*
* Title
*/
a, a:hover{ 
    font-weight: bold;
    text-decoration: none;
    color: #c17f30;
}
a:hover{ 
    text-decoration:underline;
}
#component ul {
    margin: 0;
    padding: 0;    
}
#component ul li {
    margin: 0;
    padding: 2px 0 5px 18px;
    list-style: none;
    background: url("images/bullet_brownleaf.png") no-repeat scroll 0 -1px transparent;        
}
#component ul li ul{    
    margin: 5px 0 0 5px;       
}
#component ul li ul li{   
    margin: 0;
    padding: 0 0 10px 24px;
    list-style: none;
    background: url("images/bullet_brownlotus.png") no-repeat scroll 0 2px transparent;        
}
#component ul li ul li ul{    
    margin: 8px 0 0 2px;       
}
#component ul li ul li ul li{    
    margin: 0;
    padding: 0 0 5px 24px;
    list-style: none; 
    background: url("images/bullet_brownflower.png") no-repeat scroll 0 0 transparent; 
}
#component ul li ul li ul li ul li{    
    margin: 0;
    padding: 0 0 5px 2px;
    list-style: disc; 
    background:none;
}
li h1, li h2, li h3, li h4, li h5, li h6{
    margin:0 !important;
    padding:0 !important;
}
li.heading2 {
    background-position: 0 3px !important;
}
/**
* Layout Specific
*/
.auto_margin{
    margin: auto;
}
#global_wrap{
    width:1000px;
    position:relative;
    margin:0 auto;
    height:100%;
}
#level-1 {
    width:100%;
    float:left;
}
.banner {
    width: 100%;
    margin:0 auto;
    background-position: center;
}
.banner-style {
    height: 315px;
    overflow: visible;
}
.header {
    width:1000px;
    height: 110px;
    background: #603913;
    opacity: 0.8;
}
.feature-block {
    width:1000px;
    float:left;
    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6b5b51), color-stop(1, #3e2715));
    background-image: -moz-linear-gradient(center bottom, #6b5b51 0%, #3e2715 100%);
    background-color:#3e2715; /* Fallback */
}
#menu {
    width:1000px;
}
.container {
    padding: 10px;
}
#content_container {
    width: 1000px;
    float: left;
    background: white;
    padding:20px 0;
}
#component {
    width:610px;
    background: #fff;
    float:left;
    padding:0 5px 0 25px;
}
.sidebar {
    width:350px;
    margin:5px 10px 0 0;
    float:right;
    background: #fff;
}
.footer {
    width: 1000px;
    float:left;
    background: #fff;
    border-top: 1px solid #646464;
}
.footer-box {
    width:200px;
    float:left;
    margin:20px 0 20px 0;
    padding:0 20px;
    height:75px;
    border-right:1px solid #cacaca;
}
.footer-box ul{
    padding-left:20px;
}
.footer-box li {
    list-style:none;
}
.footer-box a, .footer-box p {
    color: #646464;
}
.bottom-bar {
    width: 970px;
    background: #402919;
    float:left;
    padding:15px;
    margin: 0 0 20px 0;
}
.bottom-bar a, .bottom-bar p {
    color: #fff;
    font-size:11px;
}

/**
* form stylling table like
*/
.form_tb{
    margin: 15px 0 0;
}
.form_tb p{
    padding: 0 0 4px;
}
.form_tb span {
    float: left;
    text-align: left;
    width: 200px;
}
.form_tb input, .form_tb textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5DB;
    color: #47433F;
    font: 100% arial;
    padding: 5px;
    width: 299px;
}
.form_tb .checkbox {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 4px 0;
    padding: 0;
    width: 14px;
}
.form_tb select {
    width: 310px;
}
.form_tb .submit {
    background: none repeat scroll 0 0 #263C56;
    border: 1px solid;
    color: #FFFFFF;
    cursor: pointer;
    font: 100% arial;
    height: 33px;
    margin: 0 0 0 212px;
    padding: 2px 0 3px;
    width: 99px;
}

/* 
Contact Form
*/
.success, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('image/success.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('image/error.png');

}
.validation li {
    list-style:disc;
    list-style-position:inside;
    line-height: normal;
}
/**
* Widget Specific Style
*/

/**
* Login Widget
*/
form.login input{
    width: 100px;
}

form.login p{
    margin-top: 0px; 
    margin-bottom: 0px;
}
/**
* Ship Info
*/
.row label{
    clear:both;
    float:left;
    width:150px;
    padding: 3px;
}
.span2{
    float:left;
}
.confirm_title{
    clear:both;
    padding-top:10px;
    font-weight:bold;
    font-size:18px;
}

/* Contact Info */
.email span{
    display: inline-block; 
    background-image: url('image/con_email.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.mobile span{
    display: inline-block; 
    background-image: url('image/con_mobile.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.phone span{
    display: inline-block; 
    background-image: url('image/con_tel.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.fax span{
    display: inline-block; 
    background-image: url('image/con_fax.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.address{
    padding-left:20px; 
    display: inline-block; 
    background-image: url('images/con_address.png');
    background-repeat: no-repeat;
}
.website span{
    display: inline-block; 
    background-image: url('image/con_website.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.contact_form{
    /*clear:both;
    font-weight:bold;
    padding: 10px 0 10px 0;*/
    display:none;
}
.contact_field{
    margin-bottom: 12px;
}
.contact_desc{
    font-style: italic;
    color:#603913;
}
input[type="password"], input[type="search"], isindex, input[type="text"] {    
    padding:2px;
    -webkit-appearance: textfield;
    background-color: #fff;
    border: 1px inset;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: text;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
    -webkit-box-align: center;
    text-align: center;
    cursor: default;
    color: buttontext;
    padding: 4px 10px 5px;
    border: 2px outset buttonface;
    border-image: initial;
    background-color: buttonface;
    box-sizing: border-box;
}
input[type="checkbox"]{
    margin:0 5px 0 0;
}
/***********************************/
/****************CMS****************/
/***********************************/
/*
*   Categories List Style
*/
.categories_view{
    /*
    padding-top: 10px; 
    padding-left: 10px;
    */
}
/*
* Category Blog Styling
*/
.category_blog_view{
    /*padding-left: 10px;*/
}
/*
* Category List Styling
*/
.category_list_view{
    /*padding-left: 10px;*/
}
/* Articles */
.articles_view{
    
}
/*h4*/
.category_blog_view .article_title h4{
    color:#454545;
    border-top: 1px solid #dddddd; 
    border-bottom: 1px solid #dddddd;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 17px;
}
.category_blog_view .article_title h4 a{
    color:#095197;
}
.category_blog_view .article_title h4 a:hover{
    color:#FFFFFF;
    background-color: #304d6e;
}

/*
* Icons
*/
div.icons{
    float:right;    
}
div.icons ul{
    text-align: right;
    list-style-type: none;
}
div.icons ul li{
    display: inline;
}

/*
* Article Info
*/
dl.article-info{
    float: left;    
}
dl.article-info dd{
    margin:0;
    padding:0;
}

/*
*   Widget Title
*/
.widget h3{
    border-bottom: #994A00 solid 1px;    
}
.widget h3 span{
    color:#994A00;
    font-size: 15px;
    font-weight: bold;
}

/*
*   Search Widget
*/
form .search label{
    display: none;
}

/*
*   Search Form
*/
.search_form ul{
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
    padding:0;
}
.search_form ul li{
    display: inline;
    list-style: none;
}

/*
*   Search results page
*/
div.search_results{
    padding: 20px;
    background-color: #f5f5f5;
    margin-bottom: 5px;
}

/**sidebar**/

.sidebar-box {
    background: #f2f2f2;
    border:1px solid #a1a1a1;
    border-radius : 5px;
    margin:10px;
    padding:10px;
}
.event-box {
    border-bottom: 1px dotted #a1a1a1;
    margin: 0 0 15px 0;
}
.sidebar-box2{
    background: #a9c3db;
    border:1px solid #a1a1a1;
    border-radius : 5px;
    margin:10px;
    padding:10px;
}
/*
*   Overwrite Gallery
*/
.gallery_back_button span.back_btn {
    background-image: url("images/icon_40_back.png") !important;
}
/**
* Block Quote
*/
blockquote {
    background: url("images/icon_openquote.png") left top no-repeat;
    color: #7b562b;
    margin: 0;
    padding: 0 0 0 30px;
    font-size: 18px;
    font-style: italic;
    width:90%;
}
blockquote p{
    margin-bottom: 15px;
    overflow: visible;
}
span.closequote {
    background: url("images/icon_closequote.png")right bottom no-repeat;
    padding: 5px 10px;
}

/**
* Tagline Rotator
*/
#quotes{
    /*height:100px;
    background: url("images/tagline_bg.jpg")left bottom no-repeat #69594f;
    padding:30px 0 10px 40px;
    color:#fff;
    font-size: 18px; */
    margin:0;
    padding:20px 20px 10px 20px;
    font-family: 'Courgette', cursive;
    font-size:20px;     
    position:relative;
    color:#994A00;       
}
.textItem {
    position:absolute;
    display:none;
}