/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * totalspan
 */

/* Frontpage Showcase */
.frontpageshowcase {
	position: absolute;
	top: 20px;
	left: 40px;
	z-index: 1;
	width: 400px;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.frontpageshowcase.black { color: #444; }

/* Frontpage List */
.frontpagelist img { margin: -20px -20px -20px 0; }

.frontpagelist h2 {
	font-size: 28px;
	line-height: 28px;
}

/* Frontpage Botton */
#page .frontpagebottom {
	min-height: 124px;
	margin: -13px;
	padding: 13px 120px 13px 13px;
	border-radius: 7px;
	overflow: hidden;
}


/* Frontpage Separator */
#page .frontpageseparator {
	margin: -3px;
	overflow: hidden;
	text-transform: uppercase;
}

.frontpageseparator > div > div {
	padding-left: 15px;
	border-left: 1px solid #ddd;
	box-shadow: inset 1px 0 0 #fff;
	overflow: hidden;
}

.frontpageseparator > div:first-child > div {
	border-left: none;
	box-shadow: none;
}

.frontpageseparator img {
	margin: 4px 15px 0 0;
	float: left;
}



div.colour-item {
float: left;
padding: 15px;
}

.colour-heading {
width: 100%;
}
body#page {
 background:  url(../../../images/st_15/bg2.jpg) repeat-x !important;
   background-position-y: -14px !important;
}

body#page.hm_cls {
 background:  url(../../../images/st_15/bg.jpg) repeat-x !important;
   background-position-y: -14px !important;
}
#page-bg2 {
background: none !important;}
#menubar{background:rgba(255, 202, 3, 0.7) !important; border:0 !important;box-shadow: 0 0 0 !important;}
.menu-dropdown a.level1, .menu-dropdown span.level1{color:#004AA5 !important;}
.menu-dropdown li.active .level1 {
border: 1px solid #fff;box-shadow: 0 0 0;background: #fff;}
.menu-dropdown li.active > a, .menu-sidebar a.active {color: #004AA5!important;}

.menu-dropdown li.level1:hover .level1, .menu-dropdown li.remain .level1 {
border: 1px solid #fff;
background-color: #fff !important;
background-position: 0 -50px;
background-repeat: repeat-x;
box-shadow: inset 0 1px 0 rgba(253,253,255,0.15), 0 1px 1px rgba(0,0,2,0.25);
text-shadow: 0 -1px 0 rgba(0,0,2,0.5);
}

#top-a div.module.mod-box.deepest {
padding: 13px;
border: 0;
border-radius: 7px;
background: transparent;
box-shadow: 0 0 0;
text-shadow: 0 0 0;
}

.menu-dropdown a.level1, .menu-dropdown span.level1{background:transparent!important;border:0 !important;}
.menu-dropdown .dropdown-bg > div {
border: 1px solid #fff;
border-top: none;
background: #fff;
border-radius: 0 4px 4px 4px;
box-shadow: 0 1px 1px rgba(0,0,2,0.45);
}
.menu-dropdown li.level2 {border-top: 1px solid #DBDBDA;}
.menu-dropdown a, .menu-dropdown span.level1, .menu-dropdown .level1 span > span.title, .menu-dropdown .level2 .separator > span {
color: #004AA5;
}
.menu-dropdown a.level2:hover {
background: #004AA5;
}
.menu-dropdown li.level1 {margin-right: 3px;}
.menu-dropdown a.level1, .menu-dropdown span.level1 {font-size: 16px; !important}


.menu-dropdown li.level1.parent a.level1 > span {
	padding-right: 4px !important;
	background: none !important;
}



/*2015 styling */

.cnt_con a, .cnt_con h1{
    float:right;
    margin-top:7px;
}

.cnt_con h1 a:nth-child(2){
    font-weight: bold;
}

.cnt_con h1 a{
        color:#024DA1 !important;
        font-family: "myriad-pro-n7","myriad-pro",sans-serif;
        font-size: 27px;
}










/*slideshow */


ul.nav.nav-250.clearfix {
    right: 0px;
}

.wk-slideshow-list .nav-250+.slides-container {
  margin-left: -4px;
  margin-right: 250px;
}


.wk-slideshow-list .nav {
  border-left: 1px solid #DDD;
  border-right: 0px solid #DDD;
  background: -webkit-linear-gradient(right, #FDFDFD 97%, #F0F0F0 100%);
}


.wk-slideshow-list .nav li {
  margin-left: -1px;
    margin-right: 0px;
}


.wk-slideshow-list .nav li.active {
  background: #014EA0;
  color: #FFF;
}


.wk-slideshow-list .nav:before  {
content:" TOTALSPAN BUILDINGS ";
height:0px;
position:relative;
padding:25px !important;
background:#E6E6E6;
width:79.5%;

  color: #024DA1 !important;
  font-family: "myriad-pro-n7","myriad-pro",sans-serif;
  font-size: 20px;
  font-weight:bold;
  line-height:20px;

}



.wk-slideshow-list .nav li.active:first-child {
  border-radius: 0 0 0 0;
}




/*.wk-slideshow-list .nav li.active span:before {

content:" "; 
position:relative;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 25px 10px 0;
border-color: transparent red transparent transparent;
left:-20px;
z-index:99999;
}*/


/*Mascot*/

.mascot_img{
    position:absolute;
    z-index:2;
}

img#mascot {
    position:absolute;;
    top: -452px !important;
    left: -117px;
}

.hm_cls section#top-a {

    margin-top:-20px;
        margin-bottom:40px;
}


/*mascot sml*/
img#mascot_sml {
    position:absolute;;
top:-225px !important;
    left: -60px;
}



.mascotsml_img {
    position:absolute;
    z-index:2;
}










/*top banner*/

.module.mod-box.tp-ban.deepest {
background:white !important;
margin-bottom:20px
}







/*content */


#system .item > header .title {

  color: #004C9F;
  font-size: 30px;
  line-height: 120%;
  font-family: "myriad-pro-n7","myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 700;
}


h2, h4, h5, h6, .menu-dropdown li.active > a, .menu-sidebar a.active, .menu-sidebar li > span.active, #system .pagination a:hover {
  color: #004C9F !important;
  font-family: "myriad-pro-n7","myriad-pro",sans-serif;
}


/*book a quote*/

.cweb1 h3.module-title {
    color: #014EA0;
}


div.cweb1 {
  border: 0px !important;
}

.inputbox{
    border-radius:4px;
}



/*footer*/

footer#footer {
    padding: 50px 0px;
    color: #FFF;

    background: #0257b6; /* Old browsers */
background: -moz-linear-gradient(top,  #0257b6 0%, #024da1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0257b6), color-stop(100%,#024da1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0257b6 0%,#024da1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0257b6 0%,#024da1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0257b6 0%,#024da1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0257b6 0%,#024da1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0257b6', endColorstr='#024da1',GradientType=0 ); /* IE6-9 */

border-top:17px solid #014EA0;
}

footer#footer a{

    color: #FFF;
}

footer#footer {
    position: absolute;

    width: 100%;
    left: -15px;
}

.ce-module textarea, .ce-module input {
  width: 93% !important;
}


.footer-container {
    width: 940px;
    margin:  0 auto;
}


.footer-container .col{
width:50%;
float:left;

}


.footer-container .col h2{
color:white !important;
text-align:right;
font-weight:normal;





  font-family: MavenProRegular;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 36px;
  line-height: 18px;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 15px;
text-transform:capitalize;

}


.footer-container .col p{
color:white !important;
text-align:left;
font-weight:normal !important;





  font-family: MavenProRegular;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 36px;
  line-height: 18px;
  margin-bottom: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 15px;


}


.hm_cls #maininner {
  left: 162px;
}


.hm_cls div.brochures-locations {
  margin-left:0px
}