/*
  LAYOUT
  Page positioning of elements. Plus borders, padding, margins etc.
  Note: border color and style sghould go in skin.css
*/

ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

/* skip to content link hide */
body {
  margin:0;
  padding:0;
}

#skip {
  display: none;
}

#wrap {
  overflow:hidden;
  width:100%;
}

/* so:main-layout */
#header img{
  position:absolute;
  width:468px;
  height:60px;
  top:20px;
  left:372px;
  z-index: 999;
}

#header h1 a{
  position:absolute;
  width:197px;
  height:197px;
  top:-12px;
  left:0px;
}


h1 .sector-title,
body#show .south-west {
 margin:0 0 0 -6px;
}

#navigation {
  float: left;
  padding-top:95px;
  padding-left:20px;
  width: 120px;
}
#navigation h3{
  margin:0px 0px 6px 0px;
}

#sector-key {
  padding:6px 0;
}
#main-nav{
  padding:0;
}
#sector-key{
  margin-top:6px;
}

#main-nav{
  margin-left:-30px;
}

#sector-key li {
  margin:10px 0;
  padding:5px 0 5px 28px;
}

#sub-nav li {
  padding:5px 0 5px 10px;
}

#sector-key  li#marketing-and-advertising{
  padding:0 0 0 28px;
}

#content {
  margin-left:40px;
  margin-top:100px;
  width:800px;
  min-height:700px;
}

#main-content {
  float: right;
  width: 620px;
  padding-right: 20px;
}

#main-content h1 {
  padding:12px 0;
  width:620px;
}

#home #main-content h1 {
  padding:0 0 12px 0;
}

body#show #main-content .company-content h1 {
  padding:18px 82px;
  width:460px;
  margin: 0;
}

h1 .top-100 {color: #005480;}

.company-information dl{
  background:#FFF;
  width:140px;
  float:right;
  padding:0 0 10px 0px;
  margin-top:0;
}

.company-information dl dd{
margin:0 0 10px 0;
}

.company-information{
  width:570px;
  float:right;
  padding: 0 20px 40px;
}

.company-information h2{
  margin:2px -20px 10px -20px;
}
.company-information h2 a{
  padding:0 0 8px 20px;
}

.tbl th,
.tbl td {padding:12px 3px 11px;}

.tbl th.th-rank{width:29px;}
.tbl th.th-company{width:112px;}
.tbl th.th-sector{width:41px;}
.tbl th.th-turnover{width:60px;}
.tbl th.th-staff{width:31px;}
.tbl th.th-location{width:68px;}
.tbl th.th-owner{width:69px;}
.tbl th.th-founded{width:49px;}

.tbl th-company-top10{width:153px;}



.top-10-watch .tbl th.th-company{width:141px;}
.top-10-watch .tbl th.th-owner{width:80px;}


.tbl th.th-rank,
.tbl td.rank-number {
  padding:12px 0 11px 10px !important;
}


/*top 5 individual*/
.tbl th.th-rank-individual{width:54px;}
.tbl th.th-name-individual{width:180px;}
.tbl th.th-title-individual{width:72px;}
.tbl th.th-company-individual{width:101px;}
.tbl th.th-location-individual{width:113px;}

div.sponsor-word h2 {
  margin-bottom:10px;
}
#main-sponsor {
  float: right;
  position:absolute;
  left:860px;
  width: 100px;
}

#sector-nav {
  text-indent:0em;
  padding-left:10px;
  padding-top: 0px;
  width:120px;
}

/* so:footer*/
#footer {
  clear:both;
  padding:0px 0px 72px 40px;
  position:relative;
}

#footer .sponsor {
  width:780px;
  padding-left:20px;
}

#footer .sponsor a {
  padding-bottom:50px;
}

#footer p {
  width:800px;
  position:absolute;
  left:560px;
  top:37px;
}
/* eo:footer*/

/*home*/
.home-content {
  padding: 20px;
  margin: 20px 0 0 0;
}

.home-content.first {
  margin: 62px 0 0 0;
  padding-top: 90px;
}

.home-content div {
  float: left;
  margin: 0 20px 0 0;
}

div.sponsor-word {
  width:270px;
  margin-top:10px;
  padding-top:10px;
}

.home-content div img {
  margin-bottom: 10px;
}




.editorial-links {
  padding-left: 0;
  margin-top: 20px;
}

.editorial-links dd {
  float: left;
  width: 100px;
  margin-left: 20px;
}

.editorial-links dd.first {
  float: left;
  width: 100px;
  margin-left: 0px;
}

.editorial-links dd a.image-link {height: 143px; display: block;}

.bm-ad {
  margin-right: 15px;
}

/*About*/
.company-content.about {
  margin-top: 20px;
}



/*individual*/
body#show #main-content .company-content.individual h1 {
  margin: 0;
  padding: 18px 0 18px 82px;
}


.company-content.individual .company-information h2 {
  padding-left: 20px;
}

h1.top100-link {
  text-align:right;
}

.company-information img{
  float: left;
  margin: 0 10px 10px 0;
}

div.number {
  height: 47px;
  width: 63px;
  position: absolute;
  padding: 21px 0 0 0;
  text-align: center;
}

ul.respected-images {
  margin-bottom: 10px;
}


.respected-images li{
  float: left;
  margin-left: 23px;
}

.respected-images li.first{
  margin-left: 0px;
}



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

#main-sponsor dl dt {
  margin-top: 10px;
}


.top-10-watch {
  padding: 15px 0 0 0;
}

h3{
  margin-bottom: 10px;
}

.company-editorial, .company-stats {
  float: left;
}
.company-stats {
  width: 140px;
}

.company-editorial {
  width: 410px;
  margin-right: 20px;
}




/* eo:main-layout */

.fieldWithErrors {
  display: inline;
}

/* editor */

textarea#survey_editorial {
  width: 100%;
}

/* so:clearfix */

#content:after,
#footer:after,
#navigation:after,
.company-content:after,
span.current:after,
.home-content:after,
ul.editorial-links:after,
.current:after,
#main-nav li:after,
ul.respected-images:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* eo:clearfix */