/* CSS Document */

/* body and container and ffscrollbarfix*/
body{
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ccc;
margin: 0px;
margin-top: 50px;
padding: 0px;
height: 100%;
width: 100%;
text-align:center;
background: url(../images/bb_background.gif) repeat;
}

span {display:none;}
span.orange {display:inline;color:#CC6600;}
span.grey {display:inline;color:#333;}

span.people_on {display:inline;}
span.people_on a{color:#CC6600;text-decoration:none;}
span.people_on a:hover {display:inline;color:#CCC;text-decoration:none;}

#container{
margin-top: 0px;
margin-bottom: 0px;
margin-right:auto;
margin-left:auto;
width: 806px;
padding: 0px;
text-align: left;
}

#body {
width:806px;
height:637px;
position:relative;
background: url(../images/bb_body.jpg) no-repeat;
}

#logo {
position:absolute;
left:-73px;
top:-13px;
width:260px;
height:138px;
background: url(../images/bb_logo.gif) no-repeat;
border:0px solid #ff0000;
}

#logo a {display:block;width:260px;height:138px;}

#menu {
position:absolute;
left:190px;
top:10px;
border:0px solid #ff0000;
}

#menu a{color:#ccc;text-decoration:none;}
#menu a:hover{color:#CC6600;text-decoration:none;}
#menu a.selected {color:#CC6600;}
#menu a:hover.selected{color:#ccc;}

#header {
position:absolute;
left:190px;
top:30px;
padding:0px;
font-size:18px;
width:300px;
font-family:Arial, sans-serif;
font-weight:100;
}

* + html #header {border:0px solid #ff0000;font-size:17px;}

html>body #header {top:35px;}

#header p {margin:0px;padding:0px;}

html>body #header p{padding:5px;}

#header p span.orange {display:inline;color:#CC6600;font-size:20px;padding:2px;}
#header hr.top {margin:0px;padding:0px;width:300px;border:1px solid #333;}
#header hr.bottom {margin:0px;padding:0px;width:200px;border:1px solid #333;}

#text_left {
position:absolute;
left:15px;
top:130px;
width:350px;
color:#ccc;
border:0px solid #ff0000;
font-size:12px;
}

#text_left a{color:#CC6600;text-decoration:underline;}
#text_left a:hover{color:#CC6600;text-decoration:none;}

#show_top {
position:absolute;
width:350px;
height:280px;
background:#000 url(../images/bb_top_hide.jpg) no-repeat;
border:0px solid #ff0000;
padding:1px;}


#show_top p{padding:0px;margin:0px;}
#show_top p.text{border:0px solid #00ff00;height:250px;padding:5px;}
html>body #show_top p.text{height:250px;}
#show_top p.link{border:0px solid #666;height:20px;padding-left:5px;}
#show_top p.link a{color:#CC6600;text-decoration:none;}
#show_top p.link a:hover{color:#ccc;text-decoration:none;}

#show_top p.text a.people_on{color:#CC6600;text-decoration:none;}
#show_top p.text a:hover.people_on{color:#ccc;text-decoration:none;}
#show_top p.text a.people_off{color:#ccc;text-decoration:none;}
#show_top p.text a:hover.people_off{color:#CC6600;text-decoration:none;}

#show_top p.text img {margin-left:1px;margin-top:0px;}
html>body #show_top p.text img {;margin-left:0px;margin-top:-1px;}

#hide_top {
position:absolute;
width:348px;
height:278px;
background-color:#000;
border:0px solid #333;
}

#hide_top p{padding:0px;margin:0px;}
#hide_top div.text{padding:5px;border:1px solid #666;width:340px;height:248px;overflow:auto;background:#000 url(../images/bb_top_hide_body.jpg) no-repeat fixed;color:#ccc;}

html>body #hide_top div.text{height:248px;background:#000 url(../images/bb_top_hide_body.jpg) no-repeat;}

#hide_top div.text a{color:#CC6600;text-decoration:none;}
#hide_top div.text a:hover{color:#ccc;text-decoration:none;}

#hide_top p.link{border:0px solid #ff0000;height:20px;width:346px;padding-left:6px;padding-top:1px;background:#000 url(../images/bb_top_hide_bottom.jpg) no-repeat;}
#hide_top p.link a{color:#CC6600;text-decoration:none;}
#hide_top p.link a:hover{color:#ccc;text-decoration:none;}


#show_hide {
left:0px;
top:200px;
position:absolute;
width:350px;
height:200px;
}

#text_right {
position:absolute;
left:372px;
top:300px;
width:500px;
color:#ccc;
border:0px solid #ff0000;
font-size:12px;
}

#text_right a{color:#CC6600;text-decoration:underline;}
#text_right a:hover{color:#CC6600;text-decoration:none;}

#show_bottom {
padding:0px;
margin:0px;
position:absolute;
width:420px;
height:280px;
background:#000000 url(../images/bb_bottom_hide.jpg) no-repeat;
border:0px solid #00ff00;
}

#show_bottom p{padding:0px;margin:0px;}

#show_bottom div.text{border:0px solid #666;height:248px;padding:6px;padding-left:0px;padding-bottom:0px;}

html>body #show_bottom div.text{height:260px;}

#show_bottom div.text ul {margin-top:10px;margin-bottom:10px;padding-top:0px;}
html>body #show_bottom div.text ul {margin-top:10px;margin-bottom:10px;padding-top:0px;}

#show_bottom p.link{border:0px solid #666;height:20px;padding-right:5px;text-align:right;}

#show_bottom p.link a{color:#CC6600;text-decoration:none;}
#show_bottom p.link a:hover{color:#ccc;text-decoration:none;}
#show_bottom p.contact_title {text-align:right;margin-bottom:3px;margin-left:0px;margin-top:20px;}
#show_bottom p.contact_form_name {text-align:right;font-size:11px;margin-top:10px;}
#show_bottom input.contact_form {width:160px;border:1px solid #666;background-color:#000;font-size:10px;color:#CC6600;}

#show_bottom p#white_links a {color:#cccccc;}


#show_bottom p.contact_form_name_2 {text-align:right;font-size:11px;margin-left:0px;margin-top:10px;border:0px solid #fff;position:relative;}

#show_bottom p.contact_form_name_2 span {display:block;position:absolute;border:0px solid #ff0000;left:-56px;}

html>body #show_bottom p.contact_form_name_2 {text-align:right;font-size:11px;margin-left:0px;margin-top:10px;border:0px solid #fff;position:relative;}

html>body #show_bottom p.contact_form_name_2 span {display:block;position:absolute;border:0px solid #00ff00;left:195px;}

#show_bottom textarea.contact_form {width:160px;border:1px solid #666;background-color:#000;font-size:10px;color:#CC6600;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}

.send_form {width:100px;border:1px solid #666;background-color:#000;font-size:11px;color:#CC6600;cursor:pointer;}

#hide_bottom {
position:absolute;
width:420px;
height:280px;
background-color:#000;
border:0px solid #333;
text-align:left;
}

#hide_bottom p{padding:0px;margin:0px;}
#hide_bottom div.text{border:1px solid #666;height:248px;padding:5px;	overflow:auto;color:#ccc;background:#000 url(../images/bb_bottom_hide_body.jpg) no-repeat fixed;}
html>body #hide_bottom div.text {height:248px;background:#000 url(../images/bb_bottom_hide_body.jpg) no-repeat;}
#hide_bottom p.link{border:0px solid #666;height:20px;padding-right:5px;text-align:right;background:#000 url(../images/bb_bottom_hide_top.jpg) no-repeat;}
#hide_bottom p.link a{color:#CC6600;text-decoration:none;}
#hide_bottom p.link a:hover{color:#ccc;text-decoration:none;}

#bb_change {
position:absolute;
left:-40px;
top:504px;
width:103px;
height:78px;
background: url(../images/bb_organisation.jpg) no-repeat;
border:0px solid #ff0000;
}

#bb_creative {
position:absolute;
left:664px;
top:-33px;
width:218px;
height:129px;
background: url(../images/bb_creative_2.jpg) no-repeat;
border:0px solid #ff0000;
}

#footer_menu {
position:absolute;
left:15px;
top:617px;
border:0px solid #ff0000;
font-size: 10px;
}

html>body #footer_menu {
border:0px solid #ff0000;
}

#footer_menu_2 {
position:absolute;
left:561px;
top:617px;
border:0px solid #ff0000;
font-size: 10px;
}

* html #footer_menu_2 {left:531px;}
* + html #footer_menu_2 {left:531px;}

#webdesign {
position:absolute;
left:330px;
top:640px;
border:0px solid #ff0000;
font-size: 10px;
color:#333;
}

#webdesign a{color:#333;text-decoration:none;}
#webdesign a:hover{color:#CC6600;text-decoration:none;}


#ffscrollbarfix {
position: absolute;
top: 0;
bottom: -0.1px;
width: 1em;
z-index: -1;
}