body
{
    background-color:   #222222;
    color:              #eeeeee;
    font-size:          62.5%;
    padding:            0;
    margin:             0;
    font-family:        "Franklin Gothic Medium", Tahoma, Verdana, Arial, Serif;
    width:              100%;
    text-align:         center;
}


h1 {
    display:        none;
}

h2 {
    display:        none;
}

a {
    color:  #009ccf;
    text-decoration:    none;
}

a:hover {
    color:  #00aeef;
    text-decoration:    underline;
}

h3 {
    font-size:      2.0em;
    font-weight:    normal;
    margin:         0;
    padding:        20px 10px 10px 20px;
    color:          #009ccf;
    font-style:     italic;
}

h4 {
    font-size:      1.4em;
    font-weight:    normal;
    margin:         0;
    padding:        0 10px 5px 20px;
    color:          #009ccf;
    font-style:     italic;
}

    #container {
        width:          960px;
        margin:         0 auto;
        text-align:     left;
        margin-top:     100px;
    }
    
        #header {
            width:      960px;
        }
        
            #headersplitleft {
                float:      left;
                width:      650px;
            }
            
            #headersplitright {
                float:      left;
                width:      310px;
            }
        
            #headersplitleft p {
                font-size:  1.4em;
                padding:    20px 0 20px 80px;
            }
                #headersplitleft p img.logo {
                    float:      left;
                    margin:     -68px 0 0 0;
                }
            
            #headersplitright p {
                font-size:  1.3em;
                padding:    20px 20px 20px 20px;
            }
    
        #leftmargin {
            width:      60px;
            float:      left;
            text-align: right;
        }
        
            #leftmargin p img {
                margin: 0 -10px 0 0;
                float:  right;
            }
    
        #content {
            float:      left;
            width:      590px;
            height:     350px;
            color:      #000000;
        }
        
            #content p {
                font-size:  1.2em;
                color:      #999999;
                padding:    0 10px 10px 20px;
                line-height:    1.3em;
            }
            
            #content p.header {
                color:      #777777;
            }
        
            #content.homepage {
                background-image:   url(/content/images/bg_contenthomepage.png);
                background-repeat:  no-repeat;
            }
            
            .textsectionwhole {
                margin:     0 0 10px 0;
                float:      left;
                width:      590px;
                height:     350px;
                overflow:   auto;
            }
            
                .textsectionwhole ul {
                        margin:     0 0 20px 0;
                    }
                    
                    .textsectionwhole li {
                        font-size:      1.2em;
                        color:          #889988;
                        padding:        3px 0 0 20px;
                    }
            
            .textsection {
                margin:     0 0 10px 0;
                float:      left;
                width:      230px;
                height:     330px;
            }
            
                .textsection ul {
                    margin:     0 0 20px 0;
                }
                
                .textsection li {
                    font-size:      1.2em;
                    color:          #889988;
                    padding:        3px 0 0 20px;
                }
                
                .textsection li.telephone {
                    font-size:      1.4em;
                    font-weight:    bold;
                }
                
                .textsection h4.work {
                    padding-top:    52px;
                }
                
                
            
            .textsection2col {
                margin:     0 0 10px 0;
                float:      left;
                width:      345px;
                height:     330px;
            }
                
                .textsection2col h4 {
                    padding:        51px 10px 3px 20px;
                }
                 .textsection2col h4.work2gether {
                    padding:        25px 10px 3px 20px;
                }
                
                .textsection2col h4.testimonial {
                    padding:        22px 0 5px 38px;
                    background-image:   url(/content/images/speechmarks.jpg);
                    background-repeat:  no-repeat;
                    background-position:    6px 13px;
                }
                
                .textsection2col ul {
                    margin:     0 0 0 20px;
                }
            
                .textsection2col li {
                    background-image:   url(/content/images/check.png);
                    background-repeat:  no-repeat;
                    padding:            3px 0 5px 30px;
                    font-size:          1.2em;
                    color:              #889988;
                }     
                
                .textsection2col p.systems {
                    padding:    15px 0 0 5px !important;
                    margin:     0 !important;
                }  
                
            .textsection2colabout {
                margin:     0 0 10px 0;
                float:      left;
                width:      345px;
                height:     330px;
            }   
            
            .textsectionnews {
                margin:     0 0 10px 0;
                float:      left;
                width:      295px;
                height:     330px;
            }
            
                .textsectionnews ul {
                    margin:     0 0 20px 0;
                }
                
                .textsectionnews li {
                    font-size:      1.2em;
                    color:          #889988;
                    padding:        3px 0 0 20px;
                }  
            
            .photosection {
                margin:     10px 0 10px 0;
                float:      left;
                background-color:   #dddddd;
                width:      350px;
                height:     330px;
            }
            
            .aboutsection1col {
                margin:     10px 0 10px 0;
                padding:    21px 0 0 0;
                float:      left;
                width:      235px;
                height:     330px;
            }
            
                .photosection p {
                    margin: 0 !important;
                    padding:    0 !important;
                }
                
                .aboutsection1col h4 {
                    margin: 0 !important;
                    padding:    20px 10px 2px 10px !important;
                    font-size:      1.4em;
                 }
                
                .aboutsection1col p {
                    margin: 0 !important;
                    padding:    0 10px 10px 10px !important;
                }  
            
        
        #sidebar {
            float:      left;
            width:      310px;
            background-image:   url(/content/images/bg_sidebar.png);
            background-repeat:  no-repeat;
            height:     350px;
        }
        
            #sidebar ul {
                margin:         20px 0 0 0;
            }
            
            #sidebar ul.top {
                margin:         50px 0 0 0;
            }
            
        
            #sidebar li {
                font-size:      1.3em;
                padding:        6px 0 8px 20px;
                text-transform: lowercase;
            }
        
            #sidebar li a {
                color:      #ffffff;
                text-decoration:    none;
            }
            
            #sidebar li.on {
                font-size:      1.3em;
                background-image:   url(/content/images/bg_sidebarlion.png);
                background-repeat:  no-repeat;
            }
            
            #sidebar li.on a {
                color:  #009ccf;
                text-decoration:    none;
            }
            
            #sidebar li.on:hover {
                font-size:      1.3em;
                padding:        6px 0 8px 20px;
                background-image:   url(/content/images/bg_sidebarlion.png);
                background-repeat:  no-repeat;
            }
            
            #sidebar li:hover {
                font-size:      1.3em;
                padding:        6px 0 8px 20px;
                background-image:   url(/content/images/bg_sidebarliover.png);
                background-repeat:  no-repeat;
            }
            
            #sidebar p.telephone {
                margin:         30px 0 0 20px;
            }
            
            #sidebar p.email {
                margin:         5px 0 0 20px;
            }
        
        #footer {
            width:      960px;
        }
        
            #footer p {
                font-size:      1.2em;
                color:          #555555;
                padding:        20px 70px 0 80px;
                line-height:    1.3em;
            }
            
            #footer ul {
                margin:         5px 0 20px 80px;
            }
            
            #footer li {
                display:        inline;
                list-style-type:    none;
                padding:            0 10px 0 0;
            }
            
            #footer li.client {
                background-image:   url(/content/images/icons/bullet_key.png);
                background-repeat:  no-repeat;
                padding-left:       18px;
            }
            
            #footer img {
                float:      right;
            }
                
        
.clearFix {
    clear:  both;
}

strong {
    color:      #777777;
}


.birdpopup {
    display: none;   
	position: relative;
	top: -85px;
	left: 22px;
	width: 200px;
	height:     100px;
	font-size: 0.9em;
	background-image:   url(/content/images/bg_tweet.png);
	background-repeat:  no-repeat;
}