/*groundrule defines*/
  * {
    border: 0px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-attachment: scroll;
  }
  
  /*basic defines*/
  body {
    background-color:  #ffffff;
    background-image:  url('graphics/grid_background.jpg');
    background-repeat: repeat;
    color:             #000000;
    text-align:        center;
    font-family:       sans-serif;
  }

  .outer_container {
    position:         relative;
    margin-left:      auto;
    margin-right:     auto;
    padding-top:      60px;
    width:            770px;
    height:           630px;
    z-index:          100;
  }

  .background_object {
    position:         absolute;
    overflow:         hidden;
    width:            50%;
    height:           730px;
    top:              0px;
  }

  #bo_0 {
    left:             50%;
    z-index:          1;
  }

  #bo_1 {
    right:            50%;
    z-index:          2;
  }

  .background_graphic {
    height:           100%;
    width:            100%;
  }

  #bo_0g {
    background-image: url('graphics/scribble-background.gif');
    margin-left:      180px;
    margin-top:       25px;
  }

  #bo_1g {
    background-image: url('graphics/eraser-background.gif');
    background-position: top right;
    margin-top:       150px;
  }



  .menu_container {
    width:            170px;
    height:           600px;
    float:            left; 
    clear:            left;
    padding-left:     20px;
    padding-right:    20px;
    overflow:         hidden;
  }

  .menu_top {
    background-image: url('graphics/menu_paper_top.png');
    width:            170px;
    height:           5px;
    display:          block;
    clear:            both;
    overflow:         hidden;
  }

  .menu_left {
    background-image: url('graphics/menu_paper_left.png');
    width:            15px;
    height:           476px;
    float:            left;
    clear:            left;
    overflow:         hidden;
  }

  .menu_center {
    background-image: url('graphics/menu_paper_center.jpg');
    width:            135px;
    height:           476px;
    float:            left;
    overflow:         hidden;
  }

  .menu_right {
    background-image: url('graphics/menu_paper_right.png');
    width:            20px;
    height:           476px;
    float:            left;
    clear:            right;
    overflow:         hidden;
  }

  .menu_bottom {
    background-image: url('graphics/menu_paper_bottom.png');
    width:            170px;
    height:           19px;
    display:          block;
    clear:            both;
    overflow:         hidden;
  }

  .content_container {
    width:            500px;
    height:           581px;
    float:            left; 
    clear:            right;
    padding-top:      19px;
    padding-left:     30px;
    padding-right:    30px;
    overflow:         hidden;
  }

  .content_top {
    background-image: url('graphics/paper_top.png');
    width:            500px;
    height:           9px;
    display:          block;
    clear:            both;
    overflow:         hidden;
  }

  .content_left {
    background-image: url('graphics/paper_left.png');
    width:            9px;
    height:           563px;
    float:            left;
    clear:            left;
    overflow:         hidden;
  }

  .content_center {
    background-image: url('graphics/paper_center.jpg');
    width:            481px;
    height:           563px;
    float:            left;
    overflow:         hidden;
  }

  .content_right {
    background-image: url('graphics/paper_right.png');
    width:            10px;
    height:           563px;
    float:            left;
    clear:            right;
    overflow:         hidden;
  }

  .content_bottom {
    background-image: url('graphics/paper_bottom.png');
    width:            500px;
    height:           9px;
    display:          block;
    clear:            both;
    overflow:         hidden;
  }

  .footer {
    width:            730px;
    height:           30px;
    display:          block;
    clear:            both;
    text-align:       right;
    padding-right:    40px;
    font-size:        x-small;
    overflow:         visible;
  }

  .menu {
    padding-top:      30px;
    overflow:         hidden;
  }

  .menu_item a {
    display:          block;
    font-size:        0px;
    text-decoration:  none;
    text-indent:      135px;
    margin-bottom:    30px;
    overflow:         hidden;
  }

  .menu_item #mi_home {
    width:            50px;
    height:           20px;
    margin-left:      17px;
  }
  .mi_unselected #mi_home {
    background-image: url('graphics/smurry_menu-home-down-06-000000-50-20.png');
  }
  .mi_selected #mi_home, .mi_unselected #mi_home:hover, .mi_unselected #mi_home:active {
    background-image: url('graphics/smurry_menu-home-down-06-ffffff-50-20.png');
  }

  .menu_item #mi_news {
    width:            51px;
    height:           20px;
    margin-left:      37px;
  }
  .mi_unselected #mi_news {
    background-image: url('graphics/smurry_menu-news-up-04-000000-51-20.png');
  }
  .mi_selected #mi_news, .mi_unselected #mi_news:hover, .mi_unselected #mi_news:active {
    background-image: url('graphics/smurry_menu-news-up-04-ffffff-51-20.png');
  }

  .menu_item #mi_illustrations {
    width:            132px;
    height:           20px;
    margin-left:      0px;
  }
  .mi_unselected #mi_illustrations {
    background-image: url('graphics/smurry_menu-illustrations-up-02-000000-132-20.png');
  }
  .mi_selected #mi_illustrations, .mi_unselected #mi_illustrations:hover, .mi_unselected #mi_illustrations:active {
    background-image: url('graphics/smurry_menu-illustrations-up-02-ffffff-132-20.png');
  }

  .menu_item #mi_design {
    width:            63px;
    height:           21px;
    margin-left:      42px;
  }
  .mi_unselected #mi_design {
    background-image: url('graphics/smurry_menu-design-down-05-000000-63-21.png');
  }
  .mi_selected #mi_design, .mi_unselected #mi_design:hover, .mi_unselected #mi_design:active {
    background-image: url('graphics/smurry_menu-design-down-05-ffffff-63-21.png');
  }

  .menu_item #mi_fine_art {
    width:            76px;
    height:           18px;
    margin-left:      26px;
  }
  .mi_unselected #mi_fine_art {
    background-image: url('graphics/smurry_menu-fine_art-up-02-000000-76-18.png');
  }
  .mi_selected #mi_fine_art, .mi_unselected #mi_fine_art:hover, .mi_unselected #mi_fine_art:active {
    background-image: url('graphics/smurry_menu-fine_art-up-02-ffffff-76-18.png');
  }

  .menu_item #mi_doodles {
    width:            81px;
    height:           20px;
    margin-left:      27px;
  }
  .mi_unselected #mi_doodles {
    background-image: url('graphics/smurry_menu-doodles-down-03-000000-81-20.png');
  }
  .mi_selected #mi_doodles, .mi_unselected #mi_doodles:hover, .mi_unselected #mi_doodles:active {
    background-image: url('graphics/smurry_menu-doodles-down-03-ffffff-81-20.png');
  }

  .menu_item #mi_about {
    width:            58px;
    height:           20px;
    margin-left:      37px;
  }
  .mi_unselected #mi_about {
    background-image: url('graphics/smurry_menu-about-up-05-000000-58-20.png');
  }
  .mi_selected #mi_about, .mi_unselected #mi_about:hover, .mi_unselected #mi_about:active {
    background-image: url('graphics/smurry_menu-about-up-05-ffffff-58-20.png');
  }

  .menu_item #mi_contact {
    width:            81px;
    height:           18px;
    margin-left:      17px;
  }
  .mi_unselected #mi_contact {
    background-image: url('graphics/smurry_menu-contact-up-01-000000-81-18.png');
  }
  .mi_selected #mi_contact, .mi_unselected #mi_contact:hover, .mi_unselected #mi_contact:active {
    background-image: url('graphics/smurry_menu-contact-up-01-ffffff-81-18.png');
  }

  .menu_item #mi_links {
    width:            50px;
    height:           18px;
    margin-left:      37px;
  }
  .mi_unselected #mi_links {
    background-image: url('graphics/smurry_menu-links-up-03-000000-50-18.png');
  }
  .mi_selected #mi_links, .mi_unselected #mi_links:hover, .mi_unselected #mi_links:active {
    background-image: url('graphics/smurry_menu-links-up-03-ffffff-50-18.png');
  }


  .content {
    width:            448px;
    height:           532px;
    margin-top:       15px;
    margin-left:      20px;
    margin-right:     13px;
    margin-bottom:    16px;
    overflow:         hidden;
  }

  .content_header {
    margin-left:      5px;
    height:           30px;
    font-size:        0px;
    display:          block;
    border-bottom:    2px solid #321;
    overflow:         hidden;
  }

  .content_scroller {
    width:           448px;
    height:          485px;
    line-height:     120%;
    padding-top:     15px;
    overflow:        auto;
  }

  .content #h_news {
    background-image: url('graphics/smurry_header-neat__news_-210-29.png');
    width:            210px;
    text-indent:      210px;
  }

  .content #h_about {
    background-image: url('graphics/smurry_header-about_-120-29.png');
    width:            120px;
    text-indent:      120px;
  }

  .content #h_contact {
    background-image: url('graphics/smurry_header-contact_-161-29.png');
    width:            161px;
    text-indent:      161px;
  }

  .content #h_links {
    background-image: url('graphics/smurry_header-links_-103-29.png');
    width:            103px;
    text-indent:      103px;
  }

  .content .content_item {
    padding:          5px;
  }

  .content_item .content_title {
    font-size:        medium; 
  }

  .content_item .content_entry {
    display:          block;
  }

  .content_gallery {
    width:            448px;
    height:           448px;
    display:          block;
  }

  .content_thumb {
    width:            100px;
    height:           100px;
    border:           1px solid #000;
    margin:           5px;
    float:            left;
  }

  .content_frame {
    width:            448px;
    height:           448px;
    min-width:        448px;
    max-width:        448px;
    min-height:       448px;
    max-height:       448px;
    background-color: #fff;
    display:          table-cell;
    vertical-align:   middle;
    overflow:         hidden;
  }

  .content_image {
    position:         relative;
    margin-left:      auto;
    margin-right:     auto;
    display:          block;
  }

  .content_control {
    position:         relative;
    width:            448px;
    height:           84px;
  }

  .content_control #cc_previous {
    width:            36px;
    height:           72px;
    position:         absolute;
    left:             0px;
    top:              0px;
    font-size:        0px;
    text-decoration:  none;
    text-indent:      36px;
    overflow:         hidden;
    background-image: url('graphics/smurry_control-previous-000000-36-72.png');
  }

  .content_control #cc_previous:hover, .content_control #cc_previous:active {
    width:            36px;
    height:           72px;
    position:         absolute;
    left:             0px;
    top:              0px;
    font-size:        0px;
    text-decoration:  none;
    text-indent:      36px;
    overflow:         hidden;
    background-image: url('graphics/smurry_control-previous-ffffff-36-72.png');
  }

  .content_control #cc_up {
    width:            31px;
    height:           72px;
    position:         absolute;
    left:             208px;
    top:              0px;
    font-size:        0px;
    text-decoration:  none;
    text-indent:      31px;
    overflow:         hidden;
    background-image: url('graphics/smurry_control-up-000000-31-72.png');
  }

  .content_control #cc_up:hover, .content_control #cc_up:active {
    width:            31px;
    height:           72px;
    position:         absolute;
    left:             208px;
    top:              0px;
    font-size:        0px;
    text-decoration:  none;
    text-indent:      31px;
    overflow:         hidden;
    background-image: url('graphics/smurry_control-up-ffffff-31-72.png');
  }

  .content_control #cc_next {
    width:            36px;
    height:           72px;
    position:         absolute;
    right:            0px;
    top:              0px;
    font-size:        0px;
    text-decoration:  none;
    text-indent:      36px;
    overflow:         hidden;
    background-image: url('graphics/smurry_control-next-000000-36-72.png');
  }

  .content_control #cc_next:hover, .content_control #cc_next:active {
    width:            36px;
    height:           72px;
    position:         absolute;
    right:            0px;
    top:              0px;
    font-size:        0px;
    text-decoration:  none;
    text-indent:      36px;
    overflow:         hidden;
    background-image: url('graphics/smurry_control-next-ffffff-36-72.png');
  }

  .splash a {
    background-image: url('graphics/splash.png');
    width:            593px;
    height:           550px;
    display:          block;
    font-size:        0px;
    text-decoration:  none;
    text-indent:      593px;
    margin-left:      88px;
    overflow:         hidden;
  }    

  .content_entry a {
    font-weight:      bold;
    color:            #fff;
    text-decoration:  none;
  }

  .footer a {
    font-weight:      normal;
    color:            #000;
    text-decoration:  none;
  }

  /*IE hacks*/
  /*IE 6*/
  * html .content_thumb {
    margin:           4px;
  }
  /*IE6 needs this for the bgimage links, curiously*/
  * html a {
    cursor:           pointer;
  }    

  /*IE7 background overflow hack*/
  *+html .background_object {
    width:            49%;
  }

  /*IE8 background overflow hack*/
  *:first-child+/**/html .background_object {
    width:            49%;
  }

  /*Vertical alignment hacks for the image display in IE5-6*/
  * html .content_image_container {
    position:         relative;
    top:              224px;
    height:           224px;
    overflow:         visible;
  }
  * html .content_image {
    top:              -50%;
  }
  /*Vertical alignment hacks for the image display in IE7*/
  *+html .content_frame {
    position:         relative;
  }
  *+html .content_image_container {
    position:         absolute;
    top:              50%;
    overflow:         visible;
  }
  *+html .content_image {
    top:              -50%;
  }

  /*Hacks for the image display in IE8, since it presently can't center vertically*/
  *:first-child+/**/html .content_image_container {
    position:         relative;
    top:              0px;
  }
  *:first-child+/**/html .content_image {  
    top:              0px;
  }

  /*IE 8 Beta 1 - Why does it double margin and padding dimensions?  Anyone?*/
  *:first-child+/**/html .menu {
    padding-top:      10px;
  }  
  *:first-child+/**/html .menu_item a {
    margin-bottom:    19px;
  }