.jqueryslidemenu{
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;

font-size:12px;
z-index:600!important;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
padding: 7px 15px 6px 15px;
text-decoration: none;
}


.jqueryslidemenu ul li.current_page_item a{
padding: 4px 15px 6px 15px;
}

.jqueryslidemenu ul li.home a{
padding-left:0px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{

}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0px;
top:28px !important;
display: block;
visibility: hidden;
padding:0px !important;
padding-top:6px !important;

}


/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float:none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
left: 191px !important;
top: -1px !important;
padding-top:0px !important;
border-top:solid 1px #888888;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
width: 160px; /*width of sub menus*/
padding: 6px 15px;
margin: 0;
border: 1px solid #888888;
border-top-width:0px;
background: #fff; /*background of tabs (default state)*/
}

.jqueryslidemenu ul li ul li li a{
border-width:0px 1px 1px 1px;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
background-color:#fff;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 14px;
right: 16px;
}

.rightarrowclass{
position: absolute;
top: 10px;
right: 5px;
}
/* 

Minibuzz - CSS File For s3Slider JQuery

*/
#s3slider { 
   width: 940px; /* important to be same as image width */ 
   height: 340px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider a.but, #s3slider a.but:visited{color:#fff; padding:4px 4px; background-color:#444; filter: alpha(opacity=90); opacity: 0.9; border:solid 2px #363637;}

#s3sliderContent {
   width: 940px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0px ;/* important */
   list-style-type:none !important;
   
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   /*list-style-type:none !important;*/
}


.s3sliderImage div {
   position: absolute; /* important */
   right:0;
   top:0;
   font-size: 12px;
   padding:0;
   width: 390px;
   height:340px;
   padding:60px 30px 20px 30px;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   background-color: #000 !important;
   color: white;
   display: none; /* important */
   z-index:400;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage div h1{font-size:50px; color:#fff;}

.clear {
   clear: both;
} 
/* 

Minibuzz - CSS File For Fancy JQuery

*/
/* slideshow fancy */
#slideflash{position:relative; height:340px; margin:0 auto; width:940px; z-index:200 !important;}
#slideshowHolder{top:0px;}
.ft-title{width:920px; padding:10px; position:relative}
* html .ft-title{width:930px; padding:10px; bottom:-1px !important; position:relative}/* ie 6 only */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
