/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {background:#0A435A; font-family:"Myriad Web", Arial; font-size:11px;}
#wrapper {width:950px; margin:0 auto;}
#container {float:left; width:100%;  background:#FFF;}
#topbar {background: url(../_images/bg_topbar.gif) left top repeat-x; height:31px;  border-bottom:8px solid #EAEAEA; }
#logo {float:left; width:540px;}
#logo img {margin-left:20px;}
#useful-links { float:left; width:400px;}
#useful-links div {float:left; border-right:1px solid #999;padding:0 15px 0 5px; line-height:18px; vertical-align:middle; margin-top:7px;}
#useful-links div#home {border-left:1px solid #999;}
#useful-links div.contactus {padding-right:0; border:0}
#useful-links a {font-family:'Myriad Web', Arial; font-size:11px; text-transform:uppercase; font-weight:bold; color:#203137; text-decoration:none;}
div.select {position:relative; display:inline; margin:0; width:115px; }
div.select a.dd-opener {float:left;}
div.select a:hover {text-decoration:none;}
ul.selectbox {position:absolute; top:20px; left:-1px; list-style:none;border-width:1px; border-style:solid; border-color:#ccc;z-index:1000; display:block; margin:0; width:135px; padding-bottom:5px; background:#FFF}
ul.selectbox li {margin:5px;}
ul.selectbox li img {padding-right:5px;}
#useful-links ul.selectbox a {color:#999; text-decoration:none; text-transform:uppercase; }
ul.selectbox a:hover {text-decoration:underline;}
div.select a.pulldown_arrow { padding:0 10px;background:url(../_images/arrow-down.gif) right top no-repeat; text-decoration:none;}
div.select a.pulldown_arrow:hover {text-decoration:none}
div.hide-dropdown .selectbox {display: none;}
#header {height:350px; float:left; width:950px; overflow:hidden;}
#header p {font-size:13px; float:left}
#content {
	float:left;
	width: 900px;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 30px;
	padding-left: 25px;
}
#welcome {
	width:240px;
	float:left;
}
#welcomecenter {
	width:350px;
	margin-right:20px;
	float:left;
	margin-left: 20px;
}
#welcomecenterbottom {
	width:340px;
	float:left;
	background-color: #BFE1ED;
	margin-top: 20px;
	text-align: left;
	height: 290px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#welcomecentertop {
	width:320px;
	float:left;
	background-color: #BFE1ED;
	padding: 15px;
}
#welcomeleftbottom {
	width:240px;
	float:left;
	margin-top: 20px;
	color: #000;
}	
#welcomeleftbottom2 {
	width:231px;
	float:none;
	color: #000;
	background-image: url(../_images/backgroundtextbubble.png);
	background-repeat: no-repeat;
	background-position: center top;
	letter-spacing: normal;
	padding-top: 10px;
	margin-top: 10px;
}
#welcomelefttop {
	width:240px;
	float:left;
	padding-top: 14px;
}
#welcome ul {margin:5px 0 0; color:#666; line-height:20px; list-style:none;}
#welcome li {padding: 5px 0 3px 15px;}
#welcome li.negotiating {background:url(../_images/bullet-negotiating.gif) left 10px no-repeat;}
#welcome li.facilitating {background:url(../_images/bullet-facilitating.gif) left 10px no-repeat;}
#welcome li.training {background:url(../_images/bullet-training.gif) left 10px no-repeat;}
#welcome li.foresight {background:url(../_images/bullet-foresight.gif) left 10px no-repeat;}
#welcome li.mediating {background:url(../_images/bullet-mediating.gif) left 10px no-repeat;}
#welcome li.coaching {background:url(../_images/bullet-coaching.gif) left 10px no-repeat;}
h1 {
	color:#006e96;
	font-size:20px;
	font-weight:bold;
}
h2x {
	color:#3088AD;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:10px;
	text-align: left;
}
h2 {
	color:#3088AD;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:10px;
	text-align: center;
	font-weight:normal;
}
p {
	margin-top:15px;
	color:#333;
	font-size: x-small;
}
#content a {color:#1076A0;}
#content a:hover {text-decoration:none;}
#content li {color:#333}
#spotlight {
	width:270px;
	float:right;
	padding-top: 14px;
}
#spotlight div {
	padding-left:25px;
	background:url(../_images/balloon.gif) top left no-repeat;
}
h3 {text-transform:uppercase; font-size:12px; color:#333; text-decoration:underline}
#spotlight div p {margin:10px 0}
#footer {text-align:center; width:100%; color:#7598A5; text-transform:uppercase; font-size:10px; line-height:20px; margin-top:5px; }
#footer a {color:#7598A5;}


.header-about {background:url(../_images/about/header.jpg) left top no-repeat;}
.header-about #navigation {padding-top:273px;}
.header-about p {padding:90px 0 0 325px; color:#1076A0; width:505px;}
.header-negotiating {background:url(../_images/negotiating/header.jpg) left top no-repeat;}
.header-negotiating #navigation {padding-top:244px;}
.header-negotiating h1 {padding:10px 0 0 575px; color:#1076A0; font-style:italic; font-size:16px;}
.header-negotiating p {padding:50px 0 0 535px; width:340px; color:#1076A0;}
.header-facilitating {background:url(../_images/facilitating/header.jpg) left top no-repeat;}
.header-facilitating #navigation {margin-top:273px;}
.header-facilitating p {padding:45px 0 0 160px; width:725px; color:#1076A0;}
.header-foresight {background:url(../_images/foresight/header.jpg) left top no-repeat;}
.header-foresight #navigation {margin-top:272px;}
.header-foresight p {padding:130px 0 0 30px; width:475px; color:#1076A0;}
.header-coaching {background:url(../_images/coaching/header.jpg) left top no-repeat;}
.header-coaching #navigation {margin-top:267px;}
.header-coaching p {padding:95px 0 0 475px; width:370px; color:#1076A0;}
.header-training {background:url(../_images/training/header.jpg) left top no-repeat;}
.header-training #navigation {margin-top:273px;}
.header-training p {padding:20px 0 0 440px; width:480px; color:#1076A0;}
.header-mediating {background:url(../_images/mediating/header.jpg) left top no-repeat;}
.header-mediating #navigation {margin-top:273px;}
.header-mediating p {padding:55px 0 0 330px; color:#FFF; width:285px;}
.header-contact {background:url(../_images/bg_contact.jpg) left top no-repeat;}

ul.about {margin:5px 0 0; line-height:20px; list-style:none;}
ul.about li {background:url(../_images/bullet-about.gif) left 10px no-repeat; padding: 5px 0 3px 15px;}
ul.facilitating {margin:5px 0 0; line-height:20px; list-style:none;}
ul.facilitating li {background:url(../_images/bullet-facilitating.gif) left 10px no-repeat; padding: 5px 0 3px 15px;}
ul.negotiating {margin:5px 0 0; line-height:20px; list-style:none;}
ul.negotiating li {background:url(../_images/bullet-negotiating.gif) left 10px no-repeat; padding: 5px 0 3px 15px;}
ul.training {margin:5px 0 0; line-height:20px; list-style:none;}
ul.training li {background:url(../_images/bullet-training.gif) left 10px no-repeat; padding: 5px 0 3px 15px;}
ul.foresight {margin:5px 0 0; line-height:20px; list-style:none;}
ul.foresight li {background:url(../_images/bullet-foresight.gif) left 10px no-repeat; padding: 5px 0 3px 15px;}
ul.coaching {margin:5px 0 0; list-style:none;}
ul.coaching li {background:url(../_images/bullet-coaching.gif) left 10px no-repeat; padding:5px 0 3px 15px;}
ul.mediating {margin:5px 0 0; line-height:20px; list-style:none;}
ul.mediating li {background:url(../_images/bullet-mediating.gif) left 10px no-repeat; padding: 5px 0 3px 15px;}
#example {float:left; width:590px; margin-right:40px;}
#contact {width:100%; float:left;}
#contact div {float:left; width:200px; margin-right:20px;}
.blockquote {
	background-image: url(../_images/open-quote.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 30px;
	font-style: italic;
	margin-bottom: 10px;
}
.blockquote span {
background-image: url(../_images/close-quote.gif);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 30px;
}
#wrapper #container #content #spotlight div p img {
	color: #FFF;
}
#wrapper #container #content #welcome #welcomelefttop p {
	text-align: justify;
}
#wrapper #container #content #welcome #welcomelefttop h4 {
	color: #333;
}
#wrapper #container #content #welcome #welcomelefttop h2 {
	text-align: left;
	font-size: 18px;
}
#wrapper #container #content #welcomecenter #welcomecentertop h2 {
	font-weight: bold;
}
