/* =Main Menu CSS
-----------------------------------------------------------------------------*/

#wrapper #bodycontainer #contentcontainer #homeintroletter { float: left; width: 640px; display: block; margin: 3px 0 0 0; }

#wrapper #bodycontainer #contentcontainer #article-sub-column { float: right; width: 242px; display: block; margin: 30px 0 0 0; height: 480px; padding: 8px; background-color: #F3FAE6; border: dotted #CCCCCC thin; }
#wrapper #bodycontainer #contentcontainer #article-sub-column p1 { font-size:12px; color: #636B5C; }


.pagetitle { font-size:19px; color:#EC4B3E; font-weight:normal; letter-spacing:0.5px; font-family: Helvetica, Arial; margin: 30px 0 0 0; width: 640px; }



#portintromenu { width: 823px; height: 218px; background: url(../images/portfolio/portfolio-intro-page.jpg) no-repeat; margin: 0; padding: 0; position: relative; }
  #portintromenu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #portintromenu li, #portintromenu a {
    height: 218px; display: block;}
    
    
#wrapper #bodycontainer #contentcontainer #articlebody #counter { margin:0 7px 5px 0; vertical-align: top; }

#wrapper #bodycontainer #contentcontainer #articlebody { float: left; width: 640px; display: block; margin: 3px 0 0 0; }

    
    


/* = Main Menu Placment of Links
-------------------------------------*/

#print-portintro { left: 0; width: 219px; height: 218px; }

#websites-portintro { left: 219px; width: 280px; height: 218px; }

#branding-portintro { left: 499px; width: 324px; height: 218px; }


/* = Main Menu Hover of Links
-------------------------------------*/

#print-portintro a:hover {
background: url(../images/portfolio/portfolio-intro-page.jpg)
    0px -218px no-repeat; height: 218px;}
    
#websites-portintro a:hover {
background: url(../images/portfolio/portfolio-intro-page.jpg)
    -219px -218px no-repeat; height: 218px;}
    
#branding-portintro a:hover {
background: url(../images/portfolio/portfolio-intro-page.jpg)
    -499px -218px no-repeat; height: 218px;}