/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
                                                  margin: 0;
                                                  padding: 0;
                                                  border: 0;
                                                  outline: 0;
                                                  font-size: 100%;
                                                  vertical-align: baseline;
                                                  background: transparent;
                                                  }
body {
       line-height: 1;
       }
ol, ul {
         list-style: none;
         }
blockquote, q {
                quotes: none;
                }
blockquote:before, blockquote:after,
q:before, q:after {
                    content: '';
                    content: none;
                    }

/* remember to define focus styles! */
:focus {
         outline: 0;
         }

/* remember to highlight inserts somehow! */
ins {
      text-decoration: none;
      }
del {
      text-decoration: line-through;
      }

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
        }
/* end of reset
   ************ */

/* ************************************************************************* */


body {
       font-family: "Verdana", "Arial", "Liberation Sans", sans-serif;
       font-size: 12px;
       background: #ffffff url("images2/bg.png") center top repeat-x;
       color: #070707;
       }

.fitter {
          width: 1026px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          }
.fittersnc {
          width: 1026px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          }
.fittersmc {
          width: 1026px;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          }
#head .fitter {
                font-family: "Century Gothic", "Arial", "Liberation Sans", sans-serif;
                height: 348px;
                background: transparent url("images2/head.png") 0 0 no-repeat;
                }

#head .fittersnc {
                font-family: "Century Gothic", "Arial", "Liberation Sans", sans-serif;
                height: 348px;
                background: transparent url("images2/head-social-networking-conference.png") 0 0 no-repeat;
                }
                
#head .fittersmc {
                font-family: "Century Gothic", "Arial", "Liberation Sans", sans-serif;
                height: 348px;
                background: transparent url("images2/head-social-media-conference.png") 0 0 no-repeat;
                }
                
#head h1 a {
             position: absolute;
             top: 70px;
             left: 10px;
             width: 370px;
             height: 100px;
             overflow: hidden;
             text-indent: -3000px;
             }
             
#head h2 {
           font-weight: normal;
           text-align: center;
           text-transform: uppercase;
           width: 215px;
           line-height: 1.2em;
           position: absolute;
           top: 230px;
           left: 132px;
           }
           
#head h3 {
           text-align: right;
           width: 280px;
           position: absolute;
           top: 100px;
           left: 410px;
           height: 90px;
           color: #277D11;
           font-size: 18px;
           text-transform: uppercase;
           line-height: 1.3em;

           }

#head h3 span {
                font-size: 26px;
                }

#head .register {
                  display: block;
                  position: absolute;
                  top: 220px;
                  left: 542px;
                  width: 154px;
                  height: 34px;
                  line-height: 34px;
                  text-align: center;
                  font-size: 14px;
                  color: #ffffff;
                  text-decoration: none;
                  text-transform: uppercase;
                  }
                  
#head h4 {
           width: 300px;
           color: #277D11;
           font-size: 14px;
           text-transform: uppercase;
           position: absolute;
           top: 20px;
           right: 0;
           text-align: center;
           }


#head .video {
               width: 290px;
               height: 224px;
               position: absolute;
               right: 5px;
               top: 10px;
               }

#head ul#top_nav {
                   width: 1050px;
                   position: absolute;
                   left: 0;
                   bottom: 0;
                   height: 44px;
                   }
#head ul#top_nav li {
                      float: left;
                      }
#head ul#top_nav li a {
                        display: block;
                        height: 44px;
                        line-height: 44px;
                        padding: 0 15px;
                        color: #ffffff;
                        text-decoration: none;
                        text-transform: uppercase;
                        font-weight: bold;
                        float: left;
                        }

#head ul#top_nav li a:hover {
                              background: #ffffff;
                              color: #369F1B;
                              }

#body {
        padding-top: 20px;
        padding-bottom: 20px;
        }
#body .fitter {
                padding: 0 20px;
                width: 986px;
                }
#body p {
          line-height: 1.3em;
          margin: 1em 0;
          }
#body p.intro {
                font-family: "Century Gothic", "Arial", "Liberation Sans", sans-serif;
                font-size: 18px;
                text-align: center;
                }
#body p.intro span {
                     color: #277D11;
                     text-decoration: underline;
                     font-weight: bold;
                     }

#body .triple {
                overflow: hidden;
                width: 1100px;
                }
#body .registers {
                   width: 289px;
                   height: 143px;
                   background: url("images2/registers.png") 0 0 no-repeat;
                   float: left;
                   position: relative;
                   padding-right: 60px;
                   }
#body .registers a {
                     position: absolute;
                     display: block;
                     width: 130px;
                     height: 34px;
                     line-height: 34px;
                     padding-right: 45px;
                     top: 10px;
                     left: 58px;
                     text-align: center;
                     color: #ffffff;
                     text-decoration: none;
                     text-transform: uppercase;
                     font-size: 14px;
                     font-weight:bold;
                     }
#body .registers h3 {
                      width: 289px;
                      text-align: center;
                      color: #277D11;
                      font-size: 16px;
                      position: absolute;
                      left: 0;
                      top: 55px;
                      }
#body .registers p{
                     width: 209px;
                     position: absolute;
                     bottom: 0px;
                     text-align: center;
                     font-size: 14px;
                     font-style: italic;
                     padding: 0 40px;
                     }
#body .registers p a{
					 top: auto;
                     left: auto;
                     line-height: 1;
                     padding: 0px 0px 0px 0px;
                     color: black;
                     text-decoration: underline;
                     text-transform: none;
                     text-align: center;
                     font-size: 14px;
                     font-style: italic;
                     width: auto;
                     height: auto;
                     font-weight:normal;
                     position:relative;                     
                     }
                                          
#body p.img img {
                  vertical-align: middle;
                  margin: 0 5px;
                  }
#body #signup {
                width: 236px;
                height: 216px;
                background: url("images2/signup.png") 0 0 no-repeat;
                float: left;
                color: #ffffff;
                padding: 10px;
                padding-right: 30px;
                position: relative;
                }
#body #signup p {
                  margin: 1px 0;
                  font-size: 11px;
                  }
#body #signup label {
                      color: #62ec3f;
                      font-size: 10px;
                      }
#body #signup .text input {
                            border: none;
                            width: 236px;
                            height: 15px;
                            line-height: 15px;
                            font-size: 11px;
                            }
#body #signup .submit input {
                              position: absolute;
                              display: block;
                              width: 155px;
                              height: 34px;
                              cursor: pointer;
                              bottom: 8px;
                              left: 47px;
                              border: none;
                              background: transparent;
                              color: #ffffff;
                              font-size: 14px;
                            }
#body #midtext {
                 width: 404px;
                 float: left;
                 padding-right: 20px;
                 }
#body #midtext h3 {
                    height: 34px;
                    line-height: 34px;
                    width: 404px;
                    font-size: 14px;
                    color: #ffffff;
                    text-align: center;
                    background: url("images2/midtext.png") 0 0 no-repeat;
                    margin-bottom: 30px;
                    }

#body .graphs {
                width: 277px;
                min-height: 141px;
                position: relative;
                background: url("images2/graphs.png") bottom left no-repeat;
                float: left;
                }
#body .graphs p {
                  margin: 0;
                  }
#body .graphs p a {
                    color: #000000;
                    font-weight: bold;
                    }
#body .graphs p.graph {
                        width: 177px;
                        height: 57px;
                        padding: 5px 0 5px 100px;
                        line-height: 1.2em;
                        margin-top: 8px;
                        }


#body #upcoming {
                  width: 984px;
                  height: 350px;
                  background: url("images2/upcoming.png") 0 0 no-repeat;
                  margin-top: 20px;
                  position: relative;
                  }
#body #upcoming h3 {
                     height: 42px;
                     line-height: 48px;
                     color: #ffffff;
                     text-transform: uppercase;
                     text-indent: 20px;
                     position: absolute;
                     }

#body #upcoming .event {
                         width: 285px;
                         height: 280px;
                         background:  url("images2/event.png") 22px 50px no-repeat;
                         float: left;
                         padding: 50px 21px 0 22px;
                         position: relative;
                         }
#body #upcoming .event h4 {
                            height: 42px;
                            line-height: 42px;
                            text-indent: 35px;
                            font-size: 14px;
                            color: #277D11;
                            text-transform: uppercase;
                            }
#body #upcoming .event img {
                             position: absolute;
                             top: 104px;
                             left: 76px;
                             }
#body #upcoming .event .go {
                             display: block;
                             position: absolute;
                             width: 217px;
                             padding-right: 20px;
                             height: 38px;
                             line-height: 38px;
                             top: 194px;
                             left: 48px;
                             text-align: center;
                             color: #ffffff;
                             text-transform: uppercase;
                             text-decoration: none;
                             font-weight: bold;
                             }
#body #upcoming .event .click {
                             display: block;
                             position: absolute;
                             width: 250px;
                             line-height: 1.3em;
                             top: 234px;
                             left: 40px;
                             text-align: center;
                             text-decoration: none;
                             font-weight: bold;
                                color: #277D11;
                             }
#body #upcoming .event ul {
                            display: block;
                            position: absolute;
                            bottom: 10px;
                            width: 210px;
                            left: 65px;
                         }
#body #upcoming .event ul li {
                               float: left;
                               width: 100px;
                               line-height: 1.2em;
                               }

#body #upcoming .event ul li a {
                                 color: #277D11;
                                 }

#body #photos {
                width: 642px;
                margin-top: 20px;
                float: left;
                }

#body #photos .dt {
                   color: #2284CF;
                   font-weight: bold;
                   width: 136px;
                   text-align: center;
                   padding: 20px 0;
                   background: url("images2/photos.png") left center no-repeat;
                   border-bottom: 1px solid #C8C8C8;
                   }

#body #photos .dd {
                    color: #000000;
                    width: 506px;
                    text-align: left;
                    padding: 20px 10px;
                    background: url("images2/photos.png") right center  no-repeat;
                    border-bottom: 1px solid #C8C8C8;
                    line-height: 1.3em;
                    }
#body #photos .dd a {
                      color: #000000;
                      font-weight: bold;
                      }
#body #photos .first {
                       width: 642px;
                       height:45px;
                       line-height: 45px;
                       background: url("images2/photos.png") 0 0 no-repeat;
                       text-transform: uppercase;
                       color: #ffffff;
                       font-size: 14px;
                       text-indent: 20px;
                       font-weight: bold;
                       padding: 0;
                       margin: 0;
                       text-align: left;
                       border: none;
                       }
#body #photos .last {
                      width: 642px;
                      height:15px;
                      background: url("images2/photos.png") bottom left no-repeat;
                      padding: 0;
                      margin: 0;
                      border: none;
                      }
#body #fandb {
               width: 260px;
               height: 317px;
               margin-top: 20px;
               background: url("images2/fandb.png") right top no-repeat;
               float: left;
               padding-left:40px;
               position: relative;
               }
#body #faq {
             padding: 0 15px;
             color: #ffffff;
             height: 224px;
             }
#body #faq p {
               font-size: 11px;
               }
#body #faq ul li {
                   height: 38px;
                   line-height: 38px;
                   margin-bottom: 1px;
                   text-indent: 15px;
                   font-weight: bold;
                   overflow: hidden;
                   }
#body #faq ul li a {
                     display: block;
                     width: 97px;
                     height: 22px;
                     line-height: 22px;
                     position: relative;
                     bottom: 27px;
                     left: 135px;
                     color: #ffffff;
                     text-decoration: none;
                     }

#body #bookmarks {
                   margin-top: 10px;
                   padding: 0 10px;
                   position: absolute;
                   bottom: 0;
                   }
#body #bookmarks p {
                     text-align: center;
                     margin: 8px 0;
                     font-size: 11px;
                     }
#body #bookmarks p img {
                         vertical-align: middle;
                         margin: 0 2px;
                         }
#foot {
        height: 314px;
        width: 100%;
        background: transparent url("images2/foot.png") 0 0 repeat-x;
        }
#foot .fitter {
                background: transparent url("images2/footer.png") 0 0 no-repeat;
                height: 314px;
                }
#foot h3 {
           color: #ffffff;
           height: 40px;
           line-height: 40px;
           text-transform: uppercase;
           text-indent: 20px;
           }
#foot #academica {
                   width: 228px;
                   height: 150px;
                   position: absolute;
                   left: 22px;
                   top: 0;
                   }
#foot #media {
               width: 737px;
               height: 150px;
               position: absolute;
               left: 266px;
               top: 0;
               }
#foot #academica p,
#foot #media p {
                 line-height: 110px;
                 text-align: center;
                 }
#foot #academica p img,
#foot #media p img {
                     vertical-align: middle;
                     }
#foot #media p img {
                     margin: 0 5px;
                     }
#foot #ending {
                line-height: 1.3em;
                width: 1026px;
                clear: both;
                overflow: hidden;
                text-align: center;
                color: #ffffff;
                padding-top: 190px;
                }
#foot #ending p {
                  line-height: 1.3em;
                  }
