﻿@import url('Reset.css');

#container {width:980px; margin:0 auto; padding:0; font-size:1.1em; position:relative;}

#container #logo {position:absolute; top:40px; left:74px;}

#container #wrapper {clear:both; padding:109px 0 0;}

#leftCol {float:left; width:310px;}
#leftCol ul#leftNav {list-style-type:none; text-transform:uppercase; text-align:right; font-size:1.4em; padding:66px 8px 0 0;}
#leftCol ul#leftNav li {padding:0 0 35px 0; font-weight:bold; font-style:italic;}
#leftCol ul#leftNav li.workingWithUs, #leftCol ul#leftNav li.workingWithUsActive {padding-right:68px;}
#leftCol ul#leftNav li.businessAreas, #leftCol ul#leftNav li.businessAreasActive {padding-right:120px;}
#leftCol ul#leftNav li.graduates, #leftCol ul#leftNav li.graduatesActive {padding-right:160px;}
#leftCol ul#leftNav li.vacancies, #leftCol ul#leftNav li.vacanciesActive {padding-right:188px;}
#leftCol ul#leftNav li a:hover {text-decoration:none;}
/* Active state */
#leftCol ul#leftNav li#leftNavActive a {text-decoration:underline;}

#centralCol {float:right; width:670px; color:#000; padding:0 0 40px 0;}

#centralCol ul#topNav {padding:11px 0 0 24px; list-style-type:none; font-size:1.0em; font-style:normal; height:81px;}
#centralCol ul#topNav li {float:left; text-transform:uppercase; padding:0 8px; border-right:1px solid #fff;}
#centralCol ul#topNav li#topNavActive {font-weight:bold;}
#centralCol ul#topNav li.last {border:none;}

#centralCol #topNavigation { height:81px;padding:13px 0 0 17px; }
#centralCol #topNavigation ul { display:inline;list-style-type:none; font-size:1.0em; font-style:italic;font-weight:bold;  }
#centralCol #topNavigation li { display:inline;text-transform:uppercase; padding:0 0 0 15px; }
#centralCol #topNavigation li a { color:#000; }

#centralCol #content {font-size:1.1em; overflow-y:auto; height:810px; padding:0 25px 0; margin:0;}

#centralCol #globals {margin:25px 0 0; padding:8px; text-align:left;}
#centralCol #globals p {line-height:1.6em;padding-left:150px;}
#centralCol #globals a {text-transform:uppercase; color:#000;}

#centralCol #content h1 {}
#centralCol #content a {color:#000;}
#centralCol #content p.meetPeople {float:left; text-transform:uppercase; font-size:0.9em;}
#centralCol #content p.transcript {float:right; text-transform:uppercase; font-size:0.9em;}
#centralCol #content ul {margin:0 0 1.6em 20px;}
#centralCol #content ul li {padding:4px 0;}
#centralCol #content .introImg { margin:0 0 20px 0; }

#centralCol #content #profileList { padding:0 20px; margin:60px 0 0;}
#centralCol #content #profileList .left {float:left; width:280px;}
#centralCol #content #profileList .left p {clear:both; margin:0 0 45px 0;}
#centralCol #content #profileList .left img {float:left; margin:0 8px 0 0;border:1px solid #000;}
#centralCol #content #profileList .right {float:right; width:280px;}
#centralCol #content #profileList .right p {clear:both; margin:0 0 45px 0;}
#centralCol #content #profileList .right img {float:left; margin:0 8px 0 0;border:1px solid #000;}

.clear {clear:both;}
