html {
height:100%;
}
body {
height:100%;
margin:0;
padding:0;
font-family:Arial, default;
font-size:105%;
background:#ffffff url(body-bg.gif) repeat-x 0 1px;
}
.clear {
clear:both;
height:0;
}
img {
border:0;
}

.vcard, .pass { display:none; } .text {} .submit {}

#refpanel {
position:absolute;
top:0; left:0;
z-index:1;
width:100%; height:20px; min-width:800px;
margin:0; padding:0;
background:#7d0102 url(refpanel-bg.gif) repeat-x top left;
font-family:Tahoma;
font-size:10px;
color:#ffffff;
}
#refpanel_left {
float:left;
width:870px;
padding:3px 0 0 10px;
}
#refpanel_left a {
color:#ffffff;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #ffffff;
}
#refpanel_left a:hover {
border-bottom:1px solid #ffffff;
}
#refpanel_right {
float:right;
width:30px;
padding:4px 0;
}

#wrapper {
position:relative;
margin:0 auto;
min-height:87%;
width:730px;
padding:0 2em 0 2em;
background:url(wrapper-bg.gif) no-repeat top center;
}
* html #wrapper {
height:80%;
}

#news {
position:absolute;
top:25px; left:402px;
font-size:1em;
font-weight:bold;
}
#news a {
display:block;
padding:7px 6px 5px 4px;
margin:7px 14px 7px 14px;
color:#f9dd6f;
text-decoration:none;
background-color:#880900;
}
#news a:hover {
color:#ffffff;
text-decoration:none;
background-color:#008000;
}

#logo h6 {
position:absolute;
top:57px; left:38px;
height:65px;
margin:35px 0 0 0;
padding:0;
background:url(belbrand.gif) no-repeat bottom left;
}
#logo h6 a {
display:block;
text-indent:-10000px;
width:163px;
height:65px;
text-decoration:none;
}
* html #logo h6 a, * + html #logo h6 a, * + html #logo h6 {
height:65px;
}

#navigation {
height:50px;
position:absolute;
top:118px;
left:268px;
font-size:0.9em;
font-weight:bold;
}
#navigation em {
display:block;
float:left;
padding:5px 4px 3px 2px;
margin:0 12px 0 12px;
font-style:normal;
color:#5f5f5f;
border-bottom:3px solid #70d005;
}
#navigation a {
display:block;
float:left;
padding:5px 4px 3px 2px;
margin:0 12px 0 12px;
color:#5f5f5f;
text-decoration:none;
border-bottom:3px solid #fcfcfc;
}
#navigation a:hover {
color:#000000;
text-decoration:none;
border-bottom:3px solid #999999;
}

#page_main {
padding:394px 8px 3px 10px;
font-size:0.9em;
}
#page_main p {
line-height: 160%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #827365;
text-align: justify;
}
#page_main p.example {
padding:15px 30px 15px 30px;
font-size:1em;
color: #5c5248;
background:#f7f7e8;
border:3px solid #f0f0da;
}
#page_main p.example:hover {
background:#ededd7;
border:3px solid #ddddbf;
}
#page_main blockquote {
color:#666666;
font-style:italic;
padding:5px 3px 0 34px;
margin:0;
background:url(blockquote.gif) no-repeat top left;
}
#page_main h3 {
font-size:1.6em;
color:#5f5f5f;
font-weight:normal;
}
#page_main h3 a {
color:#005bb3;
}
#page_main a.development {
color:#84c225;
text-decoration:none;
font-weight:bold;
}
#page_main a.development:hover {
text-decoration:underline;
}
#page_main a.brand {
color:#ff6600;
text-decoration:none;
font-weight:bold;
}
#page_main a.brand:hover {
text-decoration:underline;
}
#page_main a.support {
color:#0d8ac9;
text-decoration:none;
font-weight:bold;
}
#page_main a.support:hover {
text-decoration:underline;
}
#page_main a.development_big {font-size:16pt;color:#84c225;text-decoration:none;}
#page_main a.development_big:hover {text-decoration:underline;}
#page_main a.brand_big {font-size:17pt;color:#ff6600;text-decoration:none;}
#page_main a.brand_big:hover {text-decoration:underline;}
#page_main a.support_big {font-size:18pt;color:#0d8ac9;text-decoration:none;}
#page_main a.support_big:hover {text-decoration:underline;}

#page_main a {
color:#005bb3;
}
/*#page_main a:visited {
color:#842994;
}*/
#page_main p.customers, #page_main p.works {
text-align:center;
}
#page_main p.customers img {
margin:0 10px 15px 10px;
border:2px solid #f0f0f0;
}
#page_main p.works img {
margin:8px 10px 12px 10px;
background:url(works-image-bg.gif) no-repeat bottom left;
border:1px solid #f0f0f0;
}
#page_main p.works a {
background:url(works-image-bg.gif) no-repeat bottom center;
}

#banner {
position:absolute;
top:184px; left:0;
width:100%; height:197px;
margin:0; padding:0;
text-align:center;
background:#f7f7e8 url(banner-bg.gif) repeat-x top left;
}
#banner #view {
padding:10px 0 0 0;
display:block;
}
#banner #view a, #top_works #view a:hover {
text-decoration:none;
}
#banner #view img {
margin:0 15px 0 15px;
padding:1px;
border:3px solid #f0f0da;
}
#banner #text {
padding:34px 0 0 0;
font-size:2.4em;
color:#c5c3a7;
}
#banner #text a, #top_works #text a:hover {
color:#0d8ac9;
text-decoration:none;
}

#footer {
font-size:0.8em;
color:#b58803;
text-align:center;
padding:60px 0 30px 0;
margin:2% 0 0 0;
background:#372a03 url(footer-bg.gif) repeat-x top left;
}
#footer #copyright {
padding:10px 0 0 0;
}
#footer #copyright a {
color:#b58803;
text-decoration:none;
border-bottom:1px dotted #b58803;
}
#footer #copyright a:hover {
color:#ffffff;
border-bottom:1px solid #ffffff;
}