/*
-----------------------------------------------
Henderson Loggie styles (layout)
----------------------------------------------- */

/* Wrapper
----------------------------------------------- */
#wrapper {
	width: 960px;     /* set width of site */
}

/* Links
----------------------------------------------- */
a { color: #606; text-decoration: none; }
a:link { color: #606; text-decoration: none;}
a:visited { color: #606; }
a:hover { color: #606; text-decoration: underline;}
a:active { color: #606; text-decoration: none;}


/* Other Setup or Over-ride
----------------------------------------------- */

#wrapper ul li.last {
	border: none;
}
.vid {
	border: 2px solid #eee;
}
p.premier {
	font-size: 1.1em;
	color: #000;
}
img.inline {
	float: right;
	margin-left: 10px;
}

#primary p {
	line-height: 150%;
}

/* Header
----------------------------------------------- */
h1#logo, h2#logo, h1#logo a, h2#logo a {
	background:url(/assets/images/core/logo.png) no-repeat;     /* specify location of logo image */
	width:250px;
	height:80px;
	padding:0;
}

h1#logo, h2#logo {
	margin-top: 25px;
	margin-left: 15px;
	display: inline;
	font-size: 1px;
}


/* Main Nav
----------------------------------------------- */
ul#nav li a {
	height:20px;     /* specify height of navigation images */
}

#nav a { background-position:0 0; }
#nav .on a { background-position:0 -20px; }     /* specify starting position of nav image states */
#nav a:hover { background-position:0 -20px; }
#nav .on a:hover { background-position:0 -20px; }     /* this option for rollover state for option which is "on" - leave same as line 37 otherwise */

/* change widths and source of each navigation item */
ul#nav #nav_home, ul#nav #nav_home a { width:59px; background-image:url(/assets/images/nav/nav_home.png); }
ul#nav #nav_about, ul#nav #nav_about a { width:80px; background-image:url(/assets/images/nav/nav_about.png); }
ul#nav #nav_servicessectors, ul#nav #nav_servicessectors a { width:77px; background-image:url(/assets/images/nav/nav_services.png); }
ul#nav #nav_people, ul#nav #nav_people a { width:67px; background-image:url(/assets/images/nav/nav_people.png); }
ul#nav #nav_news, ul#nav #nav_news a { width:98px; background-image:url(/assets/images/nav/nav_whatsnew.png); }
ul#nav #nav_careers, ul#nav #nav_careers a { width:66px; background-image:url(/assets/images/nav/nav_careers.png); }
ul#nav #nav_contact, ul#nav #nav_contact a { width:68px; background-image:url(/assets/images/nav/nav_contact.png); }

ul#nav {
	float:left;
	margin: 88px 0 0 55px;
}


/* Header Area
----------------------------------------------- */

#header {
	background: #eee;
	width: 960px;
	float: left;
	padding-bottom: 15px;
}

/* Masthead
----------------------------------------------- */

#masthead {
	float: left;
}
#masthead_chat {
	float: right;
	background: #606;
	color: #fff;
}
.hefty {
	font-size: 1.9em;
	display: block;
	margin-bottom: 30px;
	text-indent: -9999px;
	width: 334px;
	height: 48px;
	background: url(/assets/images/home/masthead_chat_01.png) top left no-repeat;
}
.hefty span {
	color: #B380B3;
	float: left;
	cleaR: left;
}

/* Content Area
----------------------------------------------- */

#content {
	width: 960px;
	float: left;
}
#content ul li {
	margin: 0.3em 0;
	line-height: 130%;
}

/* Sub Nav */

#subnav {
	width: 217px;
	float: left;
	border: 4px solid #606;
	padding-left: 15px;
	padding-bottom: 20px;
}
#subnav ul {
	width: 217px;
	float: left;
	margin-bottom: 1.4em;
}
#subnav ul li {
	padding-right: 20px;
	width: 197px;
	margin: 0.6em 0;
}
#subnav ul li.on, #subnav ul li.on a, #subnav ul li.on ul li.on a {
	color: #999;
}
#subnav ul li.on ul li a {
	color: #660066;
}
#subnav ul.chevrons li {
	clear: both;
	padding-left: 12px;
	width: 172px;
	background: url(/assets/images/core/chevron_purple_on_white.png) 0 0.4em no-repeat;
}
#subnav ul ul, #subnav ul.chevrons ul {
	background: none;
	margin: 0 0 15px 15px;
	padding: 0;
	position: relative;
	width: 190px;
}
#subnav ul.chevrons ul {
	margin-left: 0;
}
#subnav ul ul li {
	padding-right: 0;
}
#subnav h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}





/* Tabs
----------------------------------------------- */

#tabs {
	width: 410px;
	float: left;
	border-bottom: 1px solid #666;
	margin: 0 0 20px -20px;
	padding:0;
	display: inline;
	padding-left: 30px;
}
#primary #tabs ul {
	margin:0;
	padding:0;
}
#tabs ul li {
	float: left;
	padding:0;
	margin: 7px 1px 0 1px;
}
#tabs ul li a {
	padding: 6px 8px;
	display: block;
}
#tabs ul li.on {
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
	position: relative;
}
#tabs ul li.on a {
	color: #666;
	text-decoration: none;
}



/* Puffs
----------------------------------------------- */

#secondary_col .puff {
	border: 4px solid #eee;
	width: 202px;
	float: left;
	margin-top: 20px;
	padding: 10px 15px;
}
.puff h3, .puff h4 {
	margin-top: 0;
	margin-bottom: 0.1em;
	color: #000855;
	border: none;
}
#primary .puff {
	border: 4px solid #eee;
	width: 382px;
	float: left;
	margin: 1.5em 0;
	padding: 10px 15px;
}
#primary .split .puff {
	border: 4px solid #eee;
	width: 172px;
	float: left;
	margin: 1.5em 0;
	padding: 10px 15px;
}
#primary .split.left .puff {
	border: 4px solid #eee;
	width: 162px;
	float: left;
	margin: 1.5em 0;
	padding: 10px 15px;
}


/* Forms
----------------------------------------------- */
#secondary form label, #secondary form .row.multi legend {
	width: 202px;
	color: #000;
	margin-bottom: 0.3em;
}
#secondary form .row.submit {
	margin:1em 0 0 0;
}
#secondary form .text input, #secondary form .textarea textarea {
	width:194px;
	padding: 4px;
}
#secondary form .row.multi fieldset label {
	width:auto;
}



#primary form label, #primary form .row.multi legend {
	width: 140px;
	color: #000;
	margin-bottom: 0.3em;
	padding: 4px;
	text-align: right;
}
#primary form .row.submit {
	margin:0 0 0 155px;
}
#primary form .row.checkbox, #primary form .row.notes {
	margin:0 0 0.3em 155px;
}
#primary form .row.checkbox label {
	float: left;
	width: 150px;
	text-align: left;
}
#primary form .row.checkbox input {
	float: left;
	clear: left;
	margin-top: 0.3em;
}
#primary form .text input {
	width:194px;
	padding: 4px;
}
#primary form .textarea textarea {
	width: 244px;
	padding: 4px;
}
#primary form .row.multi fieldset label {
	width:auto;
}




.formholder form input.button {
	width: auto;
	padding:0;
	margin:5px 0 0 10px;
	border: none;
	float: left;
	clear: none;
}
form .buttonHolder input, input#submit, a.button {
	background: #660066;
	border-right: 1px solid #3F0041;
	border-bottom: 1px solid #3F0041;
	border-left: 1px solid #9A07A6;
	border-top: 1px solid #9A07A6;
	color: #fff;
	cursor: pointer;
	font-size: 1.1em;
	margin-top:10px;
	padding: 2px 5px;
	overflow: visible;
	width: auto;
}
a.button {
	clear: both;
	display: block;
	float: left;
}
a:hover.button {
	color: #fff;
	text-decoration: none;
}
form label.king {
	font-size:1.3em;
}
#primary .puff.formholder form {
	width: 382px;
	float: left;
	margin-bottom: 0.4em;
}
#primary .puff.formholder p {
	width: 382px;
	float: left;
	margin:0;
}
.formholder form input, .formholder form select {
	border: 1px solid #999;
	padding: 4px;
	width: 200px;
	float: left;
	clear: left;
	margin-top: 5px;
}

#people-search form input, #people-search form select#fld_service {
	display: block;
	float: none;
}
#people-search form select#fld_service {
	padding: 2px;
}
#people-search form input.button {
	margin: 3px 0 0 0;
}
#people-search form input#fld_name {
	width: 190px;
}
#people-search p.or {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 202px;
}

/* Login form */
#signin form .ctrlHolder {
	clear:both;
	display:block;
	float:left;
	margin-bottom:0;
	width:100%;
}
#signin form .ctrlHolder input {
	color:#333333;
	float:left;
	font-size:1.1em;
	padding:3px;
	width:200px;
}
#signin form .ctrlHolder label {
	display:block;
	float:left;
	font-size:1.1em;
	margin-right:10px;
	margin-top:5px;
	text-align:right;
	width:100px;
}
#signin form .buttonHolder input {
	border-right: 1px solid #3F0041;
	border-bottom: 1px solid #3F0041;
	border-left: 1px solid #9A07A6;
	border-top: 1px solid #9A07A6;
	margin-left:118px;
}
#signin form input {
	border:1px solid #999999;
}

#register-updates input#submit {
	display: block;
}
#primary form#register-updates label {
	margin-top: -2px;
}
#register-updates label input {
	margin: 0 5px -3px 0;
}
#register-updates select#industry_sector {
	width: 204px;
}


/* Form errors */
.form-error, ul.errors, #primary ul.errors {
	color: #cc0000;
}
.form-error p, ul.errors li, #primary ul.errors li  {
	margin: 0 0 1.6em 153px;
	width: auto;
}
input.submit {
	display: block;
	margin: 1em 0;
}
ul.errors li, #primary ul.errors li {
	background: none;
	padding-left: 0;
}
#signin form ul.errors li, #signin form #primary ul.errors li {
	margin: 0 0 0 118px;
	padding: 0;
}


/* 'Register For Events' form */
form#register-for-events {
	width: 420px;
}
form#register-for-events table tr td input {
	border: 1px solid #999;
	margin: 0 5px 15px 0;
	padding: 3px;
	width: 90px;
}
form#register-for-events table tr th {
	font-weight: bold;
	padding-bottom: 5px;
}
form#register-for-events fieldset {
	margin: 0;
	padding: 0;
}
form#register-for-events legend {
	color: #333;
	font-size:1.3em;
	margin: 0;
	padding:0.4em 0 0.2em;
}
form#register-for-events h5.table-title {
	display: block;
	float: left;
	font-size: 1em;
	text-align: left;
	width: 100%;
}

/* Footer
----------------------------------------------- */
#footer {
	font-size:0.85em;
	margin:30px 0 0 0;
	border-bottom: 30px solid #fff;
	color:#888;
	float: left;
}
#line {
	float:right;
	width:170px;
	text-align:right;
	color:#ccc;
}
#line a, #line a:visited, #line a:hover {
	color:#ccc;
}
#footer ul {
	float: left;
	width: 520px;
}
#footer ul li {
	float: left;
	border-right: 1px solid #606;
	margin-right: 6px;
	padding-right: 6px;
}



/* Headings
----------------------------------------------- */

h1 {
	font-size: 1.5em;
	margin: 4px 0 6px 0;
	padding: 0.4em 0 0.2em 0;
}
h2 {
	font-size: 1.5em;
	margin: 4px 0 6px 0;
	padding: 0.4em 0 0.2em 0;
}
h3 {
	font-size: 1.5em;
	margin: 4px 0 6px 0;
	padding: 0.4em 0 0.2em 0;
}
h4 {
	font-size: 1.3em;
	margin: 4px 0 6px 0;
	padding: 0.4em 0 0.2em 0;
}
h5 {
	font-size: 1.2em;
	color: #000;
	margin: 0 0 1em 0;
}
#subnav h3 {
	margin-top: 0px;
	border-bottom: 1px solid #999;
}
#secondary h4 {
	border: none;
	margin: 1em 0 0.5em 0;
}
.underline {
	border-bottom: 1px solid #999;
}
#primary h5.extend, #primary h4.extend, #primary h3.extend, #primary h2.extend, #primary h1.extend, #main .first h3.extend {
	margin-left: -20px;
	padding-left: 20px;
	position: relative;
}
#main .second h3.extend {
	margin-left: -30px;
	padding-left: 30px;
	position: relative;
}



/* Pagination  */
#primary ul.pagination, #content ul.pagination {
	margin: 1.6em 0;
	padding:0;
}
#primary ul.pagination li, #content ul.pagination li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	background: none;
	clear: none;
}
#primary ul.pagination li a, #content ul.pagination li a {
	padding:0 0.2em;
}
#primary ul.pagination li.on, #content ul.pagination li a.on {
	font-weight:bold;
	padding:0 0.2em;
}
#primary ul.pagination li.previous, #content ul.pagination li.previous {
	border-right:1px solid #666;
	padding-right:0.6em;
	margin-right:0.2em;
}
#primary ul.pagination li.next, #content ul.pagination li.next {
	border-left:1px solid #666;
	padding-left:0.6em;
	margin-left:0.2em;
}
#primary ul.pagination li.previous a, #primary ul.pagination li.next a,
#content ul.pagination li.previous a, #content ul.pagination li.next a {
	padding:0;
}
#primary ul.pagination li.previous, #primary ul.pagination li.next,
#content ul.pagination li.previous, #content ul.pagination li.next {
	color:#999;
}
#content .listing_upper ul.pagination {
	clear: both;
	padding-top: 26px;
	width: auto;
}

/* Videos
----------------------------------------------- */
#video a img, .video a img {
	border: 1px solid #ccc;
	padding: 3px;
}
#video a:hover img, .video a:hover img {
	border: 1px solid #660066;
}
#video h5 {
	color: #666;
	font-size: 1em;
	margin: 10px 0 0 0;
	padding: 0;
}


/* Services
----------------------------------------------- */
.service-col {
	float: left;
	margin-right: 20px;
	width: 200px;
}
.service-col.last {
	margin-right: 0;
}
#primary .service-col li {
	width: 180px;
}


/* Contact
----------------------------------------------- */
#contact-form form label {
	width: 80px;
}
#contact-form form .row.submit {
	margin-left: 93px;
}



/* 'What our clients think' */
#testimonials p, .testimonial p {
	float: left;
}
#testimonials span, #testimonials a, .testimonial span, .testimonial a {
	display: block;
	float: left;
}
#testimonials p, #testimonials span {
	width: 230px;
}
#testimonials p, .testimonial p {
	color: #555;
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	line-height: 130%;
}
#secondary .testimonial {
	border: 0;
	float: left;
	width: 200px;
}
#secondary .testimonial p {
	margin-top: 0;
}
#secondary .testimonial p.readmore {
	display: block;
	font: 1em "Lucida Grande",Verdana,Arial,Helvetica,Sans-serif;
	padding-top: 5px;
}
#secondary .testimonial .vid {
	float: left;
}