/*
Theme Name: Deltassist
Theme URI: http://www.usablewebdesigns.com/
Description: This custom theme was created from scratch for Deltassist.
Author: Usable Web Designs 
Version: 1.0
Tags: deltassist, deltaassist, delta, british columbia



THIS IS FOR HOMEPAGE and secondary page
*/

/* ----fonts---- 
h1, tagline, menu, footer headings --- Caviar Dreams
body --- Tahoma
header contact info ---- myriad pro
*/

/*----pallette---------
h1 blue, home page box ---- 2489b6
Menu item red, counselling box red -- ee3938
banner tagline blue, community box blue ------ 2baae1
Menu item green, seniors box green ---- 00b197
font color (body) ---- 555658
footer box color, copyright text --- 496374
copyright box color --- e2e3e4

unvisited link green---- 00b197

*/

/* base rules */
body
{
  font-size: 100%;
  font-family: Tahoma, sans-serif;
  line-height: 1.4;
  color: #555658;
  margin: 0; /* gets rid of white space around background image */
}

blockquote, blockquote p {
  clear: both;
  font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
  font-weight: normal;
  font-size: 14pt;
  color: #2489b6;
  color: #00b197;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: none;
  font-style: italic;  
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.aligncenter {
  margin: 15px auto; 
  display: block;     
  text-align: center;     
}


.wp-caption {
  font-size: 80%;
  text-align: center;
}
.wp-caption p {
  margin-top: 5px;
}

.block-item {
  display: block;
}

input[type="radio"], label{
 display:inline-block;
}

/*for the code that automatically puts an image in sidebar - may not use for this theme*/
                      #secondary-content ul li.widget_sp_image {
                        text-align: center;
                      }
                      #secondary-content ul li.widget_sp_image img.aligncenter {
                        margin-top: 40px;
                      }


h1, div#secondary-content h2
{
  clear: both;
  font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
  font-weight: normal;
  font-size: 18pt;
  color: #2489b6;
  margin-top: 40px;
  margin-top: 20px;
  margin-bottom: 25px;
  text-transform: capitalize;
}
div#secondary-content h2 {
  margin-top: 10px;
  display: block;
}
h2.quote
{
  clear: both;
  font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
  font-weight: normal;
  font-size: 18pt;
  color: #2489b6;
  margin-top: 40px;
  margin-top: 20px;
  margin-bottom: 25px;
  text-transform: none;
  font-style: italic;  
}

h2
{
  clear: both;
  font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
  font-weight: normal;
  font-size: 14pt;
  color: #2489b6;
  margin-top: 30px;
  margin-bottom: 15px;
  text-transform: capitalize;
}
h2 a {
  /*color: #807b69;*/
  color: #2489b6;
  text-decoration: none;
}
h3, h4 {
  clear: both;
  font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
  font-size: 14pt;
  color: #00b197;
  margin-top: 20px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
h4 {
  color: #807b69;
}
h5 {
  clear: both;
  font-family: Tahoma, sans-serif;
  font-size: 100%;
  color: #2489b6;
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: left;
  font-weight: bold;
  display: block;
  width: 100%;
  text-transform: capitalize;
  display: block;
}

div#secondary-content h2
{
  margin-top: 35px;
  margin-bottom: 20px;
  text-align: left;
}
div#secondary-content ul 
{
  list-style: none;
  margin: 0;
  padding: 0;
}

a img {
  border-width: 0;
}

img, a img{
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  image-rendering: optimizeQuality;
}

img.iandr_image 
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
  color: #00b197;
}

.clear { clear: both; }


/********* Board of Directors Page ****************/
.board-members-table {
  width: 540px;
}

.board-members-table tr {
  min-height: 560px;  margin-bottom: 20px; vertical-align: top;
}

.board-members-table td {
  width: 250px; padding: 18px;
} /********* end of Board of Directors Page ****************/


/***************************************************
 ****************** Styling of menu *******************/

#menu {
   clear: both;
   float: left;
   margin: 0;
   margin-bottom: 0px;
   padding: 0;
   height: 60px;
   width: 100%;
   z-index: 1000; /* This makes the dropdown menus appear above the page content below */
   position: relative;
   background-color: #ffffff;
   font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
}
#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   float: right;
   position: relative;
   right: 50%;
}
#menu ul li {
   margin: 0 0 0 1px;
   padding: 0;
   float: left;
   position: relative;
   left: 50%;
   line-height:  60px;
}
#menu ul li a {
   display: block;
   margin: 0;
   padding: 0 22px;
   font-size: 15pt;
   font-size: 18pt;
   color: #ee3938;
   text-decoration: none;
}
#menu ul li.active a {
}
#menu ul li.current_page_item a, 
#menu ul li.current-menu-item a {
   color: #00b197;
}
#menu ul li a:hover,
#menu ul li:hover a,
#menu ul li.hover a { /* This line is required for IE 6 and below */
   color: #00b197;
}
/* Submenu items */
#menu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   top:32px;
   top:42px;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width: 19em; /* width of the drop-down menus */
   width: 16em; /* width of the drop-down menus */
   background-color: #ffffff;
   border:1px solid #aaaaaa; /* sub menu item horizontal lines */
   z-index: 1001; /* This makes the dropdown menus appear above the page content below */
   margin: 0;
   padding: 0;
}
#menu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#menu ul ul li a,
#menu ul li.active li a,
#menu ul li:hover ul li a,
#menu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-size: 13pt;
   color: #818587;
   color: #686653;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #aaa; /* sub menu item horizontal lines */
   padding: 3px 15px;
}
#menu ul ul li a:hover,
#menu ul li.active ul li a:hover,
#menu ul li:hover ul li a:hover,
#menu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background: #ffffff; /* Sub menu items background colour */
   font-weight: normal;
   color: #0073a3;
}
/* Flip the last submenu so it stays within the page */
#menu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}
/* Make the sub menus appear on hover */
#menu ul li:hover ul,
#menu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

/*------------------------End of Menu------------------------------*/

#footer-menu ul {
  list-style-type: none;
  margin-left: 0;
  indent-left: 0;
  padding-left: 0;
}
#footer-menu ul li a {
  color: #ffffff;
  text-decoration: none;
}


/* -----------------------------------
General Layout for all size devices
----------------------------------- */

#background {width: 100%;  padding-bottom: 0px; padding-top: 10px; background-image: url(images/background-site-image.jpg); background-size: cover; background-position: center top; z-index: 2; position: absolute;}
#container { width: 100%; min-width: 320px; max-width: 960px; margin: 0 auto;  z-index: 6; position: relative;}

#logo-area { width: 100%;}
  .logo img {float: left; margin-left: 5px; margin-right: 10px; margin-top: 10px; margin-bottom: 1px;}
  #header-side {float: right; min-width: 378px; margin-bottom: 25px;}
   .tagline { font-family: 'caviar_dreamsregular'; font-weight: bold; color: #2baae1; text-align: right; margin-top: 10px; margin-bottom: 10px; padding-right: 15px;}
   .header-contact { font-family: 'myriad pro'; color: #000000; text-align: right; margin-top: 0px; margin-bottom: 0px; padding-right: 15px;}

#menu {height: 100%}
#container-background { background-color: #ffffff; box-shadow: 2px 2px 15px 6px #555555; z-index: 7; } /*add box shadow and white background to page, but not logo area*/

#banner-area {width: 100%;} 
#banner-area a{text-decoration: none;}  
#banner-image {}
  #banner-image img
  {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
  }


#button-area {}
  .banner-button {}
  .banner-button-text {font-family: 'caviar_dreamsregular'; color: #ffffff; }
/*
#button-area-2nd {}
  .banner-button-2nd {}
  .banner-button-text-2nd {font-family: 'caviar_dreamsregular'; color: #ffffff; text-transform: uppercase;}
*/


              #slider-nav-buttons {width: 100%; text-align: center; margin: 10px 0;} /*use slider?*/

#main-content { padding-top: 20px; margin-bottom: 20px;}
#main-content-wide { padding-top: 20px; margin-bottom: 40px;}
#main-content-home { width: 93.5%; float: left; padding-left: 3.25%;padding-right: 3.25%; padding-top: 20px; margin-bottom: 40px;}

#secondary-content {margin-bottom: 40px;}
.sidebar_image { }

#footer {width: 100%; background-color: #496374;
    margin: 0px auto;
    padding-top: 40px; padding-bottom: 40px;
    top: -40px;
    position: relative;
    z-index: 3;}
#footer-text-area {color: #ffffff; max-width: 960px; margin: 0 auto;
    background-color: #496374;
    position: relative;
    width: 100%;
    z-index: 4;} 
    
.footer-text { font-family: 'Myriad Pro'; font-size: 12pt; line-height: 12pt; margin-top: 5px; margin-bottom: 5px;}
#footer-text-area h2 {
  font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
  font-weight: bold;
  font-size: 15pt; line-height: 15pt; margin-top: 20px; margin-bottom: 30px; color: #ffffff; letter-spacing: 0pt; }
#footer-text-area h3 {font-family: 'Myriad Pro'; font-weight: normal; color: #ffffff; font-size: 12pt; line-height: 12pt; margin-top: 20px; margin-bottom: 5px;}

  #footer-box-a {  margin-bottom: 20px;} 
  #footer-box-b {  margin-bottom: 0px; padding-bottom: 30px; background-image: url(images/tree-1-full.png); background-repeat: no-repeat; background-position: 0px 50px;} 
  #footer-box-c {   margin-bottom: 0px; padding-bottom: 30px; background-image: url(images/tree-2-full.png); background-repeat: no-repeat; background-position: 0px 50px;}
  #footer-box-d {  margin-bottom: 0px; padding-bottom: 30px; background-image: url(images/tree-3-full.png); background-repeat: no-repeat; background-position: 0px 50px;}
#footer-text-area p.end {margin-bottom: 20px;} 



#copyright-box { width 100%; padding-bottom: 40px; color: #496374; background-color: #e2e3e4;
        bottom: 0px; position: relative;}
  #copyright-nudge {width: 100%; bottom: 40px; position: relative; margin: 0px; background-color: #e2e3e4; height: 40px; padding: 0;}
    #copyright-text-area { max-width: 960px; margin: 0 auto; margin-bottom: 40px; background-color: #e2e3e4;}
    .copyright-text { width: 100%; font-size: 11pt;} 
    .websiteby-text { width: 100%; font-size: 11pt;}
    .websiteby-text a { text-decoration: none; color: #686653;}

  /************sidebar text widget boxes (grey boxes)**************/
.textwidget { 
   background-color: #f1f3f6; 
   padding: 5px 10px 5px 10px; 
   min-height: 58px; 
   margin-top: 15px; 
   border: solid 1px #c7d0d2; 
   overflow: hidden; 
   display: table;
   width: 100%;
   max-width: 200px;
}
#secondary-content li.widget_text h2.widgettitle { display: none;}
.textwidget a { 
   font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
   font-weight: normal;
   font-size: 17pt;
   color: #2489b6;
   text-transform: capitalize;
   text-decoration: none;
   display: table-cell;
   text-align: right;
   vertical-align: middle;
}
.textwidget a img {
   float: left;
   vertical-align: middle;
}

.widget-sb-easy-image img {
   border-width: 0 !important;
}






/* -----------------------------------
layout 1: simple up to 479px 
----------------------------------- */

@media (min-width: 1px) and (max-width: 479px)
{

img.alignleft, img.alignright, img.aligncenter {float: none;}

#logo-area { width: 100%;}
  .tagline {font-size: 16pt;}
  .header-contact {font-size: 12pt;}
#menu {display: none;}
#menu-space { height: 80px; line-height: 80px; color: #ffffff;}
  #header-side { min-width: 320px;}
   
#banner-image {margin-right: 0px; width: 100%}
  #banner-image img
  {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
  }
#button-area {width: 100%}
  .banner-button-a { background-color: #ee3938; width: 100%; height: 50px; margin-top: 15px;}
  .banner-button-b { background-color: #2baae1; width: 100%; height: 50px; margin-top: 15px;}
  .banner-button-c { background-color: #00b197; width: 100%; height: 50px; margin-top: 15px;}
  .banner-button-text { font-size: 22pt; line-height: 50px;padding-left: 15px;}  

#button-area img {float: right;}
#button-area p{display: inline;}

table.banner-section-home {display: none;}
table.banner-section {display: none;}

#main-content { width: 90%; float: left; padding-left: 4%;padding-right: 6%;  }


#secondary-content {width: 90%; float: left; padding-left: 4%;padding-right: 6%; }
#secondary-content h1 {}

#footer-box-a { width: 97%; float: left; padding-left: 3%;} 
#footer-box-b { width: 97%;  float: left; padding-left: 3%;} 
#footer-box-c { width: 97%; float: left;padding-left: 3%;}
#footer-box-d { width: 97%; float: left;padding-left: 3%;} 


.nivo-caption {display: none !important;}  /* override Nivo Slider style*/

}  /*end media break*/


/* -----------------------------------
layout 2: 480 to 719px 
----------------------------------- */

@media (min-width: 480px) and (max-width: 719px)
{
#logo-area { width: 100%; }
   .tagline {font-size: 20pt;}
   .header-contact {font-size: 15pt;}
#menu {display: none;}
#menu-space { height: 80px; color: #ffffff;}

#banner-area {}   
#banner-image {margin-right: 0px; width: 100%}
  #banner-image img
  {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
  }/* #banner-image img { max-width: 100%; height: 100%}*/

#button-area {width: 100%}
  .banner-button-a {background-image: url(images/red-button-med.jpg); float: left; margin-right: 2%; margin-top: 15px; height: 78px; width: 32%;}
  .banner-button-b {background-image: url(images/blue-button-med.jpg); float: left; margin-right: 2%; margin-top: 15px; height: 78px;width: 32%;}
  .banner-button-c {background-image: url(images/green-button-med.jpg); float: left; margin-right: 0px; margin-top: 15px; height: 78px; width: 32%;}
  .banner-button-text { font-size: 17pt;padding-left: 15px;}

img.small-button-image {display: none;}

table.banner-section-home {display: none;}
table.banner-section {display: none;}

#main-content { width: 90%; float: left; padding-left: 4%;padding-right: 6%;  }
   

#secondary-content {width: 90%; float: left; padding-left: 4%;padding-right: 6%; }
#secondary-content h1 {}

.footer-box-wrap {width: 100%; float: left; }
#footer-box-a { width: 47%; float: left; padding-left: 3%;} 
#footer-box-b { width: 47%;  float: left; padding-left: 3%;} 
#footer-box-c { width: 47%; float: left; padding-left: 3%;}
#footer-box-d { width: 44%; float: left; padding-left: 3%; padding-right: 3%;} 

}  /*end media break*/




/* -----------------------------------
layout 3: 720 to 959px
----------------------------------- */
@media (min-width: 720px) and (max-width: 959px)

{
#logo-area { width: 100%; }
   .tagline {font-size: 20pt;}
   .header-contact {font-size: 16pt;}
#menu ul li a { font-size: 13pt; }
#menu-spacer {display: none;}

div#banner-area {display: none;}
table.banner-section-home td {  
  padding: 1%; font-size: 24pt; font-family: 'caviar_dreamsregular';
  vertical-align: top;
  position:relative;
}
table.banner-section-home a {color: #ffffff; text-decoration: none;   
        height: 100%;
        display: block;
        position: absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
       }
table.banner-section-home p { margin-top: 0; color: #ffffff;}

/*--------This section for Secondary page template------*/
      table.banner-section {width: 100%;}
      table.banner-section td {  
        padding: 1%;
        font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
        vertical-align: top;
        position:relative;
      }
      table.banner-section a {color: #ffffff; text-decoration: none;   
              height: 100%;
              display: block;
              position: absolute;
              top:0;
              bottom:0;
              right:0;
              left:0;
             }
      table.banner-section p { margin-top: 0; margin-bottom: 0; color: #ffffff;}
/*-----------------------------------------------------*/


#main-content { width: 65%; float: left;padding-left: 4%;padding-right: 5%;  }


#secondary-content { width: 22%; float: left; padding-right: 3%;}

.footer-box-wrap {width: 50%; float: left; }
#footer-box-a { width: 47%; float: left; padding-left: 3%;} 
#footer-box-b { width: 40%;  float: left; padding-left: 10%;} 
#footer-box-c { width: 40%; float: left; padding-left: 10%;}
#footer-box-d { width: 40%; float: left; padding-left: 7%; padding-right: 3%;} 

.copyright-text { width: 53%; float: left;} 
.websiteby-text { width: 47%; text-align: right; float: left;}

}  /*end media break*/



/* -----------------------------------
layout 4: 960+
----------------------------------- */

@media (min-width: 960px)
{

#container { max-width: 960px; }
#logo-area { width: 100%; }
   .tagline {font-size: 22pt; padding-right: 0px;}
   .header-contact {font-size: 17pt; padding-right: 0px;} 
   
#menu ul li a { font-size: 15pt;}
#menu-spacer { display: none;}


div#banner-area {display: none;}
table.banner-section-home td {  
  padding: 1%; 
  font-size: 24pt; 
  font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
  vertical-align: top;
  position:relative;
}
table.banner-section-home a {
        color: #ffffff; text-decoration: none;   
        height: 100%;
        display: block;
        position: absolute;
        top:0;
        bottom:0;
        right:0;
        left:0;
       }
table.banner-section-home p { margin-top: 0; color: #ffffff;}


/*--------This section for Secondary page template------*/
      table.banner-section {width: 100%;}
      table.banner-section td {  padding: 1%;
        font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
        vertical-align: top;
        position:relative;
      }
      table.banner-section a {color: #ffffff; text-decoration: none;   
              height: 100%;
              display: block;
              position: absolute;
              top:0;
              bottom:0;
              right:0;
              left:0;
             }
      table.banner-section p { margin-top: 0; margin-bottom: 0; color: #ffffff;}
/*-----------------------------------------------------*/


#main-content { width: 65%; float: left;padding-left: 4%;padding-right: 5%;  }

#secondary-content { width: 22%; float: left; padding-right: 3%;}

#footer-box-a { width: 22%; float: left; padding-left: 3%;} 
#footer-box-b { width: 22%; float: left; padding-left: 3%; } 
#footer-box-c { width: 22%; float: left; padding-left: 3%;}
#footer-box-d { width: 22%; float: left; padding-left: 3%;} 
.copyright-text { width: 53%; float: left;} 
.websiteby-text { width: 47%; text-align: right; float: left;}

}  /*end media break*/






  /********home page CSS     ***********/




.home-col-1 {
   width: 51%; min-width: 203px; float: left; margin-left: 0%; margin-right: 4%;  
}     


.home-body-icon-button {
  width: 43%; 
  float: left; 
  background-color: #f1f3f6; 
  padding: 5px 10px 5px 10px;  
  margin-top: 15px;
  margin-right: 16px; 
  border: solid 1px #c7d0d2; 
  overflow: hidden; 
     height: 73px;
 display: table;
     text-align: right;
     min-width: 183px;
}
.home-body-icon-button-right {
    margin-right: 0px;
}

.home-body-icon-button a { 
   font-family: 'caviar_dreamsregular', CenturyGothic, AppleGothic, sans-serif;
   font-weight: normal;
   font-size: 17pt;
   color: #2489b6;
   text-transform: capitalize;
   text-decoration: none;
   display: table-cell;
   text-align: right;
   vertical-align: middle;
}
.home-body-icon-button a img {
   float: left;
   vertical-align: middle;
}
.home-social-media-box {
  width: 95%; 
  float: left; 
  background-color: #dbd9d7; 
  margin: 50px 0 50px 0; 
  border: solid 1% #c9c7c6;
  display: table-cell; 
  padding-left: 4%;
}
.home-social-media-box img {
   float: left;
   vertical-align: middle;
   margin: 5%;
}


.home-col-2 {
   width: 45%;   min-width: 203px; float: left; margin-left: 0; margin-right: 0; 
}  
.home-search-box {
  width: 44%; 
  float: left; 
  background-color: #dbd9d7; 
  margin: 18px 0 10px 0; 
  margin-right: 3%;
  border: solid 1% #c9c7c6; 
  padding-left: 4%;
  padding-bottom: 10px;
  min-width: 150px;
}
.home-translate-box {
  margin: 18px 0 10px 0;
  float: left;
  width: 45%;
  padding-left: 4%;
  padding-bottom: 10px;
  background-color: #dbd9d7;
  border: solid 1% #c9c7c6;
  min-width: 150px;
}

.home-breakout-box {
  color: #ffffff;
  width: 91%; 
  float: left; 
  background-color: #2489b6; 
  margin: 10px 0 5px 0; 
  border: solid 1% #c9c7c6; 
  padding-left: 4%;
  padding-right: 4%
}
.home-breakout-box img {
   vertical-align: middle;
   margin: 20px auto;
       display: block;
       text-align: center;  
   max-width: 100%;
   border: 0;
   -ms-interpolation-mode: bicubic;
   image-rendering: optimizeQuality;
}
.home-breakout-box h2 {
  color: #ffffff;
}
.home-breakout-box a {
  color: #cccccc;

}
.home-supported-by {
  width: 44%; 
  float: left;  
  margin: 0px 0 10px 0; 
  margin-right: 3%; 
  padding-left: 4%;
  min-width: 150px;
}
.home-supported-by ul {
  list-style-type: none; 
  padding-left: 0;
}


.home-accredited-by {
  margin: 0px 0 10px 0;
  float: left;
  width: 45%;
  padding-left: 4%;
  min-width: 150px;
}



@media (min-width: 0px) and (max-width: 520px) 

{

.home-col-1 {
   width: 100%; min-width: 203px; float: left; margin-left: 0%; margin-right: 0%;  
}
.home-col-2 {
   width: 100%;   min-width: 203px; float: left; margin-left: 0; margin-right: 0; 
}


}





 /******** end home page css   ***********/





/*-----------------------Nivo Slider CSS changes --------------------------------------------*/

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
  line-height: 140% !important; text-align: center; font-family: Tahoma, sans-serif  !important;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.5 !important;  /*change from 0.8 to 1, and below*/
	overflow: hidden;
/*	display: none;*/
	-moz-opacity: 0.5 !important;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.theme-default .nivoSlider {
    -webkit-box-shadow: 0px 0px 0px 0px #4a4a4a !important;
    -moz-box-shadow: 0px 0px 0px 0px #4a4a4a !important;
    box-shadow: 0px 0px 0px 0px #4a4a4a !important;
        margin-bottom: 0 !important;
}