/* **** General **** */

    body{
         margin: 0px;
         font-family: arial, 'Lucida Grande', verdana, helvetica, sans-serif;
         text-align:left;
         font-size:1em;
         background-color:#324548;
    }

    .body {
        }

	.bodyContentWebnographer {
	     background-color: #ffffff;
	     float: left;
	     margin-bottom: 0px;
	     text-align:left;
	     border-top: 5px solid #324548;
    }

	h1 {
	font-weight: bold;
	color: #324548;
	font-size:1.2em;
	margin-top:8px;
	margin-bottom:20px;
	}

	h2 {
	font-weight: bold;
	color: #000000;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	}

	h3 {
	font-weight: bold;
	color: #324548;
	font-size: 1.7em;
	margin-top:0px;
	margin-bottom:0px;
	}

	h4 {
	font-weight: bold;
	color: #324548;
	font-size:1.2em;
	margin-top:8px;
	margin-bottom:0px;
	}

	h5 {
	font-weight: bold;
	font-size: 2.1em;
	margin:20px 10px 20px 0px;	
	}

	h6 {
	font-weight: bold;
	font-size: 1em;
	margin:20px 10px 20px 0px;	
	}	


	
	p {
	
	margin:0px;
	
	}

	.blurp p {
	
	margin:0px 6px;
	
	}


	.bottomBarMoreAll, .topStripAll, .contentHolderAll, .bottomBarContactUsAll, .frameBottomBarWebnographerAll, .introAll {
         float: left;
         clear:left;
         width:100%;
         text-align:center;
	}



     .topStripContent, .contentHolder, .bottomBarMore, .bottomBarContactUs, .frameBottomBarWebnographer, .frameBottomBarFeralabs, .introContent  {
	width:960px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	}

.contentHolderContent {
	float:left;
	background-color:#FFFFFF;
	width:960px;
}

.contentHolderParticipants {
	float:left;
	background-color:#FFFFFF;
	width:920px;
        padding:20px;
}

.contentHolderParticipants p {
	float:left;
	background-color:#F5F3C9;
	width:390px;
        padding:20px;
	margin:20px 20px 0px 10px;

}

.calltoaction {
	background-color:#F5F3C9;
	float:left; 
	clear:both; 
	width:920px;
	padding:20px;
	text-align:center;
}

* html .calltoaction {
	width:960px;
}


     .blurp {
	width:280px;
	float:left;
	margin-right:20px;
	margin-top: 0px;
	margin-bottom:40px;
	}	

 * html .blurp {
	width:280px;
	float:left;
	margin-right:20px;
	margin-top: 0px;
	margin-bottom:40px;
	}

     .blurpWide {
	width:600px;
	float:left;
	margin-right:20px;
	margin-top: 30px;
	margin-bottom:10px;
	}

 * html .blurpWide {
	width:590px;
	float:left;
	margin-right:20px;
	margin-top: 30px;
	margin-bottom:10px;
	}

   .bluestrip {
   background-color:#C9DDE0;
   width:940px;
   padding:40px 10px;
   margin-left:auto;
   margin-right:auto;
   text-align:left;
   }

/* ****** TopNav Logo and Breadcrumb ****** */

    .topStripAll {
         background-color: #324548;
    }

    .contentHolderAll {
         background-color: #EEEEEE;
	}

    .topStripImage {
        padding: 10px 15px 2px 20px;
        float:left;
        width:285px;
        background-color: #324548;        
    }

     .logoWebnographerPage {
         margin-top:0px;
         vertical-align: top;
         float:right;
         width:110px;
         padding-right: 15px;
     }
     
 
 .topNavWebnographer {
         float:right;
         font-size: 1em;
         padding: 16px 20px 16px 10px;
         background-color: #324548;
         width: 610px;
}

    .currentLinkWebnographer, .currentLinkLastWebnographer {
         color: #777777;
         font-weight:bold;
    }
    
        .currentLinkWebnographer, .linkWebnographer, .lastLinkWebnographer, .currentLinkLastWebnographer {
            float: right;
            padding-left:20px;
            padding-right:5px;
   }
    

/* ****** Links ****** */

/* Top Nav Links */

      a.contactButton, a.contactButton:visited {
            background-color: #B7B021;
            color:#FFFFFF;
            text-decoration: none;
            font-weight: bold;
            text-decoration: none;
            font-size:1em;
            padding: 10px 30px;
            margin-bottom:30px;
        }

        a.contactButton:active {
            color: #9D971C;
            font-weight: bold;
            text-decoration: underline;
            font-size:1em;
            padding: 10px 30px;
             margin-bottom:30px;           
        }
     
        a.contactButton:hover  {
            background-color: #FFFFFF;
            color: #9D971C;
            text-decoration: none;
            font-weight: bold;
            font-size:1em;
            padding: 10px 30px;
             margin-bottom:30px;           
    }


      a.betaRegisterButton, a.betaRegisterButton:visited {
            background-color: #666666;
            color:#FFFFFF;
            text-decoration: none;
            font-weight: bold;
            text-decoration: none;
            font-size:0.9em;
            padding: 10px;
            padding: 10px;
        }

        a.betaRegisterButton:active {
            color: #666666;
            font-weight: bold;
            text-decoration: underline;
            font-size:0.9em;
            padding: 10px;
            padding: 10px;
        }
     
        a.betaRegisterButton:hover  {
            background-color: #FFFFFF;
            color: #666666;
            text-decoration: none;
            font-weight: bold;
            font-size:0.9em;
            padding: 10px;
    }


    .WebnographerLink, a.WebnographerLink:link, a.WebnographerLink:active, a.WebnographerLink:visited, a.WebnographerLink:hover, .logoLink, a.logoLink:link, a.logoLink:active, a.logoLink:visited, a.logoLink:hover, .logoLinkTwitter, img logoLinkTwitter, a.logoLinkTwitter:link, a.logoLinkTwitter:active, a.logoLinkTwitter:visited, a.logoLinkTwitter:hover  {
      border: 0px;
      text-decoration: none;
    }


      a.linkWebnographer, a.lastLinkWebnographer {
            color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
            font-size:1em;
        }
    
        a.linkWebnographer:active, a.lastLinkWebnographer:active {
            color: #777777;
            font-weight: bold;
            text-decoration: underline;
            font-size:1em;
        }
    
        a.linkWebnographer:visited, a.lastLinkWebnographer:visited {
            color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
            font-size:1em;
        }
    
        a.linkWebnographer:hover, a.lastLinkWebnographer:hover  {
            color: #CCCCCC;
            text-decoration: none;
            font-weight: bold;
            font-size:1em;
    }

      a.sideBarLink, a.sideBarLink:visited {
            color: #217B8E;
            text-decoration: none;
            font-weight: bold;
            text-decoration: underline;
            font-size:1em;
        }
    
        a.sideBarLink:active {
            color: #B7B021;
            font-weight: bold;
            text-decoration: underline;
            font-size:1em;
        }
     
        a.sideBarLink:hover  {
            color: #B7B021;
            text-decoration: none;
            font-weight: bold;
            font-size:1em;
    }

      a, a:visited {
            color: #217B8E;
            text-decoration: none;
            font-weight: bold;
            text-decoration: underline;
            font-size:1em;
        }
    
        a:active {
            color: #B7B021;
            font-weight: bold;
            text-decoration: underline;
            font-size:1em;
        }
     
        a:hover  {
            color: #B7B021;
            text-decoration: none;
            font-weight: bold;
            font-size:1em;
    }

	a.feralabsLink, a.feralabsLink:active, a.feralabsLink:visited {
	color: #FFFFFF;
	text-decoration: underline;	
	}

	a.feralabsLink:hover {
        text-decoration: none;	
	}

/* Bottom Nav Links */

    .bottomLinkIcon, a.bottomLinkIcon:link {
    text-decoration:none;
    float:left;
    margin-right: 5px;
    border:0px;
    }

    a.bottomLink {
        border-left: 1px solid #999999;
        float:left;
        }
        
   a.bottomLinkTwitter, a.logoLinkTwitter {
        float:right; 
   }

    a.bottomLink:link, a.bottomLink:active, a.bottomLinkFollow:link, a.bottomLinkFollow:active {
        color: #FFFFFF;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
    }

    a.bottomLink:visited, a.bottomLinkFollow:visited  {
        color: #FFFFFF;
        padding-left: 5px;
        padding-right: 5px;	   
        text-decoration: none;
    }

    a.bottomLink:hover, a.bottomLinkFollow:hover {
        color: #CCCCCC;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
    }

	.copyright {
	    float:left;
	    padding-top:10px;
	}

/* **** Content **** */
    
 html>body .contentRight {
 }
 
.contentLeft {
	background-color: #FFFFFF;
	float:left;
	width:605px;
        border-right: 3px dashed #DDDDDD;
        padding-left:20px;
        padding-bottom:7px;
}

* html .contentLeft {
	background-color: #FFFFFF;
	float:left;
	width:595px;
        border-right: 3px dashed #DDDDDD;
        padding-left:20px;
        padding-bottom:7px;
}

.content {
	padding:10px 20px 20px 20px;
	width: 430px;
	background-color: #FFFFFF;
	float:left;
	height:430px;
}  
 
 .contentAbout {
 	padding:50px 20px;
 	width: 920px;
 	background-color: #FFFFFF;
 	float:left;
 	font-size: 1.3em;
} 
 
 .contentAbout p {
 	padding:10px 0px 10px 0px;
}  
 
.contentGrafic {
	float:left;
	margin-top:10px;
	padding-right:10px;
	margin-bottom:10px;
	padding-top:0px;
	width:280px;
	
}

.contentGrafic {
	padding-right:0px;
}

.contentMore {
	float:left;
	text-align:center;
	padding:30px 0px 50px 0px;
	width:960px;
	line-height:2;
	font-size:1.2em;
	background-color: #FFFFFF;
}


.typeoftestIcon, .typeoftestText {
	float:left;
}

.typeoftestIcon {
	width:25px;
	height: 25px;
	background-color:#D5CD27;
	margin-right:20px;
}

.typeoftestText {
	width:380px;
	margin-left:20px;
}

.typeoftest {
	float:left;
	clear:left;
	width:460px;
	padding: 20px 0px;
}

.introAll {
	background-color: #C9DDE0;
}

.introContent {
	width: 940px;
	height: 380px;
	background-color: #C9DDE0;
	padding-left: 20px;
} 

#introTagLine {
	width: 430px;
	padding: 20px 10px 20px 0px;
	float: left;
}

* html #introTagLine {
	width: 420px;
}

#introShot {
	width: 480px;
	height: 380px;
	margin: 30px 0px 30px 20px;
	float: left;
	background-image: url(../images/carot-IMG-small.jpg) ;
}

.quote {
	font-size:1.2em;
	margin-top:20px;
	line-height:1.2;
	margin: 40px 10px 30px 0px;
	float:left;
	width: 580px;
}

* html .quote, * html .blurpAll {
	width: 610px;
}

* html .serviceFocus, * html .service {
	width:255px;
}

.serviceFocus {
	float:left;
	width:280px;
	height: 330px;
	margin: 10px 0px 0px 0px;
	background-color: #F5F3C9;
	text-align:center;
	clear:left;
}


.serviceFocus li {
	list-style-type: decimal
}

.service {
	float:left;
	width:280px;
	height: 290px;
	background-color: #EEEEEE;
	text-align:center;	
	padding-top: 0px;
	clear:left;
	margin:0px 0px 20px 0px;
	border-top:3px dashed #CCCCCC;
}

/* **** Side Bar **** */   

* html .sideBar {
	float:left;
	padding: 0px;
	background-color: #FFFFFF;
        width:307px;
	
}

.sideBar {
	float:left;
	padding: 0px;
	background-color: #FFFFFF;
        width:332px;
	
}


* html .sideBarBox, * html #creditfooter {
	width: 302px;
	padding: 20px 25px 10px 25px;
}

.sideBarBox {
	width: 267px;
	margin: 10px 0px 0px 0px;
	padding: 20px 40px 10px 25px;
        background-color: #FFFFFF;
}

.sideBarBox p {
  margin-bottom:20px;
}

.recruitmentAll {
margin: 30px;
}

#whatittracks{
	float:left;
	width:490px;
	margin-left:110px;
	margin-top:-23px;
}

* html #whatittracks{
	float:left;
	width:490px;
	margin-left:55px;
	margin-top:-23px;
}

/* **** Bottom Bars **** */   

         
    	.bottomBarMore, .bottomBarMoreAll, .bottomBarMoreLeft, .bottomBarMoreMiddle, .bottomBarMorRight {
    	}
 	
        .bottomBarMoreLeft {
 	padding: 0px 10px;
 	width: 270px;
 	}
 	
	.bottomBarMoreMiddle {
	padding: 0px 20px;
	width: 290px;
 	}
 
 	.bottomBarMorRight {
 	padding: 0px 30px 0px 20px;
 	width: 290px;
 	}
 
 	.bottomBarMoreLeft, .bottomBarMoreMiddle, .bottomBarMorRight {
 	float: left;
 	}
 
 	.bottomBarContactUs, .bottomBarContactUsAll {
         background-color: #C9DDE0;
 	}

	.bottomBarContactUsHeadline {
	width: 105px;
	float: left;
	padding:30px 30px 20px 0px;
	}
 
 	.bottomBarContactUsText{
 	width: 615px;
 	float: left;
	}
 
        .frameBottomBarWebnographer {
         background-color:#324548;
         color: #ffffff;
         font-size: 1em;
         v-align:middle;
         font-weight:bold;
    }

     .frameBottomBarWebnographerLeft, .frameBottomBarWebnographerRight {
         background-color:#324548;
         color: #ffffff;
         font-size: 1em;
         v-align:middle;
         font-weight:bold;
         float:left;
    }

  html>body     .frameBottomBarWebnographerLeft {
         width: 500px; 
         padding: 50px 10px;   
	}
	
  html>body	.frameBottomBarWebnographerRight {	
         width: 420px; 
         padding: 30px 10px 50px 10px; 
         text-align:right;
         }

        .frameBottomBarWebnographerLeft {
          width: 520px; 
          padding: 50px 10px;   
 	}
 	
        .frameBottomBarWebnographerRight {	
          width: 440px; 
          padding: 30px 10px 50px 10px;            
         }

    .frameBottomBarWebnographerAll {
          background-color:#324548;
    }

     .logoLinkTwitter {
     margin-bottom:-24px;
     }

     .frameBottomBarFeralabsContent {
	text-align:center;
	padding:30px 0px;
	float:left;
	clear:left;
	width:960px;
	border-top:1px solid #777777;
	color:#FFFFFF;
         font-size: 0.8em;
          background-color:#324548;         
	}

/* **** List formating **** */   

li {
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-family: arial, 'Lucida Grande', verdana, helvetica, sans-serif;
	text-align:left;
        font-size:1em;
}

ul {
	margin:0px;
	padding:0px;
}

.testTypeList li {
margin-top:10px;
margin-bottom:20px;
}

/* **** Blogfeed formating **** */ 

.date {
color:#666666 !important;
font-size:12px !important;
margin-top:0 !important;
text-align:left !important;
}

#feralabs2605536, span.headline, .date, .boxContent4, #creditfooter {
clear:left;
float:left;
width:280px !important;
}

* html #feralabs2605536, * html span.headline, * html .date, * html .boxContent4, * html #creditfooter {
width:250px !important;
}

.headline:hover a, a.inTextLink:hover {
color:#B7B021 !important;
font-weight: bold !important;
text-decoration:none;
}

.headline a, a.inTextLink:link {
color:#217B8E !important;
font-weight: bold !important;
text-decoration:underline;
}

#creditfooter {
text-align:right !important;
padding-bottom: 20px;
}

/* **** Button **** */ 

      .continue-button-lft-2 {
         background-image: url(../images/cp/continue-btn-lft-2.gif)  ;
         height:48px;
         width:12px;
         float:left;
        }

      .continue-button-lft {
         background-image: url(../images/cp/continue-btn-lft.gif)  ;
         height:48px;
         width:45px;
         float:left;
        }
      
     .continue-button-rt, a.continue-button-rt:link {
        background-image: url(../images/cp/close-btn-rt2.gif)  ;
        height:48px;
        width:12px;
        float:left;
        } 
     
     .continue-button-cntr {
        background-image: url(../images/cp/continue-btn-cntr.gif);   
        height:23px;
        float:left;
         padding:15px 10px 10px 10px;
         font-size:1em;
         font-weight:bold;
         color: #FFFFFF;
        font-family:verdana,arial,helvetica,sans-serif;
        width:
        }
 
 * html .continue-button-cntr {
         padding:15px 10px 15px 10px;
        }
    
     .continue-button, .continue,  continue a   {
         float:left;
         cursor:pointer;
     }
     
       .continue-button {
         width:300px;
         margin: 10px 0px;
       }
       
       
     .continue, a.continue:link, a.continue:visited  {
        cursor: pointer;
        text-decoration: none;
        color:#2790A6;
     }
     
     a.continue:hover, a.continue:active {
     	text-decoration: underline;
     	color: #FFF;
     }
     
     
/* contact us */

.contactUsLeft, .contactUsRight {
	padding:10px 20px 20px 20px;
	background-color: #FFFFFF;
	float:left;
	height:410px;
	}
	
.contactUsLeft {	
        width: 610px;
        border-right: 3px dashed #CCCCCC;
        }
        
.contactUsRight {	
        width: 267px;
 }
 
.errors {
	color: RED;
	margin-bottom:20px;
}

.contactUsButton {
	padding-left:115px;
}