body 
{  
    margin:0px; 
    padding:0px; 
    color:#555555;
    font-family: Verdana, Arial, Microsoft Sans Serif, Sans-Serif; 
    font-size:12px;
    width:100%;    
    background-color:#727272;
    line-height:16px;    
    text-align:justify; 
    border-top:solid 1px #888888; 
     
}


/* BLUE: 3c7ca0
    ORANGE: F38B05  */

/* HTML ELEMENTS 
------------------------------------------------------------*/

h1, h2, h3, h4, ul, ol, li, p, a, img, table, tr, td
{
    margin:0px;
    padding:0px;
    border:0px;
    font-weight:normal;
    }
    
h1
{
    font-weight:bold;
    font-size:40px;
    margin-bottom:26px;
    color:#f19f2d;

    }    

h2
{   
    font-weight:bold;
    font-size:12px;
    color:#3c7ca0;

    }   
    
h3, h4, h5
{  
    font-weight:bold;
    font-size:12px;
    color:#555555;
    }       

    
    
p
{
    margin-bottom:16px;
    }

a
{
    text-decoration:none;
    color:#F38B05;
    }

:link:focus, :visited:focus {
    -moz-outline: none;
    outline: none;
} 
    
a:hover
{
    text-decoration:underline;
    }
    
ul 
{   
    list-style-type:square;
    padding-bottom:8px;  
    text-align:left; 
    }    
ol
 {
    padding-bottom:8px;    
    }   

li
{
    margin-bottom:12px; 
    margin-left:24px;
    }   
    
table
{
     width:100%;

    }  
    
td
{ vertical-align:top;
    padding:4px;
    }       


/* STRUCTURE 
------------------------------------------------*/

.contentArea
{
    width:880px; 
    margin:auto;

    }

#TopBorder{
    background-color:#555555; 
    border-bottom:solid 1px #888888; 
    height:4px; 
}

#PageTop
{
   
    }

    
    #ClientPortal{
        float:right;
        margin-right:8px; 
        color:#FFFFFF;  
        margin-top:24px; 
        text-indent:-9999px;
        background-repeat:no-repeat;   
        height:14px;  
        width:96px;
        background-image:url(/images/headings/client-login.jpg);
        display:block;        
    }

    #PixaltLogo
    {   
        text-indent:-9999px; 
        display:block; 
        width:225px;
        height:35px;  
        margin:40px; 
        margin-top:20px; 
        margin-bottom:30px; 
        margin-left:2px;
        background-image:url(/images/pixalt-logo.jpg);
        background-repeat:no-repeat;  
        }
        
#Tabs{

}        



#Page_LeftSide
{
    float:left; 
    width:550px;
    min-height:600px; 
    padding:40px; 
    padding-top:60px;      
    margin-right:30px;
    margin-bottom:20px; 
    
    background-color:#FFFFFF;
    background-image:url(/images/main-background.jpg);
    background-repeat:no-repeat; 
    background-position:right top;          
    
     }      
    
 #Page_RightSide
 {
    width:220px;
    font-size:11px;
    float:left; 
    margin-top:0px; 
    } 
    
    #Page_RightSide .section
     {
        background-image:url(/images/sidemenu/side-background.jpg);
        background-position:bottom;
        background-repeat:no-repeat;   
        margin-bottom:25px; 
        padding:14px; 
        padding-top:4px;
        color:#E6E6E6;  
        }         
        
    #Page_RightSide table {
        margin-bottom:16px; 
    }                                      

    #Page_RightSide  a  {
         color:#DDDDDD;
         font-size:10px; 
          text-decoration:underline; 
    }   

    #Page_RightSide  a:hover  {
         color:#FFFF99;
    }   

    #Page_RightSide h5 {
        margin-top:0px;
        margin-bottom:2px;
        font-size:11px; 
        color:#CCCCCC; 
    }        
    
    #Page_RightSide ul 
    {
         list-style-type:none;
        }
        
        #Page_RightSide li 
        {
             margin-left:0px;
             margin-bottom:8px; 
            }
            
    #Page_RightSide input, #Page_RightSide textarea{
    width:100%;

    }
        
#Bottom
{
    clear:both; 
    padding-top:30px;
    padding-bottom:30px;
    height:250px; 
    margin-top:20px; 
    margin-bottom:10px; 
    color:#DDDDDD;
    background-color:#555555; 
    border-top:solid 1px #888888; 
    border-bottom:solid 1px #888888; 
    }  

#Bottom .contentArea{
    width:920px; 
}

    #Bottom h4 
    {   color:#DDDDDD;
        }
        
    #Bottom p 
    {
        margin-bottom:30px; 
        }
        
    #Bottom span {
        margin-left:8px; 
        margin-right:8px; 
    }
        
    #Bottom a {
        color:#FFFF99;
    }
 
         #Bottom a:hover {
             color:#FFFF99;
            text-decoration:underline;
        }
    
    #PixaltMap{
        position:relative; 
        float:right;
        margin-left:80px;  
    }
        
#Copyright
{
    clear:both; 
    margin-bottom:20px; 
    text-align:center; 
    font-size:10px; 
    color:#444444; 
    }

    #Copyright a
    {
         margin-left:8px;
         margin-right:8px;
         color:#999999;
         text-decoration:underline;
        }

    #Copyright a:hover
    {
         color:#FFFF99;
         text-decoration:underline;
        }
        
    #Copyright p {
        margin-bottom:6px; 
    }
        
/* TABS          
-------------------------------------------------------- */  
#Tabs {
     border-top:solid 1px #727272;
}

#Tabs a
{
    display:inline-block;
    height:34px;
    margin-right:4px;
    text-indent:-9999px;
    background-repeat:no-repeat; 
    } 

    #Tabs a:hover, #Tabs .Welcome_On, #Tabs .Websites_On, #Tabs .Seo_On, #Tabs .Applications_On, #Tabs .About_On
    {
         background-position: 0px -34px;
        } 

    #Tabs .Welcome, #Tabs .Welcome_On
    {
        width:99px; 
        background-image:url(/images/tabs/web-consultant-brooklyn.jpg);
        }
        
    #Tabs .Websites, #Tabs .Websites_On
    {
        width:99px; 
        background-image:url(/images/tabs/new-york-web-design.jpg);
        }


    #Tabs .Seo, #Tabs .Seo_On
    {
        width:65px; 
        background-image:url(/images/tabs/search-engine-optimization.jpg);
        }
        
    #Tabs .Applications, #Tabs .Applications_On
    {
        width:155px; 
        background-image:url(/images/tabs/custom-software-in-new-york-city.jpg);
        }                    

    #Tabs .About, #Tabs .About_On
    {
        width:82px; 
        background-image:url(/images/tabs/about-pixalt-and-jeff-graham.jpg);
        }
        

/* SIDE HEADINGS
---------------------------------------------------------------------*/

#Page_RightSide  h4  {
    background-position:bottom;
    background-repeat:no-repeat; 
    height:40px;
    width:220px;  
    text-indent:-9999px;
    margin-bottom:0px;  
    color:#E6E6E6; 
}  

#JeffGrahamBlog{
    background-image:url(/images/sidemenu/jeff-graham-blog.jpg);
}

#SideContact{
    background-image:url(/images/sidemenu/quick-contact.jpg);
}

#PixaltNews{
    background-image:url(/images/sidemenu/pixalt-news.jpg);
}

#CurrentPromotions{
    background-image:url(/images/sidemenu/current-promotions.jpg);
}

/* HEADINGS 
-------------------------------------------------------------------*/

.sectionTitle{
    text-indent:-9999px;
    background-repeat:no-repeat;   
    height:24px;   
    width:100%;
    margin-bottom:20px; 
    border-bottom:DASHED 1px  #cccccc;       
}


#WebDesignSEOandSoftware {
    background-image:url(/images/headings/Things-Were-Working-On.jpg);
}


#ThingsWereWorkingOn {
    background-image:url(/images/headings/Things-Were-Working-On.jpg);
}

#WhatPeopleSay {
    background-image:url(/images/headings/What-People-Say-About-Us.jpg);
}

#WebsiteEngineering{
    background-image:url(/images/headings/Website-Engineering.jpg);
}

#KeysToWebDesign {
    background-image:url(/images/headings/Keys-To-Web-Design.jpg);
}

#WhatWeDoAtPixalt {
    background-image:url(/images/headings/What-We-do-At-Pixalt.jpg);
}

/* Icons 
------------------------------------------------------------*/
     
.IconsList 
{
    /*(margin:auto;
    border-top:solid 1px #FFFFFF; */
    margin-bottom:60px;
    }
      
.IconsList a
{
   /* display:inline-block;
    margin-left:14px;
    margin-right:14px;   
   */
    display:block;
    margin:auto; 
    height:85px;
    width:78px; 
    text-indent:-9999px;
    background-repeat:no-repeat;
    } 

    .IconsList a:hover, #WebsiteIcons .Overview_On, #WebsiteIcons .Process_On, #WebsiteIcons .Features_On, #WebsiteIcons .Ecommerce_On, #WebsiteIcons .Databases_On,
    #ApplicationIcons .Overview_On, #ApplicationIcons .Process_On, #ApplicationIcons .Integration_On,  #ApplicationIcons .Data_On,
    #AboutIcons .About_On, #AboutIcons .Jobs_On, #AboutIcons .Contact_On, #AboutIcons .Portfolio_On, #AboutIcons .Testimonials_On,
    #SEOIcons .Overview_On, #SEOIcons .Process_On, #SEOIcons .CaseStudies_On, #SEOIcons .Analysis_On
    {
         background-position: 0px -85px;
        } 

    /* websites */
    #WebsiteIcons .Overview, #WebsiteIcons .Overview_On
    {
        background-image:url(/images/icons/web-consultant-in-new-york.jpg);
        }
        
    #WebsiteIcons .Process, #WebsiteIcons .Process_On
    {
        background-image:url(/images/icons/new-york-web-design-process.jpg);
        }
            
    #WebsiteIcons .Features, #WebsiteIcons .Features_On
    {
        background-image:url(/images/icons/advanced-web-application-features.jpg);
        }
        
    #WebsiteIcons .Ecommerce, #WebsiteIcons .Ecommerce_On
    {
        background-image:url(/images/icons/ecommerce-online-stores.jpg);
        }
        
    #WebsiteIcons .Databases, #WebsiteIcons .Databases_On
    {
        background-image:url(/images/icons/online-database.jpg);
        }
        
    /* SEO */
    #SEOIcons .Overview, #SEOIcons  .Overview_On
    {
        background-image:url(/images/icons/nyc-seo-consultant.jpg);
        }
        
    #SEOIcons .Process, #SEOIcons  .Process_On
    {
        background-image:url(/images/icons/search-engine-optimization-process.jpg);
        }

    #SEOIcons .Analysis, #SEOIcons  .Analysis_On
    {
        background-image:url(/images/icons/search-engine-analysis.jpg);
        }
            
    #SEOIcons .CaseStudies, #SEOIcons  .CaseStudies_On
    {
        background-image:url(/images/icons/seo-case-studies.jpg);
        }        
            
    /* applications */
    #ApplicationIcons .Overview, #ApplicationIcons .Overview_On
    {
        background-image:url(/images/icons/new-york-software-programming.jpg);
        }
        
    #ApplicationIcons .Process, #ApplicationIcons .Process_On
    {
        background-image:url(/images/icons/intranet-software.jpg);
        }

    #ApplicationIcons .Integration, #ApplicationIcons .Integration_On
    {
        background-image:url(/images/icons/custom-software-integration.jpg);
        }
        
    #ApplicationIcons .Data, #ApplicationIcons .Data_On
    {
        background-image:url(/images/icons/database-software.jpg);
        }
        
        
        
    /* about */
    #AboutIcons .About, #AboutIcons  .About_On
    {
        background-image:url(/images/icons/about-Pixalt-web-design.jpg);
        }
        
    #AboutIcons .Jobs, #AboutIcons  .Jobs_On
    {
        background-image:url(/images/icons/new-york-web-design-jobs.jpg);
        }
            
    #AboutIcons .Contact, #AboutIcons  .Contact_On
    {
        background-image:url(/images/icons/find-a-new-york-web-designer.jpg);
        }
        
    #AboutIcons .Portfolio, #AboutIcons .Portfolio_On
    {
        background-image:url(/images/icons/web-design-portfolio.jpg);
        }

    #AboutIcons .Testimonials , #AboutIcons .Testimonials_On
    {
        background-image:url(/images/icons/software-and-web-design-testimonials.jpg);
        }        
        
        

/* Styles 
--------------------------------------------------------*/ 

ul.callout {
}

.ContentPic  {
    margin-left:36px; 
    float:right;
} 

.Content_Indent{
    margin-left:12px; 
    
}

.content_Section {
    margin-bottom:30px;  
}

.HomeSection{
    margin-bottom:50px; 
    clear:both; 
}

.HomeSection h2
{   

    } 

/*#ServicesList{
    list-style-type:none; 
    margin-left:0px; 
}
    #ServicesList .top{
        border-top:solid 1px #DDDDDD;
    }

    #ServicesList li{
        text-align:left; 
        border-bottom:solid 1px #DDDDDD;
        height:40px; 
        line-height:40px;  
        margin-bottom:0px; 
        margin-left:0px; 
    } */
    
    .HomeSectionLink {
        font-size:10px; 
        clear:both; 
        text-align:right; 
    }

    #HomePortfolio {
        margin-bottom:24px; 
    }
    
    #HomePortfolio td {
        text-align:center; 
    
    }
    
    #HomePortfolio img {
        width:125px; 
        padding:4px;
        border:solid 1px #DDDDDD;  
    }
        
    .seo_CaseStudyPic{
        float:right; 
        margin-left:30px; 
        margin-bottom:30px; 
    }    
        
    .quoteBlock, .quoteBlock_Left {
        display:block;
        width:240px;
        float:left; 
        background-image:url(/images/quoteblock.jpg);
        background-repeat:no-repeat;
        padding-top:20px; 
        padding-left:10px; 
             
    }    

    .quoteBlock_Left {
        margin-right:50px;  
    }

/* FORM*/
    
.FormField, .RequiredField, .RequiredField_ML
{
    width:200px; 
    margin-bottom:6px;
    }  
    
          
.RequiredField, .RequiredField_ML
{
    background-color:#ffff99; 
    }    
    
.RequiredField_ML
{
     height:80px;
    }
    
.Form_Error
{
    background-color:#E2E2E2;
    border:solid 1px #CCCCCC;
    color:#FF0000; 
    padding:4px;
    margin-bottom:8px;
    }    
    
.Form_Success
{
	background-color:#D2E3AE;
	border:solid 1px #678A3C;
	color:#333333; 
    padding:4px;
    margin-bottom:8px;
       
    }   
   

/* BLOG */ 

#Blog {
    text-align:left; 
}
  
#BlogPic {
    float:right;
    width:60px; 
    margin-left:8px; 
    margin-bottom:8px; 
}

 

.post h1
{
  color:#3c7ca0;   
    font-size:16px; 
    margin-bottom:0px;
   
    }
    
.post h3
{
    color:#3c7ca0;   
    font-size:12px;
    font-weight:bold;         
    }   

.post
{

    margin-bottom:30px; 
    }
    
.post ol
{
     margin-top:12px;
    }   
    
     
.postDate
{
    font-weight:normal; 

    color:#999999; 
    margin-bottom:20px;    
    }

.postTitle h1
{
  color:#3c7ca0;   

    margin-bottom:0px;
   
    }
    
.postMessage
{
     line-height:16px;
    }    
    
    
/* TESTIMONIALS ###*/ 

#Testimonial_1, #Testimonial_2, #Testimonial_3 {
    min-height:280px; 
}

#Testimonial_1
{
  
     
    }  

#Testimonial_2, #Testimonial_3
{
    
     display:none;
     
    }   
    
#Testimonial_Links
{
     text-align:right;
     padding-right:16px;
    }

#Testimonial_Prev
{
    display:none; 
    }

#Testimonial_More
{
     text-align:right;
    }


/* Contact Form */

.CAPTCHA{
    margin-top:8px;
    margin-left:0px;
}    


.CAPTCHA img{
    margin-right:30px; 
}    
 
 
 .CAPTCHA input{
    margin-top:12px; 
}    
 
 
.CAPTCHA_Directions{
    width:200px; 
} 


/* portfolio */
.Portfolio_Sample
{
     padding:4px;
     border:solid 1px #CCCCCC; 
     margin-right:16px; 
    }
    
.Portfolio_Item
{
    margin-top:16px; 
    margin-bottom:16px;
    }


.Portfolio_Item td
{
    padding:0px;
    }
    
.Portfolio_Details td
{
    padding-bottom:8px; 
    }    
    
.Portfolio_Divider
{
    color:#CCCCCC;
    margin-top:24px;
    margin-bottom:24px;
    height:1px;
    background-color:#D1D1D1; 
    border-width:0px;     
    }