/* top elements */
* { padding: 0; margin: 0; }

body {
        margin: 0px 0;         padding: 0;
        font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
        color: #444;
        background: #FFFFFF;
        text-align: center;
        height: 100%;        
}

/* links */
a { background: inherit; color: #CC0000; text-decoration: none; }
a:hover { background: inherit; color: #FF9900;}

/* headers */
h1, h2, h3 {
        font: 1em 'Trebuchet MS', Tahoma, Sans-serif;
        color: #333;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; text-transform: uppercase;}
h3 { font-size: 1.5em; }


p, h1, h2, h3 {
        margin: 0px 0px;
}
ul, ol {
        margin: 10px 30px;
        padding: 0 15px;                
}

/* images */
img {
  padding: 0px;
  background-color: #FFF;
  margin: 5px 10px;

}
img.float-right {
  margin: 0px 0px 0px 0px;
}
img.float-left {
  margin: 0px 0px 0px 0px;
}

table.X1 { margin: 0em auto 0em 0em }
table.X1 tr { background-color: #999 }
table.X1 td { vertical-align: top}
table.X1 h1 { font: 0.8em 'Trebuchet MS', Tahoma, Sans-serif;
              color: #fff;
}
table.X2 { margin: 0em auto 0em 0em;
           background-color: #ffffff }
table.X2 tr { background-color: #ffffff }
table.X2 td { vertical-align: top}
table.X2 h1 { font: 0.8em  Sans-serif;
              color: #000;
}
table.X3 { margin: 0em auto 0em 0em;
           background-color: #ffffff }
table.X3 tr { background-color: #ffffff }
table.X3 td { vertical-align: top;
              font: normal 0.72em 'Trebuchet MS', sans-serif; }

/***********************
          LAYOUT
************************/
#wrap {
        width: 900px;
        margin: 0 auto;
        background: #FFF;
}



/* header ======================================================================*/
#header {
        position: relative;
        height: 45px;
        text-align: left;                
        margin: 0; padding: 0;        
        background: #FFF;
}
#header #logo-box {
        position: absolute;
        left: 0px ; top: 0px;
        height: 30px;        
        width: 900px;
        background: #990000;
}
#logo-box h1#logo {
        position: absolute;        
        font: bold 12px 'Trebuchet MS', Sans-serif;
        letter-spacing: 2px; 
        color: #FFF;
        margin: 0; padding: 0;
        
        /* change the values of left and top to adjust the position of the logo */
        top: 6px; left: 10px;
}
#logo-box h1#logo a {
        text-decoration: none;
        color: #FFF;
}



/* Left Bar ======================================================================*/
#leftbar {
        position: relative;
        float:left;
        width: 140;
        margin: 0; padding: 0;
        background: #FFF;
}
.homephoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_home_off.gif);
}
.homephoto:hover{
        background-image : url(button/button_home_on.gif);
        background-position: -240px 0;
}
.browsephoto{
        width: 120px;
        height: 18px;
        float :left;
        margin:100%;
        background: #FFF url(browse.gif);
}
.blankphoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_blank_off.gif);
}
.blankphoto:hover{
        background-image : url(button/button_blank_on.gif);
        background-position: -240px 0;
}
.picnicphoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_picnic_off.gif);
}
.picnicphoto:hover{
        background-image : url(button/button_picnic_on.gif);
        background-position: -240px 0;
}
.travelphoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_travel_off.gif);
}
.travelphoto:hover{
        background-image : url(button/button_travel_on.gif);
        background-position: -240px 0;
}
.balletphoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_ballet_off.gif);
}
.balletphoto:hover{
        background-image : url(button/button_ballet_on.gif);
        background-position: -240px 0;
}
.birdphoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_bird_off.gif);
}
.birdphoto:hover{
        background-image : url(button/button_bird_on.gif);
        background-position: -240px 0;
}
.sgphoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_sg_off.gif);
}
.sgphoto:hover{
        background-image : url(button/button_sg_on.gif);
        background-position: -240px 0;
}
.allphoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_all_off.gif);
}
.allphoto:hover{
        background-image : url(button/button_all_on.gif);
        background-position: -240px 0;
}
.newphoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_new_off.gif);
}
.newphoto:hover{
        background-image : url(button/button_new_on.gif);
        background-position: -240px 0;
}
.polaroidphoto{
        width: 120px;
        height: 18px;
        float :left;
        background: #FFF url(button/button_polaroid_off.gif);
}
.polaroidphoto:hover{
        background-image : url(button/button_polaroid_on.gif);
        background-position: -240px 0;
}

#Logo_box {
        float:right;
        margin: 0; padding: 0;
        background: #FFF;
        text-align: center;
        font:  11px 'Trebuchet MS', Sans-serif;
        letter-spacing: 2px;
        color: #000;
        margin: auto 20%;
}


/* Center Bar ======================================================================*/
#Centerbar {
        float: left;
        width: 760;
        margin: 0; padding: 0;
        background: #FFF;
}
.picnicphoto01 {
        width: 500px;
        height: 200px;
        float :left;
        background: #FFF url(picnic01.jpg) no-repeat;
}
.travelphoto01 {
        width: 500px;
        height: 200px;
        float :left;
        background: #FFF url(travel_01.jpg) no-repeat;
}
.travelphoto02 {
        width: 200px;
        height: 300px;
        float :left;
        background: #FFF url(travel_02_off.jpg) no-repeat;
}
.travelphoto02:hover {
        background-image : url(travel_02_on.jpg);
        background-position: -600px 0;
}
.travelphoto03 {
        width: 300px;
        height: 300px;
        float :left;
        background: #FFF url(travel_03.jpg) no-repeat;
}
.picnicphoto03 {
        width: 300px;
        height: 300px;
        float :left;
        background: #FFF url(picnic03.jpg) no-repeat;
}
.blankphoto01 {
        width: 500px;
        height: 200px;
        float :left;
        background: #FFF url(blank01.jpg) no-repeat;
}
.blankphoto02 {
        width: 500px;
        height: 300px;
        float :left;
        background: #FFF url(blank02.jpg) no-repeat;
}
.conceptphoto01 {
        width: 500px;
        height: 200px;
        float :left;
        background: #FFF url(concept.jpg) no-repeat;
}
.balletphoto01 {
        width: 500px;
        height: 200px;
        float :left;
        background: #FFF url(ballet01.jpg) no-repeat;
}
.birdphoto01 {
        width: 500px;
        height: 200px;
        float :left;
        background: #FFF url(bird01.jpg) no-repeat;
}
.birdphoto02 {
        width: 500px;
        height: 300px;
        float :left;
        background: #FFF url(bird02.jpg) no-repeat;
}
.sgphoto01 {
        width: 500px;
        height: 200px;
        float :left;
        background: #FFF url(sg01.jpg) no-repeat;
}
.sgphoto02 {
        width: 500px;
        height: 300px;
        float :left;
        background: #FFF url(sg02.jpg) no-repeat;
}
.polaroidphoto01 {
        width: 500px;
        height: 200px;
        float :left;
        background: #FFF url(polaroid01.jpg) no-repeat;
}
.polaroidphoto02 {
        width: 500px;
        height: 300px;
        float :left;
        background: #FFF url(polaroid02.jpg) no-repeat;
}
/* Center Bar ======================================================================*/
#center_box {
        width:550px;
        float:left;
        margin: 0; padding: 0;
        background: #FFF;
        text-align: left;
        font:  11px 'Trebuchet MS', Sans-serif;
        letter-spacing: 2px;
        color: #000;
        padding: 0 15px 0px 15px;
}



/* sidebar ======================================================================*/
#sidebar {
        width: 180;
        float:right;
        background: #000000;
}        
#sidebar h1 {
        padding: 0px 0px 0px 0px;
        color: #FFFFFF;        
}
.sidebox {
        margin-bottom: 10px;        
}
.adphoto01 {
        margin : 5px;
        width: 170px;
        height:170px;
        background: #FFF url(ad02.gif) no-repeat;
}
.galleryphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(gallery_off.jpg) no-repeat;
}
.galleryphoto:hover {
        background-image : url(gallery_on.jpg);
        background-position: -200px 0;
}
.faqphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(faq_off.jpg) no-repeat;        
}
.faqphoto:hover { 
        background-image : url(faq_on.jpg);
        background-position: -200px 0;
}
.shippingphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(shipping_off.jpg) no-repeat;        
}
.shippingphoto:hover { 
        background-image : url(shipping_on.jpg);
        background-position: -200px 0;
}
.storelocatorphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(storelocator_off.jpg) no-repeat;        
}
.storelocatorphoto:hover { 
        background-image : url(storelocator_on.jpg);
        background-position: -200px 0;
}
.contactusphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(contactus_off.jpg) no-repeat;        
}
.contactusphoto:hover { 
        background-image : url(contactus_on.jpg);
        background-position: -200px 0;
}
.aboutusphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(aboutus_off.jpg) no-repeat;        
}
.aboutusphoto:hover { 
        background-image : url(aboutus_on.jpg);
        background-position: -200px 0;
}
.termsphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(terms_off.jpg) no-repeat;
}
.termsphoto:hover {
        background-image : url(terms_on.jpg);
        background-position: -200px 0;
}
.enquiryphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(enquiry_off.jpg) no-repeat;
}
.enquiryphoto:hover {
        background-image : url(enquiry_on.jpg);
        background-position: -200px 0;
}
.eventsphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(events_off.jpg) no-repeat;
}
.eventsphoto:hover {
        background-image : url(events_on.jpg);
        background-position: -200px 0;
}
.customisedphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(customised_off.jpg) no-repeat;
}
.customisedphoto:hover {
        background-image : url(customised_on.jpg);
        background-position: -200px 0;
}
.newsphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(news_off.jpg) no-repeat;
}
.newsphoto:hover {
        background-image : url(news_on.jpg);
        background-position: -200px 0;
}
.ourclientphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(ourclient_off.jpg) no-repeat;
}
.ourclientphoto:hover {
        background-image : url(ourclient_on.jpg);
        background-position: -200px 0;
}
.blogphoto {
        width: 170px;
        height: 20px;
        background: #FFF url(blog_off.jpg) no-repeat;
}
.blogphoto:hover {
        background-image : url(blog_on.jpg);
        background-position: -200px 0;
}


/* sidebar menu ======================================================================*/
#sidebar ul.sidemenu {
        list-style:none;
        margin: 0px 0 0px 0;
        padding: 0;                
}
#sidebar ul.sidemenu li {
        padding: 0px 0px;
}
#sidebar ul.sidemenu a {
        display:block;
        font-weight:normal;
        color: #333;
        height: 2em;
        line-height: 1.5em;
        border-bottom: 1px dashed #999999;
        text-decoration:none;
}
#sidebar ul.sidemenu a.top{
        border-top: 1px dashed #999999;
}
#sidebar ul.sidemenu a:hover {
        border-left: 5px solid  #990000;
        color: #990000;
}



 /* sidebar 02 ======================================================================*/
#sidebar2 {
        position: relative;
        align: right;
        width: 180;
        margin: 0; padding: 0;
        background: #FFF;
}
.ecofriendly {
        width: 120px;
        height: 120px;
        margin: 0px 30px;
        background: #FFF url(ecofriendly.jpg) no-repeat;
}
.bdiff_logo01 {
        width: 120px;
        height: 59px;
        margin: 0px 30px;
        background: #FFF url(bdiff_logo01.jpg) no-repeat;
}






}

.PopBoxImageSmall
{
        border: none 0px #ffffff;
        cursor: url("magplus.cur"), pointer;
}
.PopBoxImageLarge
{
        border: solid 1px #999999;
        cursor: url("magminus.cur"), pointer;
}
.PopBoxImageShrink
{
        cursor: url("magminus.cur"), pointer;
}
.PopBoxImageLink
{
        cursor: pointer;
}
.PopBoxImageMove
{
        border: none 0px #ffffff;
        cursor: pointer;