body {
	text-align:center;
	background:#000;
}

#page {
    min-width:978px;
}

/* UTILITIES ************************************************************/
#page .hide {
	position:absolute;
	overflow:hidden;
	left:-9999in;
	top:-9999in;
	height:0;
	width:0;
}

#page .clear {
	visibility:hidden;
	background:none;
	overflow:hidden;
	display:block;
	font-size:0;
	float:none;
	clear:both;
	padding:0;
	border:0;
	margin:0;
	height:0;
	width:0;
}

#page .no-margin {
	margin:0;
}

/* corner promo */
#page .corner-promo {
	position:absolute;
	border:none;
	z-index:10;
	right:0;
	top:0;
}
#page .corner-promo img {
	display:block;
	color:#FE7100;
	border:none;
}

/* HEADER ***************************************************************/
#header {

}
#header .content {
    background:url(images/bg_header.png);
    position:relative;
    text-align:left;
    margin:0 auto;
    height:360px;
    width:978px;
}

/* branding */
#branding {
    position:absolute;
    background:#111;
    line-height:1.2;
    font-size:1.2em;
    border:none;
    left:29px;
    top:151px;
    margin:0;
}
#branding a {
    text-decoration:none;
    padding:11px 13px;
    overflow:hidden;
    display:block;
    color:#676767;
    height:155px;
    width:155px;
    border:none;
}
#branding span {
    display:block;
}
#branding strong {
    letter-spacing:-1pt;
    font-weight:normal;
    position:absolute;
    font-size:2.4em;
    line-height:1;
    bottom:11px;
    color:#fff;
    left:13px;
}
#branding a img {
    position:absolute;
    z-index:10;
    left:0;
    top:0;
}

/* graphic */
#graphic {
    padding:122px 0 0;
    background:#000;
    width:100%;
}
#graphic img,
#graphic object {
    margin:-122px 0 0;
    display:block;
    color:#000;
}

/* NAVIGATION ************************************************************/
#navigation {
    position:absolute;
    height:122px;
    width:100%;
    z-index:10;
    left:0;
    top:0;
}
#navigation ul {
    padding:0 0 0 9px;
    list-style:none;
    overflow:hidden;
    margin:0;
}
.ie6 #navigation ul {
    height:1%;
}
#navigation li {
    font-size:1.5em;
    display:inline;
    float:left;
    padding:0;
    margin:0;
}
#navigation a {
    text-decoration:none;
    padding:0 33px;
    display:block;
    height:122px;
    border:none;
}
#navigation a span {
    border-top:5px solid #000;
    padding-top:55px;
    cursor:pointer;
    display:block;
    color:#626262;
    height:62px;
}

.ie6 #navigation a,
.ie6 #navigation a span {
	display:inline;
	float:left;
}

#navigation .nav-home.current span,
#navigation .nav-home a:hover span,
#navigation .nav-home a:focus span {
    border-color:#fe0;
    color:#fe0;
}
#navigation .nav-about-us.current span,
#navigation .nav-about-us a:hover span,
#navigation .nav-about-us a:focus span {
    border-color:#17c;
    color:#17c;
}
#navigation .nav-work.current span,
#navigation .nav-work a:hover span,
#navigation .nav-work a:focus span {
    border-color:#c07;
    color:#c07;
}
#navigation .nav-news.current span,
#navigation .nav-news a:hover span,
#navigation .nav-news a:focus span {
    border-color:#9f1;
    color:#9f1;
}
#navigation .nav-contact.current span,
#navigation .nav-contact a:hover span,
#navigation .nav-contact a:focus span {
    border-color:#f21;
    color:#f21;
}

#date {
    position:absolute;
    font-weight:bold;
    font-size:1.3em;
    color:#626262;
    z-index:10;
    right:11px;
    top:64px;
}

/* MAIN ******************************************************************/
#main {
	text-shadow:rgba(0,0,0,0.01) 0 0 0;
    padding:14px 0 0;
    line-height:1.63;
    font-weight:bold;
    font-size:1.1em;
}
#main form.content {
    overflow:hidden;
    text-align:left;
    margin:0 auto;
    width:894px;
}

/* GRID ******************************************************************/
.g1,
.gl1,
.gr1,
.g2,
.gl2,
.gr2,
.g1-primary,
.gr1-primary,
.gl1-primary {
    display:inline;
    margin:0 14px;
    width:270px;
    float:left;
}
.g1-primary,
.gr1-primary,
.gl1-primary {
    width:298px;
}
.g2,
.gl2,
.gr2 {
    width:596px;
}
.gl1,
.gl2,
.gl1-primary {
    margin-left:0
}
.gr1,
.gr2,
.gr1-primary {
    margin-right:0
}
.g3 {
    overflow:hidden;
    width:894px;
    clear:both;
}

/* FOOTER ****************************************************************/
#footer {
	text-shadow:rgba(0,0,0,0.01) 0 0 0;
    position:relative;
    padding:20px 0 10px;
    font-weight:bold;
    font-size:1.1em;
}
#footer .content {
    text-align:left;
    overflow:hidden;
    margin:0 auto;
    width:978px;
}
#footer .gl1 {
    border-top:1px solid #ff71a6;
    padding:18px 0 5px 42px;
}
#footer .g1-primary {
    border-top:1px solid #dcea00;
    padding:18px 0 5px;
}
#footer .gr1 {
    border-top:1px solid #00c2f5;
    padding:18px 42px 5px 0;
}

#footer .gl1 li a {
    border-color:#404040;
    color:#fff;
}
#footer .gl1 li a:hover,
#footer .gl1 li a:focus {
    border-color:#fff;
}
#footer .gl1 p {
    margin-top:14px;
}
#footer .gl1 p a {
    border-color:#401c2a;
    color:#ff71a6;
}
#footer .gl1 p a:hover,
#footer .gl1 p a:focus {
    border-color:#ff71a6;
}
#footer dt {
    margin:0 0 13px;
    color:#fff;
}
#footer .memberships,
#footer .support  {
    display:inline;
    float:left;
    width:50%;
}
#footer .memberships a,
#footer .support a {
    text-indent:-9999in;
    overflow:hidden;
    display:block;
    border:none;
}
#footer .memberships .codeworks-connect {
    background:url(images/bg_logo_codeworks-connect.png) no-repeat;
    height:33px;
    width:105px;  
}
#footer .support .cardinal-hume {
    background:url(images/bg_logo_cardinal-hume.png) no-repeat;
    margin:0 0 0 -5px;
    height:34px;
    width:110px;  
}
#footer .social dd {
    margin:0 8px 0 0;
    display:inline;
    float:left;
}
#footer .social a {
    background:url(images/ico_social.png) no-repeat;
    text-indent:-9999in;
    overflow:hidden;
    display:block;
    border:none;
    height:32px;
    width:32px;
}
#footer .social .facebook {
    background-position:0 0;
}
#footer .social .twitter {
    background-position:-32px 0;
}
#footer .social .linkedin {
    background-position:-64px 0;
}

/* copyright */
#copyright {
    font-size:.9em;
    margin:0 auto;
    color:#656565;
    width:894px;
    clear:both;
}
#copyright .gl1 {
    border-top-width:7px;
    padding:18px 0 15px;
}
#copyright .g1-primary {
    border-top-width:7px;
    padding:18px 0 0;
}
#copyright .gr1 {
    background:url(images/bg_logo_keltiecochrane.png) no-repeat 0 15px;
    border-top-width:7px;
    padding:18px 0 0;
    min-height:45px;
}
#copyright .gl1 p {
    margin:0 0 3px;
}
#copyright .gl1 p a {
    border-color:#dcea00;
    border-width:1px;
    color:#dcea00;
}
#copyright .gl1 p a:hover,
#copyright .gl1 p a:focus {
    border-color:#dcea00;
}

/* LINK LIST *************************************************************/
.link-list {
    list-style:none;
    padding:0;
    margin:0;
}
.link-list li {
    margin:0 0 2px;
}

/* CONTENT LIST *************************************************************/
.content-list {
    list-style:none;
    padding:0;
    margin:0;
}
.content-list li {
    border-top:1px solid #fff;
    padding:16px 0 8px;
    position:relative;
    overflow:hidden;
    width:100%;
    margin:0;
}
.content-list li.alpha {
    padding-top:0;
    border:none;
}
.content-list .published {
    margin:-14px 0 14px;
    display:block;
    color:#4a4a49;
}
.content-list img {
    margin:0 0 14px;
    display:block;
}

/* SIMPLE LIST ***********************************************************/
.simple-list {
	list-style:none;
	color:#fff;
	padding:0;
}

/* PROJECT LIST **********************************************************/
.project-list {
    list-style:none;
    margin:0 0 25px;
    padding:0;
}
.project-list li {
    padding:10px 0;
}
.project-list a {
	position:relative;
	overflow:hidden;
    display:block;
    height:140px;
    width:298px;
    border:none;
}
.related-projects .project-list a {
    height:116px;
    width:270px;
}
.ie6 .project-list a,
.ie6 .related-projects .project-list a {
	border:none;
}
.project-list img {
	background:#202020;
	position:relative;
    display:block;
}

/* CASE STUDIES **********************************************************/
/*.case-studies {
	border-bottom:1px solid #fff;
}*/
.case-studies li {
	min-height:152px;
}
.ie6 .case-studies li {
	height:152px;
}
.awards {
	padding:0 0 25px;
}
.case-studies .gl1-primary a {
    position:relative;
    margin:2px 0 10px;
    overflow:hidden;
	display:block;
    height:140px;
    border:none;
}
.case-studies img {
    background:#202020;
    position:relative;
	display:block;
}
.awards img {
	background:#202020;
	margin:2px 0 10px;
}

.project-summary,
.award-summary  {
	position:absolute;
	width:270px;
	bottom:0;
	right:0;
}
.project-summary .client {
	text-transform:uppercase;
	margin:0 0 14px;
	color:#fff;
}
.project-summary .description p {
	margin:0;
}
.project-summary .published {
	background:url(images/bg_underscore_orange.png) no-repeat 100% 100%;
	padding:0 10px 0 0;
	display:inline;
	margin:0;
}
.project-summary .published span {
	background:url(images/bg_underscore_grey.png) no-repeat 0 100%;
	padding:0 0 0 10px;
}

.project-brief .published {
    margin:-14px 0 14px;
    display:block;
    color:#4a4a49;
}

.project-images {
	list-style:none;
	padding:0 0 20px;
}
.project-images li {
	margin:0 0 15px;
}
.project-images img {
	background:#202020;
	display:block;
}

.award-summary dt {
	text-transform:uppercase;
	color:#ff0c0c;
}
.award-summary .awardee {
	text-transform:uppercase;
	color:#fff;
}
.award-summary .position {
	margin:0 0 14px;
	color:#fff;
}
.award-summary p {
	display:block;
	margin:0;
}
.award-summary cite {
	font-style:normal;
	color:#fff;
}

/* TILE LIST ************************************************************/
.tile-list {
	list-style:none;
	overflow:hidden;
	width:315px;
	padding:0;
}
.tile-list li {
	margin:0 17px 17px 0;
	background:#202020;
	display:inline;
	height:88px;
	width:88px;
	float:left;
}
.tile-list img {
	display:block;
}
.tile-list a {
	border:none;
}

/* QUOTES LIST **********************************************************/
.quotes-list dt {
	text-transform:uppercase;
	color:#fff;
}
.quotes-list .position {
	color:#fff;
}

/* CLIENT LIST **********************************************************/
.client-list {
	padding:0 0 18px;
	list-style:none;
	clear:both;
	margin:0;
}
.client-list ul {
	list-style:none;
	padding:0;
	margin:0;
}
.client-list h3 {
	text-transform:uppercase;
	padding:14px 0 0;
	margin:0;
}
.client-list h3 a {	
	position:relative;
}
.client-list h3 .icon {
	background:url(images/ico_plus-minus.png) no-repeat;
	text-indent:-9999in;
	position:absolute;
	margin:0 0 0 8px;
	overflow:hidden;
	height:15px;
	width:15px;
	left:100%;
	top:0;
}
.client-list h3 .expand {
	background-position:0 0;
}
.client-list h3 .collapse {
	background-position:0 -15px;
}

/* headings */
h1.kc-loves {
	background:url(images/bg_heading_kc-heart.png) no-repeat;
    text-indent:-9999in;
	padding:0 0 5px;
}
h2.we-love-kc {
	background:url(images/bg_heading_we-love-kc.png) no-repeat;
    text-indent:-9999in;
    overflow:hidden;
    margin:0 0 14px;
	height:33px;
	width:182px;
}
h2.kc-loves {
    background:url(images/bg_heading_kc-loves.png) no-repeat;
    text-indent:-9999in;
    overflow:hidden;
    margin:0 0 8px;
    height:35px;
    width:104px;
}
h2.kc-shop {
    background:url(images/bg_heading_kc-shop.png) no-repeat;
    text-indent:-9999in;
    overflow:hidden;
    margin:0 0 8px;
    height:25px;
    width:83px;
}
h2.show-off {
    background:url(images/bg_heading_show-off.png) no-repeat;
    text-indent:-9999in;
    overflow:hidden;
    margin:0 0 8px;
    height:73px;
    width:241px;
}
h2.shiny-awards {
	background:url(images/bg_heading_shiny-awards.png) no-repeat;
    text-indent:-9999in;
    overflow:hidden;
    margin:0 0 8px;
    height:224px;
    width:270px;
}

/* news feed */
.news-feed {
    margin-top:10px;
}
.news-feed a {
    background:url(images/ico_feed.png) no-repeat;
    text-indent:-999em;
    overflow:hidden;
    display:block;
    border:none;
    height:22px;
    width:22px;
}

/* RECENT NEWS LIST ******************************************************/
.recent-news-list {
    list-style:none;
    overflow:hidden;
    margin:0 0 30px;
    width:100%;
    padding:0;
}
.ie6 .recent-news-list {
    overflow:visible;
    height:1%;
}
.recent-news-list li {
    border-top:1px solid #fff;
    padding:16px 0 9px;
    margin-bottom:0;
    margin-top:-1px;
}
.ie6 .recent-news-list li,
.ie7 .recent-news-list li {
    padding-bottom:12px;
    margin-top:-4px;
}
.recent-news-list .alpha {
    border-bottom:7px solid #fff;
    padding:2px 0 8px;
    border-top:none;
    overflow:hidden;
}
.ie6 .recent-news-list .alpha,
.ie7 .recent-news-list .alpha {
    padding-bottom:8px;
    width:100%;
}
.recent-news-list .alpha .image {
    padding:10px 0;
}
.recent-news-list .alpha img {
	background:#202020;
    display:block;
}
.recent-news-list .gl1 {
    clear:left;
}
.recent-news-list .published {
    margin:-14px 0 14px;
    display:block;
    color:#4a4a49;
}

/* news feed header */
.news-feed-heading {
    position:relative;
    margin:-50px 0;
    float:left;
    left:326px;
}
.news-feed-heading .icon {
    background:url(images/ico_feed.png) no-repeat;
    position:absolute;
    cursor:pointer;
    display:block;
    height:22px;
    width:22px;
    left:-29px;
    top:-1px;
}

/* EARLIER NEWS **********************************************************/
.earlier-news {
    border-bottom:7px solid #fff;
    padding:4px 0 28px;
    margin:0 0 16px;
}
.more-news {
    margin:0 0 24px;
}
.earlier-news li,
.more-news li {
    background:url(images/bg_underscore_grey.png) no-repeat 0 90%;
    padding:0 0 0 10px;
    margin:5px 0 0;
}
.earlier-news li span,
.more-news li span {
    background:url(images/bg_underscore_grey.png) no-repeat 100% 100%;
    padding:0 10px 0 0;
}
.ie7 .earlier-news li span,
.ie7 .more-news li span,
.ie6 .earlier-news li span,
.ie6 .more-news li span {
    background-position:100% 90%;
    display:inline-block;
}
.earlier-news li .published,
.more-news li .published {
    background:url(images/bg_underscore_orange.png) no-repeat 100% 100%;
    padding:0 10px 0 0;
    color:#4a4a49;
}

/* CAREERS ***************************************************************/
.careers {
    margin-top:22px;
}
.careers strong {
    text-transform:uppercase;
}

/* ARTICLE ***************************************************************/
.article {
	overflow:hidden;
	width:100%;
}
.article .published {
    margin:-14px 0 14px;
    display:block;
    color:#4a4a49;
}
.article .image {
    margin:10px 0 14px 30px;
    display:inline;
    float:right;
}

/* VCARD *****************************************************************/
dl.vcard {
    overflow:hidden;
    width:100%;
    margin:0;
}
div.vcard {
    margin:0 0 40px;
}
dl.vcard dt,
dl.vcard dd {
    display:inline;
    float:left;
}
dl.vcard dt {
    text-transform:lowercase;
    margin:0 .5ex 0 0;
    clear:left;
}
dl.vcard dd {
    clear:right;
}
.profile-image {
    border-bottom:1px solid #fff;
    padding:6px 0 25px;
}
.profile-image img {
    display:block;
}

/* DEMOGRAPHIC **********************************************************/
.demographic a,
.demographic a:hover,
.demographic a:focus {
	border:none;
}
.demographic img {
	margin:0 0 14px;
	display:block;
}
.demographic a span {
    border-bottom:2px solid #411f04;
}
.demographic a:hover span,
.demographic a:focus span {
    border-bottom:2px solid #fe7100;
}

/* NOTES **********************************************************/
h1 .note {
	text-transform:none;
	color:#4c4c4c;
}
h2 .note {
	text-transform:none;
	margin-left:12px;
	font-size:.9em;
}

/* RULE ***********************************************************/
.rule,
.heading-rule {
    border-bottom:7px solid #fff;
    margin:33px 0 16px;
	display:block;
}
.heading-rule {
	font-size:1.4em;
    height:2.4em;
}

/* PROFILE *********************************************************/
.content-list .profile-photo {
	margin:0 10px 10px 0;
	background:#202020;
	display:inline;
	float:left;
}
.content-list .profile-description {
	clear:both;
}
.content-list .profile-description p:last-child {
	margin:-14px 0 14px;
	clear:both;
}