/* page setup */
img, h1, h2, h3, h4, p, ul, li {
border: 0;
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 12px;
/*background: #F35A0A; */
background: #F35A0A;
color: #000;
}
#echolane {
padding: 0;
}
#wrap {
margin: 0;
padding: 10px 0 0 0;
background: #fff;
}
#wrap-inner {
width: 820px;
margin: 0 auto;
}
#content {
width: 820px;
margin-bottom: 10px;
}
#header a {
margin: 0;
padding: 0;
width:267px;
height:65px;
float:left;
text-indent:-9999em;
overflow:hidden;
margin: 15px 0 10px 0;
background: url(../images/echo-lane.gif) no-repeat;
}
/* navigation */
#nav {
clear: both;
margin: 0 0 0px 0;
padding: 0;
text-transform: none;
font-style: none;
font-weight:normal;
width: 820px;
height: 38px;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav li {
float: left;
margin: 0;
padding: 0px 2px;
}
#nav li a {
float: left;
margin: 0 1px 0 0;
padding: 6px 9px;
font-size: 100%;
font-weight: normal;
text-decoration: none;
color: #666;
}
#nav li a:hover {
color: #fff;
background: #FF6E22;
}
#nav li a.active {
color: #fff;
background: #FF6E22;
}
.wrap {
width:100%;
overflow:hidden;
}
div.highlight {
background: #f7f7f7 url(../images/layout/grey-border-top.gif) no-repeat left top;
width: 100%;
border-top: 40px solif #000;
}
div.end {
width: 100%;
height: 30px;
background: url(../images/layout/grey-border-bottom.gif) no-repeat left top;
}
div.sidebar {
width: 235px;
padding: 20px 20px 15px 25px;
margin: 0px 0 10px 0;
float: left;
}
div.sidebar ul {
margin: 10px 3px;
padding: 0;
list-style: none;
}
div.sidebar ul li {
height: 22px;
background: url(../images/arrows.png) no-repeat 0 13px;
padding: 8px 0 0 12px;
border-bottom: 1px solid #E9E9E9;
}
div.sidebar ul li.custom {
height: 24px;
background: url(../images/custom.gif) no-repeat 0 2px;
padding: 8px 0 0 34px;
border-bottom: 1px solid #E9E9E9;
}
div.sidebar ul li.contact {
height: 24px;
background: url(../images/contact.gif) no-repeat 0 2px;
padding: 8px 0 0 34px;
border-bottom: 1px solid #E9E9E9;
}
div.sidebar ul li.consulting {
height: 40px;
background: url(../images/consulting.gif) no-repeat 0 8px;
padding: 8px 0 0 34px;
border-bottom: 1px solid #E9E9E9;
}
div.sidebar ul li.packaged {
height: 24px;
background: url(../images/packaged.gif) no-repeat 0 2px;
padding: 8px 0 0 34px;
border-bottom: 1px solid #E9E9E9;
}
div.sidebar ul li a {
margin: 0 1px;
text-decoration:none;
color: #F35A0A; 
padding: 2px 25px 2px 0px;
font-size: 11px;
}
div.sidebar ul li a:hover {
color: #F35A0A;
text-decoration:underline;
padding: 2px 27px 2px 0px;
}
div.sidebar ul.events {
list-style:none;
}
div.sidebar ul.events li {
list-style:none;
border:none;
border-top: 1px solid #E9E9E9;
background:none;
padding: 10px 0 0 0;
margin-top: 17px;
height: 55px;
}
div.sidebar ul.events li p {
padding: 0;
margin: 0;
}
div.sidebar ul.events li a {
margin: 0 1px;
background: url(../images/layout/arrow.gif) no-repeat right top;
text-decoration:none;
color: #F35A0A; 
padding: 2px 25px 2px 0px;
font-size: 85%;
}
div.sidebar ul.events li a:hover {
color: #F35A0A;
text-decoration:underline;
padding: 2px 27px 2px 0px;
}
div.sidebar ul.events li em {
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
}
div.sidebar ul.events li em span {
font-size:25px;
}
.deets {
float: right;
width: 130px;
line-height: 16px;}
.deets h3 {
color: #000;
font-size:14px;
margin: 0;
padding: 0;
}
div.sidebar p {
margin: 7px 0 0 0;
font-size: 90%;
line-height:1.5em;
color: #666;
}
div.left-block {
width:489px;
padding: 0px 20px 0px 30px;
margin: 20px 0;
float: left;
border-right: 1px solid #ccc;
}
div.left-block p {
margin: 7px 0 0 0;
font-size: 90%;
line-height:1.5em;
color: #666;
width: 250px;
}
.solution-links {
width: 200px;
float: right;
}
.solution-links ul {
margin: 0px 3px;
padding: 0;
list-style: none;
}
.solution-links li {
height: 22px;
padding: 8px 0 0 0px;
border-bottom: 1px solid #E9E9E9;
}
.solution-links li a {
margin: 0 1px;
text-decoration:none;
color: #F35A0A; 
padding: 2px 25px 2px 0px;
font-size: 90%;
}
.solution-links li a:hover {
color: #F35A0A;
text-decoration:underline;
padding: 2px 27px 2px 0px;
}
.case-studies {
height: 260px;
}
.case-studies h1 {
position: absolute;
margin-left: -60px;
}
.slides blockquote {
float: left;
background: none;
padding: 0px 0px 0px 3px;
margin: 0px 0 0 0;
font-size:100%;
font-family: "Georgia";
font-style:italic;
color:#333;
text-align: left;
width: 190px;
}

.slides span {float: left;display: block;font-size: 11px;width: 160px; padding: 5px 0 0 3px; color: #000; font-weight: bold;}
.slides h3 {color: #000; font-size: 140%;padding: 0px 0 0 3px;}
a.link {
margin: 5px 0 0 0;
padding: 0;
border: 0;
color: #F35A0A;
text-decoration:underline;
padding: 4px 6px 4px 18px;
font-size: 85%;
background: url(../images/arrows.png) no-repeat 0 10px;
text-decoration:none;
}
a.link:hover {
text-decoration:underline;
}
#picnav {
height: 50px;
margin: 10px 0 0px 0;
padding: 0;
border: 0;
}
#picnav ul {
margin: 0;
padding: 0;
border: 0;
list-style:none;
background:  #900;
}
#picnav li {
margin: 0 8px 0 0;
padding: 0px;
list-style:none;
float: left;
}
#picnav a.active {
border-bottom: 6px solid #F35A0A;
}
#picnav a:hover {
border-bottom: 6px solid #F35A0A;
}
h1 {
font-weight:normal;
font-style:normal;
text-transform:none;
margin: 0;
padding: 5px 0 0 0;
border: 0;
font-size: 160%;
}
h2 {
clear: both;
color: #333;
font-weight:normal;
font-style:normal;
text-transform:none;
margin: 0;
padding: 12px 0 0 0;
border: 0;
font-size: 120%;
}
h2.subhead {
clear: both;
color: #000;
font-weight:normal;
font-style:normal;
text-transform:none;
margin: 0;
padding: 20px 0 0 0;
border: 0;
font-size: 150%;
}
a {
color: #F35A0A;
text-decoration:underline;
}
/* footer */
#footercopy {
clear: both;
width: 820px;
margin: 0 auto;
padding: 10px 0 20px 0px;
}
#footercopy p {
width: 820px;
font-size: 95%;
margin: 0;
border: 0;
text-align: right;
padding: 0px 0 20px 0px;
color: #fff;
}
#footer {
clear: both;
width: 820px;
margin: 0 auto;
padding: 10px 0 0 10px;
background:url(../images/layout/partners.png) no-repeat left 20px;
height: 80px;
}
.map {
float: right;
width: 106px;
min-height: 100px;
}
.wrapper {
float: right;
width: 140px;
min-height: 100px;
}
.wrapperdownload {
float: right;
width: 150px;
}
#footer p {
font-family: "Myriad Pro", "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 7px 0 0px 0;
padding: 0;
text-align: left;
color: #fff;
line-height:1.4;
}
#footer p a {
color: #911C01;
text-decoration:underline;
}
#footer h4 {
margin: 10px 0 0 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #fff;
}
#footer p a:hover {
color: #fff;
text-decoration:underline;
}
.side {
float: left;
padding-right: 10px;
}
hr {
clear: both;
margin: 0;
padding: 0;
border: 0;
height: 0;
width: 0;
}
/* self-clear floats */
.top:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Jamie css */
#contentSub {
background: url(../images/menuSepLine.gif) no-repeat 0 8px;
width: 820px;
padding-left:10px;
padding-bottom: 20px;
padding-right:35px;
margin-bottom: 10px;
}
#nosubnav  {
height: 35px;
}
#subnav  {
height: 75px;
}
#subnav ul {
margin: 0;
padding: 30px 0 0px 0;
border: 0;
list-style: none;
}
#subnav li {
float: left;
margin: 0 0 0px 0;
padding: 0px 4px;
}
#subnav li a {
float: left;
margin: 0 1px 0 0;
padding: 6px 9px;
font-size: 100%;
font-weight: normal;
text-decoration: none;
color: #666;
}
#subnav li a:hover {
color: #fff;
background: #747474;
}
#subnav li a.active {
color: #fff;
background: #747474;
}
h3 {
color:#ff6600;
font-size:180%;
font-weight:normal;
margin-top:0px;
margin-bottom:8px;
}
h4 {
color:#333;
font-size: 120%;
font-weight:normal;
margin-top:5px;
margin-bottom:0px;
}
h6 {
clear: both;
color:#ff6600;
font-size:150%;
font-weight:normal;
padding:20px 0 0 0;
margin:0px;
}
#contentSubLeft2 {
clear: both;
float:left;
width: 269px;
margin: 0;
padding-bottom: 10px;
line-height:1.4;
}
#contentSubLeft2 h4 {
color:#ff6600;
}
#contentSubLeft2 p {
font-size:16px;
margin-top:0px;
color:#535353;
}
#contentSubLeft2 p.small {
font-size:13px;
margin-top:10px;
color:#535353;
}
/*#contentSubLeft2 blockquote {
background: url(../images/blockquote.gif) no-repeat 0px top;
padding: 30px 40px 35px 35px;
margin: 55px 0 0 0;
font-size:110%;
font-style:normal;
color:#ff6600;
text-align: left;
}*/
#contentSubLeft2 blockquote {
background: url(../images/blockquote2.gif) no-repeat;
padding: 10px 10px 10px 40px;
margin: 10px 0 0 0;
font-size:140%;
font-family: "Georgia";
font-style:italic;
color:#333;
text-align: left;
}
.close-quote {
vertical-align:top;
padding: 10px 0 0 3px;
}
.download {
margin: 0;
padding: 10px 0 0 37px;
}
.diagram {
margin: 0;
padding: 10px 0 0 0;
}
.view {
margin: 0;
padding: 0px 0 0 37px;
}
#contentSubLeft2 em {
margin: 0;
padding: 0;
border: 0;
background: url(../images/blockquote2.gif) no-repeat;
width: 32px;
height: 32px;
}
#contentSubLeft2 p.smallblack {
clear: both;
padding: 0px 10px 10px 40px;
font-size: 100%;
font-weight:bold;
color:#000;
text-align: left;
}
#contentSubRight2 {
float:left;
width: 480px;
padding-bottom: 10px;
padding-left:35px;
padding-right:30px;
margin: 0;
line-height:1.4;
}
#contentSubRight2 p {
color:#535353;
margin-top:12px;
}
#contentSubRight2 p.challenge {
background: url(../images/brackets.png) no-repeat;
padding: 3px 40px;
}
#contentSubRight2 ul {
margin:0;
padding: 0 0 0px 35px;
color:#535353;
}
#contentSubRight2 blockquote {
color:#535353;
padding: 0 25px;
margin: 0;
font-style:italic;
width: 430px;
}
#contentSubRight2 blockquote.client {
background: url(../images/blockquote2.gif) no-repeat;
padding: 10px 10px 0px 40px;
margin: 25px 0 0 0;
font-size:140%;
font-family: "Georgia";
font-style:italic;
color:#333;
text-align: left;
}
#contentSubRight2 p.smallblack {
clear: both;
padding: 0px 0px 0px 40px;
margin: 0 0 5px 0;
font-size: 100%;
font-weight:bold;
color:#000;
text-align: left;
}
#contentSubRight2 p.author {
color:#000;
font-size:11px;
padding: 0 25px;
}
#contentSubRight2 label {
clear: both;
float:left;
width:120px;
margin-top: 13px;
padding-right: 15px;
color: #000;
text-align: left;
}
#contentSubRight2 label.long {
width:360px;
text-align: left;
margin-top: 20px;
}
#contentSubRight2 label.longest {
width:100%;
text-align: left;
margin-top: 10px;
}
#contentSubRight2 input {
float:left;
width:200px;
margin-top: 8px;
padding: 5px;
background: #FFF5EE;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
#contentSubRight2 input.submit {
clear: both;
width:88px;
float: left;
color:#666;
height:30px;
padding:0 10px;
font-weight:bold;
font-size: 10px;
background: url(../images/submit-button.gif);
border: 0;
cursor: pointer;
}
#contentSubRight2 label.short {
clear:none;
width: 150px;
text-align: left;
margin: 0;
padding: 5px 0 0 0;
border: 0;
}
#contentSubRight2 input.checkbox {
background: none;
width: 12px;
clear: both;
float: left;
color:#666;
margin: 5px 5px 0 0;
padding: 0;
border: 0;
font-weight:bold;
font-size: 10px;
border: 0;
}
#contentSubRight2 ul.checks {
width: 400px;
clear: both;
list-style:none;
float: left;
margin: 5px 0;
padding: 0;
border: 0;
}
#contentSubRight2 ul.checks li {
float: left;
width: 200px;
margin: 0;
padding: 0;
border: 0;
}
#contentSubRight2 textarea {
float: left;
clear: both;
width:310px;
margin-top: 6px;
padding: 5px;
background: #FFF5EE;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
font-family: "Myriad Pro", "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
#contentSubRight2 select {
float: left;
clear: both;
width:310px;
margin: 6px 0 10px 0;
padding: 5px;
background: #FFF5EE;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
font-family: "Myriad Pro", "Lucida Sans", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
#contentSubRight2 select.small {
float: left;
width:212px;
clear: none;
}
#contentSubRight2 ul.small {
font-size:12px;
padding: 0 0 10px 0px;
}
#contentSubRight2 li {
margin:10px 0 0 0;
padding:0 0 0 5px;
color:#535353;
}
#contentSubRight2 h4 {
color:#000;
font-size:150%;
font-weight:normal;
margin-top:20px;
margin-bottom:10px;
}
.client-logo {
padding: 0 0 5px 0;
}
#contentSubRight2 span.date {
float: left;
padding-right: 10px;
}
#contentSubRight2 table {
margin-top: 10px;
}
#contentSubRight2 th {
width: 100px;
vertical-align:top;
text-align:left;
}
#contentSubRight2 h5 {
clear: both;
color: #F35A0A;
font-weight:normal;
font-style:normal;
text-transform:none;
margin: 0;
padding: 15px 0 0 0;
border: 0;
font-size: 180%;
}
.logo {
margin-top: 0px;
}
#contentSubLeft {
clear: both;
float:left;
width: 520px;
padding-bottom: 20px;
}
#contentSubLeft p{
margin-top:0px;
color:#535353;
width: 440px;
line-height:1.4;
}
#contentSubRight {
float:left;
width: 249px;
min-height:430px;
padding-bottom: 20px;
background-repeat:repeat-y;
padding-left:15px;
padding-right:30px;
margin-top:20px;
line-height:18px;
}
#contentSubRight h4 {
margin: 20px 0 0 0;
padding: 0;
border: 0;
font-size: 130%;
font-weight: normal;
}
#contentSubRight p {
margin: 8px 0 0 0;
padding: 0;
border: 0;
color:#535353;
}
#contentSubRight a {
margin: 5px 0 0 0;
padding: 0;
border: 0;
color: #F35A0A;
text-decoration:none;
padding: 4px 6px 4px 18px;
font-size: 95%;
background: url(../images/arrows.png) no-repeat 0 10px;
text-decoration:undderline;
}
#contentSubRight a:hover {
text-decoration:underline;
}
.contentSubColumns {
float:left;
width:220px;
}
.long {
width:260px;
}
ul.downloads {
margin: 10px 3px;
padding: 0;
list-style: none;
}
ul.downloads li {
height: 22px;
background: url(../images/arrows.png) no-repeat 0 13px;
padding: 8px 0 0 18px;
border-bottom: 1px solid #E9E9E9;
font-size: 95%;
color: #666; 
}
ul.downloads li {
background: none;
padding: 12px 6px 4px 0px;
}
.contentSubColumns ul {
margin: 10px 3px;
padding: 0;
list-style: none;
}
.contentSubColumns ul li {
height: 22px;
background: url(../images/arrows.png) no-repeat 0 13px;
padding: 8px 0 0 18px;
border-bottom: 1px solid #E9E9E9;
font-size: 95%;
color: #666; 
}
.contentSubColumns ul.noarrows li {
background: none;
padding: 8px 0 0 0px;
}
.contentSubColumns ul li a {
margin: 0 1px;
text-decoration:none;
color: #F35A0A; 
padding: 4px 6px 4px 0px;
}
.contentSubColumns a:hover {
color: #F35A0A;
text-decoration:underline;
padding: 4px 6px 4px 0px;
}
.bio {
float: left;
margin: 3px 12px 3px 0;
}
.button {
margin: 0px 0 0 0;
}
.pdf {
 background: url(../images/pdficon_small.gif) no-repeat 0px 3px;
 padding: 5px 5px 5px 25px;
}
.clear{
clear:both;
}

.one-line {
clear: both;
float: left;
}


/* entry */
#contentSubRight2 h3 {
clear: both;
color: #F35A0A;
font-weight:normal;
font-style:normal;
text-transform:none;
margin: 0 0 3px 0;;
padding: 0 0 0 0;
border: 0;
}

#contentSubRight2 a {
	text-decoration:none;
	}

#contentSubRight2 small {
	font-size: 90%;
	color: #666;
	
}
#contentSubRight2 small em {
	color: #000;
	font-weight:bold;
	font-style: normal;
	
}

.post {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #E9E9E9;


}

/* response */
#respond {
text-align:left;
margin-left: 0px;}
#respond h3 {margin: 18px 0 0 0px; padding: 0;color: #000;font-size: 17px; font-weight: normal; position: relative;}
#respond  p {padding: 0px 0; color: #ccc;font-size: 12px;line-height: 12px;}
textarea { width: 400px; height: 100px;}
#respond input { clear:both;}
#respond label { clear:none; width: 220px;padding-left: 10px;}

#commentform { margin: 0px 0; padding: 0;}
.cancel-comment-reply { margin: 0px; padding: 0;};

#submit {
clear: both;
width:88px;
float: left;
color:#666;
height:30px;
padding:0 10px;
font-weight:bold;
font-size: 10px;
background: #000 url(../images/submit-button.gif);
border: 0;
cursor: pointer;
}