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


/* FONTS */

@font-face {
    font-family: 'alvarado_regular';
    src: url('../fonts/alvarado_regular-webfont.eot');
    src: url('../fonts/alvarado_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alvarado_regular-webfont.woff') format('woff'),
         url('../fonts/alvarado_regular-webfont.ttf') format('truetype'),
         url('../fonts/alvarado_regular-webfont.svg#alvarado_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'alvarado_body';
    src: url('../fonts/alvarado_body-webfont.eot');
    src: url('../fonts/alvarado_body-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alvarado_body-webfont.woff') format('woff'),
         url('../fonts/alvarado_body-webfont.ttf') format('truetype'),
         url('../fonts/alvarado_body-webfont.svg#alvarado_body') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'alvarado_light';
    src: url('../fonts/alvarado_light-webfont.eot');
    src: url('../fonts/alvarado_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alvarado_light-webfont.woff') format('woff'),
         url('../fonts/alvarado_light-webfont.ttf') format('truetype'),
         url('../fonts/alvarado_light-webfont.svg#alvarado_light') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* -- LARGE LAYOUTS --*/


@media(min-width:1101px){
.header_img img {
margin-top: -160px;	
}

.header_img {
height: 10%;	
}

}


.mobile_only {
display: none;
}


/*TEXT*/


.subheading {
text-align: center;	
}

.page_default h2.center {
text-align: center;	
}

body {
font-family:'alvarado_body';
foint-size: 18px;
color: #636161;
	
}

h1 {
	font-family: 'alvarado_light';
	font-size: 40px;
	text-align: center;
	color: #636161;	
}


h2 {
font-family: 'alvarado_light';
font-size: 24px;
text-align: center;
color: #999999;	
}


h3 {
font-family: 'arial';
font-size: 16px;
text-align: left;
color: #636161;	
}


.blue {
	color: #82ADDF;
}

.intro_text {
margin: 10px 0 0 0;
}

.page_default h2{
	
	text-align:left;
}

.page_default .intro_text {
margin-top: 0;	
}

li.bullet {
list-style-type: none;
background: url("../images/global_bullet.png") no-repeat scroll left center;
padding-left: 30px;	
line-height: 30px;
}


hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 40px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #e9e9e9;
}

hr.teaser_divider {
margin: 10px 0 10px 0;
border-color: #e9e9e9;	
height: 1px;
width: 100%;

}

.page_default hr.title_underline {
width: 40%;
text-align:left;	
margin: 10px 0 30px 0;
border-color: #bbbbbb;
border-width: 2px;
}

footer {
color: #999;	
}

footer h3 {
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 12px;
line-height: 1em;
color: #bbbbbb;
}

footer hr.teaser_divider {
border-top: 1px solid #999999;	
}


footer a:link, a:visited {
font-size: 12px;
color: #bbbbbb;
text-decoration: none;	
}

footer a:hover {
	color: #f5f5f5;
}


footer .contact_icon {
padding: 2px 10px 0 0 ;
float: left;
clear: left;	
}

.footer_col {
padding-bottom:10px;	
}


/* ------- NAV ------- */


header nav {
    display: inline-block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
}



a.active {
color: #82addf!important;
cursor: default;
}

a:link, a:visited {
font-family: 'alvarado_body';
font-size: 16px;
color: #636161;
}

.header_contact {
color: #999999;
padding: 12px 0;	
overflow: visible;
}

.header_contact a:link, a:visited {
color: #999999;
}

.header_contact a:hover {
color: #82ADDF;
}

.header_contact ul li {
float: right;	
padding: 0 0 0 20px;
font-family: 'Alvarado_body';
font-size: 15px;
color: #999999;
}


.header_divider {
margin: 0 auto;
}

.header_contact .contact_icon {
padding: 0 10px 0 0;	
position: relative;
top: 3px;
}


/* LAYOUT */

header {
text-align: justify;
height: 60px;	
padding: 15px 0 15px 0;
}

.divider {
height: 2px;
color: #e9e9e9;	
clear: both;
}

.cta_bar {
text-align: center;
margin: 0 auto;	
}

.cta_text {
	display: inline;
	font-family: 'alvarado_light';
	color: #999999;
	font-size: 20px;
	padding-right: 20px;

	
}

.cta {
	display: inline-block;
	margin-top: 10px;
}

img.logo {
float: left;	
width: 240px;
height: 60px;
}

.intro {
margin: 40px 0 0 0;	
}

.teaser_copy {
padding: 5px;
height: 14em;	
}


.body_image_container {
height: 314px;
border:1px solid #E9E9E9;	
}

footer {
background-color: #3b3b3b;
padding: 40px 0;
margin: 40px 0 0 0;
font-size: 12px;
font-family: 'alvarado_body';
}

/*IMAGES*/








.header_img {
/*background: red url('../images/home_header_glazing_partitions2.jpg');*/
    background-repeat:no-repeat;
    background-position: middle center;
    background-size: 100%;
	min-width:50%;
	width: 100%;
	height: 400px;
	position: relative;
	text-align:center;
	overflow: hidden;
	border-top: 3px solid #e9e9e9;
}

.header_img .border {
background:  url('../images/global_header_img_border.png');
    background-repeat:repeat;
    background-position: top left;
	height: 5px;
}

.body_image_properties {
	background-repeat: no-repeat;
	
	background-width: 452px;
	background-height: 304px;
	width: 452px;
	height: 304px;
	margin:5px;
}

.doors_img {
height: 618px;	
}

.partitions_4 {
	height: 608px;
}

.border.top {
position: absolute;
top: 0;	
}

.border.bottom{
position: absolute;
bottom: 0;	
}

.container .teaser {
position: relative;	
height: 100%;
}


.title_divider {
width: 80%;
margin: 20px auto 40px auto;
}

.blue_div {
float: left;
height: 2px;
background-color: #82addf;
width: 40%	
}

.grey_div {
float:left;
height: 2px;
background-color: #e9e9e9;
width: 30%	
}


.home img {
position: absolute;
left: -999px;	
}


.teaser_copy .title_divider {
width: 100%;
margin: 10px auto 30px auto;
}

.img_container {
width: 100%;
}

.teaser_copy .grey_div {
float:left;
height: 1px;
background-color: #e9e9e9;
width: 100%	;
}

footer .title_divider {
width: 100%;
margin: 10px auto 20px auto;
}

footer .white_div {
float: left;
height: 1px;
background-color: #999999;
width: 40%	
}

footer .grey_div {
float:left;
height: 1px;
background-color: #333333;
width: 60%	
}



/* BUTTONS and LINKS */


.fom {
color: #fff;
-webkit-border-radius: 2px/1px 1px 2px 2px;
-moz-border-radius: 2px/1px 1px 2px 2px;
border-radius: 2px/1px 1px 2px 2px;
background-color: #82addf;
text-align: center;
}

a:hover .fom {
background-color: #bbd6f5;	
}

.fom_large {
font-size:16px;
width: 130px;
padding: 10px;
}

.fom_small {
font-size:14px;
width: 130px;
padding: 5px;
}

.container .get_in_touch {
clear: both;
position: absolute;
right: 0;
}

.teaser_box {
position: relative;	
height: 100%;
}


.teaser_fom {
position: absolute;
bottom: 0px;	
}

a:link {
text-decoration: none;	
}



/* FORM */

::-webkit-input-placeholder {
   color: #cccccc;
   font-style: italic;
   font-weight:normal;
   font-family: 'Alvarado_body';
}

:-moz-placeholder { /* Firefox 18- */
   color: #cccccc; 
   font-style: italic;
   font-weight:normal;
   font-family: 'Alvarado_body';
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #cccccc; 
   font-style: italic; 
   font-weight:normal;
   font-family: 'Alvarado_body';
}

:-ms-input-placeholder {  
   color: #cccccc;  
   font-style: italic;
   font-weight:normal;
   font-family: 'Alvarado_body';
}

input {
-webkit-appearance: none;
	
}


/* Form validator */

.help-block {
    display: inline;
    padding-left: 6px;
    font-size: 85%;
}

span.form-error.help-block {
    display: block;
    color: red;
    margin-top: 6px;
    padding-left: 0;
}

div.form-error {
    padding: 6px 12px;
    line-height: 180%;
    background: #ffe5ed;
    border-radius: 4px;
    margin-bottom: 22px;
    color: darkred;
}

input.valid {
    background: url(../images/icon-ok.png) no-repeat right center #e3ffe5;
    color: #002f00;
    border-color: #96b796 !important;
}

input.error {
    background: url(../images/icon-fail.png) no-repeat right center #ffebef;
    color: #480000;
}

.form-suggest-element {
    padding: 4px;
}

form.validating-server-side .server-validation {
    background: url(../images/ajax-loader.gif?v=2) no-repeat center right #FFF;
    opacity: 0.5;
}

.max-chars {
    background: #EEE;
    color: #999;
}

.form-help {
    padding-left: 6px;
    font-size: 90%;
    color: #888;
}




@media only screen and (min-width: 768px) and (max-width: 959px) {
/* TEXT */

h1 {

}

h2 {

}

	
.teaser_copy {
height: 17em;	
}
	
.teaser_copy h3 {
height: 50px;
line-height: 24px;
}

.header_img {
height: 100%;	
}

img.teaser_img {
width: 100%;
border: none;
padding: 0;	
}

.teaser_copy {
padding: 10px 0;	
}	
	
/* IMAGES */

img.logo {
height: 50px;
width: 200px;	
padding-top: 4px;
}

.body_image_properties {
	width: 343px;
}

footer {
font-size: 11px;
}

footer a:link, a:visited {
font-size: 11px;
}
	
}

@media(max-width:767px){

.page_default h2.subheading {
text-align: left;	
}


h1 {
text-align: left;	
font-size: 32px;
}

h2 {
text-align: left;	
}

hr {
margin: 40px auto;
}

.page_default hr {
margin: 40px auto;	
}

/*.page_default p {
margin: 0;	
}*/

a.get_in_touch {
	color: white;
}

a.get_in_touch:hover {
	background-color: #bbd6f5;	
}


img.logo {
width: 200px;
height: 50px;	
}

.mobile_only {
display: block;	
}

.not_mobile {
display: none!important;	
}

.title_divider {
width: 100%;	
}

.intro  .intro_text {
margin-top: 20px;	
}

.header_img {
height: 100%;	
}

.body_image_properties {
width: 410px;	
}



/* Four Teasers - Home */

.teasers hr {
margin: 40px auto 40px 0;	
}

.teaser_copy {
height: auto;
}


.teaser_copy .title_divider {
	display: none;	
}

.teaser_copy h3 {
height: auto;
}

.teaser_fom {
position: relative;
}

.remove_mobile {
display: none;	
}

footer {
margin-top: 20px;	
}

}




/*MOBILE STYLES */

@media(max-width:480px){

/* NAV */

h1 {
font-size: 36px;
}

h2 {
font-size: 20px;
line-height: 30px;	
}

header {
height: 40px;	
}

.container_full_width {
width: 100%;	
}

.logo {
float: left;	
}

/* INTRO */ 

.intro {
margin-top: 40px;	
}

.intro .fom {
margin-top: 10px;
}

.title_divider {
margin: 10px auto 30px auto;
}

.teasers {
padding-bottom: 40px;	
}

.teasers hr {
margin: 50px auto 30px auto;	
}

.teaser_copy {
padding: 0;	
}

.teasers hr.mobile_only {
margin: 40px auto;	
}

.teaser h3 {
padding-top: 10px;	
}


.teasers p {
margin-bottom: 10px;	
}

.teaser_fom .fom {
background-color: #82ADDF;	
color: #fff;
}
.teaser_fom {
padding-bottom: 0;
}

/* BUTTONS */




/*IMAGES*/
.home {
background:none!important;
width:auto!important;
height:auto!important;
}

.home img {
 /* Bring smaller image back into view */
position:static;
min-width: 320px;
max-width:100%;
}

.body_image_container {
	height: 200px;
}

.body_image_properties {
	height: 190px;
	width: 290px;
}


footer {
font-size: 13px;	
}

footer a:link, a:visited {
font-size: 14px;
color: #bbbbbb;	
}

header {
	padding: 5px 0 15px 0
}

.header_img {
height: 10%;	
}

img.logo {
height: 40px;	
width: 160px;
}

.header_contact {
display: none;	
}

footer {
margin-top: 20px;	
}


}


@media(max-width: 320px){



}