body {
    background:url("images/bg.jpg") center top repeat-x #ffffff;
    margin: 0;
    padding: 0;
    text-align:center;
    font-family: Arial, serif;    
}

a.contact {
    color: #2A7E0D;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;    
}

a.contact:hover {
    color: #414141;   
}

#mega_container {
    width:900px;
    height:100%;
    margin:0 auto;
    padding:0;
    /*border:solid 1px red;*/
    text-align:left;
}


/**start top**/
#top_container {
    width:900px;
    height:73px;
    margin:0;
    padding:0;
}

#logo_container {
    background:url("images/logo.jpg") 44px 0px no-repeat;
    width:430px;
    height:73px;
    float:left;
    margin:0;
    padding:0;
}

#logo_text_container {
    width:290px;
    height:58px;
    margin:10px 0 0 140px;
    padding:0;
    color:#FFF;
}

.company_title {
    font-family: "Arial Black", Arial, serif;
    font-size: 22px;
    font-weight: 900; /*for FF as it does not recognise Arial Black*/
    font-style: normal;
    text-decoration: none;    
    line-height: 22px;
}

.company_desc {
    font-family: Arial, serif;
    font-size: 12px;
    font-style: italic;
    text-decoration: none;
}

/**start menu**/
#menu {
    width:465px;
    height:25px;
    float:right;
    padding:0;
    margin:0;
    font-size:14px;
    font-family: Arial, serif;
    text-decoration:none;
}

#menu ul {
   margin:23px 0 0 0;
   padding:0;
}

#menu ul li {
    display:inline;
    float:left;
    margin:0;
    padding:0;
}

#menu ul li a {     
    margin:15px 0 0 25px;
    padding:0;
    color:#FFF;
    font-size:14px;
    font-family: Arial, serif;
    text-decoration:none;
}

#menu ul li a:hover,
#menu ul li#active a#current {     
    color:#ddaf6a;
}

/**start home**/
#home_container {
    background:url("images/mainpagebg_img.jpg") left top no-repeat #FFF;
    width:900px;
    height:345px;
    margin:0;
    padding:0;
}

.home_highlight_container {
    width:450px;
    height:275px;
    margin:0 0 0 450px;
    padding:30px 0 0 0;
}

.home_highlight_title {
    font-family:'Varela Round', Arial, serif;
    font-size: 38px;
    font-style: normal;
    font-weight: normal;
    color:#000;
    text-decoration: none;
    letter-spacing:-2px;
    margin:0;
    padding:0;
}

.home_highlight_greentitle {
    font-family:'Varela Round', Arial, serif;
    font-size: 34px;
    font-style: normal;
    font-weight: normal;
    color:#2a7e0d;
    text-decoration: none;
    letter-spacing:-2px;
    margin:0;
    padding:0;
}

#home_content {
    width:866px; /**900-17-17=866**/
    min-height:130px;
    overflow:visible;
    margin:0 auto;
    padding:0 17px;
    font-family:Arial, serif;
    font-size:12px;
    line-height:18px;
    color:#414141;
    /width:900px; /**for IE**/    
}

.home_highlight_container a.readmore {
    margin:5px 0 0 0;
    padding:0;
    float:right;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
    color:#2a7e0d;
}

.home_highlight_container a.readmore:hover {
    color:#414141;
}

/**start maincontent**/
#content_megacontainer {
    width:900px;
    min-height:400px;
    height:auto !important;
    height:400px; 
    margin:0;
    padding:0;
}

#content_left {
    background:url("images/left_bg_tree.jpg") 0px 90px no-repeat;/**other alt left_bg_wood.jpg**/
    width:240px;
    height:auto;
    float:left;
    padding:240px 0 0 0;
}

.content_left_wood {
    background:url("images/left_bg_wood.jpg") no-repeat;
    width:240px;
    height:130px;
    float:left;
    margin:100px 0 0 0;
    padding:0;
}

#content_right {    
    width:640px;
    height:auto;
    float:right;
    margin:0;
    padding:0;
    font-family:Arial, serif;
    font-size:12px;
    line-height:18px;
    color:#414141;
}

/**start footer**/
#footer_container {
    clear:both;
    background:url("images/footer_bg.jpg") center top no-repeat #FFF;
    width:900px;
    height:125px;
    margin:0;
    padding:0;
}

#footer_left {
    width:450px;
    height:75px;
    margin:0;
    padding:60px 17px 5px 0;
    font-family:Arial, serif;
    font-size:12px;
    font-style:normal;
    color:#444444;
}

#footer_left ul {
   margin:0;
   padding:0;
   list-style: none;
}

#footer_left li {
    display:inline;
    float:left;
    margin:0;
    padding:0;
}

#footer_left li a {     
    margin:0 13px 0 0;
    padding:0;
    color:#444444;
    font-size:12px;
    text-decoration:none;
}

#footer_left li a:hover,
#footer_left li#active a#current {     
    color:#2a7e0d;
}

#footer_left a.gen6 {
    font-style: normal;
    font-weight: normal;
    color:#444444;
    text-decoration:none; 
}

#footer_left a.gen6:hover {
    color:#ddaf6a;
}

/**start highlight**/
.highlight_container {
    background:url("images/tagbg.jpg") center bottom no-repeat #FFF;
    width:900px;
    height: 150px;
    margin:0;
    padding:0;
}

.highlight_container h3{
    font-family:'Varela Round', Arial, serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    color:#181818;
    text-decoration: none;
    letter-spacing:-2px;
    margin:0;
    padding:40px 0 0 20px;      
}

.highlight_container h4{
    font-family:'Varela Round', Arial, serif;
    font-size: 22px;
    font-style: italic;
    font-weight: normal;
    color:#5d5d5d;
    text-decoration: none;
    letter-spacing:-2px;
    margin:0;
    padding:0 0 0 160px;      
}

.highlight_container2 {
    background:url("images/tagbg_sketch.jpg") center bottom no-repeat #FFF;
    width:900px;
    height: 150px;
    margin:0;
    padding:0;
}

.highlight_container2 h3{
    font-family:'Varela Round', Arial, serif;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    color:#181818;
    text-decoration: none;
    letter-spacing:-2px;
    margin:0;
    padding:40px 0 0 100px;      
}

.highlight_container2 h4{
    font-family:'Varela Round', Arial, serif;
    font-size: 22px;
    font-style: italic;
    font-weight: normal;
    color:#5d5d5d;
    text-decoration: none;
    letter-spacing:-2px;
    margin:0;
    padding:0 0 0 240px;      
}


h1, h2, h3, .contentheading, .componentheading {
    font-family:'Varela Round', Arial, serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color:#181818;
    text-decoration: none;
    letter-spacing:-2px;
    margin:20px 0 10px 0;
    padding:0;
}

td.contentheading, td.componentheading {
    font-family:'Varela Round', Arial, serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color:#181818;
    text-decoration: none;
    letter-spacing:-2px;
    margin:0;
    padding:20px 0 10px 0;
}

h4 {
    font-family:'Varela Round', Arial, serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color:#181818;
    text-decoration: none;
    letter-spacing:-2px;
    margin:20px 0 10px 0;
    padding:0;      
}

h5 {
    font-family:Arial, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color:#181818;
    text-decoration: none;
    margin:0;
    padding:0;      
}

p {margin:0 0 15px 0}

span.article_seperator {display: none;} /**to remove idiotic default seperator that cause extra 15px at the bottom of every article**/

#content a.readmore {    
    color:#2a7e0d;
    font-style: normal;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    float:right;
    text-align:right;
}

#content a.readmore:hover {
    color:#5d5d5d;
}

/**start Leaf Bullet CSS**/
.bullet_leaf {
    width:230px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

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


.bullet_leaf ul li {
    background: url(images/bullet.jpg) left top no-repeat;
    height:26px;
    list-style: none;    
    margin:0 0 5px 0;
    padding:0 0 0 25px;
    font-size:12px;
    color:#414141;
}
   
.bullet_leaf ul li a {
    font-size:16px;
    font-style: italic;    
    color:#000;
    text-decoration: none;
}

.bullet_leaf ul li a:hover{
    color:#5d5d5d;
} 

/*start SIG styling*/
table.blog span.pagenav,
table.blog a.pagenav {
    font-weight: bold;
    font-style:normal;
    text-decoration: none;
    color:#2a7e0d;
}

table.blog span.pagenav,
table.blog a.pagenav:hover {
    color:#414141;
}

/**
    Start Mobipot CSS
**/
/**
* Widget
*/
.widget h3{
    margin: 0 0 10px 0;
    padding: 0;
}
.widget .widget_title{    
    padding-bottom:10px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight: bold;
    color:#27baf2;
}
.widget .side_row{
    margin:0 0 0 15px;
    padding:0px;
}
.widget .side_row li{
   list-style:none;
   padding:4px;
}

.widget .side_row ul li label{
    display:block;
}
.widget .side_row form{
    width:inherit;
}
.widget .side_row .search {
    text-align:right;
    margin-top:-15px;
    font-style: italic;
}

.widget .side_row .search input{
    width: 170px;
    height:12px;
    padding: 2px;
    border: 1px solid #ccc;    
    color: #454545;
    font: 9px arial,sans-serif;
}

.widget .side_row .search input[type=submit]{
    width: 53px;
    height: 18px;
    margin-left:10px;
    text-indent: -1000px;    
    cursor:pointer;
    background: url(images/icons/search.jpg) 0 1px no-repeat;
    border: 0;
}

.widget .side_row .search label{
    display: none;
}

.widget form.login input{
    width: 200px;
}

.widget #topcart_wrapper {
    width:255px;
    height:42px;
    background:url(images/top_cart_bg.png) no-repeat;
    float:right;
    margin:15px 24px 0 0;
}

.widget #topcart_wrapper img {
    float:right;
    margin:8px 8px 0 0;
    border:none;
}

/**
* Pagination
*/
.pagination a
{
    padding:5px;
    border:1px solid #5d5d5d;
    color:#5d5d5d;
}

.pagination strong
{
    padding:5px;
    border:1px solid #5d5d5d;
    background-color: #5d5d5d;
    color:#FFFFFF;
}

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

}
.validation li {
    list-style:disc;
    list-style-position:inside;
    line-height: normal;
}

/*
Banner Rotator
*/
#slider {
    position:relative;
}

#slider img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slider img.active {
    z-index:10;
}

#slider img.last-active {
    z-index:9;
}
.slider_div{
    position: relative;
    top: -50px;
    left: 10px;
    z-index: 99;
}
.slide_nav{
    width:10px;
    margin:1px; 
    padding:3px;
    float:left;
    font-size: 16px;
    background: #EFEFEF;
    border: 1px solid #BEBEBE;
}
.active-nav {
    background: #BEBEBE;
    color: #FFFFFF;
}

/* Contact Info */
.email span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_email.png');
    background-repeat: no-repeat;
}
.mobile span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_mobile.png');
    background-repeat: no-repeat;
}
.phone span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_tel.png'); 
    background-repeat: no-repeat;
}
.fax span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_fax.png'); 
    background-repeat: no-repeat;
}
.address{
    padding-left:20px; 
    display: inline-block; 
    background-image: url('images/con_address.png');
    background-repeat: no-repeat;
}
.website span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_website.png');
    background-repeat: no-repeat;
}
.city span{
    padding-left:21px;
}
.state span{
    padding-left:21px;
}
.contact_desc span{
    padding-left:21px;
}
.contact_form{
    padding: 10px 0 10px 0;
    clear:both;
    font-weight:bold;
}

.row state{
	display:none;

}