body {
margin:0px;
padding:0px;
}
a {
color:#009fda;
text-decoration:none;
cursor:pointer;
}
a:hover {
text-decoration:underline;
}
img {
border:none;
}

#frame {
position:relative;
border:1px solid #ddd;
width:940px;
left:50%;
margin-left:-470px;
margin-top:10px;
}

.container {
width:820px;
margin:0px 60px;
}
.contentholder {
width:780px;
margin:0px 20px;
}
.contentholder div.col_left {
display:block;
margin:0px;
padding:0px;
float:left;
width:300px;
border-right:1px solid #999;
}
.contentholder div.col_right {
display:block;
margin:0px;
padding:0px;
float:left;
width:470px;
}
.bandblue {
color:#009fda;
}
#header {
position:relative;
background: url('../i/header_bar.png') no-repeat;
width:820px;
height:85px;
}
#header h1 {
position:absolute;
top:15px;
left:20px;
margin:0px;
padding:0px;
}
#header h1 a{
display:block;
width:120px;
height:34px;
background: url('../i/bandlogo.gif') no-repeat;
text-indent:-10000px;
}
#bluebar {
display:block;
margin-top:10px;
margin-bottom:10px;
height:5px;
background: url('../i/bluebar.png') no-repeat center center;
}
.pagetitle {
padding:0px;
margin:0px;
color:#009fda;
font:bold 20px verdana, helvetica, arial;
}

/*-- NAVIGATION --*/
ul#nav {
position:absolute;
top:40px;
right:20px;
margin:0px;
padding:0px;
display:block;
}
ul#nav li {
position:relative;
float:left;
margin:0px;
padding:0px 5px;
display:block;
}
ul#nav li span.nav_univers a{
font:bold 18px verdana, helvetica, arial;
color:white;
}
ul#nav li ul {
position:absolute;
top:23px;
left:0px;
margin:0px;
padding:0px;
display:none;
}
ul#nav li ul li.lvl2{
position:relative;
float:left;
margin:0px;
padding:0px;
display:block;
height:30px; /*-- higher height for more area to click --*/
}
ul#nav li ul li.lvl2 a {
color:#009fda;
text-decoration:none;
font:italic bold 10px verdana;
line-height:12px;
padding-right:10px;
padding-left:6px;
background: url('../i/diagonal_vertical.jpg') no-repeat bottom right;
}
ul#nav li ul li.lvl2 a.lastitem {
background: none;
}
ul#nav li ul li.lvl2 a:hover{
color:#666;
}

/*-- 3rd level navigation 
ul#nav li ul li ul#submenu_industry {
margin-top:2px;
position:relative;
width:auto;
background-color:white;
padding:0px;
z-index:999;
display:none;
}
ul#nav li ul li ul li {
width:170px;
height:auto;
clear:left;
background-color:white;
border-left:1px solid #eee;
border-top:1px solid #eee;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:999;
}
ul#nav li ul li ul li.lvl3 a {
color:#009fda;
text-decoration:none;
font:italic bold 11px arial;
display:block;
margin:0px;
padding:2px 0px 2px 15px;
background:none;
}
ul#nav li ul li ul li.lvl3 a:hover {
color:#666;
}
--*/

/*-- NEWS -------------------------------------------------------------------*/
#frontpagenews {
display:block;
width:780px;
margin:0px 20px;
padding:0px;
}

.frontnews_holder{
position:relative;
float:left; 
display:block;
width:365px; 
height:180px; 
margin:10px 10px 10px 0px;
padding:0px;
}
.frontnews_info {
padding:0px;
margin:0px;
font:normal 10px verdana, helvetica, arial;
color:#666; 
margin-bottom:10px;
}
.frontnews_title {
position:relative;
font:bold 11px verdana, helvetica, arial;
color:#009fda; 
display:block;
width:365px; 
height:30px;
margin:0px;
padding:0px;
}
.frontnews_title span {
position:absolute;
bottom:0;
}
.frontnews_image {
padding:0px 0px 0px 0px;
margin:0px 0px 20px 0px;
float:left;
}
.frontnews_text {
width:200px;
float:left;
font:normal 10px verdana, helvetica, arial;
line-height:16px;
margin:0px 15px 20px 15px;
color:#666;
}

.news_info {
padding:0px;
font:normal 10px verdana, helvetica, arial; 
color:#666; 
margin-bottom:10px;
}
.news_title {
padding:0px;
margin-top:10px;
font:bold 11px verdana, helvetica, arial; 
color:#009fda; 
}
.news_image {
padding:0px;
margin:0px 0px 20px 0px;
float:left;
}
.news_text {
width:300px;
float:left;
font:normal 10px verdana, helvetica, arial; 
line-height:16px;
margin:0px 15px 20px 15px;
color:#666;
}

.readmore {
font-weight:bold; 
color:#009fda; 
text-decoration:none;
}
#newscollapse {
border-top:1px solid #999; 
margin:0px; 
padding-top:3px; 
clear:left;
}
#newscontrol {
clear:left;
height:15px;
padding-left:0px;
position:relative;
background: url('../i/icon_newsarrow.gif') no-repeat 0px 0px;
background-color:white;
width:805px;
}
#newsdisplay {
border-top:1px solid #eee;
clear:left;
}
#newscontrol a {
font:bold 11px verdana, helvetica, arial; 
line-height:16px;
text-decoration:none; 
color:#666; 
}
#newscontrol a:hover {color:#009fda;}

#newsbar {
color:#666; 
font:normal 11px arial; 
line-height:16px;
margin-top:10px;
background-color:#fff;
}
#newsbar p {
margin:3px;
}
#newsbar a.titlelink {
color:#666;
font:bold 11px verdana, helvetica, arial; 
text-decoration:none;
}
#newsbar a.titlelink:hover {
text-decoration:underline;
}

/*-- FOOTER --*/
#addthisholder {
float:right;
}
#footercontent {
border-top:1px solid #666;
margin:20px;
padding-top:10px;
color:#666;
font:bold 10px verdana, helvetica, arial; 
}

/*-- ABOUT US --*/
.aboutus_copy {
font:normal 10px verdana, helvetica, arial;
line-height:16px;
display:block;
width:250px;
color:#666;
margin-top:10px;
}
.aboutus_quote {
display:block;
}

/*-- PEOPLE --*/
.pple_copy {
padding:0px 40px 0px 0px; 
font:normal 10px verdana,helvetica,arial;
line-height:16px;
color:#666;
}
.pple_info {
display:block;
position:absolute;
width:300px; 
color:#666;
}
.pple_card {
float:left; 
width:130px; 
padding-left:20px;
margin:0px 0px 20px 0px;
}
.pple_name {
display:block;
height:20px;
margin-bottom:5px;
margin-top:5px;
padding:0px;
}

.pple_name2 {
display:block;
height:30px;
margin-bottom:5px;
margin-top:5px;
padding:0px;
}

/*-- LOCATIONS -------------------------------------------------------------------*/

#addressbox {
font:normal 10px arial; 
line-height:16px;
color:#666;
}
#addressbox h3.location {
font:bold 18px arial;
color:#009fda;
margin:0px;
padding:0px;
}
#addressbox p {
font-weight:bold;
padding:0px;
margin:3px 0px;
}
.location_button {
display:block;
float:left;
font:italic bold 11px arial;
color:#009fda;
margin-left:30px;
padding:0px;
}
.location_button span.countryname {
font:italic bold 18px arial;
}

/*-- WORK -------------------------------------------------------------------------*/

.clientbox {
clear:left;
position:relative;
display:block;
height:220px;
padding:0px 0px 0px 0px;
margin: 5px 0px;
}
.clientinfo {
float:left;
display:block;
width:335px;
margin:0;
padding:0;
}
.clientlogo {
position:relative; 
float:right; 
margin:0;
padding:5px 15px;
border:1px solid green;
}
.clientinfotxt {
margin:5px 0 0 0; 
padding:0;
font:normal 10px arial; 
color:#666; 
width:180px; 
line-height:12px;
width:300px;
}
.prjlst {
position:relative;
float:left;
width:440px;
height:205px;
display:block;
margin:0;
padding:0;
border-left:1px solid #ccc;
}
.prjitem {
float:left;
width:140px;
display:block;
height:100px;
margin:0;
padding:0;
}
.prjitem p {
margin: 0 0 0 20px;
padding: 0;
}
.prjitemtxt {
display:block;
font:bold 10px arial;
color:#666;
margin:0;
padding:0;
}
.bblue {
color:#009fda;
}

#workpagenavholder {
display:block;
margin:2px 0px;
padding:2px 0px;
margin-left:-2000px;
}
#workpagenavholder a{
color: #999;
width:20px;
font:bold 12px arial;
text-decoration:none;
}
#workpagenavholder a:hover{
color:#666;
}

/*-- project page styles --*/
#projectholder {
display:block; 
width:780px; 
margin:10px 20px;
}

#projectcopy {
display:block; 
margin-top:10px; 
width:383px; 
position:relative; 
float:left;
border-right:1px solid #ccc;
}

#projectcopy span {
font:normal 10px verdana; 
color:#666; 
display:block; 
width:350px;
}

#projectthumbnails {
display:block; 
margin-top:10px; 
width:385px; 
position:relative; 
float:left;
}

#projectthumbnails span {
position:relative;
display:block;
width:96px;
float:left;
padding:0;
margin-left:30px;
margin-bottom:10px;
}