/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

body { 
 background: #2f2e2e url(/images/background.gif) repeat-x;
 font-size: 75%; 
 line-height: 1.5em;
 text-align: center; 
 font-family: Arial, Sans-Serif;  
}

#content {
 width: 774px;
 margin: 0 auto;
 color: #2f2e2e;
}

#logo {
 float: left;
 background: url(/images/logo.png) top left no-repeat;
 width: 389px;
 height: 97px;
 margin: 5px 0 5px 0;
}

#phone {
 margin-top: 10px;
 float: right;
 font-size: 1.3em;
 color: #fff;
 width: 120px;
 padding: 2px 15px 2px 0;
 word-spacing: 5px;
 text-align: right;
}
    #phone .orange {
     color: #f7931e;
    }
    #phone .grey {
     color: #344b85;
    }
    #phone .blue {
     font-variant: small-caps;
     color: #58b6dd;
    }
    #phone .phoneImg {
     float: left;   
    }

#headerContainer {
 clear: both;
}
    #headerContainer #menu {
     background: url(/images/menu-bg.gif) top left repeat-x;
     overflow: auto;
    }

        #headerContainer #menu .menu-left {
         float: left;
         background: url(/images/menu-left.png) top left no-repeat;
         width: 17px;
         height: 47px;
         display: inline;
        }
        
        #headerContainer #menu .menu-right {
         float: right;
         background: url(/images/menu-right.png) top left no-repeat;
         width: 15px;
         height: 47px;
         display: inline;
        }
        
        #headerContainer #menu .menu-body {
         background-color: Transparent;
         font-size: 1.5em;
         line-height: 1.6em;
         display: inline;
        }
        
        #headerContainer #menu .menu-body a{
         display: block;
         color: #2f2e2e;
         text-decoration: none;
        }
        
        #headerContainer #menu .menu-body ul{
         list-style:none;
         margin:0px; 
         padding:0px;
         display: inline;
        }
        
        #headerContainer #menu .menu-body li {
         float: left;
         margin: 0;
         padding: 12px 25px 0 35px;
         font-variant: small-caps;         
         display: inline;
        }        
        
        #headerContainer #menu .menu-body li a:hover {
         color: #2f2e2e;
         border-bottom: solid 3px #2f2e2e;
        }

    #headerContainer #header {
     background: url(/images/header-background.png) top left no-repeat;
     width: 725px;
     height: 177px;
     text-align: left;
     padding: 25px 25px 0 25px;
    }        
    
        #headerContainer #header #leftContainer {
         float: left;
         width: 550px;
        }

        #headerContainer #header h1 {
         font-size: 3.4em;
         font-weight: 200;
         color: #fff;
         text-indent: 25px;
         height: 40px;
         line-height: 1.1em;
        }
        #headerContainer #header h1 .blue {
         color: #58b6dd;
        }
        
        #headerContainer #header .tagcloud {
         color: #2f2e2e;
         height: 120px;
         width: 550px;
         text-align: center;
         line-height: 2.5em;
        }
        
        #headerContainer #header .tagcloud .normal {
         font-size: 1.5em;
         padding-right: 10px;
        }
        #headerContainer #header .tagcloud .large {
         font-size: 2em;
         padding-right: 10px;
        }
        #headerContainer #header .tagcloud .xlarge {
         font-size: 3em;
         padding-right: 10px;
        }
        #headerContainer #header .tagcloud .small {
         font-size: 1em;
         padding-right: 10px;
        }
        #headerContainer #header .tagcloud .xsmall {
         font-size: .7em;
         padding-right: 10px;
        }
        
        #headerContainer #header .icon {
         float: right;
         width: 160px;
        }
    
    #main {
     background: url(/images/main-background.gif) repeat-y;
     width: 731px;
     overflow: auto;
     text-align: left;
     padding: 20px 20px 10px 25px
    }
        #main .imgCheck {
         float:left;
         margin-right:5px;
        }
        #main p.service {
         margin-left: 21px;
         margin-bottom: 8px;
        }
        #main h2 {
         font-size: 1.5em;
         color: #fa6d0e;
         margin-bottom: 2px;
        }
        #main h3 {
         font-size: 1em;
        }
        #main .left {
         float: left;
         width: 500px;
         margin-bottom: 20px;         
        }
        #main #contact-left {
         float: left;
        }
        #main #contact-body {
         float: left;
         margin-left: 20px;
        }
        #main .redboxContainer {
         border: solid 1px #fcde9e;
         padding: 1px;
         width: 244px;
         margin-bottom: 10px;
        }
            #main .redboxContainer .redbox {
             background-color: #ffeabd;
             padding: 10px;
            }
        #main .greybox {
         background: #fff url(/images/greybox-bg.png);
         border: solid 1px #e5e5e5;
         padding: 10px;
         width: 226px;
        }
        #main .greenboxContainer {
         width: 440px;
        }
            #main .greenboxContainer .greenbox {
             background: transparent url(/images/greenbox-bg.png) repeat-y;
             width: 400px;
             padding: 10px 20px 20px 20px;
            }
                #main .greenboxContainer .greenbox .row {
                 margin: 10px 0 0 0;
                 display: block;
                }
                    #main .greenboxContainer .greenbox .row .label {
                     float: left;
                     width: 100px;
                     text-align: right;
                    }
                    #main .greenboxContainer .greenbox .row .input {
                     float: left;
                     margin-left: 5px;
                    }
                    #main .greenboxContainer .greenbox .row .input .txtbx {
                     width: 200px;
                    }
                    #main .greenboxContainer .greenbox .row .txtarea {
                     width: 395px;
                     height: 200px;
                    }
            #main .contactbox {
             border: solid 1px #e5e5e5;
             padding: 10px;
             width: 226px;
            }
                #main .contactbox .icon {
                 float: left;
                 margin-left: 10px;
                }
        #main .siteMap {
         margin-left: 30px;
        }
        #main .siteMap li {
         list-style-type: square;
        }
        #main .siteMap .l2 {
         margin-left: 20px;
        }        
        #main .featured {
         background-color: #DFF9D6;
         float: right;
         width: 200px;
         padding: 5px 10px 10px 10px;
         text-align: center;
         font-size: 2.5em;
         line-height: 1em;
         border: solid 2px #A5DAC0;
         padding: 5px;
         margin: 0;
        }
            #main .featured .phone {
             color: #f7931e;
             font-size: .50em;
            }
            #main .featured .blogCallOut {
             font-size: .75em;
             text-align: center;
             }
            #main #footer {
             clear: both;
             background: url(/images/footer.png) top left no-repeat;
             width: 688px;             
             padding: 10px 15px 10px 15px;
             margin-top: 15px;
             color: #fff;
             height: 53px;
             line-height: 2em;
            }
            
            #main #footer .left {
             float: left;
            }
            
            #main #footer .left a {
             color: #fff;
             text-decoration: none;
            }
            
            #main #footer .left a:hover {
             text-decoration: underline;
            }
            
            #main #footer .right {
             float: right;
             margin-top: 15px;
             width: 180px;
            }
                #main #footer .right img {
                 float: left;
                }
            
    #bottom {
     background: url(/images/bottom.png) top left no-repeat;
     width: 774px;
     height: 30px;
    }
.clear { clear: both; }
img { display: block; }
a,a:visited{color:#334A84}
