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

body {
	background: #840101 url("/images/background.gif") no-repeat scroll ;
}

#header h1 a{
	background: url("/images/logo/logo_top100.gif") no-repeat scroll center left;
	display:block;
	overflow:hidden;
	text-align:left;
	text-decoration:none;
	text-indent:-1000em;
	margin:0px;
}


/*text color*/
.home-content p.intro, .home-content div p strong {color: black;}
.home-content p {color: #6b7579;}

a{color: #be0202;}
a:hover {text-decoration: underline;}
h1 a:hover {text-decoration: none;}







/*
#main-content h1 {
	color:#010100
}*/
.company-information {
	background: #FFFFFF url("/images/survey/article_h2_border.gif") repeat-x;
}

article_h2_border.gif

h1 .top-100 {color: #BE0202;}
h1 .south-west{color: #FF9000;}
h1 .advertising-and-marketing, dd.advertising-and-marketing a {color: #E88714;}
h1 .animation {color: #EABB0D;}
h1 .design, dd.design a {color: #95CF25;}
h1 .digital, dd.digital a {color: #35D5C4;}
h1 .pr, dd.pr a {color: #3584D5;}
h1 .publishing {color: #5728C1;}
h1 .tv-film, dd.tv-film a {color: #C71EA1;}


/*dd.marketing-and-advertising a.image-link {background: #E88714; color: #fff; }
>>>>>>> 6dbf344c8f89c326c0396da34fa213ad1108632f:public/stylesheets/skin.css
dd.design a.image-link {background: #95CF25; color: #fff; }
dd.digital a.image-link {background: #35D5C4; color: #fff; }
dd.pr a.image-link {background: #3584D5; color: #fff; }
dd.tv-film a.image-link {background: #C71EA1; color: #fff; }*/


#conatiner h1, div.number{color: #FFF;}



h3 {color:#000;}
h4 {color:#9DA08E;}
#main-sponsor h4 {color:#fff;}


#content {background-color: #EDEFE4;}



.company-content {border-bottom: solid 1px #d9dccc; background: #fff;}

.company-content.advertising-and-marketing{background: #FFFFFF url("/images/survey/bg_advertising.gif") repeat-y;}
.company-content.animation{background: #FFFFFF url("/images/survey/bg_animation.gif") repeat-y;}
.company-content.design{background: #FFFFFF url("/images/survey/bg_design.gif") repeat-y;}
.company-content.digital{background: #FFFFFF url("/images/survey/bg_digital.gif") repeat-y;}
.company-content.pr{background: #FFFFFF url("/images/survey/bg_pr.gif") repeat-y;}
.company-content.publishing{background: #FFFFFF url("/images/survey/bg_publishing.gif") repeat-y;}
.company-content.tv-film{background: #FFFFFF url("/images/survey/bg_tv-film.gif") repeat-y;}

.company-content.red{background: #FFFFFF url("/images/survey/bg_red.gif") repeat-y;}


.company-content {
	width:620px;	
}

.company-information dl dt{
	color:#33393C;
}

.company-information dl dd{
	color:#6B7579;
}

span.company-watch {
	color:#000000;
}
.company-information h2,  .company-information h2 a {
	color:#A8D6EA;

}
.company-information h2{
		border-bottom:1px dotted #A8D6EA;
}

/* so:main table*/
.tbl {width:100%;border-spacing:0px;margin-bottom:1em; border-width:0px;}
	.tbl th {border-bottom:1px solid #A8D6EA;text-align:left;}
	.tbl tr td {background:0; border-top:1px dotted #A8D6EA;}
	.tbl tbody tr:first-child td {border:0;}
	.tbl th {color: #33393C;}
	.tbl tr {background: #FFF;}
	.tbl td {color: #6B7579;}
	.tbl td a {color: #000;}
	.tbl td span.rank-number{color:#A8D6EA;}
	.tbl tbody tr:last-child td {border-bottom:1px solid #D9DCCC;}
	
	.tbl tbody tr:hover {background-color: #EDEFE4; cursor: pointer;}
	
	
	
	
	
	

	tr.advertising-and-marketing:hover td, tr.advertising-and-marketing:hover td a, .company-information span.advertising-and-marketing {color: #E88714;}
	tr.animation:hover td, tr.animation:hover td a, .company-information span.animation {color: #EABB0D;}
	tr.design:hover td, tr.design:hover td a, .company-information span.design {color: #95CF25;}
	tr.digital:hover td, tr.digital:hover td a, .company-information span.digital {color: #35D5C4;}
	tr.pr:hover td, tr.pr:hover td a, .company-information span.pr {color: #3584D5;}
	tr.publishing:hover td, tr.publishing:hover td a, .company-information span.publishing {color: #5728C1;}
	tr.tv-film:hover td, tr.tv-film:hover td a, .company-information span.tv-film {color: #C71EA1;}

	
	.tbl td.sector-advertising-and-marketing {background: url("/images/key/key_advertising.gif") no-repeat scroll center left;}
	.tbl td.sector-animation {background: url("/images/key/key_animation.gif") no-repeat scroll center left;}
	.tbl td.sector-design {background: url("/images/key/key_design.gif") no-repeat scroll center left;}
	.tbl td.sector-digital {background: url("/images/key/key_digital.gif") no-repeat scroll center left;}
	.tbl td.sector-pr {background: url("/images/key/key_pr.gif") no-repeat scroll center left;}
	.tbl td.sector-publishing {background: url("/images/key/key_publishing.gif") no-repeat scroll center left;}
	.tbl td.sector-tv-film {background: url("/images/key/key_tv.gif") no-repeat scroll center left;}

	.tbl td.sector-advertising-and-marketing,
	.tbl td.sector-animation,
	.tbl td.sector-design,
	.tbl td.sector-digital,
	.tbl td.sector-pr,
	.tbl td.sector-publishing,
	.tbl td.sector-tv-film {
		background-position: 12px 7px;
		text-indent: -1000em;	
	}

/* so:main table*/
/* so:main-nav*/

#main-nav li {margin-bottom: 5px; height: auto;}

#main-nav li > a, #main-nav li > span{
	display:block;
	overflow:hidden;	
	text-align:left;
	text-indent:-1000em;
	width:150px;
	height:70px;
}

#main-nav li#top-100 a, #main-nav li#top-100 span{	background: url("/images/nav/top_100.gif") no-repeat 0 0;	height: 46px;}

#main-nav li#top-10-sector span, #main-nav li#top-10-sector a{background: url("/images/nav/top_10.gif") no-repeat 0 0;}

#main-nav li#top-5-respected a, #main-nav li#top-5-respected span{	background: url("/images/nav/top_5.gif") no-repeat 0 0;}

#main-nav li#top-10-watch a, #main-nav li#top-10-watch span{	background: url("/images/nav/top_10_watch.gif") no-repeat 0 0;}

#main-nav li#about a, #main-nav li#about span{	background: url("/images/nav/about.gif") no-repeat 0 0; height:41px;}

#main-nav li#top-100 a:hover, #main-nav li#top-100 span, body.top_100 #main-nav li#top-100 a {background-position: 0 -46px;}
#main-nav li#top-10-sector a:hover, #main-nav li#top-10-sector span, body#top_10 li#top-10-sector a {background-position: 0 -70px !important;}
#main-nav li#top-5-respected a:hover, #main-nav li#top-5-respected span {background-position: 0 -70px;}
#main-nav li#top-10-watch a:hover, #main-nav li#top-10-watch span {background-position: 0 -70px;}
#main-nav li#about a:hover, #main-nav li#about span {background-position: 0 -41px;}


#main-nav li#top-10-sector #sector-nav li a, #main-nav li#top-10-sector #sector-nav li span {
	height: auto;
	width: auto;
	text-indent: 0;
	background-color: #EDEFE4;
	background-image: none;
}

/* eo:main-nav*/

#sector-nav li a {
	background-image:none !important;
	border-width:10px;
}

#sector-nav li#advertising-and-marketing a, #sector-nav li#advertising-and-marketing  {color: #E88714;}
#sector-nav li#marketing-and-advertising a, #sector-nav li#marketing-and-advertising {color: #E88714;}
#sector-nav li#animation a, #sector-nav li#animation {color:#EABB0D}
#sector-nav li#design a, #sector-nav li#design {color:#95CF25;}
#sector-nav li#digital a, #sector-nav li#digital {color:#35D5C4;}
#sector-nav li#pr a, #sector-nav li#pr {color:#3584D5;}
#sector-nav li#publishing a, #sector-nav li#publishing {color:#5728C1;}
#sector-nav li#tv-film a, #sector-nav li#tv-film {color:#C71EA1;}

#main-nav li#top-10-sector ul li span.current{
	margin-left:-15px;
	padding-left:15px;
	background: url("/images/sector_selector.gif") no-repeat scroll left center !important;
}

#sector-nav a, #main-nav li#top-10-sector ul li span.current{
	margin-top:7px;
/*	padding:0 0 0 15px;*/
}

#sector-nav li:last-child{
	border:0px;
}

#sector-nav li {
	border-bottom:1px dotted #C9C9C9;
	margin-left:15px;
	padding-bottom:7px;
	width:125px;
}

/*#sector-nav li#advertising-and-marketing a{
	display:block;
	height:1%;
}*/

tr.advertising-and-marketing:hover td, tr.advertising-and-marketing:hover td a {color: #E88714;}
tr.animation:hover td, tr.animation:hover td a {color: #EABB0D;}
tr.design:hover td, tr.design:hover td a {color: #95CF25;}
tr.digital:hover td, tr.digital:hover td a {color: #35D5C4;}
tr.pr:hover td, tr.pr:hover td a {color: #3584D5;}
tr.publishing:hover td, tr.publishing:hover td a {color: #5728C1;}
tr.tv-film:hover td, tr.tv-film:hover td a {color: #C71EA1;}


/* so:key*/
#sector-key {
	border:1px dotted #C9C9C9;
	border-width:1px 0;
}

#sector-key #advertising-and-marketing {
	background: url("/images/key/key_advertising.gif") no-repeat scroll left 7px;
	padding-bottom:0;
	color:#E88714;
}

#sector-key #animation {
	background: url("/images/key/key_animation.gif") no-repeat scroll left center;
	color:#EABB0D;
}

#sector-key #design {
	background: url("/images/key/key_design.gif") no-repeat scroll left center;
	color:#95CF25;
}

#sector-key #digital {
	background: url("/images/key/key_digital.gif") no-repeat scroll left center;
	color:#35D5C4;
}

#sector-key #pr {
	background: url("/images/key/key_pr.gif") no-repeat scroll left center;
	color:#3584D5;
}

#sector-key #publishing {
	background: url("/images/key/key_publishing.gif") no-repeat scroll left center;
	color:#5728C1;
}

#sector-key #tv-film {
	background: url("/images/key/key_tv.gif") no-repeat scroll left center;
	color:#C71EA1;
}
/* eo:key*/


#main-sponsor {
	color:#FFF;
}
#business-link{
	background: url("/images/logo/logo_business_link.gif") no-repeat scroll center left;
	display:block;
	height:70px;
	overflow:hidden;
	text-align:left;
	text-decoration:none;
	text-indent:-1000em;
}
/* so:footer*/
#footer {
	background-color: #1F1F1F;
}
#footer p {
	color:#5D6E71;
}
#footer a {
	color:#E37F3B;
}
#footer .sponsor {
	border-top:30px solid #EDEFE4;
}
#footer .sponsor a{

	background: url("/images/logo/beef.gif") no-repeat scroll center left;
	display:block;
	height:17px;
	overflow:hidden;
	text-align:left;
	text-decoration:none;
	text-indent:-1000em;
}
/* eo:footer*/


/*Home*/

.home-content {
	background: #fff;
	border-bottom: solid 1px #d9dccc;
}

a.out-link,
.editorial-links dd span.link-title,
#main-sponsor dl dt a {
		display:block;
		overflow:hidden;
		text-align:left;
		text-indent:-1000em;
}

a.out-link {
	height: 227px;
	width: 600px;
	background: url(/images/home-page-title.gif) no-repeat 0 -4px;
	position: absolute;
	top: 0;
	left:217px;
}

a.out-link:hover {
	background-position: 0 -236px;
}

.editorial-links dd span.link-title {
	width: 100px;
	height: 43px;
}

.editorial-links dd.advertising-and-marketing span.link-title {background: url(/images/ind-ad.gif) no-repeat 0 0;}
.editorial-links dd.design span.link-title {background: url(/images/ind-de.gif) no-repeat 0 0;}
.editorial-links dd.digital span.link-title {background: url(/images/ind-di.gif) no-repeat 0 0;}
.editorial-links dd.pr span.link-title {background: url(/images/ind-pr.gif) no-repeat 0 0;}
.editorial-links dd.tv-film span.link-title {background: url(/images/ind-tv.gif) no-repeat 0 0;}

a.bm-ad img, a.0117-ad img { border-bottom: solid 1px #000 !important;}

#sector-nav li a:hover{
	text-decoration: none !important;
}

#main-sponsor dl dt {margin-bottom: 20px;}


#main-sponsor dl dt a#thring-townsend {background: url(/images/logo/thring_townsend.gif) no-repeat 0 0; height: 120px; width: 120px;}
#main-sponsor dl dt a#bristol-media {background: url(/images/logo/bristol_media.gif) no-repeat 0 0; width: 120px;}
#main-sponsor dl dt a#creative-bath {background: url(/images/logo/creative.gif) no-repeat 0 0; width: 102px; height: 14px;}
#main-sponsor dl dt a#cornwall-media-focus {background: url(/images/logo/cornwall_media_focus.gif) no-repeat 0 0; width: 80px; height: 49px;}
#main-sponsor dl dt a#gmg {background: url(/images/logo/gloucester_media_group.gif) no-repeat 0 0; height: 89px; height: 50px;}
#main-sponsor dl dt a#pmp {background: url(/images/logo/pmp.gif) no-repeat 0 0; width: 69px; height: 21px;}
#main-sponsor dl dt a#swdf {background: url(/images/logo/south_west_design.gif) no-repeat 0 0; width: 80px; height: 63px;}
#main-sponsor dl dt a#smg {background: url(/images/logo/smg.gif) no-repeat 0 0; width: 121px; height: 18px;}
#main-sponsor dl dt a#wmg {background: url(/images/logo/wmg.gif) no-repeat 0 0; width: 80px; height: 33px;}