/*GENERIC STYLES*/
body
{
    font-family: Tahoma, Arial;
    color: #999;
    font-size: 13px;
    
}
h1.main
{
    font-family: Tahoma, Arial;
    font-weight: lighter;
    font-size: 26px;
    color: #555555;
    letter-spacing: -0.05em;
}
h1, h2, h3, h4, h5
{
    font-family: Arial, Verdana;
    margin: 0;
    padding: 0;
}
h1 span, h2 span, h3 span, #aboutManuLayer span, h3.newsLetterTitle
{
    display: block;
    margin-left: -10000px;
    height: 0px;
}
.imageFloatLeft
{
    float: left;
    margin-right: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #333;    
    
}
.floatRightNews
{
    float: right;
    width: 410px;
}
h1.homePage
{
    background: transparent url(../images/homeHeading.gif) no-repeat 0px 0px;
    width: 643px;
    height: 85px;
    margin-bottom: 20px;
}
    h2.homePageSub
    {
        background: transparent url(../images/engineeredToHelp.gif) no-repeat 0px 0px;
        width: 437px;
        height: 30px;
        margin-bottom: 20px;
    }
    h3.homePageSub2
    {
        background: transparent url(../images/caseStudyHeading.gif) no-repeat 0px 0px;
        width: 206px;
        height: 28px;
    }

h1.copyrightPage
{
    background: transparent url(../images/copyrightHeading.gif) no-repeat 0px 0px;
    width: 174px;
    height: 44px;
    margin-bottom: 20px;
}
h1.privacyPage
{
    background: transparent url(../images/privacyHeading.gif) no-repeat 0px 0px;
    width: 234px;
    height: 44px;
    margin-bottom: 20px;
}
h1.termsPage
{
    background: transparent url(../images/termsHeading.gif) no-repeat 0px 0px;
    width: 336px;
    height: 44px;
    margin-bottom: 20px;
}
h1.aboutPage
{
    background: transparent url(../images/aboutHeading.gif) no-repeat 0px 0px;
    width: 604px;
    height: 36px;
    margin-bottom: 20px;
}
    h2.aboutPageSub
    {
        background: transparent url(../images/inCaseYoudLike.gif) no-repeat 0px 0px;
        width: 347px;
        height: 30px;
        margin-bottom: 20px;
    }
    
    h1.webPage
    {
        background: transparent url(../images/webServicesHeading.gif) no-repeat 0px 0px;
        width: 230px;
        height: 36px;
        margin-bottom: 20px;
    }
    h1.webPortfolioPage
    {
        background: transparent url(../images/webDesignPortfolioHeading.gif) no-repeat 0px 0px;
        width: 367px;
        height: 44px;
        margin-bottom: 12px;
    }
    
    h2.webPageSub
    {
        background: transparent url(../images/applicationsToPortals.gif) no-repeat 0px 0px;
        width: 311px;
        height: 31px;
        margin-bottom: 20px;
    }
    h2.webPageSubPortfolio
    {
        background: transparent url(../images/showcasingOurWebHeading.gif) no-repeat 0px 0px;
        width: 374px;
        height: 31px;
        margin-bottom: 20px;
    }
    
    h1.printPage
    {
        background: transparent url(../images/printServicesHeading.gif) no-repeat 0px 0px;
        width: 230px;
        height: 39px;
        margin-bottom: 17px;
    }        
         h2.printPageSub
        {
            background: transparent url(../images/businessCardsToBrandingHeading.gif) no-repeat 0px 0px;
            width: 365px;
            height: 31px;
            margin-bottom: 20px;
        }
        h2.printPageSubPortfolio
        {
            background: transparent url(../images/showcasingOurPrintHeading.gif) no-repeat 0px 0px;
            width: 377px;
            height: 31px;
            margin-bottom: 20px;
        }
        
    h1.printPortfolioPage
    {
        background: transparent url(../images/printDesignPortfolioHeading.gif) no-repeat 0px 0px;
        width: 367px;
        height: 44px;
        margin-bottom: 12px;
    }
    h1.cgiPage
    {
        background: transparent url(../images/3dServicesHeading.gif) no-repeat 0px 0px;
        width: 301px;
        height: 38px;
        margin-bottom: 18px;
    }
        h2.cgiPageSub
        {
            background: transparent url(../images/fromAnimationHeading.gif) no-repeat 0px 0px;
            width: 348px;
            height: 31px;
            margin-bottom: 20px;
        }
    h1.cgiPortfolioPage
    {
        background: transparent url(../images/3dDesignPortfolioHeading.gif) no-repeat 0px 0px;
        width: 335px;
        height: 44px;
        margin-bottom: 12px;
    }
        h2.cgiPortfolioPageSub
        {
            background: transparent url(../images/showcasingOurCgiHeading.gif) no-repeat 0px 0px;
            width: 356px;
            height: 31px;
            margin-bottom: 20px;
        }
    h1.portfolioPage
    {
        background: transparent url(../images/portfolioHeading.gif) no-repeat 0px 0px;
        width: 146px;
        height: 37px;
        margin-bottom: 20px;
    }
        h2.portfolioPageSub
        {
            background: transparent url(../images/showcasingOurHeading.gif) no-repeat 0px 0px;
            width: 320px;
            height: 31px;
            margin-bottom: 20px;
        }
    h1.contactPage
        {
            background: transparent url(../images/contactUsHeading.gif) no-repeat 0px 0px;
            width: 188px;
            height: 37px;
            margin-bottom: 20px;
        }
            h2.contactPageSub
            {
                background: transparent url(../images/needMoreInfoHeading.gif) no-repeat 0px 0px;
                width: 371px;
                height: 25px;
                margin-bottom: 20px;
            }
    h1.blogPage
        {
            background: transparent url(../images/blogHeading.gif) no-repeat 0px 0px;
            width: 352px;
            height: 46px;
            margin-bottom: 10px;
        }
            h2.blogPageSub
            {
                background: transparent url(../images/whatHaveWeHeading.gif) no-repeat 0px 0px;
                width: 299px;
                height: 30px;
                margin-bottom: 20px;
            }
    h1.designPage
        {
            background: transparent url(../images/designServicesHeading.gif) no-repeat 0px 0px;
            width: 274px;
            height: 46px;
            margin-bottom: 10px;
        }
    h1.corporatePage
        {
            background: transparent url(../images/corporateHeading.gif) no-repeat 0px 0px;
            width: 320px;
            height: 46px;
            margin-bottom: 10px;
        }
    h1.marketingPage
        {
            background: transparent url(../images/marketingHeading.gif) no-repeat 0px 0px;
            width: 325px;
            height: 46px;
            margin-bottom: 10px;
        }
    h1.architecturalPage
        {
            background: transparent url(../images/architecturalHeading.gif) no-repeat 0px 0px;
            width: 447px;
            height: 46px;
            margin-bottom: 10px;
        }
    h1.cgiDesignPage
        {
            background: transparent url(../images/3dDesignHeading.gif) no-repeat 0px 0px;
            width: 399px;
            height: 46px;
            margin-bottom: 10px;
        }
    h1.cgiAnimationPage
        {
            background: transparent url(../images/3dAnimationHeading.gif) no-repeat 0px 0px;
            width: 248px;
            height: 46px;
            margin-bottom: 10px;
        }
        
        h1.newsPage
    {
        background: transparent url(../images/newsArchiveHeading.gif) no-repeat 0px 0px;
        width: 242px;
        height: 46px;
        margin-bottom: 10px;
    }
        h2.newsPageSub
        {
            background: transparent url(../images/whatsBeen.gif) no-repeat 0px 0px;
            width: 279px;
            height: 30px;
            margin-bottom: 21px;
        }
        
    h1.cmsPage
        {
            background: transparent url(../images/cmsHeading.gif) no-repeat 0px 0px;
            width: 650px;
            height: 46px;
            margin-bottom: 10px;
        }
    h1.seoPage
        {
            background: transparent url(../images/seoHeading.gif) no-repeat 0px 0px;
            width: 585px;
            height: 46px;
            margin-bottom: 10px;
        }
    h1.hostingPage
        {
            background: transparent url(../images/hostingHeading.gif) no-repeat 0px 0px;
            width: 291px;
            height: 46px;
            margin-bottom: 10px;
        }
    h2.hostingPageSub1
        {
            background: transparent url(../images/standardHeading.gif) no-repeat 0px 0px;
            width: 94px;
            height: 27px;
        }
        h2.hostingPageSub2
        {
            background: transparent url(../images/intermediateHeading.gif) no-repeat 0px 0px;
            width: 138px;
            height: 27px;
        }
        h2.hostingPageSub3
        {
            background: transparent url(../images/advancedHeading.gif) no-repeat 0px 0px;
            width: 105px;
            height: 27px;            
        }
        h2.hostingPageSub4
        {
            background: transparent url(../images/emailServicesHeading.gif) no-repeat 0px 0px;
            width: 195px;
            height: 27px;            
        }
        h2.hostingPageSub5
        {
            background: transparent url(../images/basicHostingHeading.gif) no-repeat 0px 0px;
            width: 96px;
            height: 33px;            
        }
        h2.hostingPageSub6
        {
            background: transparent url(../images/mediumHostingHeading.gif) no-repeat 0px 0px;
            width: 115px;
            height: 33px;            
        }
        h2.hostingPageSub7
        {
            background: transparent url(../images/AdvancedHostingHeading.gif) no-repeat 0px 0px;
            width: 115px;
            height: 33px;            
        }
    h1.webDesignDevPage
    {
        background: transparent url(../images/webDesignDevHeading.gif) no-repeat 0px 0px;
        width: 549px;
        height: 46px;
        margin-bottom: 10px;
    }
    h1.onlineShoppingPage
    {
        background: transparent url(../images/onlineShoppingHeading.gif) no-repeat 0px 0px;
        width: 611px;
        height: 46px;
        margin-bottom: 10px;
    }
    h1.advancedApplicationsPage
    {
        background: transparent url(../images/advanceOnlineHeading.gif) no-repeat 0px 0px;
        width: 492px;
        height: 46px;
        margin-bottom: 10px;
    }
    h1.domainNamePage
        {
            background: transparent url(../images/domainNameHeading.gif) no-repeat 0px 0px;
            width: 402px;
            height: 46px;
            margin-bottom: 10px;
        }
    h1.mobilePage
        {
            background: transparent url(../images/mobileAppsHeading.gif) no-repeat 0px 0px;
            width: 349px;
            height: 46px;
            margin-bottom: 10px;
        }
h2
{
    font-size: 18px;
    color: #999;
    font-weight: normal;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 0px;
}
    h2.newsSub
        {
            background: transparent url(../images/newsHeading.gif) no-repeat 0px 0px;
            width: 63px;
            height: 26px;
            margin-bottom: 5px;
        }
    h2.partnersSub
        {
            background: transparent url(../images/partnersHeading.gif) no-repeat 0px 0px;
            width: 90px;
            height: 26px;
            margin-bottom: 5px;
        }
h3
{  
    font-size: 12px;
    color: #666;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 3px;
}

h1.projectHeadings, h3.projectHeadings, h3.projectHeadings a, h3.projectHeadings a:hover, label
{  
    font-size: 16px;
    color: #333;    
    font-weight: normal;
    font-family: Arial, 'Trebuchet MS';
    margin-top: 0px;
    margin-bottom: 3px;
    height: 20px;
    text-decoration: none;
}
.projectHeadingsCont
{
    color: #333;    
    font-weight: normal;
    font-family: Arial, 'Trebuchet MS';
    margin-top: 0px;
    height: 20px;
    text-decoration: none;
    font-size: 14px;
}

h3.projectHeadings2
{  
    font-size: 16px;
    color: #333;    
    font-weight: normal;
    font-family: Arial, 'Trebuchet MS';
    margin-top: 0px;
    margin-bottom: 3px;
    height: 20px;
    text-decoration: none;
    float: left;
}
h3.projectHeadings3
{  
    font-size: 16px;
    color: #333;    
    font-weight: normal;
    font-family: Arial, 'Trebuchet MS';
    margin-top: 10px;
    height: 20px;
    text-decoration: none;
    float: left;
}

h3.projectHeadings a:hover
{  
    
    color: #999;    
    text-decoration: none;
}
    
h3.newsLetterTitle
{  
    font-size: 16px;
    color: #333;    
    font-weight: normal;
    font-family: Arial, 'Trebuchet MS';
    padding-top: 5px;
    padding-left: 10px;
    margin-bottom: 3px;
}
    h3.projectHeadings span
    {
        display: block;
        margin-left: 0px;
    }
h4
{  
    font-size: 11px;
    color: #ff9900;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 3px;
}

 ul#menu span
    { 
        display: block;
        margin-left: -10000px;
        height: 0px;
    }
    
ul#menu .homeLink a 
    { 
        display: block; 
        width: 59px; 
        height: 25px; 
        background: transparent url(../images/homeLinkOver.gif) no-repeat 0px 0px;
    } 
    ul#menu .homeLink a:hover, ul#menu .homeLinkSelected
    { 
        display: block; 
        width: 192px; 
        height: 25px; 
        background: transparent url(../images/homeLinkOver.gif) no-repeat 0px -25px;        
    } 
ul#menu .webDesignServicesLink a 
    { 
        display: block; 
        width: 149px; 
        height: 25px; 
        background: transparent url(../images/webDesignServicesLinkOver.gif) no-repeat 0px 0px;
    } 
ul#menu .webDesignServicesLink a:hover, ul#menu .webDesignServicesLinkSelected
    { 
        display: block; 
        width: 192px; 
        height: 25px; 
        background: transparent url(../images/webDesignServicesLinkOver.gif) no-repeat 0px -25px;
    }
ul#menu .printLink a 
    { 
        display: block; 
        width: 152px; 
        height: 25px; 
        background: transparent url(../images/printDesignServicesLinkOver.gif) no-repeat 0px 0px;
    } 
    ul#menu .printLink a:hover, ul#menu .printLinkSelected
    { 
        display: block; 
        width: 192px; 
        height: 25px; 
        background: transparent url(../images/printDesignServicesLinkOver.gif) no-repeat 0px -25px;
    }
ul#menu .cgiLink a 
    { 
        display: block; 
        width: 138px; 
        height: 25px; 
        background: transparent url(../images/3dDesignServicesLinkOver.gif) no-repeat 0px 0px;
    } 
    ul#menu .cgiLink a:hover, ul#menu .cgiLinkSelected
    { 
        display: block; 
        width: 192px; 
        height: 25px; 
        background: transparent url(../images/3dDesignServicesLinkOver.gif) no-repeat 0px -25px;
    }
ul#menu .portfolioLink a 
    { 
        display: block; 
        width: 74px; 
        height: 25px; 
        background: transparent url(../images/portfolioLink.gif) no-repeat 0px 0px;
    } 
    ul#menu .portfolioLink a:hover, ul#menu .portfolioLinkSelected
    { 
        display: block; 
        width: 192px; 
        height: 25px; 
        background: transparent url(../images/portfolioLinkOver.gif) no-repeat 0px -25px;
    }
ul#menu .blogLink a 
    { 
        display: block; 
        width: 51px; 
        height: 25px; 
        background: transparent url(../images/blogLinkOver.gif) no-repeat 0px 0px;
    } 
    ul#menu .blogLink a:hover, ul#menu .blogLinkSelected
    { 
        display: block; 
        width: 192px; 
        height: 25px; 
        background: transparent url(../images/blogLinkOver.gif) no-repeat 0px -25px;
    }
    ul#menu .aboutLink a 
    { 
        display: block; 
        width: 59px; 
        height: 25px; 
        background: transparent url(../images/aboutLinkOver.gif) no-repeat 0px 0px;
    } 
    ul#menu .aboutLink a:hover, ul#menu .aboutLinkSelected
    { 
        display: block; 
        width: 192px; 
        height: 25px; 
        background: transparent url(../images/aboutLinkOver.gif) no-repeat 0px -25px;
    } 
    ul#menu .contactLink a 
    { 
        display: block; 
        width: 69px; 
        height: 25px; 
        background: transparent url(../images/contactLinkOver.gif) no-repeat 0px 0px;
    } 
    ul#menu .contactLink a:hover, ul#menu .contactLinkSelected
    { 
        display: block; 
        width: 192px; 
        height: 25px; 
        background: transparent url(../images/contactLinkOver.gif) no-repeat 0px -25px;
    }
    ul#menu li
    {
        overflow: hidden;
        height: 25px;
        padding-top: 0px;
        #margin-top: -1px;
        _margin-top: 2px;
        width: 200px;
    }
 
.smallVeryLightGrey
{
    color: #aaa;
    font-size: 13px;
    font-style: italic;
}
.smallLightGrey
{
    color: #999;
    font-size: 12px;
}
.smallishDarkGrey
{
    color: #666;
    font-size: 13px;
}
.smallDarkGrey
{
    color: #666;
    font-size: 11px;
}
.smallDarkGrey2
{
    color: #333;
    font-size: 13px;
}
.biggerDarkGrey
{
    font-size: 12px;
    color: #666;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 3px;
}
.mediumLightGrey
{
    color: #999;
    font-size: 18px;    
    letter-spacing: -1px;
}
.mediumDarkGrey
{
    color: #666;
    font-size: 18px;    
    letter-spacing: -1px;
}
a.textLink
{
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #ff9900;
    padding-bottom: 0px;
    
}
a.textLink:hover
{
    text-decoration: none;
    color: #999;
    border-bottom: 1px solid #ff9900;
    padding-bottom: 0px;        
}
a.siteLinks
{
    font-weight: bold;
    color: #999;
    text-decoration: none;
}
a.siteLinksLight
{
    font-weight: bold;
    color: #999;
    text-decoration: none;
}
a.siteLinks:hover, a.siteLinksLight:hover
{
    font-weight: bold;
    color: #ff9900;
    text-decoration: none;
    cursor: pointer;
}
a.siteLinksSubMenu
{
    font-weight: normal;
    color: #999;
    text-decoration: none;
}
a.siteLinksSubMenu:hover, a.siteLinksSubMenu:hover
{
    font-weight: normal;
    color: #ff9900;
    text-decoration: none;
    cursor: pointer;
}

#nav a
{
    font-weight: bold;
    color: #999;
    text-decoration: none;
    float: left;
    width: 19px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
    background: url(../images/numberBackground.jpg) no-repeat left top;
    margin-left: 5px;
    border: 1px solid #eaeaea;
}
#nav a:hover
{
    font-weight: bold;
    color: #ff9900;
    text-decoration: none;
    cursor: pointer;
    float: left;
    width: 19px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
    background: url(../images/numberBackground.jpg) no-repeat left top;
    margin-left: 5px;
    border: 1px solid #eaeaea;
}
#nav a.activeSlide
{
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    float: left;
    width: 19px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
    background: url(../images/numberBackgroundOver.jpg) no-repeat left top;
    margin-left: 5px;
    border: 1px solid #cccccc;
}
.mainTitle
{
    font-size: 30px;
    letter-spacing: -1px;
    color: #ff9900;   
}
.subTitle
{
    font-size: 20px;
    letter-spacing: -1px;
    color: #ccc;
}
.floatLeft
{
    float: left;
}
.floatLeftContactForm
{
    float: left;
    width: 355px;
}
.errorMessage
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.contactTextBox
{
    margin-top: 5px;
    padding-bottom: 1px;
}
.floatLeftAbout
{
    float: left;
    width: 510px;
    margin-bottom: 20px;
    padding-left: 25px;
}
.floatRight
{
    float: right;
}
.clearAll
{
    clear: both;
}
.clearRight
{
    clear: right;
    #clear: none;
}
/*END GENERIC STYLES*/

/*MENU STYLING*/
#navigationMenuInner ul
{
    font-family: Arial, 'Trebuchet MS';
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #666666;
    line-height: 1.5em;
    font-weight: bold;
    _width: 200px;
}
    #navigationMenuInner li
    {
        list-style: none;
        margin-bottom: 2px;
        #margin-bottom: 0; /*IE*/
    }
        li a.menuLink
        {
            display: block;
            width: 192px;
            text-decoration: none;
            color: #666666;
            padding-left: 10px;
        }
        li a.menuLink:hover, .menuLinkSelected
        {
            width: 192px;
            text-decoration: none;
            color: #ffffff;
            background: #999 url(../images/menu/navigationMenuArrow.jpg) no-repeat right top;
            padding-left: 10px;
        }
        #navigationMenuInner ul.subMenu
        {
            width: 160px;
            padding: 0;
            line-height: 0.8em;
            margin-bottom: 5px;   
        }
            li.menuSubLink
            {
                margin-left: 9px;
                padding: 2px 0px 4px 0px;
                font-size: 11px;
                letter-spacing: 0px;
                border-bottom: 1px solid #e3e3e3;    
            }


/*END MENU STYLING*/

/*PAGE CONTENT STYLING*/
.darkGreyStyle
{
    color: #666;
}
.pageContent
{    
    font-family: Tahoma, Arial;
    color: #666;
    font-size: 13px;
    text-align: left;
    margin-bottom: 20px;
}
    .portfolioNumbers
    {
        margin: 0;
        padding: 0;
        font-size: 12px;
    }
        .portfolioFloatRight
        {
            float: right;
            margin-bottom: 5px;
        }
            .numbers
            {
                float: left;
                width: 19px;
                height: 19px;
                text-align: center;
                padding-top: 2px;
                background: url(../images/numberBackground.jpg) no-repeat left top;
                margin-left: 5px;
                border: 1px solid #eaeaea;
            }
            .portfolioButton
            {
                margin-top: 25px;
            }

    .featuredLeft
    {
        float: left;
        width: 260px;
        height: 102px;
        margin-right: 25px;
        border: 1px solid #666;
    }
    .featuredRight
    {
        float: left;
        text-align: left;
        color: #666;
    }
    .projectSpacer
    {
        height: 25px;
        clear: both;
    }
.contactDetails
{
    line-height: 1.5em;
}
#contactError1, #contactError2, #contactError3
{
    width: 250px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 2px 10px 2px;
    margin-top: 5px;
    color: #ff0000;
    font-size: 12px;
}
#contactError3
{
    width: 350px;
}

/*END PAGE CONTENT STYLING*/

/*FOOTER STYLING*/

#footer ul
{
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
    #footer li
    {
        list-style: none;
    }
        a.footerLink, #breadCrumb a
        {
            text-decoration: none;
            color: #999;
        }
        a.footerLink:hover, #breadCrumb a:hover
        {
            text-decoration: none;
            color: #ff9900;
        }

/*END FOOTER STYLING*/