@import "fbz.reset.css";

body { font: 100% Georgia, "Times New Roman", Times, serif; font-size: 11px; background: #FFF; margin: 0; padding: 0; text-align: center; color: #333; line-height: 120%; }
div { overflow: hidden; _height: 100%; }

a { text-decoration: none; color: #CB3399; }
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.pink { color: #CB3399; }
.fancy-signature { display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/design/fancy_signature.png) 0 0 no-repeat; width: 266px; height: 59px; float: right; margin: 30px 0 0 0; }

#container { width: 920px; margin: 0 auto; text-align: left; }

#header { height: 80px; }
  #header .left { width: 300px; }
  #header .right { width: 600px; }
    #header .right #menu { display: block; height: 35px; margin: 30px 18px 0 0; float: right; width: 349px; }
      #header .right #menu li { float: left; display: inline; height: 35px; }
        #header .right #menu li a { display: block; height: 35px; text-indent: -9999px; overflow: hidden; background-image: url(../../img/design/nav.png); background-repeat: no-repeat; }
        #header .right #menu li a.menu-1 { width: 62px; background-position: 0 0; }
        #header .right #menu li a.menu-2 { width: 98px; background-position: -62px 0; }
        #header .right #menu li a.menu-3 { width: 102px; background-position: -160px 0; }
        #header .right #menu li a.menu-4 { width: 87px; background-position: -262px 0; }
        #header .right #menu li a:hover, #header .right #menu li a.active { background-image: url(../../img/design/nav_on.png) !important; }

#mainContent { }
  
  #mainContent #homepage { padding: 0; }
    #mainContent #homepage p.p1 { line-height: 140%; padding: 0 0 16px 0; font-size: 10px; }
    #mainContent #homepage ul { }
      #mainContent #homepage ul li { display: inline; float: left; }
        #mainContent #homepage ul li a { display: block; overflow: hidden; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; width: 131px; height: 131px; margin: 6px 53px 6px 8px; }
        #mainContent #homepage ul li a:hover { background-position: -131px 0; }
        #mainContent #homepage ul li a.break { margin-right: 0; }

  #mainContent #leftContent { float: left; width: 228px; padding: 20px 0; margin: 0 0 0 6px; }
    #mainContent #leftContent #pmenu { font-size: 12px; }
      #mainContent #leftContent #pmenu li { display: block; height: 20px; background: url(../../img/design/bullet_pink.gif) 0 0 no-repeat; padding: 0 0 0 7px; }
        #mainContent #leftContent #pmenu li a { color: #333; line-height: 14px; padding: 0 2px; }
        #mainContent #leftContent #pmenu li a:hover, #mainContent #leftContent #pmenu li a.active { background-color: #C39 !important; color: #FFF !important; text-decoration: none; }
  
  #mainContent #rightContent { float: right; width: 639px; padding: 0 0 20px 0; margin: 0 24px 0 0; }
    #mainContent #rightContent .topmargin { height: 20px; line-height: 20px; }
      #mainContent #rightContent .topmargin p { text-align: right; }
      #mainContent #rightContent .topmargin a { font-size: 10px; font-weight: bold; }
  
    #mainContent #rightContent #work { }
      #mainContent #rightContent #work #work-image { xheight: 515px; }
        #mainContent #rightContent #work #work-image ul { }
          #mainContent #rightContent #work #work-image ul li { xdisplay: none; xposition: absolute; }
      #mainContent #rightContent #work #work-info { padding: 12px 0 8px 0; border-bottom: solid 1px #303030; }
        #mainContent #rightContent #work #work-info .left { width: 480px; }
          #mainContent #rightContent #work #work-info .left h1 { font-size: 11px; font-weight: normal; line-height: 145%; }
          #mainContent #rightContent #work #work-info .left p { line-height: 145%; }
            #mainContent #rightContent #work #work-info .left p a { color: #CB3399; font-weight: bold; }
        #mainContent #rightContent #work #work-info .right { width: 130px; }
        #mainContent #rightContent #work #work-info #work-pagination { float: right; margin: 3px 0 0 0; }
          #mainContent #rightContent #work #work-info #work-pagination li { float: left; padding: 0 0 0 3px; }
            #mainContent #rightContent #work #work-info #work-pagination li a { display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/design/work_pagination_nav.png) 0 0 no-repeat; outline: none; width: 16px; height: 21px; }
            #mainContent #rightContent #work #work-info #work-pagination li a.pg1 { background-position: 0 0; }
            #mainContent #rightContent #work #work-info #work-pagination li a.pg2 { background-position: -19px 0; }
            #mainContent #rightContent #work #work-info #work-pagination li a.pg3 { background-position: -38px 0; }
            #mainContent #rightContent #work #work-info #work-pagination li a.pg4 { background-position: -58px 0; }
            #mainContent #rightContent #work #work-info #work-pagination li a.pg5 { background-position: -78px 0; }
            #mainContent #rightContent #work #work-info #work-pagination li a:hover, #mainContent #rightContent #work #work-info #work-pagination li a.active { background-image: url(../../img/design/work_pagination_nav_on.png) !important; }
      #mainContent #rightContent #work #work-desc { clear: both; padding: 12px 0 0 0; }
        #mainContent #rightContent #work #work-desc h2 { color: #CB3399; font-size: 11px; line-height: 145%; font-weight: bold; }
        #mainContent #rightContent #work #work-desc p { line-height: 145%; margin: 0 0 10px 0; }
		
    #mainContent #rightContent #about { }
      #mainContent #rightContent #about #about-header { border-bottom: solid 1px #303030; }
        #mainContent #rightContent #about #about-header h1 { font-size: 12px; float: left; font-weight: bold; line-height: 26px; }
        #mainContent #rightContent #about #about-header a { font-size: 10px; float: right; font-weight: bold; line-height: 26px; color: #CB3399; }
      #mainContent #rightContent #about #about-content { padding: 10px 0 20px 0; }
        #mainContent #rightContent #about #about-content .about-content { display: none; }
          #mainContent #rightContent #about #about-content .about-content h2 { color: #CB3399; font-size: 11px; font-weight: bold; line-height: 145%; }
          #mainContent #rightContent #about #about-content .about-content p { margin: 0 0 12px 0; line-height: 145%; }
          #mainContent #rightContent #about #about-content .about-content ul { display: block; overflow: hidden; margin: 0 0 12px 0; line-height: 145%; }
            #mainContent #rightContent #about #about-content .about-content ul li { background: url(../../img/design/bullet_pink.gif) 0 0 no-repeat; padding: 0 0 0 9px; line-height: 145%; }
            #mainContent #rightContent #about #about-content .about-content ul li.header { background: none; padding: 0; }
              #mainContent #rightContent #about #about-content .about-content ul li a { color: #CB3399; }
          #mainContent #rightContent #about #about-content .about-content .next { font-weight: bold; color: #CB3399; font-size: 18px; }
        #mainContent #rightContent #about #about-content #pg1 { display: block; }
          #mainContent #rightContent #about #about-content #pg1 p { font-size: 18px; line-height: 144%; }
		
    #mainContent #rightContent #contact { }
      #mainContent #rightContent #contact #contact-header { border-bottom: solid 1px #303030; }
        #mainContent #rightContent #contact #contact-header h1 { font-size: 12px; float: left; font-weight: bold; line-height: 26px; }
        #mainContent #rightContent #contact #contact-header a { font-size: 10px; float: right; font-weight: bold; line-height: 26px; color: #CB3399; }
      #mainContent #rightContent #contact #contact-content { padding: 10px 0 20px 0; }
        #mainContent #rightContent #contact #contact-content .left { width: 250px; }
        #mainContent #rightContent #contact #contact-content .right { width: 345px; }
        #mainContent #rightContent #contact #contact-content p { font-size: 18px; line-height: 145%; }
        #mainContent #rightContent #contact #contact-content p.fancy-signature { margin-top: 80px; }



#footer { padding: 10px 0 40px 0; }
  #footer #fmenu { display: block; height: 23px; width: 389px; }
    #footer #fmenu li { float: left; display: inline; height: 23px; }
      #footer #fmenu li a { display: block; height: 23px; text-indent: -9999px; overflow: hidden; background-image: url(../../img/design/footer_nav.png); background-repeat: no-repeat; }
      #footer #fmenu li a.menu-1 { width: 180px; background-position: 0 0; }
      #footer #fmenu li a.menu-2 { width: 209px; background-position: -180px 0; }
      #footer #fmenu li a:hover { background-image: url(../../img/design/footer_nav_on.png) !important; }