/* CSS Document */

html, body { margin: 0; padding: 0 0 50px 0; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; }

p { font-size: 12px; }

#content { background: url(../images/sustainable-bg.gif) no-repeat; width: 750px; height: 490px; margin: 0 auto 0 auto; margin-top: 20px; }
#content2 { background: url(../images/sustainable-bg2.gif); width: 750px; margin: 0 auto 0 auto; margin-top: 20px;  }
#content3 { background: url(../images/sustainable-bg3.gif) no-repeat; width: 750px; height: 490px; margin: 0 auto 0 auto; margin-top: 20px; }

.left_col { width: 195px; float: left; height: 467px; text-align: center; }
.left_col2 { width: 110px; float: left; height: 467px; text-align: center; }

.mid_col { width: 340px; float: left; height: 417px; overflow: auto; margin-top:40px; padding: 0 10px 10px 10px;}
.mid_col2 { width: 340px; float: left; margin-top:40px; padding: 0 10px 10px 10px; }
.mid_col3 { width: 425px; float: left; margin-top: 50px; padding: 0 10px 10px 10px; text-align: center;}


h1 { font-size: 18px; letter-spacing: .025em; color: #65190f;}

a { color: #65190f; }
a:hover { text-decoration: none; }

#right_col { width: 175px; float: right; height: 412px; padding: 60px 10px 0px 10px; }
.stp { padding-top: 120px !important; }

#footer_navigation { clear: both; padding: 0px 0 0px 0; width: 500px; margin: 0 auto 0 auto; }
#footer_navigation li { display: inline; font-size: 11px; }
#footer_navigation a { color: #65190f; text-decoration: none; font-weight: bold; }

.fbg { background: #806d4c; width: 100% !important; text-align: center; height: 15px; padding: 5px 0 5px 0;}

.left_col img { margin: 0 auto 0 auto; padding: 140px 0 0 0; }

ul { font-size: 12px; line-height: 1.2em;}

#main_nav li { display: inline; margin: 0 10px 0px 0; padding: 0 0 10px 0; }
#main_nav li a { border: none; text-decoration: none; }
#main_nav { margin: 0 auto 0 auto; padding: 0; width: 150px;}

#right_nav { margin: 0; list-style: none; padding: 0; margin-top: 50px;}
#right_nav a { color: #65190f; text-decoration: none; }
#right_nav h2 { font-size: 16px; margin: 10px 0 10px 0;}

.domtab { width: 120px; margin: 0 auto 50px auto; }
.margin15 { margin-bottom: 15px; }
.domtab_movie { width: 175px !important;  margin: 0 auto 0 auto !important;}

.movies li a { display: block; height: 30px; padding-left: 55px; color: #65190f; font-weight: bold; background: url(../images/movie-icon.gif) left center no-repeat; margin: 0px 0 0px 0; }
.movies { width: 175px !important; margin: 0 !important; float: left; }

.roof { background: url(../images/roof_movies_med.gif) left center no-repeat !important; }
.hvac { background: url(../images/hvac_movies_med.gif) left center no-repeat !important; }
.materials { background: url(../images/material_movies_med.gif) left center no-repeat !important; }
.sustainable { background: url(../images/sustainable_movies_med.gif) left center no-repeat !important; }

.movies li a:hover { color: #000; }
.movies li { display: block; width: 100%; margin: 0 0 0 !important;}
.movies li a { font-size: 15px; display: block; padding: 10px 0 0 45px; }

.hdefault { display: none; }