/***************************************************
   Layout elements
 **************************************************/

body
{
    padding: 5px 0 0 0;
    margin: 0;
    font: .7em Arial,Tahoma,sans-serif;
    line-height: 1.7em;
    background: #fff url("../images/bg_bluestripe.gif") repeat-x;
    color: #454545;
}

#wrapper
{
    position:relative;
    margin: 10px auto;
    width: 960px;
    background-color:#fff;
}

#hdr_logo
{
    margin: 0 0 10px 0;
}

#hdr_login{
    line-height: 27px;
    float: right;
    color: #808080;
    background: #fff;
    margin: 0px 5px 7px 0;
    text-align: right;
    height: 64px;
    }

#hdr_banner{
    margin: 0 0 0px 0;
    height: 200px;
    border: 1px solid #0088D1; /*#0071bd #0090F0 #0081D6 */
    background : #fff url("../images/banner_diagram.jpg") right top no-repeat;
    }

/*body.home #hdr_banner{
    background : #fff url("../images/banner_diagram.jpg") right top no-repeat;
    }*/
    
body.contact #hdr_banner{
    background : #fff url("../images/banner_diagram.jpg") right top no-repeat;
    }



/***************************************************
   Menu styles
 **************************************************/

.nav_menu{
    padding: 0;
    width: 100%;
    border-top: none;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
    }

.nav_menu ul{
    margin:0;
    padding: 0;
    list-style: none;
    }

.nav_menu li{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    }

.nav_menu a{
    margin: 0 1px 0 0;
    padding: 0px 20px 0px 20px; 
    float: left;
    display: block;
    color: #0088D1;
    text-decoration: none;
    background-color: #ffffff;
    border-top:0;
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #0088D1;
    border-left:1px solid #ebebeb;
    }

.nav_menu a:visited{
    background-color: #fff;
    color: #0088D1;
    border-top:0;
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #0088D1;
    border-left:1px solid #ebebeb;
    text-decoration: none;
    }

.nav_menu a:hover{
    background-color: #fff;
    color: #ebebeb;
    border-top:0;
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    border-left:1px solid #ebebeb;
    text-decoration: none;
    }

body.home .nav_menu .home a,body.about .nav_menu .about a,
body.solutions .nav_menu .solutions a,body.clients .nav_menu .clients a,
body.careers .nav_menu .careers a,body.contact .nav_menu .contact a{ 
    padding-top: 10px;
    padding-bottom: 0; 
    background-color: #fff;
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #0088D1;
    border-left:1px solid #ebebeb;
    color: #0088D1;
    }
    
body.home .nav_menu a.home a:hover,body.about .nav_menu a.about a:hover,
body.solutions .nav_menu a.solutions a:hover,body.clients .nav_menu a.clients a:hover,
body.careers .nav_menu a.careers a:hover,body.contact .nav_menu a.contact a:hover{
    border-top:0;
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    border-left:1px solid #ebebeb;
    color: #ebebeb;
    }


/***************************************************
  End Menu styles
 **************************************************/


#left{
    float: left;
    width: 635px;
    margin: 20px 0 10px 0;
    }

.left_content{
    margin: 0px 0 10px 0;
    color: #454545;
    padding: 15px 0px 5px 0px;
    }

.left_articles{
    margin: 0px 0 10px 0;
    color: #454545;
    padding: 15px 15px 5px 0px;
    }
    
.sub_teasers{
    float: left;
    width: 186px;
    padding: 0 10px 0 15px;
    }



#right
{
    float: right;
    width: 310px;
    margin: 0 0 10px 0;
}
.right_articles
{
    border-top: 1px solid #0088D1;
    border-right: 1px solid #0088D1;
    border-bottom: 1px solid #0088D1;
    border-left: 1px solid #0088D1;
    padding: 8px;
    margin: 0 0 10px 0;
    color: #454545;
}


#footer_wrapper
{
    margin: 0px;
    padding: 0px;
    clear: both;
    width: 100%;
}

#footer
{
    color: #808080;
    background: #FFF;
    border-top: 1px solid #0088D1;
}

#footer p
{
    margin:10px;
    padding: 0;
}


#footer .right
{
    float: right;
}

#footer a.rss {
	padding-left: 16px;
	background: url("../images/icon-rss.gif") no-repeat 0 0;
	}

/***************************************************
   End Layout elements
 **************************************************/


/***************************************************
   Link styles
 **************************************************/


#hdr_login a, #left a, #right a,#footer a{
    color: #0088D1;
    text-decoration: underline;
    }

#hdr_login a:visited,#left a:visited,#right a:visited,#footer a:visited{
    color: #0088D1;
    text-decoration: underline;
    }

#hdr_login a:hover,#left a:hover,#right a:hover,#footer a:hover{
    color: #ebebeb;
    text-decoration: underline;
    }

#hdr_login a:active,#left a:active,#right a:active,#footer a:active{
    color: #0088D1;
    text-decoration: underline;
    }

#hdr_logo h1 a {
  display: block;
  width: 247px;
  height: 75px;
  color: #0088D1;
  text-decoration : none;
  }

#hdr_logo h1 a:hover, #hdr_logo h1 a:focus, #hdr_logo h1 a:active {
  color : #ebebeb;
  background : #fff url("../images/bslogohover.jpg") no-repeat;
  }

#hdr_logo h1 a:hover img, #hdr_logo h1 a:focus img, #hdr_logo h1 a:active img  {
  background : transparent;
  visibility : hidden;
}


h1 a, h2 a
{
    color: #000;
    background: inherit;
    text-decoration: none;
}


/***************************************************
   End Link styles
 **************************************************/


/***************************************************
   Font styles
 **************************************************/


p{
    margin: 0 0 5px 0;
    }

h1{
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    color: #0071bd;
    }

h2{
    margin: 0 0 10px 0;
    padding: 0;
    font-family: Trebuchet MS,Arial,Tahoma,sans-serif;
    font-size: 1.3em;
    color: #0071bd;
    }
    
h3{
    margin: 0 0 10px 0;
    padding: 0;
    font-family: Trebuchet MS,Arial,Tahoma,sans-serif;
	font-size: 1.3em;
    color: #0071bd;
}
    
/***************************************************
   End Font styles
 **************************************************/


/***************************************************
   Misc. styles
 **************************************************/

.date
{
    padding: 0 0 0 12px;
    font-size: .9em;
    background: #fff url("../images/news.gif") no-repeat center left;
    color: #808080;
}
.bigimage
{
    margin: 0 15px 10px 0;
    padding:4px;
    float: left;
    clear: left;
    border: 1px solid #0088D1;    
    background: #eee;
    color: #000;
    width: 200px;
    height: 150px;
}

.image
{
    margin: 0 9px 3px 0;
    padding:4px;
    float: left;
    border: 1px solid #0088D1;    
}
.support
{
    margin: 0 0 10px 0;
    /*padding: 17px 10px 17px 10px;*/
    /*border-top: 1px dotted #0090F0;*/
    /*border-bottom: 1px dotted #0090F0;*/
    text-align:center;
    /*background: #fff url("../images/") no-repeat center left;*/
    color: #454545;
}



blockquote {
  background: #ffffff url("../images/quoteleft.gif") left top no-repeat;
  color: #808080;
  border-top: 1px dotted #0088D1;
  border-bottom: 1px dotted #0088D1;
  padding: 15px;
  margin: 0 0 15px 0;
  
}
blockquote p {
  padding: 0 10px;
  background: transparent url("../images/quoteright.gif") right bottom no-repeat;
}


ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
img
{
    border: 0;
}

br.clear{
    clear: both;
    }