body {
font-family: arial, helvetica, sans-serif;
color: black;
background-color: white;
font-size: 12px;
line-height: 18px; 
top: 0px;
}

#container {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 790px;
}

#personalitypatterns {
position: absolute;
top: 0px;
width: 790px;
height: 63px;
}

#faces {
position: absolute;
top: 63px;
width: 790px;
height: 67px;
}


#contentwrapper {
position: absolute;
width: 790px;
top: 175px;
height: auto;
}

#contentleft {
position: absolute;
left: 0px;
width: 300px;
}

#contenthomebox1 {
position: absolute;
left: 0px;
width: 275px;
color: white;
background-color: #5A8363;
font-weight: bold;
font-size: 13px;
line-height: 24px;
padding: 18px;
}

#contenthomebox2 {
position: absolute;
top: 175px;
left: 0px;
width: 275px;
color: white;
background-color: #3b5A6f;
font-size: 11px;
line-height: 16px;
padding: 20px;
}

#contentright {
position: absolute;
left: 345px;
width: 450px;
}

#buttoncontact {
position: absolute;
top: 500px;
left: 125px;
width: 73px;
height: 18px;
}

#buttontakethetest {
position: absolute;
top: 500px;
left: 225px;
width: 85px;
height: 18px;
}

#whatisitleftcolumn {
position: absolute;
top: 35px;
left: 0px;
color: black;
background-color: transparent;
width: 325px;
}

#whatisitrightcolumn {
position: absolute;
top: 35px;
left: 375px;
color: white;
background-color: transparent;
width: 425px;
}


#footer {position: relative; width: 100%; bottom: 10px; text-align: center;}	 


#footerwhatisit {
	position: absolute;
	width: 100%;
	top: 468px;
	bottom: 10px;
	text-align: center;
}

h1 {
font-family: arial, helvetica, sans-serif;
color: white;
background-color: transparent;
font-size: 14px; 
top: 0px;
}

h2{
font-family: arial, helvetica, sans-serif;
color: #3b5A6f;
background-color: transparent;
font-size: 24px; 
font-weight: bold;
top: 0px;
text-align: center;
}

.whitesmalltext {
font-family: arial, helvetica, sans-serif;
color: white;
background-color: transparent;
font-size: 11px; 
top: 0px;
}

.whitesmalltextbold {
font-family: arial, helvetica, sans-serif;
color: white;
font-weight: bold;
background-color: transparent;
font-size: 11px; 
top: 0px;
}
	

.tabletextwhite {
font-family: arial, helvetica, sans-serif;
color: white;
background-color: transparent;
font-size: 12px;
font-weight: bold;
line-height: 18px; 
top: 0px;
}

.ppboldteal {
font-family: arial, helvetica, sans-serif;
color: #3b5A6f;
font-weight: bold;
background-color: transparent;
font-size: 12px; 
top: 0px;
}

.boldgray {
font-family: arial, helvetica, sans-serif;
color: #666666;
font-weight: bold;
background-color: transparent;
font-size: 12px; 
top: 0px;
}

.interpretingbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	background-color: #3b5A6f;
	padding: 8px;
	height: auto;
	width: 475px;
	}
	
.whitebold {
font-family: arial, helvetica, sans-serif;
color: white;
font-weight: bold;
background-color: transparent;
font-size: 12px; 
top: 0px;
}
	

p.footer {
text-align: center;
}

#navs {
position: absolute;
top: 128px;
width: 790px;
height: 30px;
background-color: black;
color: black;
}

#nav01 {
position: absolute;
top: 5px;
left: 60px;
width: 46px;
height: 20px;
background-color: black;
color: black;
}

#nav02 {
position: absolute;
top: 5px;
left: 225px;
width: 74px;
height: 20px;
background-color: black;
color: black;
}


#nav03 {
position: absolute;
top: 5px;
left: 425px;
width: 86px;
height: 20px;
background-color: black;
color: black;
}

#nav04 {
position: absolute;
top: 5px;
left: 630px;
width: 86px;
height: 20px;
background-color: black;
color: black;
}
	

a.nav01{
  display: block;
  width: 46px;
  height: 20px; 
  }

a.nav01:link { 
	 background: url(images/nav01.gif) no-repeat;
	 color: inherit; 
	 }
	 
a.nav01:visited { 
	 background: url(images/nav01.gif) no-repeat;
	 color: inherit; 
	 }	 
	 
a.nav01:hover { 
	 background: url(images/nav01over.gif) no-repeat;
	 color: inherit; 
	 }	 	 
	 
a.nav02 {
  display: block;
  width: 74px;
  height: 20px; 
  }
  
a.nav02:link { 
	 background: transparent url(images/nav02.gif) no-repeat;
	 color: inherit; 
	 }
	 
a.nav02:visited { 
	 background: transparent url(images/nav02.gif) no-repeat;
	 color: inherit; 
	 }	 
	 
a.nav02:hover { 
	 background: transparent url(images/nav02over.gif) no-repeat;
	 color: inherit; 
	 }	 	 
	 
a.nav03 {
  display: block;
  width: 113px;
  height: 20px; 
  }
  
a.nav03:link { 
	 background: transparent url(images/nav03.gif) no-repeat;
	 color: inherit; 
	 }
	 
a.nav03:visited { 
	 background: transparent url(images/nav03.gif) no-repeat;
	 color: inherit; 
	 }	 
	 
a.nav03:hover { 
	 background: transparent url(images/nav03over.gif) no-repeat;
	 color: inherit; 
	 }	 	 
	 
a.nav04 {
  display: block;
  width: 159px;
  height: 20px; 
  }
  
a.nav04:link { 
	 background: transparent url(images/nav04.gif) no-repeat;
	 color: inherit; 
	 }  
	 
a.nav04:visited { 
	 background: transparent url(images/nav04.gif) no-repeat;
	 color: inherit; 
	 }  
	 
a.nav04:hover { 
	 background: transparent url(images/nav04over.gif) no-repeat;
	 color: inherit; 
	 }  	 	 
  

	 
a {
color: #336699;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
}

a:visited {
color: #336699;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: gray;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
}

a:active {
color: #336699;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
}	 
	 
.personalitypatterns {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #006633;
}
