@charset "UTF-8";
/* CSS Document */
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,
dd,dl,dt,ul,li,ol,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
       margin: 0;
       padding: 0;
       border: 0;
       font-weight: normal;
       font-style: normal;
       font-size: 100%;
       line-height: 1;
       font-family: inherit;
       text-align: left;
}
table {
       border-collapse: collapse;
       border-spacing: 0;
}
ol,ul {
       list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
       content: "";
}
* {
padding:0;
margin:0;
}
html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #333;
}
#divContainer {
	width: 801px;
	padding: 0em;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#divTop {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 801px;
}
#divLeftTop {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 397px;
}
#divRightTop {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 397px;
}
#divMiddle {
	padding: 0px;
	float: left;
	width: 801px;
	background-color: #676767;
	margin: 0px;
}
#divMiddleNav {
	margin: 0px;
	float: right;
	width: 560px;
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 120px;
}
#indexnav li
{
	display: inline;
	list-style-type: none;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#indexnav a {
	display: inline;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFF;
	text-decoration: none;
	text-align: right;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 0px;
}
#indexnav a:hover {
	color: #78AD56;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
}
#divMiddleCont {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 360px;
}
#divMiddleCont p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #FFF;
	margin-top: 250px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-weight: bold;
}
#divMiddleCont a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFF;
	text-decoration: none;
}
#divMiddleCont a:hover {
	color: #78AD56;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
#divMiddleContR {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 440px;
}
#divMiddleContR p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFF;
	margin-bottom: 20px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	line-height: 18pt;
}
#divBoxLeft {
	padding: 0px;
	width: 195px;
	float: left;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#divBoxRight {
	padding: 0px;
	width: 195px;
	float: right;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#divNavi {
	float: left;
	width: 781px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #676767;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 8em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
	text-decoration: none;
	line-height: 14pt;
	padding: 0px;
}
#nav a:hover {
	color: #600;
	text-decoration: none;
	font-size: 10pt;
	padding-left: 5px;
	width: 8em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
ul#nav li#active a
{
	color: #78AD56;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}


#nav li { /* all list items */
	float: left;
	width: 6.5em;
	padding: 0px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 7em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color: #676767;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#divContent {
	padding: 0px;
	float: left;
	width: 801px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#divContentLeft {
	float: left;
	width: 397px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: 403px;
}
#divContentRight {
	padding: 0px;
	float: right;
	width: 397px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}

#divContact {
	float: left;
	width: 397px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: 403px;
}
#divContact p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #600;
	padding-left: 20px;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #78AD56;
	padding-left: 20px;
}
#divWork {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 801px;
	background-color: #FFF;
}

#divFrogJS {
	padding: 0px;
	float: right;
	width: 397px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	background-color: #676767;
}

#divFooter {
	padding: 0px;
	width: 801px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	text-align: center;
	background-color: #676767;
}
#divFooter p {
	font-family: "Futura Medium";
	font-size: 8pt;
	color: #78AD56;
	text-align: center;
}
#divFooter ul li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFF;
	display: inline;
	list-style-type: disc;
	padding-right: 20px;
	margin-left: 30px;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #333;
	margin: 0px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	line-height: 20pt;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #600;
	padding-left: 20px;
}
p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #600;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 15pt;
}
#divContentLeft ul li {
	list-style-position: outside;
	background-position:1.5em 0.1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	color: #600;
	background-image: url(../images/creativehead_bullet.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}
strong {
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #600;
	margin: 0px;
}
a:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}
a:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #333;
	text-decoration: underline;
}
a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #78AD56;
	text-decoration: underline;
}
#FrogJS{
width: 760px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}
#map {
	margin:0;
	padding:0;
	width:397px;
	height:403px;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
	background-color: #fff;
	background-image: url(../images/TCH-GROUP.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
		
#map li {
	margin:0;
	padding:0;
	list-style:none;
}
		
#map li a {
	position:absolute;
	display:block;
	text-decoration:none;
	color:#000;
}
		
#map li a span { display:none; }
		
#map li a:hover span {
	position:absolute;
	display:block;
	width:200px;
	top:20px;
	border:1px solid #000;
	background:#fff;
	padding:5px;
	filter:alpha(opacity=70);
	opacity:0.7;
  		}
	
#map a.abi {
	top:380px;
	left:810px;
	width:100px;
	height:150px;
		}
		
#map a.alison {
	top:250px;
	left:930px;
	width:250px;
	height:170px;
		}
		
#map a.jackie {
	top:380px;
	left:700px;
	width:100px;
	height:150px;
		}
		
#map a.onika {
	top:450px;
	left:930px;
	width:250px;
	height:170px;
}
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}