@charset "utf-8";
/* CSS Document */
html {
    /*background: url("/images/bsw_icon.png") right no-repeat;*/
    background-image: url("/images/bsw_icon.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right; 
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: Helvetica Neue, Arial, sans-serif;
    color: #63656a;
}
.wrapper {
    float: left;
    width: 65%;
    margin-top: 5%;
    margin-left: 5%;
}
.logo {margin-right: 23%; margin-top: 2%; float: right;}
.service {
	float: left; width: 100%; margin-top:2.5em; margin-left: 17%;
}
.service-pp{float: left; width: 25%;}
.service-it{float: left; width: 70%}
.footer {
    font-size: 9px;
    float: right;
    /*width: 100%;
    text-align: right;*/
	margin: 35em -40em 0 0;
}
h3 {
	font-size: 16px;
	margin-bottom: 0;
	
}
a.servicelink {
	color: #008fbe;
}
a {
    text-decoration: none;
    color: #63656a;
}
a:hover {
    color: #ff7f2f;
    font-weight: 600;
}
a:visted {
color: #63656a;
}
/*  SECTIONS  */
.truncate {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section {
    clear: both;
    padding: 0px;
    margin: 0px 0px 35px 0px;
    font-size: 12px;
    border: 1px solid transparent;
}
.internalOnly:hover {
    border: 1px solid #ffc843;
    background-color: #ffeec7;
    height: auto;
}
.internalOnlyTab {
    background-color: #ffc843;
    float: left; 
    color: black;
    width: auto;
    height: 100%;
    padding: 0 5px 0 5px;
    margin: 3em -1em -3em -3.5em; 
    border: 3px solid #ffc843;
}
.vertical-text {
	transform: rotate(-90deg);
    text-align: center;
	/*transform-origin: left top 0;*/
}
/* COLUMN SETUP */
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1%;
    text-align: center;
    vertical-align: text-bottom;
}
.col:first-child {
    margin-left: 0;
}
/*  GROUPING  */
.group:before, .group:after {
    content: "";
    display: table;
	
}
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 */
}
/*colors
#008fbe - teal
#00539d - blue
#ffc843 - gold*/
.row3 {
    border-bottom: 2px solid #ffc843;
    padding-bottom: 5px;
}
.row1 {
    border-bottom: 1px solid #00539d;
    padding-bottom: 5px;
}
.row2 {
    border-bottom: 1px solid #008fbe;
    padding-bottom: 5px;
}
/*  GRID OF THREE  */
.span2_3_of_3 {
    width: 100%;
    padding-left: 5%;
}
.span2_2_of_3 {
    width: 66%;
}
.span2_1_of_3 {
    width: 33%;
    padding-right: 5%;
}

/*  GRID OF FOUR  */
.span2_4_of_4 {
    width: 100%;
}
.span2_3_of_4 {
    width: 74.75%;
}
.span2_2_of_4 {
    width: 49.5%;
}
.span2_1_of_4 {
    width: 24.25%;
}
/*  GRID OF SIX  
.span2_6_of_6 {
    width: 100%;
}
.span2_5_of_6 {
    width: 83.16%;
}
.span2_4_of_6 {
    width: 66.33%;
}
.span2_3_of_6 {
    width: 49.5%;
}
.span2_2_of_6 {
    width: 32.66%;
}
.span2_1_of_6 {
    width: 15.83%;
}*/
/*NEW 6*/
.span2_6_of_6 {
    width: 100%;
}
.span2_5_of_6 {
    width: 85%;
}
.span2_4_of_6 {
    width: 60%;
}
.span2_3_of_6 {
    width: 45%;
}
.span2_2_of_6 {
    width: 30%;
}
.span2_1_of_6 {
    width: 15%;
}

/*  GRID OF FIVE  
.span_5_of_5 {
    width: 100%;  
}
.span_4_of_5 {
    width: 79.8%; 
}
.span_3_of_5 {
   width: 59.6%;   
}
.span_2_of_5 {
    width: 39.4%;      
}
.span_1_of_5 {
    width: 19.2%; 
}*/
/*new 5*/
.span_5_of_5 {
    width: 90%;  
}
.span_4_of_5 {
    width: 75%; 
}
.span_3_of_5 {
   width: 45%;   
}
.span_2_of_5 {
    width: 30%;      
}
.span_1_of_5 {
    width: 15%; 
}
/*Span of 7*/
/*  GRID OF SEVEN  */
.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
  	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.94%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}


/* GO FULL WIDTH BELOW 992 PIXELS*/ 
@media only screen and (max-width: 992px) {
.col {
    margin: 1% 0 1% 0%;
}
.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7 { width: 100%; }
.span2_1_of_6, .span2_2_of_6, .span2_3_of_6, .span2_4_of_6, .span2_5_of_6, .span2_6_of_6 {
    width: 100%; 
} 
.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 {
    width: 100%;
}
.span2_1_of_4, .span2_2_of_4, .span2_3_of_4, .span2_4_of_4 {
    width: 100%;
}
.service-it, .service-pp {
    width: 100%;
}
.internalOnlyTab {
    background-color: #ffc843;
    float: left; 
    width: auto;
    height: 100%;
    margin: -.1em .6em .5em -2em; 
    border: 5px solid #ffc843;
}
.vertical-text {
	transform: rotate(0deg);
    text-align: center;
	/*transform-origin: left top 0;*/
    float: left;
    width: auto;
    margin-left: 0em;
}
}