/* --- Body --- */
body {margin: 0px;
      padding: 0px;
      background: #1c1c1c;
      font-family: "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
      font-size: small;
      text-align: center;}

/* --- SBMH --- */
* html body {font-size: x-small; /* - IE5/WIN - */
             f\ont-size: small; /* - Other IE Versions - */}


/* --- Break --- */
.break {margin: 0px 0px -5px 0px;
        padding: 0px;
        height: 0px;
        line-height: 0px;
        clear: both;
        text-indent: -9999px;}

/* --- Break Firefox --- */
div > .break {margin: 0px;
              height: 0px;}

/* --- Photo Break --- */
.photobreak {margin: 10px;
             padding: 0px;}

/* --- Photo Break Firefox --- */
div > .photobreak {margin: 0px;
                   height: 20px;}


/* --- Contact Section ---*/
#contact {height: 24px;
          margin: 0px;
          padding: 0px;
          background: #0c0c0c url(../images/contact/contactsectionbg.jpg) repeat-x top left;
          color: #fff;
          border-bottom: #303030 1px solid;}

/* --- ContactUL --- */
#contact ul {margin: 0px;
             padding: 0px;
             list-style: none;
             float: right;}

/* --- Contact UL LI --- */
#contact ul li {margin: 0px;
                padding: 0px;
                background: transparent;
                display: inline;}

/* --- Contact Link --- */
#contact a {height: 24px;
            background: #0c0c0c;
            display: block;
            text-indent: -9999px;}

/* --- Contact Span --- */
#contact span {height: 24px;
               background: #0c0c0c;
               display: block;
               text-indent: -9999px;}

/* --- Contact Link --- */
#contact a:hover, #contact a:focus {background-position: 0 -26px !important;}

/* --- AIM Link --- */
#contact #aim {width: 129px;
               background: transparent url(../images/contact/aim.jpg) no-repeat top left;
               float: left;}

/* --- E-Mail Link --- */
#contact #email {width: 209px;
                 background: transparent url(../images/contact/email.jpg) no-repeat top left;
                 float: left;}

/* --- Phone --- */
#contact #phone {width: 149px;
                 background: transparent url(../images/contact/phone.jpg) no-repeat top left;
                 float: left;}


/* --- Top Container --- */
#topcontainer {width: 100%;
               height: 143px;
               margin: 0px;
               padding: 0px;
               background: #101010 url(../images/top/gradientbg.jpg) repeat-x top left;}

/* --- Main --- */
.main {width: 960px;
       margin: 0px;
       padding: 40px 0px 0px 0px;}


/* --- Top --- */
#top {width: 960px;
      margin: 0px;
      padding: 0px;}

/* --- Header Top --- */
#top #headertop {width: 960px;
                 margin: 0px 0px -4px 0px;
                 padding: 0px;
                 background: transparent url(../images/top/roundedtop.jpg) no-repeat top left;
                 text-indent: -9999px;}

/* --- Header --- */
#top #header {width: 960px;
              margin: 0px;
              padding:0px;
              background: #fff;}

/* --- Header Name --- */
#header #name {height: 38px;
               background: #fff;
               display: block;
               text-indent: -9999px;}

/* --- Home Link --- */
#name #home {width: 336px;
             height: 38px;
             margin: 1px 0px 0px 19px;
             padding: 0px;
             background: transparent url(../images/top/name.jpg) no-repeat top left;
             float: left;}

/* --- Logo --- */
#header #logo {width: 297px;
               height: 38px;
               margin: -38px 2px 0px 0px;
               padding: 0px;
               background: transparent url(../images/top/logo.jpg) no-repeat top left;
               display: block;
               text-indent: -9999px;
               float: right;}

/* --- Logo FireFox + Others --- */
div > #logo {margin: -38px 18px 0px 0px;}



/* --- Main Navigation ---*/
#navigation {width: 960px;
             height: 25px;
             margin: 24px 0px 0px 0px;
             padding: 0px;
             background: #fff url(../images/top/mainnavbg.jpg) repeat-x top left;
             border-top: #e3e3e3 1px solid;
             border-bottom: #e3e3e3 1px solid;}

/* --- Main Navigation UL --- */
#navigation ul {width: 960px;
                margin: 0px;
                padding: 0px;
                list-style: none;}

/* --- Main Navigation UL LI --- */
#navigation ul li {height: 25px;
                   margin: 0px;
                   padding: 0px;
                   display: inline;
                   border-right: #e3e3e3 1px solid;
                   float: left;}

/* --- Navigation Link --- */
#navigation a {width: 100px;
               height: 25px;
               background: #fff;
               display: block;
               text-indent: -9999px;}

/* --- Navigation Link --- */
#navigation a:hover, #navigation a:focus, #navigation .active {background-position: 0 -27px !important;}

/* --- My Life Link --- */
#navigation #life {width: 77px;
                   background: transparent url(../images/top/life.jpg) no-repeat top left;}

/* --- My Car Link --- */
#navigation #car {width: 79px;
                  background: transparent url(../images/top/car.jpg) no-repeat top left;}

/* --- My Photography Link --- */
#navigation #photo {width: 135px;
                    background: transparent url(../images/top/photo.jpg) no-repeat top left;}

/* --- My Design Link --- */
#navigation #design {width: 95px;
                     background: transparent url(../images/top/design.jpg) no-repeat top left;}


/* --- Middle Container --- */
#topmiddlecontainer {width: 100%;
                     margin: 0px;
                     padding: 0px;
                     background: #fff url(../images/middle/topgradientbg.jpg) repeat-x top left;}

/* --- Middle Container --- */
#bottommiddlecontainer {width: 100%;
                        margin: 0px;
                        padding: 0px;
                        background: transparent url(../images/middle/bottomgradientbg.jpg) repeat-x bottom left;}

/* --- Content Container --- */
#contentcontainer {width: 980px;
                   margin: 0px;
                   padding: 0px;}


/* --- Middle Top Right --- */
#contentcontainer #topright {width: 980px;
                             margin: 0px;
                             padding: 0px;
                             background: #fff url(../images/middle/toprightshadow.jpg) no-repeat top right;}


/* --- Middle Bottom Right --- */
#contentcontainer #bottomright {margin: 0px;
                                padding: 0px;
                                background: transparent url(../images/middle/bottomrightshadow.jpg) no-repeat bottom right;}

/* --- Middle Top Content --- */
#contentcontainer #topcontent {margin: 0px;
                               padding: 0px 0px;
                               background: transparent url(../images/middle/topleftshadow.jpg) no-repeat top left;
                               text-align: left;}

/* --- Middle Bottom Content --- */
#contentcontainer #bottomcontent {width: 935px;
                                  height: auto !important;
                                  height: 366px;
                                  min-height: 366px;
                                  margin: 0px;
                                  padding: 0px 20px;
                                  background: transparent url(../images/middle/bottomleftshadow.jpg) no-repeat bottom left;
                                  color: #000;
                                  text-align: left;}

/* --- Bottom Content Link --- */
#bottomcontent a {color: #0e4eba;}

/* --- Bottom Content Link Hover --- */
#bottomcontent a:hover {text-decoration: none;}


/* --- Current Section --- */
#contentcontainer #currentsection {width: 940px;
                                   margin: 0px;
                                   padding: 6px 0px 8px 0px;
                                   background: transparent;
                                   color: #0046bb;
                                   font-size: .75em;
                                   text-align: right;}

/* --- Current Section Link --- */
#currentsection a {color: #0046bb;
                   text-decoration: none;}

/* --- Current Section Link Hover --- */
#currentsection a:hover, #currentsection a:focus {text-decoration: underline;}


/* --- Main Heading --- */
#contentcontainer h1 {margin: -4px 0px 4px 0px;
                      padding: 0px;
                      color: #0a4dbe;
                      font-size: 1.20em;
                      font-weight: normal;}

/* --- Paragraphs --- */
#contentcontainer p {margin: 0px;
                     padding: 0px 0px 10px 10px;
                     color: #303030;
                     font-size: .85em;
                     line-height: 1.75em;}


/* --- Welcome Images ---*/
.welcomeimages {margin: 0px;
                padding: 0px;}

/* --- Welcome Images UL --- */
.welcomeimages ul {margin: 0px;
                   padding: 0px;
                   list-style: none;}

/* --- Welcome Images UL Firefox --- */
.welcomeimages > ul {margin: 0px;
                     padding: 0px;
                     list-style: none;
                     text-indent: -9999px;}

/* --- Welcome Images UL LI --- */
.welcomeimages ul li {margin: 0px;
                      padding: 0px;
                      display: inline;
                      float: left;}

/* --- Welcome Images --- */
.welcomeimages a {width: 180px;
                  height: 180px;
                  margin: 15px 24px;
                  background: #fff;
                  display: block;
                  text-indent: -9999px;}

/* --- Welcome Image Links --- */
.welcomeimages a:hover, .welcomeimages a:focus {background-position: 0 -182px !important;}

/* --- My Life Welcome Link --- */
.welcomeimages #welcomelife {width: 180px;
                             height: 180px;
                             background: transparent url(../images/content/mylife.jpg) no-repeat top left;}

/* --- My Car Welcome Link --- */
.welcomeimages #welcomecar {background: transparent url(../images/content/mycar.jpg) no-repeat top left;}

/* --- My Photography Welcome Link --- */
.welcomeimages #welcomephoto {background: transparent url(../images/content/myphoto.jpg) no-repeat top left;}

/* --- My Design Welcome Link --- */
.welcomeimages #welcomedesign {background: transparent url(../images/content/mydesign.jpg) no-repeat top left;}


/* --- Main Images --- */
#mainimage {margin: 0px;
            padding: 5px 15px 0px 10px;
            float: left;}


/* --- Movie --- */
.movie {margin: 0px;
        padding: 0px 0px 10px 10px;
        color: #303030;
        font-size: .85em;
        line-height: 1.75em;
        float: left;}


/* --- Thumbnails ---*/
.thumbnails {margin: 0px;
             padding: 0px;}


/* --- Thumbnails IE7 ---*/
* + html .thumbnails {margin: 10px 0px 0px 0px;
                      padding: 0px 0px 10px 0px;}

/* --- Thumbnails UL --- */
.thumbnails ul {margin: 0px;
                padding: 0px;
                list-style: none;}

/* --- Thumbnails UL LI --- */
.thumbnails ul li {margin: 0px;
                   padding: 0px;
                   display: inline;
                   float: left;}


/* --- Thumbnail Images --- */
.thumbs {margin: 10px;
         padding: 0px;
         border: 2px solid #000;
         float: left;}


/* --- Tall Thumbnail Images --- */
.tallthumbs {margin: 10px 30px 20px 30px;
             padding: 0px;
             border: 2px solid #000;
             float: left;}


/* --- Thumbnail Images Firefox --- */
a > .thumbs {margin: 0px 10px 20px 10px;
             padding: 0px;
             border: 2px solid #000;
             float: left;}


/* --- Thumbnail Images Firefox --- */
a > .tallthumbs {margin: 0px 30px 20px 30px;
                 padding: 0px;
                 border: 2px solid #000;
                 float: left;}


/* --- Design Thumbnails --- */
.designthumbs {margin: 0px 10px 0px 10px;
               padding: 0px;
               border: 2px solid #000;
               float: left;}


/* --- Multiple Design Thumbnails --- */
.multidesignthumbs {margin: 0px 10px 0px 10px;
                    padding: 0px;
                    border: 2px solid #000;}



/* --- Photo Titles --- */
.phototitle {width: 160px;
             margin: 5px 6px 10px 6px;
             text-align: center;
             display: block;
             float: left;}


/* --- Photo Titles Firefox --- */
li > .phototitle {width: 160px;
                  margin: -15px 12px 15px 12px;
                  float: left;}


/* --- Bold --- */
.bold {font-weight: bold;}


/* --- Bottom Container --- */
#bottomcontainer {width: 100%;
                  height: 90px;
                  margin: 0px;
                  padding: 0px;
                  background: #101010 url(../images/bottom/gradientbg.jpg) repeat-x top left;}


/* --- Bottom --- */
#bottom {width: 960px;
         margin: 0px;
         padding: 0px;}

/* --- Rounded Bottom --- */
#bottom #roundedbottom {width: 960px;
                        height: 29px;
                        margin: 0px;
                        padding: 0px;
                        background: transparent url(../images/bottom/roundedbottom.jpg) no-repeat top left;
                        font-size: .75em;
                        border-top: #dfdfdf 1px solid;}


/* --- Bottom Left --- */
#roundedbottom #left {margin: 0px;
                      padding: 6px 0px 0px 20px;
                      float: left;}

/* --- Bottom Left Link --- */
#left a {color: #0e4eba;
         text-decoration: none;}

/* --- Left Link Hover --- */
#roundedbottom #left a:hover, #roundedbottom #left a:focus {text-decoration: underline;}

/* --- Valid XHTML --- */
#left #validxhtml {margin:0px;
                   padding: 0px 8px 0px 0px;}

/* --- Valid CSS --- */
#left #validcss {margin:0px;
                 padding: 0px 0px 0px 8px;}


/* --- Bottom Right --- */
#roundedbottom #right {margin: 0px;
                       padding: 5px 13px 0px 0px;
                       float: right;}
 
/* --- Right Link Hover --- */
#roundedbottom #right a:hover, #roundedbottom #right a:focus {text-decoration: underline;}

/* --- Bottom Right Link --- */
#right a {margin: 0px;
          padding: 0px 0px 0px 12px;
          color: #4c4c4c;
          background: transparent url(../images/bottom/uparrow.jpg) no-repeat 1px 4px;
          text-decoration: none;}


/* --- Footer--- */
#bottomcontainer #footer {width: 100%;
                          height: 23px;
                          margin: 30px 0px 0px 0px;
                          padding: 0px;
                          background: transparent url(../images/bottom/footerbg.jpg) repeat-x top left;
                          border-top: #303030 1px solid;
                          border-bottom: #303030 1px solid;}

/* --- Footer Span --- */
#footer span {height: 23px;
               background: transparent;
               display: block;
               text-indent: -9999px;}

/* --- Footer What I Do --- */
#footer #whatido {width: 180px;
                  margin: 0px 0px 0px 10px;
                  padding: 0px;
                  background: transparent url(../images/bottom/whatido.jpg) no-repeat top left;
                  float: left;}

/* --- Footer Copyright --- */
#footer #copyright {width: 338px;
                    margin: 0px 10px 0px 0px;
                    padding: 0px;
                    background: transparent url(../images/bottom/copyright.jpg) no-repeat top left;
                    float: right;}