/*
	Created: 2011/08/26
	Updated: 2013/08/07
	Base screen styles for the BuiltSpace public web site
*/


/* ------------------------------------------------

   Google Web Fonts

   ------------------------------------------------ */

@import url(http://fonts.googleapis.com/css?family=Cabin:400,600,400italic);



/* ------------------------------------------------

   Generic element styles

   ------------------------------------------------ */

html, body, form {
	height: 100%;
}

body #s4-workspace {
    height: 100%;
	overflow-y: auto;
}

body, input, select, textarea {
	font: 12px/130% arial, helvetica, sans-serif;
	letter-spacing: normal;
	color: #000;
	background-color: #fff;

    /* turns off iOS's auto font adjustment */
    -webkit-text-size-adjust: none;
}

/* link colours */
a,
a:link,
a:visited,
a:active {
	color: #318b59;
	text-decoration: none;
}

a:hover {
    /* TODO: need hover states */
	color: #318b59 !important;
	text-decoration: none;
}

a, a:active, input:active {
	outline: none !important;
}

/* get rid of link focus borders in firefox */
:focus {
	-moz-outline-style: none;
}

input[type=text], input[type=password], input[type=search], textarea, select { 
    outline: none;
}

/* placeholder text */
input.placeholder {
	color: #aaa;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #aaa;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #aaa;
}

em {
	font-style: italic;
}



/* ------------------------------------------------

   Core template

   ------------------------------------------------ */

/* outer page content container */

.container {
	margin: 0;
	padding: 0;

	/* for sticky footer */
	min-height: 100%;
}



/* ------------------------------------------------

   Header

   ------------------------------------------------ */

.header-container {
    border-top: 6px solid #3d3d3d;
}

.header {
    overflow: hidden;
    width: 980px;
	min-width: 980px;
    margin: 0 auto;
	height: 117px;
}

.header .logo {
	float: left;
	margin: 28px 0 0 0;
}

.header .logo img {
	width: 206px;
	height: 73px;
}

.header .logo:hover {
	opacity: 0.70;
}

.header .signin-link {
    float: right;
    font-size: 12px;
    background: #3d3d3d url('../PublicImages/icons-16x16.png') no-repeat 16px 4px;
    padding: 4px 20px 8px 38px;
}

.header .signin-link a {
    color: #43be7b;
}

.header .comlinks {
	float:right;
	font-size: 12px;
	color: #3d3d3d;
	margin-top: 0px;
}

.header .loginlock {
	display: inline-block;
	width: 165px;
	height: 34px;
	margin-right:1px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/Login_Register.png') bottom;
}
.header .loginlock:hover {
	background-position: 0 0;
}

.header .callusimg {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-top: 10px;
	vertical-align: top;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/CallUs_img.png') bottom;
}

.header .callustext {
	display: inline-block;
	font-family: Arial;
	font-size:13pt;
	color:#239C48;
	margin-top: 12px;
	vertical-align: top;
}

.header .callustext:hover {
	font-family: Arial;
	font-size:13pt;
	color:#239C48;
}

.header .phonenumber {
	display: inline-block;
	font-family: Arial;
	font-size:10pt;
	color:#6e6e6e;
	margin-top: 12px;
	vertical-align: top;
}

/* SP welcome link styles */

.header .signin-link .ms-welcomeMenu {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    border: 0;
}

.header .signin-link .ms-welcomeMenu a:link {
    color: #43be7b;
}

.header .signin-link .ms-welcomeMenu.ms-SpLinkButtonInActive > .ms-menu-a,
.header .signin-link .ms-welcomeMenu.ms-SpLinkButtonActive > .ms-menu-a {
    font-weight: bold;
    text-transform: uppercase;
}

.header .signin-link .ms-welcomeMenu.ms-SpLinkButtonActive {
    border: 0;
    background: none;
}



/* ------------------------------------------------

   Primary navigation

   ------------------------------------------------ */

.primary-nav {
    float: right;
    clear: right;
    margin: 0 0 0 0;
    width: 760px;
}

.primary-nav ul {
    overflow: hidden;
    list-style-type: none;
	float:right;
    padding: 36px 0 0 0;
}

.primary-nav ul li {
    float: left;
    margin: 0 14px 0 8px;
}

.primary-nav ul li:last-child {
    margin-right: 0px;
}

.primary-nav ul li a {
    display: block;
    font: 14px/30px 'Arial', helvetica, sans-serif;
    font-weight: 400;
    color: #3d3d3d;
    padding: 0 0;
	border: 1px solid transparent;
	text-transform: uppercase;
}

.primary-nav ul li a:hover,
.primary-nav ul li a:active,
.primary-nav ul li.selected a {
    /*background-color: #318b5a;*/
    background: url('http://www.builtspace.com/Style%20Library/PublicImages/primary-underline.png') bottom;
    /*border-bottom: 2px solid #318b5a;*/
    /*border-right: 1px solid #9ec8b1;*/
    /*color: #fff;*/
    text-decoration:none;
    }



/* ------------------------------------------------

   Page content

   ------------------------------------------------ */

/* content grid */

.content-container {
	height: 100%;
	padding: 0 0 30px 0;
}

.content {
	overflow: hidden;
	width: 980px;
	height: 100%;
	margin: 12px auto 36px auto;
	padding: 0;
}

.bs-homepage .content {
	margin-top: 8px;
}

.content .content-primary {
	float: left;
	width: 50%;
	font-size: 14px;
	color: #3d3d3d;
}
				
.content .content-secondary {
	float: left;
	width: 220px;
}

.bs-homepage .content .content-primary {
	float: none;
	display: block;
    width: 100%;
}

.bs-contentpage .content .content-primary {
	float: right;
	width: 672px;
}

.bs-homepage .content .content-secondary {
	display: none;
}

.bs-contentpage .content .content-secondary {
	margin: 0 88px 0 0;
}



/* ------------------------------------------------

   Breadcrumbs

   ------------------------------------------------ */

.content .breadcrumb {
	display: block;
	text-align: right;
	clear: both;
	width: 100%;
	margin: 0 0 8px 0;
	color: #3d3d3d;
}

.content .breadcrumb a {
	font-size: 12px;
	line-height: 115%;
	color: #3d3d3d;
}

.content .breadcrumb a:hover {
	color: #318b59;
}

.fblogo {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right:2px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/socialmedia/fblogo.png') bottom;
}
.fblogo:hover {
	background-position: 0 0;
}

.twlogo {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right:2px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/socialmedia/twlogo.png') bottom;
}
.twlogo:hover {
	background-position: 0 0;
}

.lilogo {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right:2px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/socialmedia/lilogo.png') bottom;
}
.lilogo:hover {
	background-position: 0 0;
}

.wplogo {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right:2px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/socialmedia/wplogo.png') bottom;
}
.wplogo:hover {
	background-position: 0 0;
}

.ytlogo {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/socialmedia/ytlogo.png') bottom;
}
.ytlogo:hover {
	background-position: 0 0;
}

.stlogo {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/socialmedia/stlogo.png') bottom;
}
.stlogo:hover {
	background-position: 0 0;
}



/* ------------------------------------------------

   Headings

   ------------------------------------------------ */

h1,
.ms-WPBody h1 {
    font: 41px/130% 'Cabin', arial, helvetica, sans-serif;
    font-weight: 400;
	margin: 0;
	padding: 16px 0 10px 0;
}

h2,
.ms-WPBody h2 {
	font: 24px/150% 'Cabin', arial, helvetica, sans-serif;
    font-weight: 400;
	margin: 0;
	padding: 16px 0 10px 0;
}

h3,
.ms-WPBody h3 {
    font: 21px/115% 'Cabin', arial, helvetica, sans-serif;
    font-weight: 400;
	color: #318b59;
	padding: 0 0 12px 0;
	margin: 0;
}

h4,
.ms-WPBody h4 {
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
	padding: 0 0 14px 0;
	margin: 0;
}
				
h5,
.ms-WPBody h5 {
	font-size: 14px;
	font-weight: bold;
	line-height: 130%;
	padding: 0 0 10px 0;
	margin: 0;
}



/* ------------------------------------------------

   Hero (banner / feature rotator)

   ------------------------------------------------ */

.hero {
    background-color: #3e3e3e;
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    height: 209px;      /* used on sub-pages */
    border-bottom: 6px solid #3e3e3e;
}

.hero.section-interior1 { background-image: url('../PublicImages/content/interior1.jpg'); }
.hero.section-interior2 { background-image: url('../PublicImages/content/interior2.jpg'); }
.hero.section-interior3 { background-image: url('../PublicImages/content/interior3.jpg'); }
.hero.section-interior4 { background-image: url('../PublicImages/content/interior4.jpg'); }
.hero.section-interior5 { background-image: url('../PublicImages/content/interior5.jpg'); }
.hero.section-interior6 { background-image: url('../PublicImages/content/interior6.jpg'); }
.hero.section-interior7 { background-image: url('../PublicImages/content/interior7.jpg'); }
.hero.section-interior8 { background-image: url('../PublicImages/content/interior8.jpg'); }
.hero.section-interior9 { background-image: url('../PublicImages/content/interior9.jpg'); }

.bs-homepage .hero {
	background: none;
    height: 398px;      /* custom homepage banner height */
    border-bottom: 0;
}

.hero .hero-content {
    width: 980px;
    height: 150px;			/* 245px total height */
    padding: 75px 0 0 0;
    margin: 0 auto;
}

.bs-homepage .hero .hero-content {
    width: 100%;
    overflow: hidden;
    height: 377px;
	padding: 0;
}

.hero .hero-content h1 {
	font-weight: 400;
    color: #fff;
    padding: 0;

    /* text shadow */
    text-shadow: 0 0 8px rgba(0,0,0,0.75);
}

.bs-homepage .hero-content h1 {
    text-shadow: 0 0 7px rgba(0,0,0,0.60);
}

.hero .hero-content h1 strong {
	font-weight: 600;
}

.hero .hero-content img {
    float: right;
}

.bs-contentpage .hero .hero-content img {
	margin: 0 16px 0 0;
}

.bs-homepage .hero .hero-content h1 {
    float: left;
    font-size: 64px;
    line-height: 101%;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

.bs-contentpage .hero .hero-content h1 {
    float: left;
	margin: 0 0 0 8px;
	padding: 0;
	line-height: 170%;
    max-width: 870px;

    /* override web part defaults */
    font-size: 41px !important;
}


/* fix cabin font weirdness in chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {

    .bs-homepage .hero .hero-content h1 {
	    font-size: 63px;
	}

}

/* webkit / tablet only */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width: 1024px) {

    .bs-homepage .hero .hero-content h1 {
        letter-spacing: -1.1px;
	}

}




/* ------------------------------------------------

   Feature rotator (inside hero)

   ------------------------------------------------ */

.feature-rotator .feature-slides {
	display: block;
	width: 100%;
}

.feature-rotator .feature-slides .feature-slide {
	display: block;
	background-color: #3e3e3e;
	background-repeat: no-repeat;
	background-position: center 0;

	/* !important needed to keep slide outer container from being assigned a fixed width and allow slide to fit browser width properly on resize */
	width: 100% !important;
}

.feature-rotator .feature-slides .feature-slide-inner {
	display: block;
	width: 980px;
	height: 377px;
	margin: 0 auto;
}

.bs-homepage .feature-rotator .slide1 { background-image: url('../PublicImages/content/rotate1.jpg'); display: block; }
.bs-homepage .feature-rotator .slide2 { background-image: url('../PublicImages/content/rotate2.jpg'); display: none; }
.bs-homepage .feature-rotator .slide3 { background-image: url('../PublicImages/content/rotate3.jpg'); display: none; }
.bs-homepage .feature-rotator .slide4 { background-image: url('../PublicImages/content/rotate4.jpg'); display: none; }
.bs-homepage .feature-rotator .slide5 { background-image: url('../PublicImages/content/rotate5.jpg'); display: none; }
.bs-homepage .feature-rotator .slide6 { background-image: url('../PublicImages/content/rotate6.jpg'); display: none; }
.bs-homepage .feature-rotator .slide7 { background-image: url('../PublicImages/content/rotate7.jpg'); display: none; }

.bs-homepage .feature-rotator h2.byline {
    float: left;
    clear: left;
	font-style: italic;
	padding: 12px 0 0 0;
}

.feature-rotator .feature-controls {
    height: 19px;
    background-color: #3d3d3d;
    text-align: center;
}

.feature-rotator .feature-controls .pager {
    overflow: hidden;
    width: 70px;            /* 10px * 7 slides */
    margin: 0 auto;
    padding: 3px 0 0 0;
}

.feature-rotator .feature-controls .pager a {
    display: inline-block;
    overflow: hidden;
    width: 10px;
    height: 10px;
    text-indent: -300px;
    text-decoration: none;
    background: transparent url('../PublicImages/feature-rotator-icons.png') no-repeat 0 0;
}

.feature-rotator .feature-controls .pager a.activeSlide {
    background-position: -10px 0;
}



/* ------------------------------------------------

   Web part styles

   ------------------------------------------------ */

.content-zone {
    overflow: hidden;
    width: 100%;
    margin: 0 0 56px 0;
}

.bs-homepage .content-zone {
    margin-bottom: 16px;
}

.content-zone.content-1col {
    margin: 0 0 36px 0;
}

.bs-homepage .content-zone.content-1col {
    margin-bottom: 24px;
}

.content-zone:last-child,
.bs-homepage .content-zone:last-child {
    margin: 0;
}

.content-1col .wp-container {
    width: 100%;
}

.content-2col .wp-container {
    float: right;
    width: 305px;
    margin: 0 0 0 30px;
}

.content-2col .wp-container:first-child {
    margin: 0;
    width: 604px;
    float:left;
}

.content-2col .wp-container:last-child {
    width: 305px;
	padding: 0 0 0 40px;
	float:right;
	/*border-left: 1px solid #eee;*/
}


/* Web part header/body styles */

.ms-WPHeader {
    background: none;
}

.ms-WPHeader .ms-wpTdSpace {
    display: none;
}

.ms-WPHeader .ms-WPHeaderTd,
.ms-WPHeader .ms-WPHeaderTdMenu {
    border: 0;
}

.ms-WPHeader .ms-WPHeaderTdMenu:hover {
	background: none;
}

.ms-WPTitle,
.ms-WPTitle a {
    font: 28px/115% 'Cabin', arial, helvetica, sans-serif;
    font-weight: 400;
    color: #318b59;
}

.ms-WPHeader h3.ms-WPTitle {
    line-height: 26px;
    height: 32px;
    padding: 0 0 22px 0;
}
	
	/*added by Alen specifically for the right nav Twitter to be right aligned (on home page) */
	.ms-WPTitle-twitter,			
	.ms-WPTitle-twitter a {
	    font: 28px/115% 'Cabin', arial, helvetica, sans-serif;
	    font-weight: 400;
	    color: #318b59;
	    /*margin-left: 39px;*/
	    text-align:left;
	    text-indent: 39px;
	}
	
	.ms-WPHeader h3.ms-WPTitle-twitter {
	    line-height: 26px;
	    height: 32px;
	    padding: 0 0 22px 0;
	}


.bs-contentpage .wp-container .ms-WPHeader h3.ms-WPTitle {
	padding: 0 0 5px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px dotted #aaa;
}

.content-1col .wp-container .ms-WPBody h3 {
    float: left;
    margin: 0 50px 0 2px;
}

.wp-container .ms-wpContentDivSpace {
	margin: 0;
}

.ms-WPBody {
	/* expanded in order to properly override corev4.css */
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	text-align:left;
	/*float: right;*/
}

.content-1col .ms-WPBody {
	overflow: hidden;
}

.ms-WPBody h3 {
    font: 21px/115% 'Cabin', arial, helvetica, sans-serif;
	font-weight: 400;
}

.ms-WPBody p {
    font-size: 14px;
    font-weight: normal;
    line-height: 160%;
    color: #3d3d3d;
    margin: 0;
    padding: 0 0 20px 0;
}

.ms-WPBody a:link,
.ms-WPBody a:visited,
.ms-WPBody a:active {
    color: #318b59;
}

.ms-WPHeaderTdMenu .ms-WPMenuDiv,
.ms-WPHeaderTdMenu .ms-WPMenuDivHover {
	height: 32px;
    border-bottom: 1px dotted #aaa;
    padding: 0 0 5px 0;
}

.bs-homepage .ms-WPHeaderTdMenu .ms-WPMenuDiv,
.bs-homepage .ms-WPHeaderTdMenu .ms-WPMenuDivHover {
    border: 0;
}


/* Rich content editor: Partners (homepage) */

.wp-container .ms-WPBody .partners {
    overflow: hidden;
    border-top: 1px dotted #d9d9d9;
    border-bottom: 1px dotted #d9d9d9;
    padding: 24px 0 16px 0;
}

.wp-container .ms-WPBody .partners a.partner {
    float: left;
    overflow: hidden;
    text-indent: -500px;
    width: 130px;
    height: 32px;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 10px 0 0;
    padding: 0;
}

.wp-container .ms-WPBody .partners a.partner-powersmart { background-image: url('../PublicImages/content/partner-powersmart.gif'); }
.wp-container .ms-WPBody .partners a.partner-fortis { background-image: url('../PublicImages/content/partner-fortis.gif'); }


/* List style: Default (arrow bullet) */

.wp-container .ms-WPBody ul {
    list-style-type: none;
	padding: 0 0 20px 0;
}

.wp-container .ms-WPBody ul li {
    font-size: 14px;
    font-weight: bold;
    background: transparent url('../PublicImages/bullet.png') no-repeat 0 6px;
    line-height: 20px;
    padding: 0 0 0 20px;
}

.wp-container .ms-WPBody ul li a:link,
.wp-container .ms-WPBody ul li a:visited,
.wp-container .ms-WPBody ul li a:active {
    color: #3d3d3d;    
}

.wp-container .ms-WPBody ul li a:hover {
    color: #318b59;
}


/* List style: Bulleted */

.wp-container .ms-WPBody ul.list-bulleted {
    list-style-type: none;
	padding: 0 0 20px 0;
}

.wp-container .ms-WPBody ul.list-bulleted li {
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    background: transparent url('../PublicImages/bullet-leaf.png') no-repeat 0 1px;
    padding: 0 0 9px 30px;
}

.wp-container .ms-WPBody ul.list-bulleted li a {
	color: #3d3d3d;
}

.wp-container .ms-WPBody ul.list-bulleted2 {
    list-style-type: none;
	padding: 0 0 20px 0;
}

.wp-container .ms-WPBody ul.list-bulleted2 li {
    font-size: 21px;
    font-weight: normal;
    background: transparent url('../PublicImages/bullet-leaf.png') no-repeat 0 2px;
    line-height: 120%;
    padding: 0 0 16px 56px;
}

.wp-container .ms-WPBody ul.list-bulleted2 li strong {
	font-weight: bold;
	color: #318b59;
}


/* List style: Rollup */

.wp-container .ms-WPBody ul.list-rollup {
	list-style-type: none;
}

.wp-container .ms-WPBody ul.list-rollup li {
	display: block;
	overflow: hidden;
	position: relative;
	min-height: 126px;
	font-weight: normal;
	border-bottom: 1px dotted #aaa;
	padding: 0 0 28px 212px;
	margin: 0 0 28px 0;
	background: none;
}

.wp-container .ms-WPBody ul.list-rollup li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
										
.wp-container .ms-WPBody ul.list-rollup li img {
	position: absolute;
	top: 0;
	left: 0;
	width: 185px;
}
										
.wp-container .ms-WPBody ul.list-rollup li .date {
	font-size: 11px;
	line-height: 180%;
	text-transform: uppercase;
	padding: 0 0 8px 0;
}

.wp-container .ms-WPBody ul.list-rollup li h4 {
	padding: 0 0 10px 0;
}
										
.wp-container .ms-WPBody ul.list-rollup li h4 a {
	color: #3d3d3d;
}

.wp-container .ms-WPBody ul.list-rollup li p {
	line-height: 145%;
}
										
.wp-container .ms-WPBody ul.list-rollup li p:last-child {
	padding-bottom: 0;
}


/* List style: Block (3-across) */

.wp-container .ms-WPBody ul.list-block {
	overflow: hidden;
	list-style-type: none;
}

.wp-container .ms-WPBody ul.list-block li {
	float: left;
	width: 202px;
	min-height: 100px;
	padding: 0;
	margin: 0 11px 26px 11px;
	font-weight: normal;
	background: none;
}

.wp-container .ms-WPBody ul.list-block li a {
	display: block;
	text-decoration: none;
}

.wp-container .ms-WPBody ul.list-block li a img {
	width: 202px;
	min-height: 100px;
	margin: auto;
}

/* ------------------------------------------------

   Content images

   ------------------------------------------------ */

.content .grey {
	background-color: #ededed;
}

.content .border {
	width: 670px;		/* 672px total width */
	border: 1px solid #e6e6e6;
}

.content .image-banner {
	display: block;
	overflow: hidden;
	width: 672px;
	height: auto;
	margin: 0 0 28px 0;
}

.content .image-banner img {
	width: auto;
	height: auto;
	margin: auto;
}



/* ------------------------------------------------

   Twitter profile widget

   ------------------------------------------------ */

.twitter-feed {
    position: relative;
    width: 266px;
    min-height: 146px;
    padding: 0 0 0 0;
    float:right;
}

.twitter-feed .twitter-follow {
    position: absolute;
    bottom: 16px;
    right: 0;
    display: block;
    width: 102px;
    height: 64px;
    padding: 0 0 82px 0;
    background: transparent url('../PublicImages/twitter.gif') no-repeat 0 100%;
}

.twitter-feed .twitter-follow .twitter-link {
    position: relative;
    z-index: 1;
    display: block;
    font: 12px/120% 'Cabin', arial, helvetica, sans-serif;
    font-style: italic;
    width: 94px;            /* 96px total width */
    padding: 12px 0;
    margin: 0 0 0 6px;
    color: #469746;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #efefef;
    background-color: #fafafa;
    
	/* inset shadow */
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
	box-shadow: inset 0 0 4px rgba(0,0,0,0.05);
}

/* pure CSS triangular arrow & border */
.twitter-feed .twitter-follow .twitter-link .twitter-link-arrow-border {
    position: absolute;
    bottom: -14px;
    left: 16px;
    border-color: #efefef transparent transparent transparent;
    border-style: solid;
    border-width: 14px 22px 0 0;
    height: 0;
    width: 0;
}

.twitter-feed .twitter-follow .twitter-link .twitter-link-arrow {
    position: absolute;
    bottom: -11px;
    left: 18px;
    border-color: #fafafa transparent transparent transparent;
    border-style: solid;
    border-width: 14px 22px 0 0;
    height: 0;
    width: 0;
}

.twitter-feed .twitter-follow .twitter-link span.twitter-handle {
    display: inline-block;
    text-transform: none;
}

.twtr-widget .twtr-hd,
.twtr-widget .twtr-ft {
    display: none;
}

.twtr-widget .twtr-bd {
    padding: 0;
}

.twtr-widget .twtr-tweet-wrap {
    padding: 0 0 6px 0 !important;
}

.twtr-widget .twtr-tweet {
    border-bottom-color: #d9d9d9;
    display: inline-block;
    width: 275px;
    /*height: 73px;*/
    padding: 0px 20px 0px 38px;
    vertical-align: middle;
    border-bottom: 0px !important;
    /*margin: 6px 6.5px 6px 6.5px;*/
    /*float: right;*/
	/*background-repeat:no-repeat;*/
}

.twtr-widget .twtr-tweet:last-child {
    margin: 0;
}

.twtr-widget .twtr-tweet:last-child .twtr-tweet-wrap {
    padding: 0 !important;
}

.twtr-widget .twtr-tweet .twtr-avatar {
	/* prevent avatar flicker on load */
	display: none;
}

.twtr-widget .twtr-tweet .twtr-tweet-text {
    /* override base widget font styles */
   	font-family: arial, helvetica, sans-serif !important;
	font-size: 12px !important;
	line-height: 150%;
}

.twtr-widget .twtr-tweet .twtr-tweet-text p {
    line-height: 130% !important;
    font-size: 12px !important;
}

.twtr-widget .twtr-tweet .twtr-tweet-text p em {
    display: inline-block !important;
    margin: 0 0 0 8px;
    white-space: normal;
}

.twtr-widget .twtr-timeline {
    background-color: transparent;

	/* remove rounded corners */
	-webkit-border-radius: 0;
	-moz-border-radius: 0; 
	border-radius: 0;
}

/* NEW TWITTER BAR - Updated MAY 18, 2012 */

.newtwitter-bg {
    background: url('../PublicImages/twitter/bg.jpg') left;
    height: 121px;
    width: 100%;
}

.newtwitter-content {
	display: block;
    height: 121px;
    width: 980px;
	margin: 0 auto;
}

.newtwitter-bird {
	display: inline-block;
	width: 50px;
	height: 35px;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 43px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/twitter/icon.png') bottom;
}

/*.newtwitter-bird:hover {
	background-position: 0 0;
}*/

.newtwitter-text {
	display: inline-block;
	height: 121px;
	position: absolute;
	margin-right: 5px;
	font-family: 'Cabin', Arial, Helvetica;
	font-size: 15px;
	line-height: 121px;
	color: #898989;
	text-transform: uppercase;
}

.newtwitter-text:hover {
	color: #898989 !important;
}

.newtwitter-span {
	position: relative;
	vertical-align: middle;
}

.newtwitter-link {
	display: inline-block;
	position: relative;
	font-family: 'Cabin', Arial, Helvetica;
	font-size: 15px;
	line-height: 15px;
	color: #239c48;
	text-transform: uppercase;
}

.newtwitter-link:hover {
	text-decoration:underline;
}

/*.newtwitter-bubble {
	display: inline-block;
	width: 316px;
	height: 88px;
	float: right;
	margin-left: 17px;
	margin-right: 0px;
	margin-top: 16.5px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/twitter/bubble.png') bottom;
}

.newtwitter-bubble:hover {
	background-position: 0 0;
}*/

.newtwitter-feed {
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/twitter/bubbles.png') center center;
	background-repeat: no-repeat;
	display: inline-block;
    position: relative;
    width: 666px;
    height: 121px;
    line-height: 121px;
    /*min-height: 121px;*/
    /*margin: 18px 0 0 0;*/
    float: right;
}

/* ------------------------------------------------

   Button styles

   ------------------------------------------------ */
.imgopa:hover {
	opacity: 0.70;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}

.imgthumb {
	margin-bottom: 12px;
}   

.actionbtn-em {
	display: inline-block;
	width: 161px;
	height: 53px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/energy-monitoring.png') bottom;
}
.actionbtn-em:hover {
	background-position: 0 0;
}

.actionbtn-um {
	display: inline-block;
	width: 161px;
	height: 53px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/user-manual.png') bottom;
}
.actionbtn-um:hover {
	background-position: 0 0;
}

.actionbtn-freesamples {
	display: inline-block;
	width: 161px;
	height: 53px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/freesamples.png') bottom;
}
.actionbtn-freesamples:hover {
	background-position: 0 0;
}

.actionbtn-contactform {
	display: inline-block;
	width: 161px;
	height: 53px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/contactformbutton.png') bottom;
}
.actionbtn-contactform:hover {
	background-position: 0 0;
}

.actionbtn-quicktourbutton {
	display: inline-block;
	width: 200px;
	height: 160px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/quicktourbutton.png') bottom;
}
.actionbtn-quicktourbutton:hover {
	background-position: 0 0;
}

.actionbtn-ordernow {
	display: inline-block;
	width: 161px;
	height: 53px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/ordernowbutton.png') bottom;
}
.actionbtn-ordernow:hover {
	background-position: 0 0;
}

.actionbtn-orderqrs {
	display: inline-block;
	width: 161px;
	height: 53px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/orderqrs.png') bottom;
}
.actionbtn-orderqrs:hover {
	background-position: 0 0;
}

.actionbtn-iphone-um {
	display: inline-block;
	width: 161px;
	height: 53px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/iphone-help.png') bottom;
}
.actionbtn-iphone-um:hover {
	background-position: 0 0;
}


.button.large {
    float: left;
    width: 479px;
    height: 111px;
    font: 19px/110% 'Cabin', arial, helvetica, sans-serif;
    line-height: 110%;
    color: #fff !important;         /* override default web part styles */
    border: 1px solid #318b59;
    margin: 0 18px 0 0;

    /* text shadow */
    text-shadow: 2px 2px 2px rgba(49,139,89,0.68);

    /* linear gradient */
	background-color: #75b63f;
	background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, -webkit-gradient(linear, 0 0, 0 100%, from(#75b63f), to(#2e873c));
    background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, -moz-linear-gradient(#75b63f, #2e873c 100%);
    background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, linear-gradient(#75b63f, #2e873c 100%);
}

.button.large:hover {
    /* text shadow */
    text-shadow: 2px 2px 2px rgba(49,139,89,0.68), 0 0 3px rgba(255,255,189,0.3);

    /* linear gradient */
	background-color: #2f8941;
	background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, -webkit-gradient(linear, 0 0, 0 100%, from(#2f8941), to(#72b441));
    background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, -moz-linear-gradient(#2f8941, #72b441 100%);
    background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, linear-gradient(#2f8941, #72b441 100%);
}

.aside .button.large {
	/* buttons in secondary content (left sidebar) */
	width: 218px;			/* 220px wide with borders */
	height: 100%;
	margin: 0 0 6px 0;

    /* linear gradient */
	background-color: #71b441;
	background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, -webkit-gradient(linear, 0 0, 0 100%, from(#71b441), to(#2e873c));
    background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, -moz-linear-gradient(#71b441, #2e873c 100%);
    background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, linear-gradient(#71b441, #2e873c 100%);
}

.aside .button.large:hover {
    /* linear gradient */
	background-color: #2f8941;
	background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, -webkit-gradient(linear, 0 0, 0 100%, from(#2f8941), to(#68ae45));
    background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, -moz-linear-gradient(#2f8941, #68ae45 100%);
    background: url('../PublicImages/button-large-bg.png') no-repeat 100% 100%, linear-gradient(#2f8941, #68ae45 100%);
}


/* END NEW SECTION */

.button.large:hover {
    text-decoration: none;
}

.button.large:last-child {
    margin: 0;
}

.button.large span.intro {
    display: block;
    margin: 22px 0 0 84px;
}

.button.large span.label {
    display: block;
    font-size: 50px;
    line-height: 39px;
    letter-spacing: -1px;
    margin: 0 0 0 82px;
}

.aside .button.large span.intro {
    font-size: 16px;
    line-height: 20px;
    max-width: 154px;
    margin: 22px 0 0 40px;
}

.aside .button.large span.label {
	font-size: 42px;
	line-height: 44px;
    max-width: 154px;
    margin: 0 0 24px 38px;
}

.button.large span.label strong {
    font-weight: 600;
}

.bs-homepage .button.large.button-demo span.intro {
    margin-left: 60px;
}

.bs-homepage .button.large.button-demo span.label {
    margin-left: 58px;
}

/* ------------------------------------------------

	Client Buttons
	
	----------------------------------------------- */
	
A.addbuttonbtm {
	BORDER-BOTTOM: #D9D9D9 1px solid; 
	TEXT-ALIGN: left;
	PADDING-LEFT: 16px;
	LINE-HEIGHT: 60px; 
	BACKGROUND-COLOR: #FFF; 
	WIDTH: 220px; 
	DISPLAY: block; 
	FONT-FAMILY: Arial, Verdana, Cabin; 
	FONT-SIZE: 14px; 
	COLOR: #999 !important; 
	BORDER-TOP: #D9D9D9 1px solid; 
	BORDER-RIGHT: #D9D9D9 1px solid;
	BORDER-LEFT: 0px;
	TEXT-DECORATION: none; 
}

A.addbuttonbtm:hover {
	BACKGROUND-COLOR: #00A14B; 
	COLOR: #FFF !important; text-decoration: none;
}

A.addbuttonbtm:visited {
	COLOR: #999;
}

A.addbuttonbtm:hover:visited {
	COLOR: #FFF
}

A.addbutton {
	BORDER-BOTTOM: 0px; 
	TEXT-ALIGN: left;
	PADDING-LEFT: 16px;
	LINE-HEIGHT: 60px; 
	BACKGROUND-COLOR: #FFF; 
	WIDTH: 220px; 
	DISPLAY: block; 
	FONT-FAMILY: Arial, Verdana, Cabin; 
	FONT-SIZE: 14px; 
	COLOR: #999 !important; 
	BORDER-TOP: #D9D9D9 1px solid; 
	BORDER-RIGHT: #D9D9D9 1px solid;
	BORDER-LEFT: 0px;
	TEXT-DECORATION: none; 
}

A.addbutton:hover {
	BACKGROUND-COLOR: #00A14B; 
	COLOR: #FFF !important; text-decoration: none;
}

A.addbutton:visited {
	COLOR: #999;
}

A.addbutton:hover:visited {
	COLOR: #FFF
}

/* ------------------------------------------------

   Left navigation (content pages)

   ------------------------------------------------ */

ul.left-nav {
	margin: 0 0 30px 0;
}

ul.left-nav li {
	position: relative;
	z-index: 1;
	width: 220px;			/* 220px total width */
	min-height: 33px;		/* 33px total height */
	padding: 0;
	margin: 0 0 0 0;
	border: 1px dotted transparent;
	border-color: #c3c3c3;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}

ul.left-nav li:first-child {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color:#c3c3c3;
}

ul.left-nav li.current,
ul.left-nav li:hover {
	/*color: #239c48; !important;*/
	background-color: #f1f1f1;
}

ul.left-nav li.current {
	border: 0px
}

ul.left-nav li a {
	position: relative;
	z-index: 2;
    display: block; 
    font: 14px/33px 'Arial', helvetica, sans-serif;
    font-weight: 400;
	color: #6e6e6e !important;      /* !important required to override base web part link colours */
	/*min-height: 33px;
	border: 1px dotted transparent;
	border-left: 0;
	border-right: 0;*/
	padding: 0 0 0 6px;
	/*white-space: nowrap;*/
}

ul.left-nav li.current a,
ul.left-nav li:hover a {
	/*width: 220px;*/
	color: #239c48 !important;
	/*border-color: #c3c3c3;*/
	text-decoration: none;
}

ul.left-nav li a:hover {
	text-decoration: none;
}

ul.left-nav li.subchoice {		/* added by Dan, March 8, to accomodate new site structure */
	/*position: relative;
	z-index: 2;
	width: 220px;	*/		
	min-height: 28px;		
	/*padding: 0;
	margin: 0 0 0 0;*/
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/arrow_bg.png') bottom;
	background-color:#fff;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	color: #9c9c9c !important;
}

ul.left-nav li.subchoice.current,
ul.left-nav li.subchoice:hover {
	/*color: #239c48; !important;*/
	background-color: #f1f1f1;
	background-position: 0 0;
}

ul.left-nav li.subchoice a {		/* added by Dan, March 8, to accomodate new site structure */
	position: relative;
	z-index: 2;
    display: block;
    font: 12px/28px 'Arial', helvetica, sans-serif;
    font-weight: 400;
	/*color: #9c9c9c !important;*/      /* !important required to override base web part link colours */
	/*border: 1px dotted transparent;*/
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	padding: 0 0 0 13px;
}

ul.left-nav li.subchoice.current a,
ul.left-nav li.subchoice a:hover {		/* added by Dan, March 8, to accomodate new site structure */
	/*width: 220px;*/
	color: #239c48; !important;
	/*background-color: #f1f1f1;*/
	text-decoration:none;
}

/* ------------------------------------------------

   Sidebar web parts (inner content pages)

   ------------------------------------------------ */

.aside-box {
	overflow: hidden;
	padding: 0 0 30px 0;
}

.vcard h4 {
	font-size: 15px;
	font-weight: bold;
	line-height: 140%;
}
							
.vcard p {
	font-size: 15px;
	padding: 0 0 10px 0;
}

.map #LME_maplinks {
	overflow: hidden;
}

.map #LME_maplinks a {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.map #LME_maplinks a:last-child {
	float: right;
}

.qrcode {
	display: inline-block;
	width: 264px;
	height: 415px;
	float: right;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/ad.png') bottom;
}
.qrcode:hover {
	background-position: 0 0;
}

.sidebutton1 {
	width: 266px;
	height: 46px;
	float: left;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/sidebutton1.png') bottom;
	margin-bottom: 4px;
}
.sidebutton1:hover {
	background-position: 0 0;
}

.sidebutton2 {
	width: 266px;
	height: 46px;
	float: right;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/sidebutton2.png') bottom;
	margin-bottom: 4px;
}
.sidebutton2:hover {
	background-position: 0 0;
}

.sidebutton3 {
	width: 266px;
	height: 46px;
	float: left;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/sidebutton3.png') bottom;
}
.sidebutton3:hover {
	background-position: 0 0;
}

.sidebutton4 {
	width: 266px;
	height: 46px;
	float: right;
	margin-bottom: 15px;
	background: url('http://www.builtspace.com/Style%20Library/PublicImages/sidebutton4.png') bottom;
}
.sidebutton4:hover {
	background-position: 0 0;
}


/* ------------------------------------------------

   Forms & input elements

   ------------------------------------------------ */

fieldset {
    padding: 0;
    border: 0;
    margin: 0;
    border-spacing: 0;
}

fieldset legend {
	/* hide legend display */
	font-size: 1px;
	letter-spacing: -100px;
	line-height: 1px;
	text-indent: -9999px;
}

fieldset .input-field label {
	display: block;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	line-height: 115%;
	color: #333;
	padding: 0 0 4px 0;
	margin: 0;
}

fieldset .input-field .input-text,
fieldset .input-field select {
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	width: 308px;			/* total width: 334px; */
	padding: 4px 12px;
	margin: 0 0 10px 0;
	border: 1px solid #cacaca;
	letter-spacing: 0;
	color: #4d4d4d;

	/* rounded corners */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	border-radius: 4px;
}

fieldset .buttons {
	overflow: auto;
	margin: 4px 0 0 0;
}

fieldset .buttons .button {
	float: left;
	margin: 0 10px 0 0;
}

/* ------------------------------------------------

   Building Directory

   ------------------------------------------------ */
dl.buildinglist dt {
    margin-top:16px;
    color:	#318B59;
}
dl.buildinglist dd {
    margin-left:20px;
}
dl.buildinglist .country  {
    font-weight:bold;
    font-size:16px;
}
dl.buildinglist .region {
    font-weight:bold;
    font-size:14px;
}
dl.buildinglist .city {
    font-weight:bold;
    font-size:12px;
}
dl.buildinglist dd.building {
    line-height:200%;
    font-style:italic;
}
dl.buildinglist .buildingtitle {
    font-style:normal;
}
dl.buildinglist a {
    font-weight:bold;
}
/* ------------------------------------------------

   Footer

   ------------------------------------------------ */

.footer-container {
	clear: both;
    width: 100%;
	min-width: 980px;
	height: 198px;
	/*margin-top: -198px;*/
    background: #3d3d3d url('../PublicImages/footer-bg.png') no-repeat center 0;
}

.footer-container .footer {
    overflow: hidden;
    width: 980px;
	min-height: 130px;          /* 174px total height */
	margin: 0 auto;
	padding: 28px 0 0 0;
}

.footer-container .footer .footer-contact {
    float: left;
    font-size: 12px;
	color: #fff;
    padding: 0 0 0 0px;
}

.footer-container .footer .footer-contact h6 {
    font-weight: bold;
    padding: 0 0 12px 0;
}

.footer-container .footer .footer-contact p {
    font-size: 11px;
    line-height: 120%;
    padding: 0 0 10px 0;
}

.footer-container .footer .footer-contact p a {
    color: #fff;
}

.footer-container .footer ul.footer-nav {
    float: right;
    width: auto;
    overflow: hidden;
    list-style-type: none;
    font-size: 12px;
	padding: 0 0 14px 0;
}

.footer-container .footer ul.footer-nav > li {
    float: left;
    margin: 0 27px 0 0;
}

.footer-container .footer ul.footer-nav > li:last-child {
    margin: 0;
}

.footer-container .footer ul.footer-nav > li > a {
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 3px 0;
}

.footer-container .footer ul.footer-nav li a {
    display: block;
    padding: 0 0 1px 0;
    color: #fff;
}

.footer-container .footer ul.footer-nav li ul {
    list-style-type: none;
}

.footer-container .footer ul.footer-nav li ul li a {
    font-size: 11px;
    color: #aaaaaa;
}

.footer-container .footer ul.footer-nav a:hover {
	color: #239c48;
	text-decoration: none;
}

.footer-container .footer-copyright-container {
    line-height: 30px;
    height: 30px;
    background-color: #318b59;
    vertical-align: bottom;
}

.footer-container .footer-copyright-container .footer-copyright {
    overflow: hidden;
    width: 980px;
    margin: 0 auto;
}

.footer-copyright .copyright {
    float: left;
    width: auto;
    max-width: 75%;
    color: #fff;
}

.footer-copyright .copyright em,
.footer-copyright .copyright em a {
    font-size: 11px;
    color: #c5c5c5;
}

.footer-copyright .copyright em,
.footer-copyright .copyright em a:hover {
    font-size: 11px;
    color: #fff !important;
}

.footer-copyright ul.utility-nav {
    float: right;
    width: auto;
    list-style-type: none;
}

.footer-copyright ul.utility-nav li {
    float: left;
    color: #fff;
    text-align: right;
}

.footer-copyright ul.utility-nav li a {
    color: #fff;
}

.footer-copyright ul.utility-nav li a:hover {
    color: #c5c5c5 !important;
}

.footer-copyright ul.utility-nav li span.separator {
    display: inline-block;
    padding: 0 12px;
}
/* ------------------------------------------------
   IMAGE BUTTONS
   ------------------------------------------------ */
.bgImgBtn, .bgImgBtn:link, .bgImgBtn:hover, .bgImgBtn:visited, .bgImgBtnLong, .bgImgBtnLong:link, .bgImgBtnLong:hover, .bgImgBtnLong:visited, .bgImgBtnSmall, .bgImgBtnSmall:link, .bgImgBtnSmall:hover, .bgImgBtnSmall:visited
{
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    color: White;
    font-weight: bold;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    display:inline-block;
}    
.bgImgBtn, .bgImgBtn:link, .bgImgBtn:hover
{
    background-image: url("/Sites/Mobile/Style Library/Images/off-green.png");
}
.bgImgBtnLong, .bgImgBtnLong:link, .bgImgBtnLong:hover
{
    background-image: url("/Sites/Mobile/Style Library/Images/off-green_long.png");
}
.bgImgBtnSmall, .bgImgBtnSmall:link, .bgImgBtnSmall:hover
{
    background-image: url("/Sites/Mobile/Style Library/Images/off-green_small.png");
}