@import url("reset.css");

body {
	background:#FFF url(../images/bg-banner.png) repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding-top:30px;
}

#container {
	width:927px;
	margin:0 auto;
}

h1 { float:left; }
h2, h3, h4 { text-transform:uppercase; }

#banner { padding:0 4px; }

#navigation { float:right; padding-top:10px; }
#navigation ul { background:#CCC; }

#navigation ul li {
	float:left;
	font-size:0.85em;
	padding:0 8px 0 8px;
	background:url(../images/bg-navdivider.png) no-repeat right 3px;
}
#navigation ul li.last { padding-right:0; background:none; }

#navigation a {
	color:#4A6B80;
	text-decoration:none;
	text-transform:uppercase;
}
#navigation a:hover {
	color:#6C92AA;
	text-decoration:none;
}
#navigation a.selected {
	color:#A3BCCE;
}

#content { margin-top:14px; background:url(../images/bg-contentframe.png) repeat-y left top; }
#content a { color:#53788E; }
#content a:hover { color:#000; }

/* Content background positioning */
#inner.homepage {
	background:url(../images/bg-homepage.jpg) no-repeat left top;
	position:relative;
	padding:3px 0 0 7px;
}
#inner.credibility {
	background:url(../images/bg-credibility.jpg) no-repeat left top;
	position:relative;
	padding:13px 0 0 21px;
}
#inner.workhistory {
	padding:17px 320px 17px 22px;
	background:url(../images/bg-workhistory.jpg) no-repeat left top;
	position:relative;
}
#inner.downloads {
	padding:17px 320px 17px 22px;
	background:url(../images/bg-downloads.jpg) no-repeat left top;
	position:relative;
}
#inner.contact {
	padding:17px 320px 50px 22px;
	background:url(../images/bg-contact.jpg) no-repeat left top;
	position:relative;
}
#inner.workflow {
	position:relative;
	padding:20px 22px;
}

#inner.management { background:url(../images/bg-workflow-management.png) no-repeat left top; }
#inner.benefits { background:url(../images/bg-workflow-benefits.png) no-repeat left top; }
#inner.whoiworkwith { background:url(../images/bg-workflow-whoiworkwith.png) no-repeat left top; }
#inner.howiwork { background:url(../images/bg-workflow-howiwork.png) no-repeat left top; }


/* Homepage */
#interactiveBuilding {
	padding:7px 0 0 3px;	
}
#interactiveBuilding .intro {
	color:#5E88A2;
	width:327px;
	margin:0.7em 0 1.1em;
	line-height:1.2em;
}
#interactiveBuilding h3 {
	background:url(../images/bg-infacingheading.png) no-repeat left top;
	padding:8px 0 15px 9px;
	font-size:0.75em;
}
#interactiveBuilding ul {
	width:332px;
	padding:0 0 12px 0px;
	background:url(../images/bg-infacingboxout-base.png) no-repeat left bottom;
}

#interactiveBuilding li {
	font-size:0.7em;
	background:url(../images/bg-infacingboxout.png) repeat-y left top;
	padding:0 1.8em 0.7em 9px;
}



/* Credibility */

.credibility h2, .workhistory h2, .homepage h2, .downloads h2, .contact h2 { font-size:2.55em; }

#sections div {
	width:285px;
	margin-right:16px;
	padding-bottom:10px;
	float:left;
}
#sections { margin-top:172px; }
#sections div.last { margin-right:0; }

#sections h3 {
	font-size:1em;
	padding:2px 0 3px 8px;
	background:#F7AF06 url(../images/bg-credibilityheading.png) no-repeat left top;
	color:#000;
}
#sections h3 span { color:#FDB813; padding-right:9px; }
#sections p {
	margin-top:12px;
	width:270px;
	font-size:0.72em;
	line-height:1.45em;
}
#sections .warningGfx { margin-top:28px; }

/* *************** */

/* Workflow */

.workflow h2 { font-size:2.2em; }
.workflow h3 { font-size:1.2em; }
.workflow p {
	font-size:0.95em;
	width:623px;
	line-height:1.4em;
	margin-bottom:1.7em;
}
#sectionheading {
	background:url(../images/bg-localnav.png) no-repeat left top;
	position: relative;
	padding:9px 19px 8px 19px;
}
#sectionheading h3 {
	float:left;
	font-size:1.1em;
	color:#4A6B80;
}
#subnav { float:right; padding-top:5px; }
#subnav ul li {
	float:left;
	font-size:0.8em;
	padding:0 8px 0 8px;
	background:url(../images/bg-navdivider.png) no-repeat right 3px;
}
#subnav ul li.last { padding-right:0; background:none; }

#subnav a {
	color:#4A6B80;
	text-decoration:none;
	text-transform:uppercase;
}
#subnav a:hover {
	color:#6C92AA;
	text-decoration:none;
}
#subnav a.selected {
	color:#4A6B80;
}

.workflow blockquote {
	width:580px;
	font-size:1.3em;
	color:#5E88A2;
	border-top:1px solid #D8E2E9;
	border-bottom:1px solid #D8E2E9;
	background:url(../images/bg-blockquote-1.gif) no-repeat left 11px;
	padding:10px 0 10px 27px;
	margin:0.8em 0;
}
.howiwork blockquote { width:528px; }
.workflow blockquote img {
	vertical-align:middle;
}
.workflow cite {
	text-transform:uppercase;
	display:block;
	padding:0.5em 0 3px 0;
	font-size:0.6em;
	color:#000;
}
.listBoxout {
	margin-top:0.9em;
	margin-bottom:1.8em;
}
.listBoxout li h4 {
	font-size:0.8em;
	padding:0 0 3px 7px;
	background:url(../images/bg-listboxoutheading.png) no-repeat left top;
	margin-bottom:3px;
}
.listBoxout li h4 span {
	font-size:1.3em;
	color:#FDB813;
	padding:2px 10px 0 0;
}
.listBoxout p {
	background-color:#F4F9FD;
	padding:6px 10px 7px 10px;
	font-size:0.75em;
	width:494px;
}
/* *************** */

/* Work History */
.workhistory h2 {
	padding-bottom:0.28em;
}

.gridview {
	margin-top:0.8em;
	margin-bottom:1em;
	width:600px;
}
.gridview li {
	float:left;
	border:1px solid #DEE7ED;
	background-color:#FFF;
	width:102px;
	height:102px;
	padding:3px;
	margin:0 9px 9px 0;
}
.workhistory h3 {
	border-bottom:1px solid #DEE7ED;
	padding-bottom:0.3em;
	margin-bottom:0.6em;
}
.workhistory p {
	font-size:0.85em;
	line-height:1.4em;
}

/* *************** */

/* Downloads */
.downloads h2, .contact h2 { margin-bottom:12px; }

.downloadDocs {
    width:456px;
	margin-top:1.1em;
}
.downloadDocs li {
    background:#E3EDF3 url(../images/bg-downloadlist.png) repeat-x left bottom;
	padding:0.7em 0.5em 0.6em 0;
	font-size:0.9em;
}
.downloadDocs li.alt {
    background-color:#FDFEFF;
}
.downloadDocs p {
   padding-left:57px;
   line-height:1.2em;
   min-height:34px;
   background:url(../images/icon-document.png) no-repeat 13px 3px;
   float:left;
   width:300px;
}
.downloadDocs p a {
   text-decoration:none;
}
.downloadDocs p a:hover {
   text-decoration:underline;
}
.downloadDocs .docTitle { text-transform:uppercase; }

.downloadDocs a.downloadLink {
	position: relative;
	display:block;
	white-space: nowrap;
	background:url(../images/button-download-over.png) no-repeat 0 0;
	width:82px;
	height:20px;
	margin-top:14px;
	float:right;
}
.downloadDocs a.downloadLink:hover img {
	visibility:hidden;
}

#inner.downloads {
	min-height:365px;
}

/* *************** */

/* Contact styles */

.linkToAudio {
	width:280px;
	background:url(../images/bg-linkarrow.gif) no-repeat left 9px;
	border-top:1px solid #D8E2E9;
	border-bottom:1px solid #D8E2E9;
	padding: 0.3em 0 0.3em 0;
	margin:0.8em 0;
	color:#000;
}

.linkToAudio a {
	display:block;
	width:190px;
	background:url(../images/icon-audio.png) no-repeat right 1px;
	padding-left:12px;
	color:#000;
	text-decoration:none;
}
.linkToAudio a:hover {
	text-decoration:underline;
}

#inner.contact { min-height:280px; }
#inner.contact p { width:320px; line-height:1.2em; }


/* Case study list */

ul.casestudylist {
    width:585px;
    padding-top:10px;
}
ul.casestudylist li {
    min-height:21px;
    border-bottom:1px solid #DEE7ED;
    padding:10px 0 3px;
    position:relative;
}
ul.casestudylist h4 {
    font-size:0.85em;
    text-transform:none;
    font-weight:normal;
}
ul.casestudylist a.downloadLink,
ul.casestudylist a.urlLink {
    font-size:0.75em;
    display:block;
    padding-left:11px;
    background:url(../images/bg-linkarrow.gif) no-repeat left 2px;
    position:absolute;
    top:12px;
}
ul.casestudylist a.downloadLink {
    left:210px;
    
}
ul.casestudylist a.urlLink {
    left:405px;
}

/* *************** */

/* Utility styles */

.linkset { margin:0.8em 0; }
.linkset li {
	background:url(../images/bg-linkarrow.gif) no-repeat left 3px;
	font-size:0.85em;
	padding:0 0 0.4em 12px;
}
.linkset a {
	text-decoration:none;
}
.linkset a:hover {
	text-decoration:underline;
}

.note {
	color:#666;
	font-size:0.85em;
}
#banner:after, #sections:after, #sectionheading:after, .gridview:after, .listDisplay:after, .downloadDocs li:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

/* Definition lists */

.listDisplay {
	width:290px;
	margin-top:0.8em;
}

.listDisplay dt
{
	width:60px;
	float:left;
	margin:0;
	padding:0 0.5em 0.3em 0;
	clear:left;
	font-weight:bold;
}

.listDisplay dd
{
	width:205px;
	float:left;
	margin:0;
	padding:0 0 0.3em 0;
}

.listDisplay dd p { line-height:1.4em; }
.listDisplay dd a { text-decoration:none; }
.listDisplay dd a:hover { text-decoration:underline; }

/* Footer */

#footer {
	background: url(../images/bg-contentbottom.png) no-repeat left top;
	padding:20px 8px;
	font-size:0.7em;
	color:#777;
}
#footer ul { margin-left:8px; }
#footer ul li, #footer ul { display:inline; }
#footer ul li { border-right:1px solid #CCC; padding:0 6px 0 4px; }
#footer ul li.last { border-right:none; }
#footer a { color:#333; }
#footer a:hover { color:#666; }