body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* --- page --- */
#page {
	width: 926px;
	margin: 0 auto;
}


/* --- header --- */
.header {
	background: url(images/header.gif) repeat-x;
	height: 217px;
	width: 926px;
	position: relative;
}


/* --- logo and top nab button --- */
#logo, .contact, .services, .case, .about, .header ul li a, .listen, .listen2 {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
#logo {
	background: url(images/logo.gif) no-repeat;
	width: 576px;
	height: 55px;
	position: absolute;
	left: 88px;
	top: 51px;
}
.contact {
	background: url(images/contect-us.gif) no-repeat;
	width: 70px;
	height: 11px;
	position: absolute;
	top: 144px;
	left: 821px;
}
.header img {
	float: right;
	border: none;
	margin: 2px 35px 0 0;
}
h1 {
	position: absolute;
	left: 88px;
	top: 113px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	color: #a7a7a7;
	line-height: 14px;
}


/* --- top nav --- */
.header ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 88px;
	top: 140px;
}
.header ul li {
	margin: 0;
	padding: 0 30px 0 0;
	list-style: none;
	float: left;
}
.header ul li a.services {
	height: 19px;
	background: url(images/services.gif) no-repeat;
	width: 108px;
}
.header ul li a.case {
	height: 19px;
	background: url(images/case-studies.gif) no-repeat;
	width: 135px;
}
.header ul li a.about {
	height: 19px;
	background: url(images/about-us.gif) no-repeat;
	width: 110px;
}
* html .header ul li a:hover, * html .header ul li a.activ {
	background-position: 0 120% !important;
}
* +html .header ul li a:hover, * +html .header ul li a.activ {
	background-position: 0 120% !important;
}
.header ul li a:hover, .header ul li a.activ {
	background-position: 0 100% !important;
}


/* --- content about page --- */
.content {
	width: 926px;
	background: url(images/content-bg.gif) repeat-y;
}
.leftcolumn {
	width: 133px;
	float: left;
	margin: 0 1px 0 0;
	background: url(images/left-column-top.gif) repeat-x;
	padding: 259px 0 0;
}
.rightcolumn {
	width: 792px;
	float: left;
	padding: 0 0 30px;
}
#page .case-page {
	padding: 0 0 40px;
}
#page .servise-page {
	padding: 0 0 180px;
}
.clear {
	clear: both;
	width: 926px;
	overflow: hidden;
}
h2, h3, h4, h5 {
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.listen, .listen2 {
	float: left;
	margin: 64px 0 0 18px;
	background: url(images/listen-for-more-button.gif) no-repeat;
	width: 153px;
	height: 28px;
}
.listen2 {
	margin-left: 16px;
}
* html .about-us {
	margin-left: 20px;
}
.about-us {
	background: url(images/h1-about-us.gif) no-repeat;
	width: 240px;
	height: 55px;
	margin: 37px 0 21px 40px;
	float: left;
}
* html .casestudies {
	margin-left: 21px;
}
.casestudies {
	background: url(images/h1-case-studies.gif) no-repeat;
	width: 343px;
	height: 56px;
	margin: 36px 0 11px 43px;
	float: left;
}
.whatsnow {
	background: url(images/h1-whats-now.jpg) no-repeat;
	width: 310px;
	height: 58px;
	margin: 36px 0 11px 43px;
	float: left;
}
.contactus {
	background: url(images/h1-contactus.jpg) no-repeat;
	width: 343px;
	height: 56px;
	margin: 36px 0 11px 43px;
	float: left;
}
* html .services-h1 {
	margin-left: 21px;
}
.services-h1 {
	background: url(images/h1-services.gif) no-repeat;
	width: 239px;
	height: 56px;
	margin: 36px 0 8px 41px;
	float: left;
}


/* --- content box --- */
.content-box {
	clear: both;
	width: 703px;
	margin: 0 0 0 89px;
}
* html .case-box {
	margin: 0 0 0 21px;
}
.case-box {
	clear: both;
	width: 749px;
	float: left;
	margin: 0 0 0 44px;
}


/* --- foto box --- */
.foto {
	width: 134px;
	float: left;
	padding: 26px 0 0;
}
.foto-service {
	width: 136px;
	padding: 39px 0 0 21px;
	float: left;
}


/* --- right foto box --- */
.info-foto {
	width: 569px;
	float: left;
	padding: 25px 0 0;
}
.info-foto-service {
	width: 463px;
	padding: 38px 0 0 22px;
	float: left;
	overflow: hidden;
}
#page .info-foto-service p {
	width: 463px;
}
.info-foto h3 {
	margin: 0 0 8px;
}
* html .book-info-foto p {
	width: 300px;
	float: left;
}
* +html .book-info-foto p {
	width: 300px;
	float: left;
}
.info-foto p, .home-right p, .case-box p {
	margin: 0;
	padding: 0 0 20px;
	font-size: 14px;
	color: #000;
	line-height: 20px;
	width: 466px;
}
#page .case-box p {
	width: 465px;
	padding: 0 0 10px;
}
.info-foto p span {
	text-transform: uppercase;
	font-size: 12px;
}
#page .case-box .it-sep {
	font-style: italic;
	width: 462px;
	margin: 0;
	padding: 0 0 2px;
}
.it-sep span {
	padding: 0 0 0 10px;
	margin: 0 0 0 4px;
	background: url(images/content-separator.gif) no-repeat 0 4px;
}


/* --- book box right --- */
.book {
	width: 234px;
	float: right;
	background: #d9d9d9;
	margin: 0 0 40px 20px;
}
#page .case-box .book {
	margin-top: 35px;
}
.top {
	width: 221px;
	padding: 15px 0 0 13px;
	height: 27px;
	background: #ffbb00;
	margin: 0 0 7px;
}
#page .case-page .top {
	padding-left: 12px;
	width: 222px;
}
.book p img {
	float: right;
	padding: 5px 0 15px 8px;
	display: block;
}
* html .book p {
	width: 212px;
	float: left;
}
* +html .book p {
	width: 212px;
	float: left;
}
.book p {
	width: 212px;
	font-size: 11px;
	line-height: 15px;
	color: #333;
	padding: 0 0 0 12px;
	display: block;
}
.book ul {
	margin: 0;
	padding: 0 0 30px;
}
.book ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	width: 208px;
	padding: 5px 0 0 23px;
	background: url(images/li-bg.gif) no-repeat 13px 12px;
	display: block;
}
.book p.strong {
	text-align: right;
	font-weight: bold;
	padding: 2px 0 18px 13px;
}
.jill {
	background: url(images/jill-fraser.gif) no-repeat;
	width: 98px;
	height: 19px;
}
.laura {
	background: url(images/laura-walbert.gif) no-repeat;
	width: 133px;
	height: 19px;
}
.audio {
	background: url(images/audio-visual.gif) no-repeat;
	width: 116px;
	height: 19px;
	padding-bottom:9px;
}
.print {
	background: url(images/print.gif) no-repeat;
	width: 50px;
	height: 18px;
	padding-bottom:9px;
}
.online {
	background: url(images/online.gif) no-repeat;
	width: 60px;
	height: 19px;
	padding-bottom:9px;
}
.media {
	background: url(images/media-training.gif) no-repeat;
	width: 134px;
	height: 18px;
	padding-bottom:9px;
}
.communication {
	background: url(images/communications-diagnostics.gif) no-repeat;
	width: 254px;
	height: 19px;
	padding-bottom:9px;
}
.project1 {
	background: url(images/project1.gif) no-repeat bottom;
	width: 437px;
	height: 59px;
	padding: 35px 0 0;
	margin: 0 0 10px 3px;
}
.project2 {
	background: url(images/project2.gif) no-repeat bottom;
	width: 465px;
        height: 59px;
	padding: 35px 0 0;
	margin: 0 0 10px 3px;
}
.project3 {
	background: url(images/project3.gif) no-repeat bottom;
	width: 400px;
	height: 39px;
	padding: 35px 0 0;
	margin: 0 0 10px 3px;
}
.project4 {
	background: url(images/project4.gif) no-repeat bottom;
	width: 400px;
	height: 80px;
	padding: 35px 0 0;
	margin: 0 0 10px 3px;
}
h4 {
	background: url(images/praise-for-jills-book.gif) no-repeat;
	width: 163px;
	height: 16px;
}
#page .case-box h4 {
	background: url(images/what-maks-fwm-special.gif) no-repeat;
	width: 195px;
	height: 16px;
}


/* --- flash box --- */
.flash-box {
	background: url(images/flash-box.gif) repeat-x;
	height: 215px;
	width: 926px;
	margin: 0 0 32px;
}


/* --- left box --- */
.foto-box {
	width: 306px;
	float: left;
	padding: 0 0 0 31px;
}
.foto-box div {
	border: 1px solid #e58b07;
	width: 304px;
	height: 229px;
}
/* --- right home page content --- */
.home-right {
	width: 569px;
	padding: 0 0 30px 20px;
	float: left;
}
.home-right h4 {
	background: url(images/and-how-we-do-it.gif) no-repeat;
	width: 170px;
	height: 20px;
	margin: 0 0 10px;
}
.home-right p {
	font-size: 14px;
	line-height: 20px;
	margin: 0px; 
	padding: 0px 0px 12px;
}
.home-right a {
	font-size: 14px;
	line-height: 20px;
	color: #dd7700;
}
.home-right a:hover, .home-line p a:hover {
	text-decoration: none;
}
.home-line {
	background: url(images/home-line.gif) repeat-y;
	width: 903px;
	height: 21px;
	padding: 8px 0 0 23px;
	overflow: hidden;
	clear: both;
}
.home-line p {
	float: left;
	font-size: 13px;
	line-height: 13px;
	margin: 0;
	padding: 0 0 0 37px;
	color: #fff;
}
.home-line p a {
	color: #ffb600;
}
h5 {
	background: url(images/whats-now.gif) no-repeat;
	width: 85px;
	float: left;
	height: 13px;
}
#page .info-foto-service p {
	margin: 0;
	padding: 0;
}
#page .info-foto-service .services-p {
	color: #640;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	padding: 8px 0 2px;
}


/* --- footer --- */
.footer {
	background: url(images/footer-bg.gif) no-repeat;
	width: 926px;
	padding: 12px 0 0;
	text-align: right;
}
#page .home {
	background: none;
	padding: 28px 0 0;
}
.footer p {
	font-size: 10px;
	margin: 0;
	padding: 0 0 18px;
	line-height: 10px;
	color: #cdbaa1;
}