@import url("basic.css");

body{text-align:center; background-color:#939292; line-height:135%;}
a{color:#fff;}
a:active, a:focus{color:#ff0!important;}
h2{font-weight:bold; font-size:140%; color:#fff; margin-top:1em;}
.container{width:760px; margin:0 auto; text-align:left;}

.bg1{background:#474647 url(../img/bg-gradient-dark.gif) repeat-x; padding-top:20px;}
.bg2{
	background:url(../img/bg-gradient-light.gif) repeat-x; padding-top:10px;
  	min-height:170px; height:auto!important; height:170px;;
}
#header{overflow:auto; margin-bottom:20px;}
#logo a{display:block; background:url(../img/digital-bridge-logo.gif) no-repeat; width:254px; height:109px; float:left;}
#navigation, #subnav{font-size:85%; float:left; margin-left:13px;}
#navigation a, #subnav a{color:#ccc; text-decoration:none;}
#navigation a:hover, #navigation a:active, #navigation a:focus, #subnav a:hover, #subnav a:active, #subnav a:focus
{text-decoration:underline; color:#ff0;}

#subnav{border-left:1px solid #fff; height:55px; padding-left:10px; margin-left:10px;}
#ask-us{float:right; margin-top:85px;}
#ask-us a{display:block; background:url(../img/ask-us.gif) no-repeat; width:140px; height:22px;}

#center{margin-top:20px; overflow:auto;}
#center .content{color:#dadada; padding-bottom:20px;}

.img-link img, .side-img img{margin:5px 0 0 5px;}
.img-link{text-decoration:none; display:block; background:url(../img/frame.gif) no-repeat; width:244px; height:139px;}
.side-img{display:block; background:url(../img/frame.gif) no-repeat; width:244px; height:139px;}
.border{margin:5px 0 10px;}
.middle{margin-left:20px; display:block; width:328px; float:left;}
.middle2{margin-left:20px; display:block; width:494px; float:left;}
.middle p{text-align:justify;}
.read-more{text-align:right; font-size:85%;}
.read-more a{padding-right:10px; background:url(../img/arrow.gif) no-repeat 100% center;}
.additional-info .read-more{text-align:left; margin-top:10px;}
.additional-info .read-more a{color:#333; background-image:url(../img/arrow2.gif);}

#footer{font-size:85%;}
#footer a{color:#353435;}
#footer a:hover, #footer a:active, #footer a:focus{text-decoration:none; color:#ff0;}
#footer .left{width:244px;}
#footer .content{padding:10px 0; overflow:auto;}
#contacts h1, #comments h1, #track h1{display:block; margin-bottom:15px; height:16px;}
#contacts h1{background:url(../img/title-contacts.gif) no-repeat; width:75px;}
#contacts ul{margin-top:5px;}
#contacts li{margin-bottom:7px;}
#telephone{padding-left:20px; background:url(../img/icon-phone.gif) no-repeat; height:14px; margin-bottom:2px;}
#email a{padding-left:20px; background:url(../img/icon-email.gif) no-repeat; width:14px; height:14px;}
#comments h1{background:url(../img/title-news.gif) no-repeat; width:269px;}
#track h1{background:url(../img/title-case-studies.gif) no-repeat; width:107px;}
#track ul{color:#fff; list-style-type:disc; margin-left:15px;}

.additional-info{background:#fff url(../img/small-logo.gif) no-repeat 10px 10px;}
.additional-info .content{
	color:#333!important; padding:10px 10px 10px 55px!important;
	background:url(../img/add-info-public-sector.gif) no-repeat 93% 85%;
}

#services h1, #technology h1, #partner h1, #news h1{display:block; height:20px;}
#services h1{background:url(../img/title-services.gif) no-repeat; width:86px;}
#services .border{border-bottom:3px solid #fff83b;}
#technology h1 {background:url(../img/title-technology.gif) no-repeat; width:116px;}
#technology .border {border-bottom:3px solid #0096d6;}
#partner h1{background:url(../img/title-partof.gif) no-repeat; width:73px;}
#partner .border{border-bottom:3px solid #ee387e;}
#news h1 {background:url(../img/title-news2.gif) no-repeat; width:238px;}
#news .border{border-bottom:3px solid #0f8a42;}
.side-img{height:380px; background-image:url(../img/frame2.gif)}
#track{width:135px;}