﻿body { background-color: #92ce73; background-image: url(../images/masters/gradientBG.jpg); 
       background-repeat: repeat-x; background-position: top;
       font-family: Arial; margin: 0px;
     }
img { border: none; }
div { position: relative; }
.clearfix { clear:both; height: 0px; overflow:hidden; }
.brandGreen { color: #00a15f; }
.brandGray { color: #909194; }
.upper { text-transform: uppercase; }
.nowrap { white-space:nowrap; }

/* background strips*/
.blankStripHolder { position: absolute; margin:auto; height:277px; 
               background-repeat: no-repeat; background-position: center; top: 121px;
               background-color: Black; width: 100%; left: 0px; z-index: -20;
             }
.stripHolder { position: absolute; margin:auto; height:277px; 
               background-repeat: no-repeat; background-position: center; top: 121px;
               background-color: Black; width: 100%; left: 0px; z-index:-1;
             }
#homeStrip { background-image: url(../images/masters/strip1.jpg); display:none; }
#servicesStrip { background-image: url(../images/masters/stripServices.jpg); display:none; }
#clientsStrip { background-image: url(../images/masters/stripClients.jpg); display:none; }
#portfolioStrip { background-image: url(../images/masters/stripPortfolio.jpg); display:none; }
#aboutStrip { background-image: url(../images/masters/stripAbout.jpg); display:none; }
#pressStrip { background-image: url(../images/masters/stripPress.jpg); display:none; }
#contactStrip { background-image: url(../images/masters/stripContact.jpg); display:none; }

#barkerStrip { background-image: url(../images/masters/stripBarker.jpg); display:none; }
#FPMedicalStrip { background-image: url(../images/masters/stripFPMedical.jpg); display:none; }
#MISIStrip { background-image: url(../images/masters/stripMISI.jpg); display:none; }
#reederStrip { background-image: url(../images/masters/stripReeder.jpg); display:none; }
#tekralStrip { background-image: url(../images/masters/stripTekral.jpg); display:none; }

/*main content area*/
#mainHolder { width: 757px; margin: auto; padding-top: 27px; z-index: 100; }
/*header*/
#topWhiteRound { width: 757px; height: 23px; background-image: url(../images/masters/topWhiteRound.png); }
#headerHolder { height: 71px; background-color: White; }
#logoHolder { float: left; width: 300px; height: 71px; margin-left: 15px; top: -10px; }
#phoneHolder { float: right; margin-right: 45px; margin-top: 0px; }
#phoneHolder H1 { margin:0px; font-size: 14pt; color: #00a160; }
/*menu*/
#menuHolder { height: 19px; background-color: #3db25c; color: #045d3d; font-size: 9pt; font-weight: bold; padding-left: 20px; padding-top: 3px; z-index:100; }
#menuHolder .mainMenuLink { text-decoration: none; color:#045d3d;  }
#menuHolder .mainMenuLink:hover { color: White; }
#menuHolder span { padding-left: 5px; padding-right: 5px; position: relative; }
/*submenu*/
.submenuHolder { position: absolute; width: 145px; top: 19px; left: 6px; z-index:150; overflow: hidden; _top: 17px; z-index:500; }
.submenu { background-color: #00583c; color: White;   
           font-size: 8pt; padding: 10px 10px 0px 10px; 
           line-height: 18px; overflow:hidden;
         }
.submenu ul { margin-top: 0px; margin-bottom: 0px; }
.submenu li { margin-left: -22px; list-style-type:square; }         
.submenu .submenuLink { text-decoration: none; color: White; }
.submenu .submenuLink:hover { color: #5fb04a; }
.bottomGreenRound { width: 145px; height: 12px; background-image: url(../images/masters/bottomGreenRound.gif); overflow:hidden; }
#servicesSubmenu { display:none; }
#clientsSubmenu { display:none; }
/*content holders*/
/*top left*/
#topContentHolder { height: 257px; background-color: White; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
#topLeftContent { position: absolute; width: 485px; height: 227px; border-right: 1px solid #a7a9ac; 
                  margin-top: 15px; margin-bottom: 15px; padding-left: 30px; padding-right: 30px;
                  top: 145px; left: 0px; z-index: 1; color: #231f20; font-size: 10pt;
                }
.green { color:#00a160; white-space:nowrap; }                
.nowrap { white-space:nowrap;  }
#topLeftContent H1 { text-transform: uppercase; color: #231f20; font-size: 14pt; }                
#topLeftContent .smallFont { font-size: 8pt; line-height: 17px; }

.larger { font-size:12pt; }
.largerOpener { font-size: 11pt; line-height: 22px; }
/*top right*/
#topRightContent { position: absolute; width: 210px; margin-top: 15px; margin-bottom: 15px; 
                   height: 315px; top: 103px; left: 547px; z-index:5000;
                 }                
/*bottom left*/                 
#bottomContentHolder { background-color: White; min-height: 0px; _height: 0px; z-index: 5000; }
.pageFormThrobberWrapper { position: relative; z-index: 5000; }
.pageFormThrobber { position: absolute; top: -2px; left: 220px; z-index: 5000; 
                       text-align:center; background-color: #99d6a7; padding: 5px;
                       border: 1px solid #00a160;
                     }

#bottomLeftContent { float: left; width: 500px; border-right: 1px solid #a7a9ac; 
                     margin-top: 20px; margin-bottom: 0px; padding-left: 30px; padding-right: 15px;
                     color: #231f20; font-size: 9pt; 
                   }
#bottomLeftContent H1 { text-transform: uppercase; color: #231f20; font-size: 14pt; }  
#bottomLeftContent H2 { text-transform: uppercase; color: #00a160; font-size: 16pt; }  
#bottomLeftContent b { color: #0aa565; text-transform:uppercase; }
#bottomLeftContent a { color: #231f20; }
#bottomLeftContent ul { }
#bottomLeftContent li { color: #0aa565; margin-left: -20px; }
#bottomLeftContent li span { color: Black; }
#bottomLeftContent li a { color: Black; font-weight:bold; text-decoration:none; }
#bottomLeftContent li a:hover { text-decoration:underline; }
#bottomLeftContent .bioHolder { width: 74px; font-size: 8pt; text-align: center; float: left; margin-right: 30px; }
#bottomLeftContent .genericLeftColumn { float: left; width: 45%; color:#00a160; font-weight:bold; }
#bottomLeftContent .genericRightColumn { float: right; width: 50%; padding-right: 5px; color:#00a160; font-weight:bold; }

#servicesNavHolder { }
#servicesNavHolder a { text-transform: uppercase; text-decoration:none; }
#servicesNavHolder .green { color:#00a160;  }
#servicesNavHolder span { padding-left: 2px; padding-right: 2px; }


#homeList { font-size: 8pt; font-weight: bold; text-transform: uppercase; 
            text-align: center; margin-top: 10px; width: 440px; margin-left: auto; margin-right:auto; 
          }
#homeList a.green { color: #00A160; }
#homeList a { text-decoration:none; white-space:nowrap; }

#clientsLinkButtonHolder { color:#0AA565; text-transform:uppercase; font-weight:bold; font-size: 10pt; line-height: 20px; }
#clientsLinkButtonHolder a { color:#0AA565; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size: 10pt; }

#bottomLeftContent .greenTop { float: left; width: 481px; height: 10px; background-image: url(../images/pages/lightGreenTop.gif); overflow:hidden; }
#bottomLeftContent .outerGreenHolder { position: relative; float: left; width: 481px; background-color: #99d6a7; }
#contactFormThrobber { position: absolute; top: 150px; left: 35px; z-index: 500; 
                       text-align:center; background-color: #99d6a7; padding: 5px;
                       border: 1px solid #00a160;
                     }
#bottomLeftContent .greenContent { width: 461px; padding:10px; font-size: 10pt; padding-right:0px; }
#bottomLeftContent .greenContent H2 { color: #0aa565; font-size: 12pt; margin: 0px; margin-left: 15px; text-transform: none; }
#bottomLeftContent .greenContent ul { margin-top: 5px; margin-bottom: 5px; }
#bottomLeftContent .greenContent li { color: #0aa565; margin-left: -8px; padding-top: 5px; }
#bottomLeftContent .greenContent span { color: Black; }
#bottomLeftContent .greenBottom { float: left; width: 481px; height: 12px; background-image: url(../images/pages/lightGreenBottom.gif); overflow:hidden; margin-bottom:10px; }

#clientStrip { float: right; width: 147px; }

#pressTable { }
#pressTable th { color: #707070; font-size: 12pt; font-weight: bold; text-align: left; vertical-align: top;
                 padding-right: 10px; border-right: 1px solid #a7a9ac; 
               }
#pressTable td { padding-left: 10px; padding-bottom: 10px; }

#contactFormHolder { position: relative; float: left; width: 290px; border-right: 1px solid #a7a9ac; }
#formThrobber { position: absolute; top: -100px; left: 50px; z-index: 500; background-color: #989798;
                border: 1px solid #747475; padding: 10px; font-size: 8pt; color:White;
              }

#contactFormTable { width: 290px; }
#contactFormTable th { color: #445e4a; text-align: left; }
#contactFormTable td { padding-bottom: 5px; }
.contactFormBox { width: 275px; color: Gray; }
#stateTD { padding-right: 5px; }
.stateList { }
.zipBox { width: 210px; color: Gray; }
.interestBox { width: 275px; color: Gray; }
#contactFormCopy { float: right; width: 163px; line-height: 25px; }
#contactFormCopy .green { color: #00a160; }
#contactFormCopy a { font-size: 10pt; color: Black; text-transform: uppercase; font-weight: bold; text-decoration:none;  }
/*bottom right*/
#bottomRightContent { float: right; width: 210px; margin-top: 20px; }                   
/*bottom*/
#bottomWhiteRound { width:757px; height:26px; background-image: url(../images/masters/bottomWhiteRound.png); }
/*form*/

#formHolder { position: absolute; top: 0px; left: 20px; width: 170px; background-color: #9a9b9d; margin-top: 25px;  }
#formCopyHolder { font-size: 8pt; color: White; text-align:center; padding: 15px 22px 9px 22px; font-weight: bold; }
#formTopHolder { background-image: url(../images/masters/formTop.gif); width:170px; height:13px;  }   
.formHeadline { position: absolute; top: -34px; left: 8px; }

#formInnerHolder { width: 168px; border-left: 1px solid #7d7d7f; border-right: 1px solid #7d7d7f; 
                   padding-top: 2px; padding-bottom: 5px; 
                 }
#formHeader { width: 150px; color: White; text-transform: uppercase; text-align: center; 
              font-weight: bold; font-size: 8pt; margin: auto; padding-bottom: 5px; 
            }
#formTable { margin: auto; }
#formTable th { text-align: left; font-size: 7pt; }
#formTable td {  }
#formTable .formBox { width: 150px; font-size: 8pt; color: Gray; font-weight:bold;  }
#formTable .commentBox { width: 150px; font-size: 8pt; color: Gray; height: 30px; font-weight:bold;  }
#formTable .cityBox { width: 80px; font-size: 8pt; color: Gray; font-weight:bold;  }
#formTable .stateList { font-size: 8pt;  }
#formBottomHolder { width: 170px; height: 11px; background-image: url(../images/masters/formBottom.gif); }
.submitButton { position: absolute; top: 2px; left: 55px; }

/*Right Callout and carousels*/
#rightCalloutHolder { width: 210px; text-align: center; font-size: 8pt; z-index:4000; }
#rightCalloutHolder H3 { color: #00a160; margin: 0px; font-size: 13pt; font-weight: bold; line-height: 16px; }
#rightCalloutHolder span { color: #00a160; font-size: 10pt; font-weight:bold; }
.caseStudyHolder { width:148px; height:77px; margin: auto; margin-top: 10px; }
.rolloverImage { position: absolute; top: 0px; left: 0px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  }

/*case study carousel items*/
#caseStudyDisplay { position: absolute; width: 732px;  top: 0px; left: 0px; z-index: 50000000;
                    visibility:hidden; display:none;
                  }
#topRoundHolder { width:732px; height:34px; overflow:hidden; background-image: url(../images/pages/topRoundGreen.gif); }    
#contentHolder { border-left: 18px solid #00583c; border-right: 18px solid #00583c; height: 600px; background-color: White;  }

#portfolioBrowserHolder { height:600px; width:696px;  }
#portfolioBrowserHolder #titleHolder { position: relative; font-weight:bold; font-size: 12pt; text-align: center; color:#00a160;height: 20px; }
#portfolioBrowserHolder #titleHolder #closeButtonHolder { position: absolute; width: 16px; height: 16px; top: 0px; left: 660px; }

#portfolioBrowserHolder #leftArrowHolder { float:left; width:35px; height:280px; padding-top:248px; padding-left: 15px; }
#portfolioBrowserHolder #rightArrowHolder { float:right; width:35px; height:280px; padding-top:248px; padding-right: 15px; }
#portfolioBrowserHolder #portfolioNav { width:696px; height:20px; text-align:center; font-size: 8pt; color: Black; }
#portfolioBrowserHolder #framesHolder { float:left; width:594px; height:560px; overflow:hidden; }

/*frame stuff in portfolio.css*/

/*#portfolioBrowserHolder .frame { width:594px; height:560px; overflow:hidden; }
#portfolioBrowserHolder .frameTitle { font-size:10pt; text-align: center; color: #999999; }*/

#portfolioBrowserHolder .framesTable { position:relative; }
#portfolioBrowserHolder .framesTable td { position:relative;  }
.test { border: 1px solid red; }
#portfolioBrowserHolder .carouselLink { padding-left: 10px; padding-right: 10px; color: Black; text-decoration:none; }
#portfolioBrowserHolder .carouselLinkHighlight { color: #11a76b; text-decoration:none; }
#portfolioBrowserHolder .carouselLinkDivider { color: Black;  }
#portfolioBrowserHolder #leftArrow { display:none; }
#portfolioBrowserHolder #rightArrow {  }

#bottomRoundHolder { width:732px; height: 31px; overflow:hidden; background-image: url(../images/pages/bottomRoundGreen.gif); 
                   }


/*bottom nav*/
#bottomNav { background-color: White; text-align: center; font-size: 9pt; color: #636463; padding-top: 20px; }
#bottomNav a { text-decoration: none; color: #636463; }
#bottomNav a:hover { color: #00a160; }
#bottomNav span { padding-left: 5px; padding-right: 5px; }
/*footer*/
#footerAddress { padding-top: 10px; text-align: center; font-size: 9pt; color: #525650; font-weight:bold; }
#footerCopyright { padding-top: 10px; text-align: center; font-size: 8pt; color: White; font-weight: bold; padding-bottom: 10px; }

/*new callout box on homepage*/
#bottomLeftContent #homeCallout { position: relative; width: 489px; background-color:#e1e1e1; z-index:5000; }
#bottomLeftContent #homeCallout #top { position: relative; width: 489px; height: 13px; background-image: url(../images/masters/homeCalloutTop.gif); overflow:hidden; }
#bottomLeftContent #homeCallout #content { padding: 0px 0px 0px 0px; }

/*#bottomLeftContent #homeCallout #content img { float:left; margin: 0px 15px 0px 15px; }*/

#bottomLeftContent #homeCallout #content #contentRight { float: left; width: 300px; padding: 5px 0px 0px 0px; }
#bottomLeftContent #homeCallout #content #contentRight h1 { margin: 5px 0px 0px 0px; color: #b5b5b5; font-size: 24pt; }
#bottomLeftContent #homeCallout #content #contentRight p { margin: 0px; font-weight: bold; text-transform:uppercase; color: #333333; font-size:8pt; padding-right: 10px; }
#bottomLeftContent #homeCallout #content #contentRight p span { white-space:nowrap; }
#bottomLeftContent #homeCallout #content #contentRight p span.green { color: #0fa569; }
#bottomLeftContent #homeCallout #bottom { position: relative; width: 489px; height: 13px; background-image: url(../images/masters/homeCalloutBottom.gif); overflow:hidden; }

#bottomLeftContent #homeCallout #dmag { position:relative; float:left; width: 135px; min-height:312px; margin: 0px 15px 0px 15px; }
#bottomLeftContent #homeCallout #dmag #dmagTop { position:relative; width:135px; height: 182px; background-image:url(../images/masters/DMagTop.jpg); }
#bottomLeftContent #homeCallout #dmag #dmagContent { position:relative; min-height:50px; color:White; background-color: #063f2d; 
                                                     text-align: center; padding: 5px 5px 5px 5px; 
                                                   }
#bottomLeftContent #homeCallout #dmag #dmagContent h2 { margin:0px; color:White; }
#bottomLeftContent #homeCallout #dmag #dmagContent p { margin: 5px 0px 0px 0px; font-size: 8pt; }
#bottomLeftContent #homeCallout #dmag #dmagBottom { position:relative; width:135px; height:24px; background-image:url(../images/masters/DMagBottom.jpg); }


/*portfolio table*/
.portfolioTable { margin-top: 0px; }
.portfolioTable td { border-right: 1px solid #a7a9ac; text-align: center; padding: 5px; vertical-align:middle; }
.portfolioTable .right { border-right:none; }

/*revised services pages*/
#topLeftContent .backgroundH1 { position: absolute; font-size: 50pt; margin: 0px; filter:alpha(opacity=09); -moz-opacity:.09; opacity:.09; }
#topLeftContent .relative { position:relative; *color: #e5e5e5; }
#topLeftContent #servicesOpener h1 { line-height: 35px; font-size:24px; text-transform:none; margin-top: 0px; }

.graybg{
  background-color:#9A9B9D; background-image:none;
}
.greenbg{background-color:#99D6A7; background-image:none;}
.thankyou_txt
{
     
    
    font-weight: bold;
    padding-bottom: 9px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 15px;
    text-align: center;
}
.graybg .thankyou_txt
{
    color: #045D3D;
    font-size: 8pt;
}
.greenbg .thankyou_txt
{
    font-size: 11pt;
    color:  black;
}
