/* Created by Grow for EcoLifeChiro 2007
   Copywrite Growmedia Ltd, Ronan McMacken 2007
        May not be reused without permission.*/

/*        -------------------------------------------------------------
        Grow Media Design 2007
        www.growmedia.co.uk
        One of These Pixels is Doing its Own Thing
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        Description:        Base setup styles
        Filename:                ecolifechiro.css
        Version:                2.1
        Date:                        DEC 10, 2006
        -------------------------------------------------------------        */


/*        -------------------------------------------------------------
        Base Body Styles
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font: normal 100.01%/1.5em sans-serif, arial, verdana, helvetica, "Lucida Grande", "Lucida Sans Unicode";
}

body {
        margin: 0 auto;
        padding:0px;
   text-align:center;
   color:#fff;
        background: #242021 url(../img/bkg3.gif) top left fixed;
        }

.btm{
        font-size: 70%;
        color: #00adef;
}

div.spacer {
  overflow: hidden;
        clear: both;
        height: 1px;
        margin: -1px 0 0 0;
        font-size: 1px;
}


/*        -------------------------------------------------------------
        TEXT
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

a {
  color: #fff;
  text-decoration:none;
  font-weight: normal;
  background: none;
  border-bottom: 1px solid #01a3e1;
}


a:hover {
  color: #01a3e1;
  text-decoration:none;
  border-bottom: 1px solid #01a3e1;
}

.small {
  font-size:70%;
}


/* =headings */


h1 {
  color: #fff; /*#00adef; */
 font-size: 160%;
 font-weight: normal;
  margin:0 0;
  padding: 0 0 0px 0px;
}

h2 {
  font-size:160%;
  font-weight:normal;
  color: #fff;
  margin:0 0;
  padding: 0 8px 0px 8px;
      border-left: 5px solid #00adef;
    border-right: 5px solid #00adef;
/* border-bottom: 1px solid #000;*/
}

h2.newstitle {
  font-size:130%;
  font-weight:normal;
  background: #333;
  color: #fff;
  margin:0 0;
  padding: 0 0 0px 10px;
  border-right: none;
}

                .date {
                        font-size: 12px;
                        font-weight: normal;
                        color: #929292;
                        margin-bottom: 15px;
                        margin-top: -2px;
                        padding: 0 0 0px 0px; }

h3 {
  color:#00adef;
  font-size:110%;
  font-weight:bold;
  margin:0 0;
  padding: 0 0 0px 0;
}
h4 {
  color:#ffffff;
  font-size:105%;
  font-weight:bold;
  margin:0 0;
  padding: 0 0 0px 0;
}

.uline{
        text-decoration: underline;
}

h5 {
  font-size:90%;
  font-weight:bold;
  color: #00adef;
  margin:0 0;
  padding: 0 0 0px 0;
}

#index_1 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-experts.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#index_2 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-latest.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#index_3 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-mailing.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#team {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-team.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#chiro_1 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-chiro.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#athletes_1 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-athletes.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#library_1 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-library.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#choices_1 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-choices.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}
#links_1 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-links.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#news_2 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-recent.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#news_3 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-archive.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#contact_1 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-contact.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}


#gallery_1 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-gallery.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

#gallery_2 {
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url("../img/h1-galleryarchive.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:52px;
}

.textpad{
        padding: 0px 30px 0px 40px;
}


/*        -------------------------------------------------------------
        LAYOUT
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */



#container {
        width: 100%;
        \width: 100%;  /* for IE5/Win */
        w\idth: 100%;  /* for good browsers */
        margin: 0px auto 0px auto;
        overflow: visible;
        text-align: centre;}


#content {
        width: 800px;
        padding: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: auto;
        margin-left: auto;
        height: 100%;
        /* opera does not like 'margin:20px auto' */
        text-align:left;
        /* part 2 of 2 centering hack */
        width: 800px; /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 770px;

        }
html>body #content {
        width: 770px; /* ie5win fudge ends */
        }

                #window{
                         width:800px;
                         text-align:left;
                         margin-left:auto;
                         margin-right:auto;
                                                                 background: transparent;
                                                                 }
                #window2{
                         width:800px;
                         text-align:left;
                         margin-left:auto;
                         margin-right:auto;
                                                                 background: #242424;
                                                                 }

#header{
                         height:207px;
                         background: url(../img/hdr_207.png) no-repeat;
                        margin: 0px 0px 0px 0px;
                        }
.shadow{
        height: 12px;
        background: url(../img/shadow.jpg) no-repeat;
}

.indexbanner{
        height: 52px;
        background: url(../img/banner.png) no-repeat;
}
#maincontent{
        width: 800px;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 20px 0px;
        font-size: 80%;
}

.Ileft{
        width: 400px;
        float:left;
        margin-bottom: 20px;
}

.Nleft{
        width: 500px;
        float:left;
        margin-bottom: 20px;
}

.Gleft{
        width: 500px;
        float:left;
        margin-bottom: 20px;
}

.Cleft{
        width: 250px;
        float:left;
        margin-bottom: 20px;
}

.Cright{
        width: 460px;
        float:left;
        margin-bottom: 20px;
        padding-left: 10px;
}

.Iright{
        width: 400px;
        float:left;
        margin-bottom: 20px;
}

#footer {
        background: url(../img/ftr_75.png) top center no-repeat;
        height:75px;
                  margin: 0px 0px 30px 0px;
}

#footertop {
        background: url(../img/ftr_top.jpg) top center no-repeat;
        height:17px;
}

.btm{
        font-size: 70%;
        color: #fff;
        padding: 9px 0px 0px 20px;
}

#mailform{
        width: 300px;
        padding: 70px 0px 0px 20px;

}
label,input {
        display: block;
        width: 200px;
        float: left;
        margin-bottom: 10px;
}
.box{
        background-color: #00adef;
        border: 1px solid #fff;
}
.submit{
        display: block;
        width: 60px;
        float: right;
}
label {
        text-align: right;
        width: 75px;
        padding-right: 20px;
}

#topright{
        text-align:right;
        width: 800px;
        position: relative;
        top: 125px;
        right: 30px;
        font-size: 80%;
}
.number{
        font-size: 24px;
        letter-spacing: -1px;
        line-height: 10px;
}


/*        -------------------------------------------------------------
        NAV
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */


#holderMainMenu {
  margin:0px 0px 0px 0px;}

#mainMenu {
  width:800px;
  padding:144px 0px 0px 0px;
  height: 39px;
  margin-bottom: 0px;
  margin-top: 0px;
  overflow: none;
    -moz-box-sizing: padding-box;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
        margin: 0;
        padding: 0;
                   list-style-type: none;
        display: inline;
                   float: left;
        background-image: url(../img/menu_800x78.png);
}

#mainMenu a {
   display:block;
   text-decoration:none !important;
   font-size:1px;
   background-image: url(../img/menu_800x78.png);
   overflow: hidden;
   height:39px;
        border-bottom: none;
}

#mainMenu a span {
  visibility:hidden;
}

#mainMenu1, #mainMenu1 a {
  background-position: 0 0;
  width: 80px;
}
#mainMenu1 a:hover, #mainMenu1 a.selected {
  background-position: 0px 39px;
}

#mainMenu2, #mainMenu2 a {
  background-position: -80px 0;
  width: 80px;
}
#mainMenu2 a:hover, #mainMenu2 a.selected {
  background-position: -80px 39px;
}

#mainMenu3, #mainMenu3 a {
  background-position: -160px 0;
  width: 80px;
}
#mainMenu3 a:hover, #mainMenu3 a.selected {
  background-position: -160px 39px;
}

#mainMenu4, #mainMenu4 a {
  background-position: -240px 0;
  width: 80px;
}
#mainMenu4 a:hover, #mainMenu4 a.selected {
  background-position: -240px 39px;
}

#mainMenu5, #mainMenu5 a {
  background-position: -320px 0;
  width: 80px;
}
#mainMenu5 a:hover, #mainMenu5 a.selected {
  background-position: -320px 39px;
}

#mainMenu6, #mainMenu6 a {
  background-position: -400px 0;
  width: 80px;
}
#mainMenu6 a:hover, #mainMenu6 a.selected {
  background-position: -400px 39px;
}

#mainMenu7, #mainMenu7 a {
  background-position: -480px 0;
  width: 80px;
}
#mainMenu7 a:hover, #mainMenu7 a.selected {
  background-position: -480px 39px;
}

#mainMenu8, #mainMenu8 a {
  background-position: -560px 0;
  width: 80px;
}
#mainMenu8 a:hover, #mainMenu8 a.selected {
  background-position: -560px 39px;
}

#mainMenu9, #mainMenu9 a {
  background-position: -640px 0;
  width: 80px;
}
#mainMenu9 a:hover, #mainMenu9 a.selected {
  background-position: -640px 39px;
}

#mainMenu10, #mainMenu10 a {
  background-position: -720px 0;
  width: 80px;
}
#mainMenu10 a:hover, #mainMenu10 a.selected {
  background-position: -720px 39px;
}



/* secondary navigation */

div#sidecolumn {
        float: right;
        width: 283px;
        margin: 0px 0 0 0;
        padding: 0;
        color: #fff;
}

ul.secondary_nav {
        margin: 0;
        padding: 0 0 15px 0;
        list-style-type: none;
       /* background: url(../img/pic_bkg.gif) bottom center no-repeat; */
}

ul.secondary_nav h2 {
        font-size: 1.4em;
        font-weight: normal;
        font-style: italic ;
        color: #fff;
        margin: 0;
        padding: 8px 11px 16px 18px;
        border-bottom: 1px solid #929292;
        border-left: none;
        border-right: none;
        background: transparent;
}

ul.secondary_nav h3 {
        font-size: 1em;
        font-weight: bold;
        color: #fff;
        margin: 0;
        padding: 4px 0 5px 18px;
        border-bottom: 1px solid #929292;
        background: transparent;
}

ul.secondary_nav li p {
        list-style-type: none;
        margin: 0;
        font-size: 1.1em;
        padding: 4px 0 5px 18px;
        border-bottom: 1px solid #929292;
                  text-decoration: none;
}

ul.secondary_nav li p a {
        text-decoration: none;
                  border-bottom: none;
}
ul.secondary_nav li p a:hover {
        color: #01a3e1;
        background: transparent;
                  border-bottom: none;
}

ul.secondary_nav li p a.selected {
        color: #01a3e1;
                  border-bottom: none;
}




/*        -------------------------------------------------------------
        SIDE MENU
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

/* Side Menu */

.side-menu {
float:right;
width:243px;
background-repeat:repeat-y;
margin: 0px 5px 0px 0px;}



.side-menu-top ul {
margin:0px;
padding:6px 8px 0px 8px; }


.side-menu-top ul li {
display:block;
margin:0px;
list-style:none;
height:40px; }


.side-menu-top ul li a {
display:block;
width:227px;
color:#afafaf;
padding:0px 7px 0px 8px;
line-height:40px;
font-size:11px;
font-weight:bold;
background-image:url(../img/button_bkg.gif);
background-repeat:no-repeat;
border-bottom: none; }

.side-menu-top ul span li a {
padding:0px 0px 0px 25px;
}

.side-menu-top ul li a:hover {
background-position:left bottom;
color:#ffffff; }


.side-menu-top ul li.selected a {
background-position:left bottom;
color:#ffffff;
border-bottom: none; }




.side-box {
width:209px;
background-image:url(../img/home_side_menu_bg_expander.gif);
background-repeat:repeat-y;
background-color:#0f100f;
margin-bottom:10px; }


.side-box-top {
min-height:150px;
background-image:url(../img/home_side_menu_bg.gif);
background-repeat:no-repeat;
padding:7px 8px 7px 8px; }


* html .side-box-top { height:150px; }







/*        -------------------------------------------------------------
        NAV
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
.stdlist {
margin-left: 0;
padding-left: 0;
list-style: none;
}

.stdlist ul{
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}

.stdlist li strong{
color: #00adef;
}

.stdlist li{
color: #60d2f6;
padding-left: 25px;
background-image:  url(../img/list_img.gif);
background-repeat: no-repeat;
background-position: 0 2px ;
line-height: 22px;
}

/*        -------------------------------------------------------------
        News
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
.newsitem{
                padding: 12px 0px 40px 0px;
                margin: 10px 40px 20px 40px;
        /*border-bottom: 1px solid #333;*/
}



.newsitem img{
          border: 1px solid #fff;
          }
/*        -------------------------------------------------------------
        News
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */

.teamitem{
                padding: 12px 0px 5px 0px;
                margin: 10px 40px 5px 40px;
        border-bottom: 1px solid #333;
}

.teamimg{
        padding: 0px 30px 30px 0px;
        float: left;
        }

.teamitem img{
        border: 1px solid #fff;
        }

/*        -------------------------------------------------------------
        Chiro
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */



.chiroitem{
                padding: 12px 0px 5px 0px;
                margin: 10px 40px 5px 40px;
        border-bottom: 1px solid #333;
}

.chiroimg{
        padding: 0px 40px 30px 0px;
        float: left;
        width: 250px;
        }

.chiroitem img{
        border: 1px solid #fff;
        }


/*        -------------------------------------------------------------
        Choices
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */



.choicesitem{
        padding: 12px 40px 12px 40px;
        border: 1px solid #333;
        margin: 40px;
}

.choicesimg{
        padding: 0px 40px 30px 0px;
        float: left;
        width: 250px;
        }

.choicesitem img{
        border: 1px solid #fff;
        }
.notips{
               color: #00adef;
               font-style: italic;
        }

.links{
        padding: 12px 40px 12px 40px;
        margin: 0px;
}

.linkitem{
        background: #333;
        padding: 12px 10px 12px 10px;
        margin-bottom: 10px;
        width: 500px;
        }

.linkitem span p{
        margin-top: 0px;
        margin-bottom: 4px;
        }

.libraryitem{
                padding: 12px 0px 12px 0px;
                margin: 10px 40px 5px 40px;
        border-bottom: 1px solid #333;
        }

.article_btn{
        float: left;
        padding: 15px 20px 10px 10px;
        }
.article_btn a{
        border-bottom: none;
        }


/*        -------------------------------------------------------------
        GALLERY
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -        */
               .gallery{
                        padding: 0px 0px 12px 40px;
                       }

               .gallery2{
                        width: 460px;
                        padding: 10px 0px 12px 40px;
                        float: left;
                        text-align: center;
                       }

.gallerypad{
        padding-left: 15px;
        padding-right: 5px;
        padding-top: 0em;
        line-height:150%;
        margin-bottom:1.3em;

}

.gallery img{
            padding: 2px;
            border: 1px solid #fff;
            margin: 2px;
            text-align: center;
}


.gallery2 img{
            padding: 0px;
            border: none
            margin: 5px 0px 15px 0px;
}

.gallerybtm{
        text-align: left;
        }

.gallerypad a{
            background: transparent;
}

.gallerypad a:hover{
            background: transparent;
}

div.float {
  float: left;
  padding-right: 8px;
  }

div.float p {
   width: 70px;
   text-align: center;
   font-size: 80%;
   }
                .pagebar {
                        width: 450px;
                        align: centre;
                        font: 10px Arial , Helvetica, Verdana, sans-serif;
                        text-transform: uppercase;
                        padding: 5px;
                        margin-top: 10px;
                        margin-bottom: 4px;
                        border: 1px solid #fff;}

.contact{
     padding: 10px 40px 12px 40px;
      }

.contact p{
        margin: 0px 0px 4px 0px;
        font-size: 130%;
        }