html,body {
background:#E8E8E8 url(../images/formation_bg.gif) no-repeat center top;
margin:0;
padding:0;
}

#header {
width:580px;
background:#CECECE;
color:#ffffff;
}

#upper {
position:relative;
height:211px;
}

#flashcontent {
width:760px;
height:211px;
}

div#container {
position:relative;
height:auto;
text-align:left;
width:980px;
background:#ffffff url(../images/container_bg.gif) repeat-y;
border-bottom:7px solid #fa1730;
z-index:1;
margin:10px auto 0;
}

div#wrapper {
height:auto;
margin:0 25px 0 10px;
}

#subheader {
background:url(../images/sub-header.jpg) no-repeat;
width:760px;
height:70px;
}

div#extra {
background:#FF8539;
float:right;
width:500px;
}

#footer {
height:20px;
position:relative;
background:#ffffff;
clear:both;
width:760px;
margin:0;
padding:0;
}

div#content {
position:relative;
float:left;
width:470px;
background:url(../images/page-break.jpg) no-repeat bottom left;
margin:0 0 0 40px;
padding:55px 0 40px;
}

#home div#content {
background:#ffffff;
padding-bottom:0;
}

#content #title {
position:absolute;
width:521px;
height:37px;
padding-bottom:25px;
margin-bottom:25px;
top:-2px;
left:-12px;
}

div#content #imgblock {
background:url(../images/page-break.jpg) no-repeat top left;
padding-top:30px;
width:511px;
height:auto;
margin:30px 0 0;
}

.home {
background:url(../images/uploads/titlebars/formation-title.jpg) no-repeat top left;
}

.services {
background:url(../images/uploads/titlebars/evaluation-title.jpg) no-repeat top left;
}

.architecture {
background:url(../images/uploads/titlebars/architecture-design-title.jpg) no-repeat top left;
}

.projectmanagement {
background:url(../images/uploads/titlebars/project-management-title.jpg) no-repeat top left;
}

.projects {
background:url(../images/uploads/titlebars/projects-title.jpg) no-repeat top left;
}

.development {
background:url(../images/uploads/titlebars/development-title.jpg) no-repeat top left;
}

.sad {
background:url(../images/uploads/titlebars/sad-title.jpg) no-repeat top left;
}

.sitemanagement {
background:url(../images/uploads/titlebars/project-site-managerment-title.jpg) no-repeat top left;
}

.accountancy {
background:url(../images/uploads/titlebars/accountancy-administration-title.jpg) no-repeat top left;
}

.theboard {
background:url(../images/uploads/titlebars/board-title.jpg) no-repeat top left;
}

.ourpeople {
background:url(../images/uploads/titlebars/ourpeople-title.jpg) no-repeat top left;
}

.contact {
background:url(../images/uploads/titlebars/contact-title.jpg) no-repeat top left;
}

.group {
background:url(../images/uploads/titlebars/group-plc-title.jpg) no-repeat top left;
}

.terms {
background:url(../images/uploads/titlebars/terms-title.jpg) no-repeat top left;
}

.privacy {
background:url(../images/uploads/titlebars/privacy-title.jpg) no-repeat top left;
}

#upper #header {
position:relative;
height:211px;
clear:both;
width:760px;
}

#upper #header #hright {
float:right;
width:245px;
height:211px;
z-index:20;
right:0;
}

#upper #header img {
position:absolute;
width:535px;
height:211px;
top:0;
z-index:-10;
}

#upper #header #hleft {
left:0;
float:left;
width:344px;
height:211px;
z-index:20;
}

#upper #header #holder {
position:absolute;
left:180px;
z-index:19;
}

#upper #header #hright img,#upper #header #hleft img {
z-index:20;
}

#navigation {
position:relative;
float:left;
width:172px;
background:url(../images/submenu-top.jpg) no-repeat #fa1730;
color:#FFFFFF;
height:340px;
min-height:300px;
padding-top:30px;
}

#navigation ul {
list-style-type:none;
margin:0 10px;
padding:0;
}

#navigation ul li {
line-height:14px;
padding:10px 0 2px;
}

#navigation ul li.title {
font-weight:bold;
text-transform:uppercase;
margin-bottom:3px;
}

#navigation ul li.menu {
background:url(../images/navagation-bar.jpg) no-repeat;
}

#navigation ul li a {
color:#FFFFFF;
}

#navigation ul li a:hover {
color:#000000;
}

#navigation #navigationFooter {
position:absolute;
bottom:0;
left:0;
color:#ffffff;
width:172px;
height:63px;
background:url(../images/submenu-footer.jpg) no-repeat;
}

#navigation #navigationFooter ul {
margin:0;
padding:6px 0 0 13px;
}

#navigation #navigationFooter li {
list-style-type:none;
text-transform:uppercase;
color:#ffffff;
font-size:8px;
line-height:12px;
margin:0;
padding:0;
}

.people {
width:100%;
height:auto;
float:left;
clear:both;
margin-bottom:15px;
}

.pTxt {
width:300px;
float:right;
clear:right;
}

.pImage {
width:150px;
height:150px;
float:left;
margin-top:3px;
}

#newsticker {
position:absolute;
top:60px;
right:15px;
width:145px;
height:250px;
}

.thumb.overlay {
position:relative;
float:left;
left:0;
z-index:100;
width:150px;
max-width:150px;
height:150px;
}

.thumb.overlay div.overlayImage {
position:absolute;
left:0;
z-index:99;
width:150px;
height:150px;
overflow:hidden;
top:0;
}

.tableshadow {
background:url(../images/shadowbg.gif) repeat-y top right;
position:relative;
width:100%;
border:0;
margin:15px 0 5px;
padding:0 9px 10px 0 !important;
}

.tableshadow .topright {
right:-2px!important;
position:absolute;
top:0;
}

.tableshadow .bottomshadow {
position:absolute;
bottom:0!important;
left:0;
}

.standard {
width:100%;
border-collapse:collapse;
border:1px solid #C80A22;
border-bottom:8px solid #C80A22;
margin:0;
}

.standard th {
background:#c80a22;
height:22px;
color:#ffffff;
text-transform:uppercase;
text-align:left;
padding-left:10px;
}

.standard td {
padding:4px 10px;
}

p#ultimate {
font-size:9px;
text-align:right;
width:980px;
color:#333;
margin:5px auto 0;
}

p#ultimate a {
color:#333333;
text-decoration:underline;
}

#news_ticker_flash {
width:170px;
height:300px;
position:absolute;
top:40px;
right:0;
}

div#container #downloads_div {
position:absolute;
top:60px;
right:20px!important;
right:10px;
background:url(../images/div_downloads_top.jpg) no-repeat;
height:auto;
width:139px;
z-index:25;
margin:0;
padding:60px 0 0;
}

div#container #downloads_div ul {
list-style:none;
font-size:8px;
text-transform:uppercase;
margin:0;
padding:0 0 0 15px;
}

div#container #downloads_div ul li {
background:url(../images/pdf.jpg) no-repeat;
background-position:70px 0;
height:55px;
}

div#container #downloads_div h6 {
color:#000;
margin:0;
padding:0;
}

div#container #downloads_div a {
font-size:8px;
color:#fa1730;
}

div#container #downloads_div a:hover {
color:#000;
}

div#container #downloads_div .bottom {
position:relative;
height:50px;
width:139px;
background:url(../images/div_downloads_bottom.jpg) no-repeat;
z-index:30;
padding:0 0 0 15px;
color:#666;
font-size:9px;
}

div#container #downloads_div .bottom a {
font-size:9px;
color:#fa1730;
}

div#container #downloads_div .bottom a:hover {
font-size:9px;
color:#000;
}

.formation_logo {
position:absolute;
right:30px;
bottom:40px;
z-index:40;
}
