@charset "utf-8";
/* CSS Document */

html {
overflow-y: scroll;
background-color:#EE6924;
}

* {
margin:0;
padding:0;
list-style:none;
}

body {
font-size:100%;
font-family:arial,helvetica,sans-serif;
color:#3A3A3A;
text-align:left;
background:#FFFFFF url(../img/bg.jpg) center top repeat-x;
min-width:950px;
}

a {color:#EE6924}
a:hover {color:#3A3A3A}

#outerbody {
margin:0 auto;
background:#FFFFFF url(../img/bg.jpg) center top repeat-x;
text-align:center;
}

#container {
margin:0 auto;
width:950px;
text-align:center;
}


/* HEADER */

#header {
display:block;
width:100%;
margin:0 auto;
height:130px;
}

#header .header {
display:block;
position:relative;
margin:0 auto;
width:950px;
height:130px;
}

.logo a {
position:absolute;
display:block;
top:8px;
width:189px;
height:84px;
text-indent:-9999px;
background-image: url(../img/hflbuildingsolutions-logo.png);
background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
.logo a {
background-size: 189px 84px;
background-image: url(../img/hflbuildingsolutions-logo@2x.png);
}
}

.contact {
position:absolute;
top:0;
left:380px;
overflow:visible;
width:0;font-size:90%;
font-weight:normal;
color:#FFFFFF;
text-transform:none;
width:440px;
height:25px;
padding:9px 0 0 0;
text-align:center;
background:#3A3A3A;
-webkit-border-radius: 0 0 7px 7px;
-moz-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
}

/* CHANGE THIS TO A LIST!!! */

.contact span {
color:#EE6924;
}

.contact a {
color:#FFFFFF;
text-decoration:none;
}

.contact a:hover {
text-decoration:underline;
}

/* SOCIAL */

#social-icons {
position:absolute;
top:0;
left:830px;
width:120px;
padding-top:2px;
height:32px;
background:#3A3A3A;
-webkit-border-radius: 0 0 7px 7px;
-moz-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
}

#social-icons li {
display:inline;
padding:0;
}

a.social {
display:inline-block;
width:28px;
height:32px;
padding:0;
margin:0;
border:none;
}

#facebook {
background:url(../img/social/facebook.png) top  left no-repeat;
}

#twitter {
background:url(../img/social/twitter.png) top left no-repeat;
}

#linkedin {
background:url(../img/social/linkedin.png) top left  no-repeat;
}

#facebook:hover,#twitter:hover, #linkedin:hover { 
background-position: 0 -32px ;
}

span.social {
position: absolute;
top: -999em;
}

/* MENU */

.menu {
position:absolute;
top:70px;
font-size:90%;
line-height:90%;
font-weight:normal;
text-transform:none;
width:950px;
margin-top:35px;
text-align:left;
}

.menu ul {
margin:0;
list-style:none; 
border-left:1px solid #FFF;
} 

.menu li {
display:inline;
font-weight:bold;
text-transform:uppercase;
}

.menu a {
color:#FFFFFF;
padding:0 8px 0 8px;
text-decoration:none;
	/*
background:url(../img/menu-divider.gif) no-repeat center right;
	*/
border-right:1px solid #FFF;
}

.menu li.current a {
color:#3A3A3A;
text-decoration:none;
	/*
background:url(../img/menu-divider.gif) no-repeat center left;
	*/
}

.menu li a:hover {
color:#3A3A3A;
text-decoration:none;
	/*
background:url(../img/menu-divider.gif) no-repeat center left;
	*/
}

#breadcrumb {
font-size:70%;
height:18px;
text-align:left;
margin-top:5px;
}

/* SLIDER */

#slider {
margin-top:0px;
}

/* MAINBODY */

.divider {
height:1px;
width:100%;
padding:0;
margin:0.4em 0 0 0;
background:#CACACA;
}

.pagecontainer {
overflow:auto;
text-align:left;
width:920px;
min-height:300px;
padding:0 15px 20px 15px;
background:#FFFFFF url(../img/bg-page.gif) no-repeat top;
}

.pagecontainer p {
font-size:85%;
line-height:150%;
padding:0 0 0.7em 0;
}

/* TEMPLATE 1 */

#template1 {
background-image:none;
}

#template1 h1 {
color:#3A3A3A;
font-size:200%;
font-weight:normal;
padding:0.6em 0 0 0;
}

#template1 h2 {
color:#EE6924;
font-size:133%;
font-weight:bold;
line-height:135%;
padding:0.2em 0 0.2em 0;
}

#template1 h3 {
color:#3A3A3A;
font-size:105%;
font-weight:normal;
padding:0.4em 0 0.4em 0;
}

#template2 h4 {
color:#3A3A3A;
font-size:80%;
font-weight:bold;
padding:0.4em 0 0.4em 0;
}

/* TEMPLATE 2 */

#template2 h1 {
color:#3A3A3A;
font-size:177%;
font-weight:normal;
padding:0.8em 0 0.2em 0;
}

#template2 h2 {
color:#EE6924;
font-size:133%;
font-weight:bold;
line-height:135%;
padding:0.2em 0 0.2em 0;
}

#template2 h3 {
color:#EE6924;
font-size:133%;
font-weight:normal;
line-height:135%;
padding:0.2em 0 0.2em 0;
}

#pagehead {
width:920px;
padding:0 0 20px 0;
border-bottom:#CACACA 1px solid;
}

#pagehead img {
margin-top:15px;
float:right;
padding-left:50px;
}

/* TEMPLATE/TIER 3 */

#template3 h1 {
color:#3A3A3A;
font-size:177%;
font-weight:normal;
padding:0.4em 0 0.2em 0;
}

#template3 h2 {
color:#EE6924;
font-size:133%;
font-weight:bold;
line-height:135%;
padding:0.2em 0 0.6em 0;
margin-bottom:0.8em;
border-bottom:#CACACA 1px solid;
}

#template3 h3 {
color:#EE6924;
font-size:133%;
font-weight:normal;
line-height:135%;
padding:0.2em 0 0.2em 0;
}

#template3 h4 {
color:#3A3A3A;
font-size:105%;
font-weight:normal;
line-height:135%;
padding:0 0 0.3em 0;
}

/* TEMPLATES END 3 */

#pagebody {
float:left;
text-align:left;
width:545px;
margin:20px 0 20px 0;
background-color:none;
}

#pagebody p.date {
color:#EE6924;
font-weight:bold;
padding:0;
margin:0;
}

#pagebody p.title {
font-size:80%;
font-weight:bold;
padding:0;
}

#pagebody p.quoter {
font-size:80%;
color:#EE6924;
font-weight:bold;
padding:0;
margin:0 0 0.4em 0;
}

#pagebody p.quote {
font-size:85%;
font-style:italic;
color:#3A3A3A;
padding:0;
margin:0 0 0.2em 0;
}

.quote1 {
background:url(../img/quote-top.gif) no-repeat top #E7E7E7;
height:7px;
display:block;
margin-top:10px;
padding:0;
}

.quote2 {
background:url(../img/quote-bottom.gif) no-repeat bottom #E8E8E8;
width:525px;
padding:10px 10px 50px 10px;
margin-bottom:10px;
display:block;
}

.quote3 {
margin-bottom:0;
}

p.cs-headers {
color: #EE6924;
font-size: 110%;
line-height:135%;
padding: 0.2em 0;
}

p.cs-quote {
font-size:90%;
font-weight:bold;
line-height:130%;
color: #EE6924;
}

#pagebody p.last {
padding-bottom:1.2em;
margin-bottom:0.8em;
border-bottom:#CACACA 1px solid;
}

#pagebody ul {
font-size:80%;
line-height:150%;
color:#EE6924;
margin-left:15px;
margin-bottom:0.6em;
}

#pagebody li {
margin-bottom:0.2em;
list-style-image:url(../img/arrow-orange.gif);
}

#pagebody ul#affiliations {
margin-left:0;
width:575px;
}
#pagebody ul#affiliations li {
display:inline-block;
list-style-image:none;
margin:0;
margin-right:15px;
margin-bottom:15px;

}

.pagepod-wrapper {
float:left;
display:block;
width:540px;
margin-bottom:0.2em;
padding:0;
border-bottom:#CACACA 1px solid;
}

#pagepodL {
float:left;
display:block;
width:260px;
margin:0.2em 0 0.4em 0;
padding:0;
}

#pagepodR {
float:right;
display:block;
width:260px;
margin:0.2em 0 0.4em 0;
padding:0;
}

#pagebody .pagepod p {
font-size:80%;
line-height:150%;
padding:0.3em 0 0.3em 0;
}

#pagebody .pagepod h1 {
color:#EE6924;
font-size:125%;
font-weight:normal;
padding:0.2em 0 0.2em 0;
}

#pagebody .template2 h1 {
color:#3A3A3A;
font-size:105%;
font-weight:normal;
padding:0.4em 0 0.4em 0;
}

.pagepod {
margin-top:0.2em;
margin-bottom:0.4em;
}

#sidepod {
float:right;
display:block;
width:335px !important;
width:315px;
padding-top:5px;
margin:20px 0 30px 0;
background:url(../img/sidepod-top.gif) #E7E7E7 no-repeat top;
}

#sidepod span {
color:#EE6924;
}

#sidepod h1 {
color:#3A3A3A;
font-size:105%;
font-weight:normal;
padding:0.4em 0 0.4em 0;
}

#sidepod h1 a {
color:#3A3A3A;
text-decoration:none;
}

#sidepod h1 a:hover {
color:#EE6924;
text-decoration:none;
}

#sidepod h2 {
color:#3A3A3A;
font-size:85%;
font-weight:bold;
padding:0 0 0.2em 0;
margin:0;
border-bottom:none;
}


#sidepod p {
font-size:74%;
line-height:135%;
padding:0;
margin:0;
}

#sidepod p.date {
color:#EE6924;
font-weight:bold;
padding:0;
margin:0;
}

#sidepod p.title {
font-size:80%;
font-weight:bold;
padding:0;
margin:0;
}

#sidepod p.text {
margin-bottom:0.8em;
}

#sidepod p.telephone {
font-size:130%;
line-height:110%;
font-weight:normal;
color:#EE6924;
padding:0;
margin:0;
}

#sidepod p.pdf {
height:35px;
line-height:220%;
padding:0 0 0 28px;
margin-top:10px;
background:url(../img/pdf.png) no-repeat left top;
background-size: 22px 22px;
}
#sidepod p.pdf a {
line-height:1.4;
}

#sidepod ul {
list-style:none; 
margin:0;
padding:0;
}

#sidepod ul.jobs {
margin-bottom:0.4em;
}

#sidepod li a {
font-size:80%;
color:#3A3A3A;
padding-left:20px;
background:url(../img/arrows-orange.gif) no-repeat left center;
text-decoration:none;
}

#sidepod li a:hover {
text-decoration:none;
color:#EE6924;
}

#sidepod li.current a {
color:#EE6924;
text-decoration:none;
background:url(../img/arrows-orange.gif) no-repeat left center;
}

.sidepod {
width:295px;
padding:0 0 15px 0;
margin:10px 20px 0 20px;;
border-bottom:#CACACA 1px solid;
}

#sidepodfooter {
width:335px;
padding:20px 0 20px 0;
background:url(../img/sidepod-bottom.gif) no-repeat bottom;
}

.addthis_toolbox {
padding-left:20px;
}

/* FOOTER */

#footer {
margin:0 auto;
clear:both;
background:#E7E7E7;
text-align:center;
}

.footer {
margin:0 auto;
height:100px;
width:920px;
padding-top:20px;
}

#footerbody {
float:left;
text-align:left;
width:545px;
background:url(../img/bg-quote.gif) no-repeat 0 25px;
}

#footerbody h1 {
color:#EE6924;
font-size:105%;
font-weight:normal;
padding:0 0 0.4em 0;
}

#footerbody p {
font-size:74%;
line-height:148%;
padding:0 40px 0.4em 40px;
}

#footermenu {
float:right;
text-align:left;
width:310px;
padding:0 0 0 20px;
border-left:#CACACA 1px solid;
}

.footermenu {
float:left;
width:145px;
margin:0;
}

.footermenu ul {
list-style:none; 
margin:0 0 5px 0;
} 

.footermenu ul li a {
color:#3A3A3A;
font-size:77%;
line-height:155%;
margin:0;
padding:0;
list-style:none; 
text-decoration:none;
}

.footermenu ul li a:hover {
color:#EE6924;
text-decoration:none;
}

/* SIGNOFF */

#signoff {
text-align:left;
margin:0 auto;
background:#EE6924;
}

#signoff p {
color:#FFFFFF;
font-size:74%;
line-height:140%;
}

.base {
margin:0 auto;
height:200px;
width:950px;
padding-top:20px;
}

.signoff {
margin-top:10px;
}

#signoff a {
    color: #FFFFFF;
}

.associations {
}

.associations ul {
list-style:none; 
}

.associations li {
display:inline;
padding-right:7px;
}

/* SEARCH */

#searchpod {
float:right;
display:block;
width:295px;
padding-top:5px;
margin:20px 0 0 0;
}

#search {
width:295px;
height:36px;
background:#3A3A3A url(../img/search.gif) no-repeat 9px 6px;
}

input, button {
font-family:arial,helvetica,arial,sans-serif;
color:#3A3A3A;
padding-left:5px;
width: 205px;
height: 25px;
border:none;
background:#FFFFFF;
}

#submitbutton {
position:relative;
top:6px;
left:45px;
width:19px;
height:16px;
background:#3A3A3A url(../img/arrows-search.gif) no-repeat;
}

/* FORMS */

table {
color:#3A3A3A;
margin-top:0.2em;
}

tr, td {
font-size:88%;
vertical-align:top;
padding: 0.2em 0 0.2em 0;
}

form .input {
font-size:100%;
width: 330px;
height:18px;
border: 1px solid #DEDEDE;
padding-left:5px;
}

table .login {
width:295px;
border:none;
}

form .login {
font-size:100%;
width: 200px;
height:18px;
border: 1px solid #DEDEDE;
padding-left:5px;
}

form .textarea {
font-family:arial,helvetica,sans-serif;
font-size:100%;
width: 330px;
height:100px;
padding-left:5px;
border: 1px solid #DEDEDE;
}

form .submitbutton, .submitbutton {
font-weight:normal;
color:#FFFFFF;
width:100px;
padding:0;
background:#EE6924;
}

a.submitbutton {
	margin-top:10px;
	padding:5px 10px;
	font-size:12px;
	text-decoration:none;
}

a:hover.submitbutton {
	color:#FFFFFF;
}

#map-canvas {
width:545px;
height:300px;
margin:20px 0 20px 0;
}