1. /* clear all */
  2.  
  3. * {
  4.         margin: 0;
  5.         padding: 0;
  6.         font-family: "Tahoma";
  7.         font-size: 1em;
  8. }
  9.  
  10. /* elements */
  11.  
  12. body {
  13.         color: #888E92;
  14.         /*background: #fff;*/
  15.         background: #2E3D4A;
  16. }
  17.  
  18. p {
  19.         font-size: .7em;
  20.         line-height: 1.6em;
  21.         margin: 0 0 20px 0;
  22. }
  23.  
  24. a {
  25.         color: #fff;
  26. }
  27.  
  28. ul {
  29.         list-style-type: none;
  30. }
  31.  
  32. li {
  33.         font-size: .7em;
  34. }
  35.  
  36. h2 {
  37.         text-indent: -5000px;
  38. }
  39.  
  40. h3 {
  41.         color: #AEB5BA;
  42.         font-weight: bold;
  43.         font-size: .7em;
  44.         margin: 0 0 10px 0;
  45. }
  46.  
  47. /* layers */
  48.  
  49. #site {
  50.         width: 725px;
  51.         margin: 0 auto;
  52.         padding: 10px 25px 10px 25px;
  53.         background: #232F39 url("images/header_london.png") no-repeat 10px 0px;
  54. }
  55.  
  56. /* header */
  57.  
  58.         #header {
  59.                 height: 250px;
  60.         }
  61.                 #header h1 {
  62.                         width: 300px;
  63.                         height: 75px;
  64.                 }
  65.                        
  66.                 #header h1 a {
  67.                         display: block;
  68.                         background: transparent url("images/logo.png") no-repeat left top;
  69.                         width: 300px;
  70.                         height: 75px;
  71.                         text-indent: -5000px;
  72.                         margin: 0 0 0 -5px;
  73.                 }
  74.                
  75.                 #header ul#tabs {
  76.                         float: right;
  77.                 }
  78.                
  79.                 #header ul#tabs li {
  80.                         display: inline;
  81.                         float: left;
  82.                 }
  83.                
  84.                 #header ul#tabs li a {
  85.                         margin: 23px 0 0 2px;
  86.                         display: block;
  87.                         width: 100px;
  88.                         height: 22px;
  89.                         padding-top: 8px;
  90.                         background: #0f161d;
  91.                         border: 1px solid #000;
  92.                         color: #aeb5ba;
  93.                         font-weight: bold;
  94.                         text-align: center;
  95.                         text-decoration: none;
  96.                 }
  97.                
  98.                 #header ul#tabs li a:hover {
  99.                         background: transparent url("images/tabover.png") repeat-x left top;
  100.                         color: #fff;
  101.                 }
  102.        
  103.                 #header p {
  104.                         background: transparent url("images/subtitle1.png") no-repeat left top;
  105.                         width: 323px;
  106.                         height: 134px;
  107.                         text-indent: -5000px;
  108.                         margin: 26px 0 0 -2px;
  109.                 }
  110.                
  111.                 #header p.subtitle2 {
  112.                         background: transparent url("images/subtitle2.png") no-repeat left top;
  113.                 }
  114.  
  115. /* main contents */    
  116.        
  117.                 #brands {
  118.                         width: 198px;
  119.                         float: left;
  120.                         background: transparent url("images/brands.png") no-repeat left bottom;
  121.                         padding: 0 0 135px 0;
  122.                         margin: 7px 0 0 0;
  123.                 }
  124.                         #brands h2 {
  125.                                 background: transparent url("images/international_brands.png") no-repeat left top;
  126.                                 height: 19px;
  127.                         }
  128.                        
  129.                         #brands h4 {
  130.                                 color: #fff;
  131.                                 background: #141a20;
  132.                                 padding: 1px 2px 2px 2px;
  133.                                 font-size: .9em;
  134.                                 margin: 15px 10px 1px 0;
  135.                         }
  136.                        
  137.                         #brands p {
  138.                                 padding: 0 12px 0 2px;
  139.                         }
  140.                        
  141.                 #value {
  142.                         background: #2E3D4A url("images/globe.png") no-repeat 15px 15px;
  143.                         padding: 25px 10px 7px 154px;
  144.                         width: 354px;
  145.                         float: right;
  146.                         margin: 24px 0 0 0;
  147.                         border-bottom: 1px solid #1b242b;
  148.                 }
  149.                         #value h2 {
  150.                                 background: transparent url("images/value_creation.png") no-repeat left top;
  151.                                 height: 19px;
  152.                                 margin: 0 0 5px 0;
  153.                         }
  154.                        
  155.                         #value p {
  156.                                 margin: 0 0 13px 0;
  157.                                 line-height: 1.3em;
  158.                         }
  159.                        
  160.                         /* second p in layer #value - if you add paragraphs, change this to match last paragraph */
  161.                         #value p+p {
  162.                                 margin: 0;
  163.                         }
  164.                        
  165.                 #what {
  166.                         background: transparent url("images/skills.png") no-repeat right 75px;
  167.                         padding: 23px 150px 10px 0;
  168.                         width: 370px;
  169.                         float: right;
  170.                 }
  171.                         #what h2 {
  172.                                 background: transparent url("images/what_we_do.png") no-repeat left top;
  173.                                 height: 19px;
  174.                                 margin: 0 0 10px 0;
  175.                         }
  176.                        
  177.                         #what h3 {
  178.                                 margin: 3px 0;
  179.                         }
  180.                        
  181.                         /* second p in layer #what - if you add paragraphs, change this to match last paragraph */
  182.                         #what p+p {
  183.                                 margin: 0 0 8px 0;
  184.                         }
  185.                                
  186.                 #maintext {
  187.                         clear: both;
  188.                         background: #2E3D4A;
  189.                         padding: 0 10px 28px 10px;
  190.                 }
  191.                         #maintext h3 {
  192.                                 padding: 10px 0 0 0;
  193.                                 margin: 0 0 5px 0;
  194.                         }
  195.                        
  196.                         #maintext p {
  197.                                 margin: 0;
  198.                                 line-height: 1.6em;
  199.                         }
  200.                                                
  201.                         #maintext li {
  202.                                 line-height: 1.6em;
  203.                         }
  204.  
  205. /* about page */
  206.                        
  207.                 #who {
  208.                         background: #2E3D4A;                   
  209.                         padding: 10px;
  210.                         margin: 24px 0 0 0;
  211.                         border-bottom: 1px solid #1b242b;
  212.                 }
  213.                         #who h2 {
  214.                                 background: transparent url("images/who_we_are.png") no-repeat left top;
  215.                                 height: 19px;
  216.                                 margin: 0 0 5px 0;
  217.                         }
  218.                        
  219.                         #who p {
  220.                                 color: #aeb5ba;
  221.                         }
  222.                        
  223.                         /* second p in layer #who - if you add paragraphs, change this to match last paragraph */
  224.                         #who p+p {
  225.                                 margin-bottom: 0;
  226.                         }
  227.                        
  228.                         #address {
  229.                                 width: 150px;
  230.                                 float: right;
  231.                                 background: transparent url("images/london_building.png") no-repeat right top;
  232.                                 margin: 12px 0 0 0;
  233.                                 padding: 240px 0 0 0;
  234.                         }
  235.                        
  236.                         #address p {
  237.                                 font-weight: bold;
  238.                                 line-height: 1.2em;
  239.                                 color: #aeb5ba;
  240.                         }
  241.                        
  242.                         #team {
  243.                                 padding: 0 190px 10px 0;
  244.                         }
  245.                        
  246.                         .team {
  247.                                 background: #2E3D4A;                   
  248.                                 padding: 10px;
  249.                                 margin: 12px 0 0 0;
  250.                         }
  251.                        
  252.                         .team p {
  253.                                 margin: 0;
  254.                                 color: #aeb5ba;
  255.                         }
  256.                        
  257.                         .about {
  258.                                 padding: 10px 10px 0 10px;
  259.                                 margin: 6px 0 0 0;
  260.                         }
  261.                        
  262.                         .about p {
  263.                                 margin: 0;
  264.                                 color: #aeb5ba;
  265.                         }
  266.                        
  267. /* footer */
  268.                        
  269.         #footer {
  270.                 width: 100%;
  271.                 overflow: auto;
  272.                 padding: 8px 0;
  273.         }
  274.                 #footer #copyright {
  275.                         float: left;
  276.                         color: #aeb5ba;
  277.                 }
  278.                 #footer #webdesign{
  279.                         float: right;
  280.                         color: #aeb5ba;
  281.                 }
  282.