html {background-color: #7E0B46; font-size:0.8em}
body, html { margin:0; padding:0; color:#000; }
body { min-width:763px;	color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }

#wrap { margin: 5px auto; width:778px; background-color: #fff; xborder: 2px solid white;  }

a, a:hover, a:link { color: #fff; text-decoration:none}	
a:hover { color: #fff; text-decoration:underline;}

.bold { font-weight: bold;}

img, div, span, table, tr, td, label {border: none; padding:0; margin:0}
.clear { clear:both}

h1 { font-size: 110%}
h2 { font-size:100%}

#latesNewsSiteName, #lifeCoachingSiteName, #trainingSiteName, #railTrainingSiteName { margin: 0; padding: 0; position: relative; width: 185px; height: 43px; overflow: hidden; }
#latesNewsSiteName a, #lifeCoachingSiteName a, #trainingSiteName a, #railTrainingSiteName a { display: block; cursor: pointer; text-decoration:none;}
#latesNewsSiteName span { display: block; position: absolute; left: 0; top: 0; width: 185px; height: 43px; margin: 0; padding: 0; background: url("../images/hd_latestnews.gif") top left no-repeat; }
#lifeCoachingSiteName span { display: block; position: absolute; left: 0; top: 0; width: 185px; height: 43px; margin: 0; padding: 0; background: url("../images/hd_lifecoaching.gif") top left no-repeat; }
#trainingSiteName span { display: block; position: absolute; left: 0; top: 0; width: 185px; height: 43px; margin: 0; padding: 0; background: url("../images/hd_creatrixuktraining.gif") top left no-repeat; }
#railTrainingSiteName span { display: block; position: absolute; left: 0; top: 0; width: 185px; height: 43px; margin: 0; padding: 0; background: url("../images/hd_creatrixrailtraining.gif") top left no-repeat; }

#logo { float:left}
#tabs { float:right; padding: 2px 0 0 0}
#tabs img { padding-right: 2px}

/******************************************         C O N T E N T        **********************************************************/


/*#home-introblock { width: 376px; float:left; margin: 0 7px 0 3px; xpadding:10px; font-size: 90%;   }
html>body #home-introblock {margin: 0 7px}
*/
#home-latestnewsblock, #home-lifecoachingblock, #home-trainingblock { width: 185px; float:left; margin: 0 7px 0 0;  padding:0; font-size: 90% }
#home-latestnewsblock { margin-left: 3px}
#home-railtrainingblock { width: 185px; float:left; margin: 0 0 14px 0;  padding:0; font-size: 90% }

img.home-more { float:right}

ul.home-orange, ul.home-pink, ul.home-green, ul.home-blue { text-align:left; margin:0 0 0 18px; padding:0}
ul.home-pink li, ul.home-green li, ul.home-orange li, ul.home-blue li {vertical-align:top; padding: 0 0 16px 0; margin: 0 0 0 2px; text-align:left; font-weight:bold; font-size: 95%}
ul.home-pink li { list-style-image: url(../images/px_pinkstar.gif); color:#CC3366; }
ul.home-green li { list-style-image:url(../images/px_greenstar.gif); color:#3BB522; }
ul.home-orange li { list-style-image:url(../images/px_orangestar.gif); color:#FF9900; }
ul.home-blue li { list-style-image:url(../images/px_bluestar.gif); color: #3399CC; }

div.blockbg, div.blockbg-padding  { background: #FFFFFF url(../images/px_panelgradient.gif) repeat-x; vertical-align:text-top; padding: 5px 0; color: #666666;}
div.blockbg-padding { padding-left: 10px; padding-right: 10px}


/* WHAT WE DO */
#whoweare-content a.pinkstar, a.pinkstar:hover, a.pinkstar:link, .pinkstar { color:#CC3366}
#whoweare-content a.bluestar, a.bluestar:hover, a.bluestar:link, .bluestar { color:#3399CC}
#whoweare-content a.orangestar, a.orangestar:hover, a.orangestar:link, .orangestar { color:#FF9900}
#whoweare-content a.greenstar, a.greenstar:hover, a.greenstar:link, .greenstar { color:#3BB522}


/* WHO WE ARE */
#whoweare-img {float: left;}
#whoweare-content { width:463px; float: right}
#whoweare-main {font-size:90%; margin: 14px; }

#whoweare-content a.top, #whoweare-content a.top:link, #whoweare-content a.content-links, #whoweare-content a.content-links:link, #clients-container table a.content-links, #clients-container table a.content-links:link { color: #666; text-decoration:none}
#whoweare-content a.top:hover, #whoweare-content a.content-links:hover, #clients-container table a.top:hover, #clients-container table a.content-links:hover { color: #666; text-decoration:underline;}

.top { float:right; clear:both; xmargin: 10px 0}



/*CLIENTS */
#clients-container { xwidth:778px; margin: 14px 0 120px 12px; }
#clients-container table tr th { text-align:left}
.client-logo { xbackground: #fff url(/images/img_clientlogo_bg.gif) no-repeat; float:left; padding: 13px 6px }

/*CASE STUDIES */
#casestudies-container { margin: 14px;  }
#casestudies-img {float: left;}
#casestudies-content { width:376px; float: right; padding: 0; margin:0; font-size:90%;  }

span.testimonial-container { width: 376px; xfloat: right; color: #ff3399;  }
html>body span.testimonial-container { width: 376px; }
span.testimonial { text-indent: 0px; position: relative; left: 0px; display:block; padding: 28px 40px 0 40px; }
.openquote {float: left; position: relative; top: 0px; height:auto; display:block; }
.closequote {float: right; position: relative; top: -15px; }
.testimonial-author {margin:10px 40px;  }



/* GET IN TOUCH */
#contact-address {float:right; text-align: right; font-size:88%; line-height: 1.5em; padding: 45% 10px 10px 10px; }
#contact-address a, #contact-address a:hover { color:#666666}
#contact-container {width:463px; float: left; font-size: 90%; margin: 14px 7px; }
#contact-container table.getintouch-tableA tr td.bold input, #contact-container table.getintouch-tableB tr td.bold textarea { border: 1px inset; width:274px }
#contact-container table tr { vertical-align:top}
#contact-container form table.getintouch-tableA { margin: 5px 0 40px 0}
table.getintouch-tableA, table.getintouch-tableB { width:434px; }
table.getintouch-tableA tr td.bold { width:160px; height:26px; }
table.getintouch-tableB tr td.bold div.courseinfo { width: 140px; float:left; font-size:95%; vertical-align:middle; xborder:1px solid red}
table.getintouch-tableB tr td.bold div.courseinfo input { float:left; vertical-align:middle }
table.getintouch-tableB tr td.bold div.courseinfo div.courseinfo-text { padding: 0 0 0 2px; margin: 0; float:left; display:block; vertical-align:middle}
table.getintouch-tableB tr td.submit input { float:right}

.associatesrowcontainer { width:764px; border-bottom:1px solid #DFDFDF; padding: 0 0 13px 0; margin:0; font-size:90%}
.associatesleftcol { width: 290px; float:left; margin: 2px 0 0 0;}
.associatesleftcol .associatesphoto { margin: 0 7px 0 0; float:left}
.associatesleftcol .associatesphototext {float: left; padding:7px 0 0 0}
.associatesleftcol .associatesphotoname { color:#7E0B46}
.associatesleftcol .associateslogo { margin: 20px 0 0 0}
.associatesrightcol { width:464px; float:left; background: url(/images/px_panelgradient2.jpg) repeat-x top left}
.associatesrightcol .associatesdesc { margin:12px; font-size:95%}
/************************************         N A V I G A T I O N        **********************************************************/

#home-header {  }

#home-navigation { xfloat:left; clear:both; width: 778px; background-color: #DFDFDF; height:23px; padding:0; margin:0; border-bottom: 1px solid white; text-align:left; xborder:1px solid red; xmargin: 0 0 1px 0  }
html>body #home-navigation { xmargin:7px 0 0 1px}

ul#home-navigation-list { height:23px; list-style:none; xfloat:left; margin: 1px 0; padding: 0 0 0 13px }
ul#home-navigation-list li {height:23px; display:inline; font-size: 87%; color:#666; padding: 0; font-weight:bold}
ul#home-navigation-list li a { color:#666; text-decoration:none}
ul#home-navigation-list li a:hover, ul#home-navigation-list li a.active { color: #ff3399;text-decoration:none}
ul#home-navigation-list li a.orange:hover, ul#home-navigation-list li a.orangeactive { color: #FF9900;text-decoration:none}
ul#home-navigation-list img {padding: 0 5px; margin:0; xborder: 1px solid red; vertical-align:middle; height:20px}

.logo { xfloat:right; xmargin: 31px 22px 0 0}

#flashimg { margin: 0 0 10px 0}

/******************************************         F O O T E R       **********************************************************/

#footer { clear:both; text-align: center; width: 780px; padding: 10px 0; color: #fff; background-color: #7E0B46; font-size: 80%  }
#footer img { vertical-align:middle}


ul#navlist { float: left; margin: 0; padding: 0; white-space: nowrap; height:24px  }
#navlist li { display: inline; list-style-type: none; height:24px }
#navlist a {  text-decoration: none }
#navlist a:link, span.tingleweb a:link, #navlist a:visited, span.tingleweb a:visited { color: #fff; text-decoration: none; }
#navlist a:hover, span.tingleweb a:hover { color: #fff; text-decoration: underline; }

.navcontainer {float: left; margin: 0; padding: 0;  }
span.copyright {float: right; width:200px  }
span.tingleweb { float:left; xclear:both; }