/* Tab Content - menucool.com */
.tabBox {
    margin: 0 auto;
}

        
ul.tabs li
{
    display: inline;
    margin: 0;/*no distance between tabs*/
    background: #fff;
    width: 400px;
}

ul.tabs li:first-child a{
    background-color:#f89921;
}
ul.tabs li:first-child a:hover {
background-color: #CB8418;
}
ul.tabs li:last-child a:hover {
background-color: #000A2C;
}
ul.tabs li:last-child a{
    background-color: #1d3051;
}   
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    position: relative;
    text-align:center;
    padding: 0.5em 0;
    color: #fff;
    outline: none;
    width: 50%;
    background: #F6F6F9;
    float: left;
    margin-bottom: 2em;
}
.selected.tab1:hover:after {
  border-top: 21px solid #CB8418;
}
.selected.tab2:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  border-top: 21px solid #1d3051;
  pointer-events: none;
}
.selected.tab2:hover:after {
  border-top: 21px solid #000A2C;
}

#view2 a.buttonLarge {
    background-color: #1D3051;
    border-top-color: #000A2C;
    border-right-color: #000A2C;
}
#view2 a:hover.buttonLarge {
    background-color: #000A2C;
}

#div_contractors ol, #div_projects ol {
  list-style-type: decimal;
  list-style-position: inside;
  counter-reset: li;
  margin-left: 0;
  padding-left: 0;
}
#div_contractors ol > li, #div_projects ol > li {
  position: relative;
  margin: 0 0 0.7em 3em;
  padding: 7px 15px;
  list-style: none;
  background: #ffffff;
}
#div_contractors ol:nth-child(2), #div_projects ol:nth-child(2){
  counter-reset: li 5; /*this starts the second OL counting at 6*/
}
#div_contractors ol > li:before, #div_projects ol > li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: 0px;
  left: -2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 2.5em;
  margin-left: -0.7em;
  padding: 4.5px;
  color: #fff;
  border-top: 3px solid #CB8418;
  border-right: 3px solid #CB8418;
  background: #F89921;
  font-weight: bold;
  font-family: titillium web;
  font-size: 1.1em;
  text-align: center;
  border-radius: 14.1px 3.5px;
}
#div_projects ol > li:before {
  border-top: 3px solid #000A2C;
  border-right: 3px solid #000A2C;
  background: #1D3051;
}
#view2 #div_contractors ol > li:before {
  border-top: 3px solid #000A2C;
  border-right: 3px solid #000A2C;
  background: #1D3051;
}

/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.tabs li:last-child a
{
}
  
        
ul.tabs li a:hover
{
    color: #000;
    background: white;
}
        
/*ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    background: #FFF;
    color: #000;
}*/
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
    padding: 2em 2.5em;
    background-color: #fff;
    margin-top: 3em;
    margin-bottom: 1.5em;
    padding-bottom: 3.3em;
}