/* meyer 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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
body{ background: #fff url(../images/shared-ui/body_back.gif) 0 0 repeat-x; color: #4d565b; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; }
a{ color: #036; }
p{ margin: 0 0 1em; }
p img{ float: left; margin: 0 5px 5px 0;}
a.callOut{ display: inline-block; height: 18px; background: url(../images/shared-ui/callout_arrow.gif) 0 0 no-repeat; padding: 0 0 0 22px; font-weight: bold;}
.text-input{ 
    color: #4d565b; padding: 0 2px; font-size: 12px;
    border-top-color: #848484; border-top-style: inset; border-top-width: 2px;
    border-bottom-color: #fafafa; border-bottom-style: inset; border-bottom-width: 2px;
}
blockquote{ font-family: "Trebuchet MS", sans-serif; font-style: italic; }
cite{ font-style: normal; font-weight: bold; }
.qAttrib{ margin: 0 0 15px; }

.errors { color: #ff0000; }

h1{ font-size: 22px; font-family: "Trebuchet MS", sans-serif; font-weight: bold; line-height: 27px; vertical-align: text-top;}
#homeIntro h2, #homeCalloutBlocks h2, #contentAside h2{ margin: 0 -10px 15px; font-family: "Trebuchet MS", sans-serif; padding: 0 10px 8px; background: url(../images/shared-ui/subhead_gradient.gif) left bottom no-repeat; font-weight: bold; font-size: 16px; }

h2, h3{ font-size: 14px; margin: 0 0 10px; }


#header{ width: 940px; height: 93px; margin: 0 auto; padding: 23px 0 14px; overflow: hidden; background: url(../images/shared-ui/header_back.png) center top no-repeat; }
    #logo{ margin: 0 20px; float: left; }
    #phrase{ margin: 0 40px 0 0; padding: 34px 0 34px 34px; background: url(../images/shared-ui/faded_pipe.png) 5px center no-repeat; font-size: 18px; font-family: "Trebuchet MS", sans-serif; float: left; }
    #mhContact{ float: right; width: 160px; padding: 26px 20px 0 0; text-align: right; }
        #mhContact .tel{ display: block; font-size: 16px; font-family: "Trebuchet MS", sans-serif; letter-spacing: 1px; font-weight: bold; }
        #mhContact .email{ font-weight: bold; }
        #mhContact .custLogin{ font-weight: bold; margin: 10px 0 0 0; }
        
        
#nav{ width: 938px; padding: 6px 40px 1px; margin: -5px auto 0; background: url(../images/shared-ui/nav_back.png) 29px 0 no-repeat; overflow: hidden; }
    #nav li{ float: left; line-height: 14px; font-size: 14px;   }
        #nav li.current{ background: url(../images/shared-ui/nav_current.png) 0 0 no-repeat; }
            #nav li a{ display: block; padding: 25px 20px 30px; text-decoration: none; font-weight: bold; background: url(../images/shared-ui/nav_divider.png) right bottom no-repeat; }
            #nav .current a{ color: #4d565b; }
        
    #nHome{ width: 80px; }
    #nServices{ width: 97px; }
    #nSolutions{ width: 102px; }
    #nExperience{ width: 172px; }
        #nav #nExperience a{ padding: 25px 18px 30px 20px; }
    #nAbout{ width: 104px; }
    #nContact{ width: 116px; }
    #nSearch{ width: 266px; }
        
    #searchForm{ padding: 20px; }
        #searchForm .text-input{ width: 122px; margin: 0 2px 0 0; }
        #searchForm input{ vertical-align: middle; }
    
    
#main{ width: 940px; padding: 20px 40px; background: url(../images/shared-ui/main_back.png) 0 0 no-repeat; margin: 0 auto; overflow: hidden; }

/* Home Styles */

    #homeIntro{ width: 260px; float: left; margin: 0 20px; }
        #homeIntro h1{ background: url(../images/shared-ui/hairline_divider.gif) 0 bottom repeat-x; margin: 0 0 10px; padding: 0 0 10px;}
        #homeIntro p.intro{ font-size: 14px; font-weight: bold; }
        
        
        
        
        #newsletterSignup{ overflow: hidden; }
            #newsletterSignup .ipC{ background: #d2e0f1; padding: 3px; float: left; }
            #newsletterSignup .text-input{ width: 158px; }
            #newsletterSignup button.callOut{ margin: 5px 0 0 5px; display: inline-block; height: 18px; background: #fff url(../images/shared-ui/callout_arrow.gif) 0 0 no-repeat; padding: 0 0 0 20px; border: 0; vertical-align: middle; text-align: left; cursor: pointer; }
                #newsletterSignup button.callOut span{ font-weight: bold; text-decoration: underline; color: #036; font-size: 12px; display: block; margin: -3px 0 0; }
        
        
        
        
    #homeContent{ width: 620px; float: left; }
    
        #splash{ padding: 10px; background: #dbe6f4; border-bottom: 1px solid #cad0d7; margin: 0 0 20px; }
            #splash img{ display: block; }
        #homeCalloutBlocks{ overflow: hidden; }
            #homeCalloutBlocks li{ border: 1px solid #cad0d7; padding: 20px; float: left; width: 255px; min-height: 230px; height:auto !important; height:230px; }
            #homeCalloutBlocks li.nl{ margin: 0 20px 0 0; clear: left; }
            
            #homeCalloutBlocks .companyLogos{ overflow: hidden; }
                #homeCalloutBlocks .companyLogos img{ float: left; }
                
            
/* Inside styles */

    #breadCrumb{ margin: 0 20px 30px; padding: 10px 0; background: url(../images/shared-ui/hairline_divider.gif) 0 bottom repeat-x; overflow: hidden; }
        #breadCrumb li{ float: left; margin: 0 6px 0 0; }
        #breadCrumb li a{ margin: 0 6px 0 0; }
        
        
    #contentWrap{ width: 740px; float: right; padding: 0 0 0 9px; border-left: 1px solid #cad0d7; margin: 0 20px 0 10px; overflow: hidden; }
        #content{ width: 520px; float: left; margin: 0 20px 0 0; }
            #content h1{ margin: 0 0 15px; }
            #content ul { list-style-type: disc; list-style-position: outside; margin: 0 0 10px 20px; }
            #content ol { list-style-type: decimal; list-style-position: outside; margin: 0 0 10px 20px; }
            
            .featureList{  }
                .featureList li{ background:url(../images/shared-ui/hairline_divider.gif) 0 0 repeat-x; padding: 10px 0 10px 240px; overflow: hidden; }
                    .featureList .imgC{ padding: 10px; background: #d2e0f1; float: left; margin: 0 20px 0 -240px; }
                        .featureList .imgC img{ display: block; border: 1px solid #fff; }

	.generalList{ list-style-type: none !important; }
                .generalList li{ background:url(../images/shared-ui/hairline_divider.gif) 0 0 repeat-x; padding: 10px 0 10px 0px; overflow: hidden;  }
                    .generalList img{ padding: 10px; background: #d2e0f1; float: left; margin: 0 10px 0 0px; display: block; border: 1px solid #fff;}
#contentAside{ width: 200px; float: left; }
        
            #contentAside h3{ margin: 0;  }
            #contentAside ul{ margin: 0 0 10px; }
            #contentAside li.vcard{ margin: 0 0 10px; }
    
    #innerNav{ width: 140px; float: right; }
        #innerNav li{ background: url(../images/shared-ui/subnav_arrow.gif) 0 4px no-repeat; padding: 0 0 8px 14px; }
        #innerNav li.current{ color: #0e7bc2; }
            
            
            
    #locationVcard{ overflow: hidden; margin: 0 0 15px; }
        #locationVcard .contactMain{ float: left; width: 280px; }
        #locationVcard .contactMore{ float: left; width: 240px; }
        
            
#footer{ width: 940px; margin: 0 auto; background: url(../images/shared-ui/footer_back.png) 0 0 no-repeat; padding: 20px 0 60px; text-align: center; }
    #footer p{ margin: 0; font-size: 11px; }
    #footer p.footerNav{ font-size: 12px; word-spacing: 3px; }
        #footer p.footerNav a{ font-weight: bold; }
    
.siteform { list-style-type: none !important; width: 100%; margin: 0; } 
   .siteform li { width: 400px !important; margin: 0px 0px; padding: 5px 5px 5px 0px; clear:both;}
   .siteform li label { float: left; display:inline; width: 125px; margin: 0px 0px 0px 0; padding: 0px; }
   .siteform li input { float: left; width: 260px; border: 1px solid #cecece; }
   .siteform li select { float: left; width: 260px; border: 1px solid #cecece; }
   .siteform li textarea { float: left; width: 260px; border: 1px solid #cecece; } 
    
#site-map { margin: 0px 0 0 0px; }
	 #site-map ul { list-style-type: none; margin: 0; padding-top: 3px;}
	 #site-map ul li { padding: 0 0 3px 15px; background: url(../images/shared-ui/subnav_arrow.gif) 0px 7px no-repeat; }

        
/*-- Galleria Styles --*/

#galleryStage{ padding: 10px; background: #dbe6f4; border-bottom: 1px solid #cad0d7; margin: 0; width: 500px; height: 342px; }
    #galleryStage img{ border: 1px solid #fff; display: block; }
    
.galleryNav{ padding: 0 10px; overflow: hidden;  margin: -41px 0 31px; display: none; }
    .galleryNav a{ display: block; width: 75px; float: left; height: 26px;  background-repeat: no-repeat; text-indent: -99999px; }
    .galleryNav .prev{ background-position: 0 0; }
    .galleryNav .next{ background-position: -75px 0; float: right; }
    .caption{ display: block; padding: 15px 5px 10px; margin: 0 75px; width: 330px; text-align: center; font-family: "Trebuchet MS", sans-serif; font-size: 12px; color: #4d565b; }

#galleryContainer .note{ font-size: 11px; font-family: "Trebuchet MS", Arial, sans-serif; color: #4d565b; font-style: italic; text-align: center; }

.galleria{list-style:none; overflow: hidden; width: 470px; margin: 0 auto; }
.galleria li{display:block;width:110px;height:66px;overflow:hidden;float:left;margin:0 5px 5px 0; border: 1px solid #dbe6f4;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;border:1px solid #fff;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
    
    
    
    
    
