/*
Theme Name: HB Architecture
Author: Monster Graphics :: PBS
Version: 1.0
*/

* {
	margin:0;
	padding:0;
}

body {
	background:#fff;
	font-family: 'Montserrat', sans-serif;
	color:#000;
	font-size: 16px;
    line-height: 1.6;
	overflow-x:hidden;
}
	
/*----- TYPOGRAPHY */
h1,h2,h3,h4,h5,h6 {
	font-weight:600;
	color:#000;
}

h1 {
	font-size:49px;
}

h2 {
	font-size:36px;
}

ul {
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
    list-style: none;
}

li {
	position: relative;
	line-height:24px;
}

main p a {
	color:navy;
	text-decoration:underline;
}

main ul {
  list-style: outside disc;
}

main li {
  margin-bottom: 10px;
}

.date {
	font-size:12px;
	font-weight:600;
	margin;
}
/* END TYPOGRAPHY */


/*----- Global */
.alignright {
	text-align:right;
}

.centered {
	text-align:center;
}

.nomarg {
	margin:0!important;
}

img {
	max-width:100%;
	height:auto;
}

img.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

img.alignleft {
  float: none;
  margin: 0 15px 15px 0;
}
/* END GLOBAL */





/*----- BUTTONS */
p.button a, .gform_button {
  background: transparent;
  border:1px solid #000;
  color: #000;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 47px;
  margin: 0;
  padding: 0 27px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

p.button a:hover,
.gform_button:hover { 
	background: #000;
	color:#fff;
}

p.button2 a {
  background-color: #fff!important;
  color: #000!important;
  display: inline-block!important;
  font-size: 13px!important;
  font-weight: 700!important;
  line-height: 47px!important;
  margin: 0;
  padding: 0 27px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

p.button2 a:hover {
  background-color: rgba(255, 255, 255,0.7);
}

.button2.float {
	float: left;
	margin-right: 27px;
}

/* BUTTONS */




/*----- LAYOUT */
.wrap {
	width:1034px;
	margin:0 auto;
	position:relative;
}

.wrap.smallpad {
	padding:20px 0;
}

.wrap.medpad {
	padding:35px 0;
}

.wrap.largepad {
	padding:50px 0;
}

.wrap.xlargepad {
	padding:80px 0;
}

header.topheader {
	position:relative;
	background:transparent;
	height:86px;
	position:fixed;
	width:100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	z-index:99;
}

header.topheader.fillheader {
	background:#A7A9AC;
}

header.topheader h1{
	margin:0;
	padding:0;
	line-height:86px;
	font-weight:200;
	color:#fff;
	font-size:20px;
	display:none;
}

header.topheader.fillheader h1{
	display:block;
}

header.topheader h1 a{
	color:#fff;
	text-decoration:none;
}

.hero1 {
  background: rgba(0, 0, 0, 0) url("images/hero-test.jpg") no-repeat fixed top -150px center / cover ;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  height:100vh;
}

.wrap.theherocontent {
	position:absolute;
	bottom:10%;
	left:0;
	right:0;
	
}

.wrap.theherocontent h1 {
	color:#fff;
	font-size:34px;
	line-height:47px;
	font-weight:200;
	margin-top: 0;
}

.wrap.theherocontent h1 strong {
	font-weight:600;
}

img.herologo {
  bottom: 0%;
  position: absolute;
  right: 0;
}

.homeintro p {
	font-size:24px;
	font-weight:200;
}

.homeintro p strong {
	font-weight:600;
}


.grey {
	background:#A7A9AC;
}

.grid1 .colz {
	height:500px;
	overflow:hidden;
	float:left;
	position:relative;
}

.grid1 .colz.full {
	height:auto;
	float:none;
	width:100%;
	margin-top:2px;
}

.grid1 .col18 {
	width:230px;
}

.grid1 .col41 {
	width:calc(50% - 115px);
}

/* Make 3rd and 4th grid panel on the home page featured projects fill to 50% */
.grid1 .colz:nth-child(4),
.grid1 .colz:nth-child(5) {
	width:50%;
}

.grid1 .coverimg img {
  height: 500px;
  object-fit: cover;
  width: 100%;
}

.grid1 .coverimg.full img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.textgrid h2 {
  bottom: 0;
  color: #ffffff;
  font-size: 34px;
  padding: 18%;
  position: absolute;
}

.rollover-text {
  background:rgba(0,0,0,0.8);
  height: 100%;
  left: 0;
  opacity:0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 5;
  padding:7.5%;
  box-sizing: border-box;
}

.rollover-text h2,
.rollover-text h2 a,
#afs-wrapper .rollover-text h2,
#afs-wrapper .rollover-text a{
	font-size:24px;
	color:#fff;
	text-decoration:none;
	font-weight:600;
}


#afs-wrapper .rollover-text h2 a:hover{
	color:#fff;
}

#afs-wrapper a:hover, #afs-wrapper a:focus {
	color:#fff;
}


.rollover-text p {
	font-size:20px;
	color:#fff;
}

.rollover-text p {
	font-weight:200;
	margin-bottom:25px;
}

.rollover-text:hover {
    opacity: 1;
}


.imgover-text {
  background:transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 5;
  padding:7.5%;
  box-sizing: border-box;
}

.imgover-text h2 {
  bottom:20%;
  position: absolute;
  color:#fff;
  font-weight:200;
  max-width:735px;
  font-size:34px;
}

.imgover-text h2 strong {
  font-weight:600;
}


.bx-wrapper .bx-controls-direction a {
    height: 49px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: calc(50% - 25px);
    width: 26px;
    z-index: 9999;
}


.bx-wrapper .bx-prev {
    background: rgba(0, 0, 0, 0) url("images/prev-arrow.png") no-repeat scroll 0 0;
    left: 10px;
}

.bx-wrapper .bx-next {
    background: rgba(0, 0, 0, 0) url("images/next-arrow.png") no-repeat scroll 0 0;
    right: 10px;
}

ul.bxslider {
	padding-left:0;
}

.bxslider.listed1.grid {
	padding-left:0;
}

.listed1 .rollover-text {
	text-align:left;
	padding:40px;
}


.listed1 .rollover-text p {
	font-weight:200;
	font-size:13px;
	line-height:22px!important;
}

.listed1 .rollover-text h3 {
	font-weight:200;
	font-size:24px;
	color:#fff;
	line-height: 1;
}

.listed1 .rollover-text h2,
.listed1 .rollover-text h3,
.listed1 .rollover-text p {
	margin-bottom:4px;
	line-height: 1;
}


.listed1 .rollover-text p.button2 {
	position:absolute;
	bottom:40px;
}

.listed1.grid li {
	width:33%;
	float:left;
	margin:0 1px 1px 0;
	line-height: 0;
}

.listed1 li {
	line-height: 0;
}

.afs-Filters,
.afs-TableHeader  {
	display:none;
}


.afs-Loadingdata {
	width:33%;
	float:left;
	margin:0 1px 1px 0!important;
	line-height: 0;
	padding:0!important;
}

.afs-Loadingdata li{
	list-style:none;
}

.afs-Loadingdata {
	padding-left:0;
}

.afs-Loadingdata img {
	width:100%;
}

.afs-Loadingdata .rollover-text {
	text-align:left;
	padding:40px;
}


.afs-Loadingdata .rollover-text p {
	font-weight:200;
	font-size:13px;
	line-height:22px!important;
}

.afs-Loadingdata .rollover-text h3 {
	font-weight:200;
	font-size:24px;
	color:#fff;
	line-height: 1;
}

.afs-Loadingdata .rollover-text h2,
.afs-Loadingdata .rollover-text h3,
.afs-Loadingdata .rollover-text p {
	margin-bottom:4px;
	line-height: 1;
}


.afs-Loadingdata .rollover-text p.button2 {
	position:absolute;
	bottom:40px;
}

.afs-Loadingdata.grid {
	width:33%;
	float:left;
	margin:0 1px 1px 0;
	line-height: 0;
}

.afs-Loadingdata {
	line-height: 0;
}


#afs-wrapper .afs-Tabs {
  border-bottom: 0 none!important;
}



ul.afs-CommonTabs li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
   box-sizing: border-box;
	text-align: center;   
	margin-bottom:6px!important;
}

ul.afs-CommonTabs li a {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
	background-color: #ffffff!important;
    border:1px solid #cccccc;
    color: #333333!important;
	text-decoration: none;
}

a[rel="home-page-featured"] {
	display:none!important;
}

ul.afs-CommonTabs li a:hover,
ul.afs-CommonTabs li.active a {
	background-color: #e6e6e6!important;
}

#afs-wrapper .row {
  margin-left: 0!important;
  margin-right: 0!important;
}

#afs-wrapper .col-xs-1, #afs-wrapper .col-sm-1, #afs-wrapper .col-md-1, #afs-wrapper .col-lg-1, #afs-wrapper .col-xs-2, #afs-wrapper .col-sm-2, #afs-wrapper .col-md-2, #afs-wrapper .col-lg-2, #afs-wrapper .col-xs-3, #afs-wrapper .col-sm-3, #afs-wrapper .col-md-3, #afs-wrapper .col-lg-3, #afs-wrapper .col-xs-4, #afs-wrapper .col-sm-4, #afs-wrapper .col-md-4, #afs-wrapper .col-lg-4, #afs-wrapper .col-xs-5, #afs-wrapper .col-sm-5, #afs-wrapper .col-md-5, #afs-wrapper .col-lg-5, #afs-wrapper .col-xs-6, #afs-wrapper .col-sm-6, #afs-wrapper .col-md-6, #afs-wrapper .col-lg-6, #afs-wrapper .col-xs-7, #afs-wrapper .col-sm-7, #afs-wrapper .col-md-7, #afs-wrapper .col-lg-7, #afs-wrapper .col-xs-8, #afs-wrapper .col-sm-8, #afs-wrapper .col-md-8, #afs-wrapper .col-lg-8, #afs-wrapper .col-xs-9, #afs-wrapper .col-sm-9, #afs-wrapper .col-md-9, #afs-wrapper .col-lg-9, #afs-wrapper .col-xs-10, #afs-wrapper .col-sm-10, #afs-wrapper .col-md-10, #afs-wrapper .col-lg-10, #afs-wrapper .col-xs-11, #afs-wrapper .col-sm-11, #afs-wrapper .col-md-11, #afs-wrapper .col-lg-11, #afs-wrapper .col-xs-12, #afs-wrapper .col-sm-12, #afs-wrapper .col-md-12, #afs-wrapper .col-lg-12 {
  padding-left: 0!important;
  padding-right: 0!important;
}

#afs-wrapper .afs-Tabs ul {
  margin: 0!important;
}

.wrap img + .contenttop {
    position: absolute;
    top: calc(50% - 30px);
    left: 0;
	width:100%;
}


.leftpadded {
	 padding-left:100px;
	 box-sizing:border-box;
}

.underlay {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
}

.underlay.autoheight {
    height: auto;
	max-height:686px;
	overflow: hidden;
}

.underlay.autoheight img {
    height: auto;
	width:100%;
}

.overlay {
position:absolute;
width:100%;
height:100vh;
background:rgba(0,0,0,0.7);
  transition: 1.2s ease;
  top:0
}

.overlay.byebye {
top:-100%;
}

.overlay p {
  color:#fff;
}

.projectdetails h1 {
	font-weight:600!important;
}

.projectdetails p {
  color:#fff;
  font-size:13px;
  margin-bottom:13px!important;
}

.projectdetails p strong {
	font-weight:700;
}

.subcol h1 {
	font-size:34px;
	font-weight:600;
	margin:0 0 12px 0!important;
	line-height:1;
}

.subcol h2 {
	font-size:34px;
	font-weight:200;
	margin:0 0 12px 0!important;
	line-height:1;
}

.maincol.subcol a {
  color: #000;
}

.one_half img {
  width: 100%;
}

.clear_column {
    margin-bottom: 24px;
}

/* END LAYOUT */


/*----- FORMS */



/* END FORMS */



/*------ NAVIGATION */

.menubut {
  position: absolute;
  right: 0;
  top:32px;
  cursor:pointer;
}

.menubut.closed {
  position: absolute;
  right:29px;
  top:-7px;
  cursor:pointer;
}



nav.topnav {
	display:none;
	background: #A7A9AC;
    min-height:142px;
    position: fixed;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 199;
	padding-top:36px;
}

nav.topnav.show {
	display:block;
}

nav.topnav ul {
  color: #fff;
  text-decoration: none;
  padding:0px;
  margin:0 0 0 0px;
}

nav.topnav ul li {
	float:left;
	position:relative;
}

/* hide services nav in footer */
footer li.menu-item-142 {
    display: none!important;
}


nav.topnav ul li a {
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:0 35px;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	display: block;
}

nav.topnav ul li  a:hover,
nav.topnav li.current-page-ancestor a,
nav.topnav li.current_page_item a {
	color:#333;
	transition: all 0.5s ease 0s;
}

nav.topnav ul ul {
	position: absolute;
	top: 29px;
	left:35px;
	z-index:1000;
	height:auto;
	width:240px;
	overflow:hidden;
}

nav.topnav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	line-height:2em;
	margin:0;
	text-align:left;
}

nav.topnav ul li ul li a {
	color:#fff;
	font-weight:400;
}

nav.topnav ul ul li:last-child { 
	border-bottom:0 none;
}

nav.topnav ul ul li a { /* target all sub menu item links */ 
	display:block; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	margin:0;
	padding:0;
}

nav.topnav  ul.sub-menu li a {
	color:#fff;
	border:0 none;
}
  
  
nav.topnav ul ul li.current-menu-item a,
nav.topnav ul ul li a:hover {
	color:#333;
	border:0 none;
}

nav.topnav ul li ul li {
	text-align: left;
	float:none;
	padding: 0;
}

nav.topnav ul li ul li a{
	padding: 0;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.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 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.53%;
}
.span_10_of_12 {
  	width: 83.06%;
}

.span_9_of_12 {
  	width: 74.6%;
}

.span_9_of_12.padright {
  padding-right: 6%;
  width: 68.6%;
}

.span_8_of_12 {
  	width: 66.13%;
}

.span_7_of_12 {
  	width: 57.66%;
}

.span_6_of_12 {
  	width: 49.2%;
}

.span_5_of_12 {
  	width: 40.73%;
}

.span_4_of_12 {
  	width: 32.26%;
}

.thirds .span_4_of_12 {
  box-sizing: border-box;
  margin: 0;
  padding: 38px;
  width: 33.333%;
}

.span_3_of_12 {
  	width: 23.8%;
	position: relative;
}

.span_2_of_12 {
  	width: 15.33%;
}

.span_1_of_12 {
  	width: 6.866%;
}

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

.col p,
.col h2,
.col h3 {
	margin-bottom: 24px;
}

.fullwidthbanner img {
  width: 100% !important;
}

aside.sidebar {
  box-sizing: border-box;
  float: left;
  padding-left: 28px;
  width:271px;
}

footer#mainfooter {
	background:#eee;
}

.footernav {
	background:#eee;
}

footer#mainfooter ul {
	margin:0;
	padding:50px 0;
}

footer#mainfooter li {
  display: inline-block;
}

footer#mainfooter li a {
	color:#000;
	text-decoration:none;
	padding:0px;
	margin:0 0 5px 0;
	font-weight:700;
	text-transform:uppercase;
	display: block;
	margin:0 5px;
	font-size:12px;
}


footer#mainfooter ul li  a:hover{
	color:#444;
	text-decoration:none;
}


footer#mainfooter ul.socialicons{
	padding:0 0 40px 0;
}

footer#mainfooter ul.socialicons li a{
	margin:0 12px;
}

ul.socialicons li.facebookz a{
	text-indent:-9999px;
	background:url(images/social-icons.png) no-repeat 0 0 transparent;
	width:31px;
	height:36px;
}

ul.socialicons li.emailz a{
	text-indent:-9999px;
	background:url(images/social-icons.png) no-repeat -60px 0 transparent;
	width:27px;
	height:36px;
}

ul.socialicons li.contactz a{
	text-indent:-9999px;
	background:url(images/social-icons.png) no-repeat -116px 0 transparent;
	width:35px;
	height:36px;
}

ul.socialicons li a:hover{
background-position-y: 100%;
}

.footercontact {
	background:#fff;
	padding:50px 0;
}

.footercontact p{
	margin:0;
	font-size:13px;
}


.footercontact a {
  color: #666666;
  text-decoration: none;
}


.footercontact h3 {
	color:#000;
	font-size:16px;
	font-weight:200;
	margin:40px 0 0 0;
}


.footercopy p {
	font-size:12px;
	margin-top:12px;
}

.footercopy p a{
	color:inherit;
}

.footerlogos {
	padding:20px 0;
}

.footerlogos img{
	margin:0 10px;
}

#subfooter {
	background:#D3D3D3;
}


#subfooter p,
#subfooter p a {
	color:#868686;
	font-size:11px;
	text-decoration:none;
	  height: 44px;
  line-height: 44px;
  margin:0;
}

p.hugo {
  background: rgba(0, 0, 0, 0) url("images/hugo.png") no-repeat scroll left center;
	  height: 44px;
  line-height: 44px;
  padding-left: 58px;
  	color:#666;
	font-size:12px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

body.page-id-30 .wrap img.alignleft, body.page-id-31 .wrap img.alignleft, body.page-id-32 .wrap img.alignleft {
	max-width: 329px;
	height: auto;
}

/* END TYPOGRAPHY */


/*********************** START RESPONSIVE *****************/
/*********************** START RESPONSIVE *****************/
/*********************** START RESPONSIVE *****************/
/*********************** START RESPONSIVE *****************/

/* for 1034px or less */
@media screen and (max-width: 1034px) {
	.wrap {
	max-width: 94%;
	}
	
	.rollover-text {
    padding: 3%;
	}
	
	.rollover-text h2, 
	.rollover-text h2 a {
    font-size: 20px;
    text-decoration: none;
	}	
	
	.rollover-text p {
    font-size: 16px;
	}
	
	.rollover-text p {
    margin-bottom: 13px;
	}
}



/* for 880px or less */
@media screen and (max-width: 880px) {
	
	nav.topnav {
	padding: 30px 4%;
	overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
	}
		
	nav.topnav ul {
	width: calc(100% - 60px);
	}

	nav.topnav ul ul {
		position: relative;
		top: 0px;
		left:0px;
		width:auto;
		overflow:visible;
		margin-left:10px;
		margin-top:15px;
	}

	nav.topnav ul li {
    float: none;
	margin-bottom: 15px;
	}
	
	nav.topnav ul li a {
	padding: 0;
	font-size:14px;
	}
	

	nav.topnav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	line-height:24px;
	margin-bottom: 15px;
	}
}

/* for 780px or less */
@media screen and (max-width: 780px) {

	.listed1.grid li,
	.afs-Loadingdata 	{
		width:49%;
	}

	.rollover-text h2, 
	.rollover-text h2 a {
    font-size: 18px!important;
    text-decoration: none;
	}	
	
	.rollover-text p {
    font-size: 14px!important;
	}
	
	.wrap.theherocontent h1 {
	font-size: 28px;
	line-height: 41px;
	}
	
	img.herologo {
	top: -48%;
	left: 0;
	}
	
	.bx-wrapper {
	width: 305px;
	}


	.grid1 .colz {
	width:100%!important;
	float: none!important;
	height:400px;
	}
	
	.grid1 .coverimg img {
    height: 400px;
	}
	
	.grid1 .coverimg.full img {
	min-height: 400px;
	}
	
	.imgover-text h2 {
	bottom:0;
	font-size: 22px;
	font-weight: 200;
	position: relative;
	}
	
	.textgrid h2 {
	padding: 30px 6%;
	position: relative;
	text-align:center;
	}
	
	.grid1 .col18 {
	height:200px;
	}

	.span_3_of_12 {
	  width: 100%;
	}
	
	.leftpadded {
	 padding-left:0px
	}
	
	#subfooter {
	  padding: 10px 0;
	}

	#subfooter .col {
	margin:0;
	}
			
	#subfooter p {
	margin:0;
	}
		
	#subfooter .span_6_of_12 {
		width:100%;
		text-align:center;
	}
	
	p.hugo {
	  background:none;
	  padding-right: 0;
	}
	
	.rollover-text {
    opacity: 0.8;
	}
	
	
	.hero1 {
    background: rgba(0, 0, 0, 0) url("images/hero-test.jpg") no-repeat fixed center top 0;
	}
	

	.underlay {
	background-attachment: scroll;
	}
	
	
	
}

/* for 600px or less */

	@media screen and (max-width: 600px) {
	.one_half > div {
	padding: 0!important;
	}

}

/* for 580px or less */
@media screen and (max-width: 580px) {
	
	.wrap.xlargepad {
	padding:40px 0;
	}
	
	.listed1.grid li,
	.afs-Loadingdata	{
		width:100%;
		float:none;
		margin:0 0px 1px 0;
	}	
	
	.listed1.grid li img,
	.afs-Loadingdata img	{
		width:100%;
	}
	
	.wrap.smallpad,
	.wrap.medpad,
	.wrap.largepad,
	.nomarg {
		padding:20px 0;
	}
	
	.wrap.theherocontent h1 br {
	display:none;
	}

	footer#mainfooter .col.span_9_of_12,
	footer#mainfooter .span_3_of_12	{
	width: 100%;
	float:none;
	}
	
	.alignright {
	text-align: center;
	}
	
	p.hugo {
	padding-left: 0;
	}

	
	.col {  margin: 1% 0 1% 0%; }
    
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12, .span_9_of_12.padright {
	width: 100%;
	padding-right:0;
	}
	
	header.topheader {
		height:auto;
	}
	
	#mainfooter {
		display:none;
	}

}