/*
  SKIN
  All colour and background image styling.
*/

/*Application Wide Styles*/
body {
	color: #939393;
	background: #ebebeb;
}

#page {
	background-color: #fff;
}

#header {
	background: url("/images/header-shaddow.gif") repeat-x bottom;
	background-color: #2b2b2b;
}

#footer {
	color: #2b2b2b;
	background: url("/images/footer-bg.gif") repeat-x top;
	background-color: #ebebeb;
}

#navigation li{
	border-left:solid 1px #545454;
}

h3{
	color: #2b2b2b;
	border-bottom: dashed 1px #e6e5e5;
}

.post h3{
	border-bottom: 0;
}

#introduction{
	color: #929292;
	background: url("/images/intro-rule.jpg") no-repeat bottom center;
}

.contact-text, .meta-author, .team-name {
	color: #87c726;
}

#articles.show .post-meta, #articles.comment .post-meta, .contact-details {
	border-bottom: dashed 1px #e6e5e5;
	border-top: dashed 1px #e6e5e5;
}

.meta-text{
	color: #000;
}

.red{
	color: #f00;
}

.beef-logo, .last{
	border: 0;
}

.post, .required {
	border-bottom: dashed 1px #e6e5e5;
}

#articles.show .post, #articles.comment .post {
	border-bottom: 0;
}

h4.team-job{
	color: #ffffff;
	width: 239px;
	border-bottom: dashed 1px #e6e5e5;
}

.team-text{
	color: #ffffff;	
}

/* Lists */

#comment-list, #navigation li{
	list-style-type: none;
}

.archive li {
	list-style-image: url("/images/arrow-archive.gif");
	list-style-type: circle;
}

.archive li ul {
	border-top: dashed 1px #e6e5e5;
}

.archive li ul li {
	list-style-image: none;
	list-style-type: disc;
}

.team-blog li{
	list-style-image: url("/images/arrow-archive.gif");
	list-style-type: circle;
	list-style-position: inside;
	border-bottom: dashed 1px #e6e5e5;
}

.archive-num{
	color: #939393;
}

.comment-body{
	background: url("/images/comment-bg.jpg") no-repeat bottom center;
}

/*Links*/

:link{
	color: #ffa200;
	text-decoration: none;
}

a:visited{
	color: #ffa200;
	text-decoration: none;
}

a:hover{
	color: #ffa200;
	text-decoration: underline;
}

a:active{
	color: #ffa200;
	text-decoration: none;
}

/*Comment Links*/

.comment-text a:link{
	color: #4973a8;
}

.comment-text a:visited{
	color: #4973a8;
}

.comment-text a:hover{
	color: #4973a8;
}

.comment-text a:active{
	color: #4973a8;
}

/*archive Links*/
.archive a:link, .team-blog a:link, .contact-details a:link, .post h2 a:link{
	color: #87c726;
}

.archive a:visited, .team-blog a:visited, .contact-details a:visited, .post h2 a:visited{
	color: #87c726;
}

.archive a:hover, .team-blog a:hover, .contact-details a:hover, .post h2 a:hover{
	color: #87c726;
}

.archive a:active, .team-blog a:active, .contact-details a:active, .post h2 a:active{
	color: #87c726;
}

/* BIR */
h1#logo a {
	background: url("/images/logo.gif");
	display: block;
	overflow: hidden;
	}
	
a#touch, a#view,  a#twitter{
	background: url("/images/view-touch-sprite.gif") no-repeat;
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	cursor: pointer;
}

a#touch{
	background-position: -110px -62px;
	width: 250px;
	height: 29px;
	margin-top: 20px;
}

a#touch:hover{
	background-position: -110px -91px;
}

a#view{
	background-position: 0 0px;
	width: 500px;
	height: 30px;
}

a#view:hover{
	background-position: 0px -31px;
}


a#twitter{
	background: url(/images/twitter.gif) no-repeat 0 0;
	width: 250px;
	height: 29px;
	margin-top: 20px;
}

a#twitter:hover{
	background-position: 0 -29px;
}

/*Home page Titles*/
#corporate {
	background: url("/images/title-corporate.jpg") no-repeat;
}
	
#corporate:hover{
		background: url("/images/title-corporate-over.jpg") no-repeat;	
	}

#animation {
	background: url("/images/title-animation.jpg") no-repeat;
}

#animation:hover{
	background: url("/images/title-animation-over.jpg") no-repeat;
}
	
#visualfx{
	background: url("/images/title-visualfx.jpg") no-repeat;
	}

#visualfx:hover {
	background: url("/images/title-visualfx-over.jpg") no-repeat;
		}


/*team bubbles*/
body.team .popup {
	background: transparent url('/images/team-bubble-bg.png') no-repeat;
}

#the-team, #services {
	list-style: none;
}

#the-team li, #services li {
	cursor: pointer;
}

/*Team Page hovers */
.blank {
	background: url("/images/team/blank.jpg") no-repeat;
}

#pete {
	background: url("/images/team/team-pete-grey.jpg") no-repeat;
}

#pete:hover {
	background: url("/images/team/team-pete-color.jpg") no-repeat;
}

#andy {
	background: url("/images/team/team-andy-grey.jpg") no-repeat;
}

#andy:hover {
	background: url("/images/team/team-andy-color.jpg") no-repeat;
}

#daf {
	background: url("/images/team/team-daf-grey.jpg") no-repeat;
}

#daf:hover {
	background: url("/images/team/team-daf-color.jpg") no-repeat;
}

#duncan {
	background: url("/images/team/team-duncan-grey.jpg") no-repeat;
}

#duncan:hover {
	background: url("/images/team/team-duncan-color.jpg") no-repeat;
}

#jess {
	background: url("/images/team/team-jess-grey.jpg") no-repeat;
}

#jess:hover {
	background: url("/images/team/team-jess-color.jpg") no-repeat;
}

#emma {
	background: url("/images/team/team-emma-grey.jpg") no-repeat;
}

#emma:hover {
	background: url("/images/team/team-emma-color.jpg") no-repeat;
}

#robbie {
	background: url("/images/team/team-robbie-grey.jpg") no-repeat;
}

#robbie:hover {
	background: url("/images/team/team-robbie-color.jpg") no-repeat;
}

#tara {
	background: url("/images/team/team-tara-grey.jpg") no-repeat;
}

#tara:hover {
	background: url("/images/team/team-tara-color.jpg") no-repeat;
}

#rich {
	background: url("/images/team/team-rich-grey.jpg") no-repeat;
}

#rich:hover {
	background: url("/images/team/team-rich-color.jpg") no-repeat;
}

#tim {
	background: url("/images/team/team-tim-grey.jpg") no-repeat;
}

#tim:hover {
	background: url("/images/team/team-tim-color.jpg") no-repeat;
}

#amanda {
	background: url("/images/team/team-amanda-grey.jpg") no-repeat;
}

#amanda:hover {
	background: url("/images/team/team-amanda-color.jpg") no-repeat;
}


/*Showreel Arrows*/
li#showreel-nav {
	background: url("/images/showreel-arrow-up.gif") no-repeat right top;
}

li#showreel-nav.menu-down {
	background: url("/images/showreel-arrow-down.gif") no-repeat right top;
}

/* BIR - Navigation*/
a#home-link, a#team-link, a#blog-link, a#contact-link, a#showreel-link {
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url("/images/navigation-sprite.gif") no-repeat;
}

a#home-link {
	background-position: 5px -4px;
}

a#home-link:hover {
	background-position: 5px -35px;
}

a#team-link {
	background-position: -70px -4px;
}

a#team-link:hover {
	background-position: -70px -35px;
}

a#blog-link {
	background-position: -140px -4px;
}

a#blog-link:hover {
	background-position: -140px -35px;
}

a#contact-link {
		background-position: -210px -4px;
}

a#contact-link:hover {
	background-position: -210px -35px;
}

a#showreel-link {
	background-position: -280px -4px;
}	

body#pages.home a#home-link {
	background-position: 5px -35px;
}

body#pages.team a#team-link {
	background-position: -70px -35px;
}

body#articles a#blog-link {
	background-position: -140px -35px;
}

body#pages.contact a#contact-link {
	background-position: -210px -35px;
}

/*Clients Fading Images*/
#slideshow {
	list-style: none;
}

#slideshow li {
	background: url("/images/client-box.gif") no-repeat;
}

#slideshow li {
	list-style-type: none;
}

#slideshow li.active {
    z-index:10;
    opacity:1.0;
}

#slideshow li.last-active {
    z-index:9;
}