/* Generic */

body {margin: 0;}
body, td, tr {font-family: Arial, Helvetica, Sans-Serif; color: #444; font-size: 12px; font-weight: normal;}

h1,h2,h3,h4,h5 {font-weight: bold; margin-bottom: 10px; color: #333;}
h1 {font-size: 18px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}

a {color: #ed1a3b; font-weight: bold; text-decoration: none;}
a.light {font-weight: normal;}
a:hover {text-decoration: underline;}

img {border: 0;}
pre {margin: 0; font-family: Verdana, Arial, Helvetica, Sans-Serif;}

/* Layout */

div#container {width: 950px; text-align: left; margin: 15px auto 0px auto;}

/* Header */

div#header {float: left; width: 100%; padding: 0px; margin-top: 50px;}
div#header img {margin-bottom: 10px; border: none; float: right;}

/* Top Nav */

div#top-nav {float: left; clear: both; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 10px;}
div#top-nav ul {list-style: none; margin: 0; padding: 0; display: inline-block; padding: 5px 0px;}
div#top-nav li a {color: #000; padding: 0px 20px; display: block;}
div#top-nav li a:hover {text-decoration: none; color: #ed1a3b;}
div#top-nav li:first-child a {padding-left: 0;}
div#top-nav li:last-child {border-right: 0px;}
div#top-nav li.selected a {text-decoration: none;}
div#top-nav li {list-style-type: none; display: inline-block; border-right: solid 1px #C0C0C0; float: left;}

div#top-nav ul#logo-nav {float: right; background-color: #eee;}
div#top-nav ul#logo-nav li a {padding: 0px 20px}

/* Content */

div#crumb-trail {font-size: smaller; float: left; margin: 5px 0px 20px;}
div#crumb-trail a {color: #666; font-weight: normal; color: #666;}

div#content {float: left; clear: both; background: #fff; margin: 0; padding: 0; display: block; width: 100%; margin-bottom: 20px;}
div#content-inner {margin-bottom: 10px; width: 600px; margin-bottom: 10px; line-height: 150%;}
div#content-inner p {margin-bottom: 2em;}
div#content-inner img#header-image-page {float: right; margin: 0px 0px 5px 10px;}
div#content-inner ul {padding-left: 20px;}
div#content-inner li {list-style-type: none; padding-left: 15px; background: url("/images/layout/li.png") 2px 7px no-repeat;}
div#content-column {width: 340px; margin-bottom: 10px;}
div#content-column h1 {margin-top: 0px;}

h1#page-title {margin-top: 0px;}
img#firebrand-logo {margin: 30px 20px;}

/* Footer */

div#footer {float: left; clear: both; width: 100%; background-color: #fff; margin-bottom: 25px;}
div#footer a {color: #000;}
div#footer div.copyright {color: #333; margin: 8px 0px; display: inline-block; font-size: 10px;}
div#footer div.copyright.left-detail {}
div#footer div.copyright.right-detail {float: right;}

/* Subnav */

div.subnav-spacer {margin: 10px;}

div.subnav {border: solid 1px #ccc; margin: 10px 10px 10px 0px;}
div.subnav h2 {margin: 0px 10px; padding: 10px 0px;}
div.subnav ul.nav {padding: 0px; margin: 0px 10px 5px 10px; }
div.subnav ul.nav li.selected a {text-decoration: underline;}
div.subnav ul.nav li.selected li a {text-decoration: none;}
div.subnav ul.nav li.selected li.selected a {text-decoration: underline;}
div.subnav ul.nav li {list-style-type: none; margin: 0px; padding: 5px 0px; border-top: 1px solid #dddddd;}
div.subnav ul.nav li ul {margin: 5px 0px -5px 0px; border-top: 1px solid #dddddd; padding: 0px;}
div.subnav ul.nav li ul li:first-child {border-top: 0px;}
div.subnav ul.nav li ul li {border-top: 1px solid #dddddd; border-bottom: 0px; margin-left:20px; padding: 3px 0px;}

/* Block Items */

div.block-item {padding: 5px; background: url("/images/layout/panel-bg.png") no-repeat top right #eeeeee; margin-bottom: 5px;}
div.block-item-content {padding: 5px 10px 5px 0px; background: url("/images/layout/panel-bg.png") no-repeat top right; margin-bottom: 5px;}
div.block-item-content h2 {margin-top: 0px;}
div.block-item-content a.more-link {display: block; text-align: right; width: 100%;}

a.block-link {padding: 5px; display: inline-block; border: 1px solid #eee;}

/* Home */

div#container.page-requested-home div#crumb-trail {display: none;}
div#container.page-requested-home div#content {margin-top: 20px;}

/* Case Studies Carousel */

div#carousel {float: left; border-style: solid; border-color: #eee; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px;}
div#case-studies-carousel {padding: 5px 0px 5px 5px; float: left; display: block; }
div#case-studies-carousel ul {margin: 0px; padding: 5px; float: left; display: inline-block;}
input.case {width: 12px; background: none; background-color: #eee; border: 0; height: 90px; cursor: pointer; padding: 0;}
input.case-prev {float: left; background: url("/images/layout/carousel-left.png") no-repeat center center;}
input.case-next {float: right; background: url("/images/layout/carousel-right.png") no-repeat center center;}

li.case-study-box {float: left; width: 215px; height: 70px; margin-right: 5px; padding: 5px; display: inline-block; background: url("/images/layout/panel-bg.png") no-repeat top right #eeeeee;}
li.case-study-box div.case-study-image {width: 80px; text-align: center; display: inline-block; float: left; margin-right: 5px;}
li.case-study-box div.case-study-image a {float: none; text-align: center; display: block;}
li.case-study-box p.case-study-text {margin-top: 0px; height: 45px;}
li.case-study-box a.case-study-link {float: right;}

/* Case Studies Page */

div.casestudy-list-item {cursor: pointer; height: 80px; display: block; background: url("/images/layout/panel-bg-firebrand.png") no-repeat top right #ffc20f; padding: 5px 10px 5px 5px; margin-bottom: 5px;}
div.casestudy-list-item div.casestudy-list-image {float: right; text-align: left; clear: both;}
div.casestudy-list-item div.casestudy-list-image img {padding: 5px 0px; margin: 0 auto;}
div.casestudy-list-item h3 {padding-right: 85px; margin-top: 0px; margin-bottom: 5px;}
div.casestudy-list-item h3.casestudy-list-client a {color: #000; font-size: 16px;}
div.casestudy-list-item div.casestudy-list-slogan {padding-right: 85px;}
div.casestudy-list-item div.casestudy-list-link {padding-top: 5px;}
div.casestudy-list-item div.casestudy-list-link a {color: #fff; padding-right: 10px;}

div.casestudy-view div.casestudy-view-image {float: right;}
div.casestudy-view div.casestudy-view-slogan {font-size: 14px; font-weight: bold;}

/* News */

div.news-entry {background: url("/images/layout/panel-bg-firebrand.png") no-repeat top right #ffc20f; padding: 10px 10px 10px 5px; cursor: pointer; min-height: 60px; margin-bottom: 5px;}
div.news-entry div.news-thumbnail {margin: 0px; min-height: 60px; width: 60px; float: left; text-align: center; }
div.news-entry div.news-date {font-size: 10px; padding-bottom: 5px; color: #666;}
div.news-entry div.news-full-title {padding-left: 65px;}
div.news-entry div.news-short-title {padding-left: 65px;}
div.news-entry div.news-short-title a {font-size: 14px; color: #000;}
div.news-entry div.news-details {float:left; width:80%;}
div.news-entry div.news-info {float:right; font-size:10px; width:120px;}
div.news-entry.no-thumbnail div {padding-left: 0px;}
div.news-entry.no-thumbnail div.news-thumbnail {display: none;}

div#news-contents {line-height:24pt;}

div#news-list-client div.news-entry {background: url("/images/layout/panel-bg.png") no-repeat top right #eeeeee;}

div.news-thumbnail {float: right; display: inline; margin: 10px 0 5px 10px;}
div.news-thumbnail img {margin:0;}

div.lastupdated {text-align: right; font-style: italic; font-size: 10px; color: #999; margin: 10px 0px; clear: both;}
div.lastupdated span.lastupdated-username {font-weight: bold;}

div#news-bar {background: url("/images/layout/panel-bg.png") no-repeat top right #eeeeee; margin-bottom: 10px; padding: 5px;}
div#news-bar img {margin: 0px 5px; vertical-align: -3px;}
div#news-bar a:hover {text-decoration: none;}

/* News Manager */

table.basic {width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: 1px solid #ccc}
table.basic td {border-top: 1px solid #ccc;}
table.basic th {text-align: left;}
table.basic td, table.basic th {padding: 5px;}
table.basic tr:hover td {background-color: #eeeeee;}

/* Clients */

div.company-list-item {float: left;}
div.company-list-item div.company-list-name {font-size: 14px; font-weight: bold; display: block; float: left;}
div.company-list-item div.company-list-name a {}
div.company-list-item div.company-list-name a:hover {}
div.company-list-item div.company-list-logo {float: right; margin: 5px;}
div.company-list-item div.company-list-logo img {border: 0; margin: 0px 0px 5px 10px;}
div.company-list-item div.company-list-contents {padding-top: 25px;}
div.company-list-item div.company-list-website {float: left; margin-top: 5px;}

/* Events */

div.event-list-item {float: left; clear: both; width: 100%; margin-bottom: 10px; padding: 5px 0px; background: url("/images/layout/panel-bg.png") no-repeat top right #eeeeee;}
div.event-list-item div.event-list-title {font-size: 14px; font-weight: bold; display: block; float: left; margin-left: 5px; width: 500px;}
div.event-list-item div.event-list-date {float: left; clear: both; margin-left: 5px; font-style: italic;}
div.event-list-item div.event-list-venue {float: left; clear: both; margin-left: 5px;}
div.event-list-item div.event-list-website {text-align: right; float: right; display: inline-block; margin: 0px 10px;}
div.event-list-item div.event-list-website img {vertical-align: -3px;}
div.event-list-item div.event-list-website a:hover {text-decoration: none;}
div.event-list-item div.event-list-stand {float: left; clear: both; margin-left: 5px;}

/* Misc */

.w50percent {width: 50%;}
.w100percent {width: 100%;}

/* Home - scroller */

div#home-latest-news {float:left; margin-top:25px;  width:950px; background-image:url(/images/h2-back.gif); background-repeat:repeat-x;}
div#home-latest-news div.news-scroller-heading {float:left; margin-right:10px; margin-top:-8px;}
div#home-latest-news h2 {background:none;}
div#home-latest-news h2 span {margin-right:10px;}
div#home-latest-news div.news-entry {margin:5px 5px 5px 0; float:left; /*width:268px;*/}
div#home-latest-news div.news-entry div.news-thumbnail {float:left;}
/*div#home-latest-news div.news-entry div.news-title {padding-left: 50px;}*/
div#home-latest-news div.news-entry div.news-summary {padding-left: 50px;}
div#home-latest-news a {font-style:italic;}
div#home-latest-news div.news-scroller {height:18px; margin-top:4px;}
div#home-latest-news div.jscroller2_left, .jscroller2_right_endless {white-space:nowrap;}