body { background: #d0cbb1; font-family: Lucida, Arial, sans-serif;}
a { color: #7db2ce; } 

/** Container & Structure **/
#container { margin: 20px auto 0 auto; width: 1080px; }
#top { background: url(../images/top.jpg) top center no-repeat; height: 31px; }
#middle { background: url(../images/middle.jpg) top center repeat-y;  }
#bottom { background: url(../images/bottom.jpg) top center no-repeat; height: 25px; }
#blue-wrap { background: #b1d1e2; float: left; }

/** Columns **/
.col-1 { float: left; width: 169px; }
.col-2 { float: left; background: #fff; padding-right: 8px;  }
.col-3 { background: #b1d1e2 url(../images/bg-col-3-decoration.jpg) top left no-repeat; height: 300px; min-height: 300px; float: left; width: 52px; }

/** Logo **/
#logo {margin: 41px 0 0 49px; }

/** Product Page Image Holders **/
#left-pane { width: 512px; height: 399px; margin-right: 8px; float: left; }
#right-pane { width: 306px; height: 399px;  float: left; }

/** Navigation **/
#nav { text-indent: -200em; margin: 100px 0 0 0; padding-left: 40px;  }
#nav a { display: block; margin-bottom: 15px; font-size: 11px; }
#nav a:hover { background-position: right -7px; }
#nav li ul { display: none; width: 120px; }
#nav li ul li a { font-size: 10px; display: block;   }
#nav li ul li a:hover { background-position: right -7px; }

#nav .active {background-position: right -7px;}

.nav-about { background: url(../images/nav-about.gif) right top no-repeat; height: 7px; width: 109px; }
.nav-products { background: url(../images/nav-products.gif) right top no-repeat; height: 7px; width: 109px; }
.nav-portfolio { background: url(../images/nav-portfolio.gif) right top no-repeat; height: 7px; width: 109px;  }
.nav-dealers { background: url(../images/nav-dealers.gif) right top no-repeat; height: 7px; width: 109px; }
.nav-contact { background: url(../images/nav-contact.gif) right top no-repeat; height: 7px; width: 109px; }

.nav-history { background: url(../images/nav-history.gif) right top no-repeat; height: 7px; width: 109px; }
.nav-craftsmanship { background: url(../images/nav-craftsmanship.gif) right top no-repeat; height: 7px; width: 109px; }
.nav-montag { background: url(../images/nav-montag.gif) right top no-repeat; height: 7px; width: 109px; }
.nav-french { background: url(../images/nav-french.gif) right top no-repeat; height: 7px; width: 109px; }
.nav-tilt { background: url(../images/nav-tilt.gif) right top no-repeat; height: 7px; width: 109px; }
.nav-lift { background: url(../images/nav-lift.gif) right top no-repeat; height: 7px; width: 109px; }
.nav-fixed { background: url(../images/nav-fixed.gif) right top no-repeat; height: 7px; width: 109px; }

/** Nav - Products **/
#t-french-doors #nav ul#products { display: block; }
#t-french-doors #nav .nav-french { background-position: right -7px; } 
#t-tilt-turn-windows #nav ul#products { display: block; }
#t-tilt-turn-windows #nav .nav-tilt { background-position: right -7px; } 
#t-lift-slide-doors #nav ul#products { display: block; }
#t-lift-slide-doors #nav .nav-slide { background-position: right -7px; } 
#t-fixed-windows #nav ul#products { display: block; }
#t-fixed-windows #nav .nav-fixed { background-position: right -7px; } 

/** Nav - About **/
#t-history-tradition #nav ul#about { display: block; }
#t-history-tradition #nav .nav-history { background-position: right -7px; } 
#t-craftsmanship #nav ul#about { display: block; }
#t-craftsmanship #nav .nav-craftsmanship { background-position: right -7px; } 
#t-why-montag #nav ul#about { display: block; }
#t-why-montag #nav .nav-montag { background-position: right -7px; } 

/** Slideshow **/
#home-slideshow { height: 392px; width: 826px; }

/** Generic Content Section **/
#info { clear: both;  background: #120701 url(../images/bg-content.jpg) left bottom repeat-x; width: 826px; margin-top: 5px; padding-top: 24px; }
#info h2, #info h3 { text-indent: -200em; }
#info.white { background: #fff; }

/** Home Section **/
.section-home h2 { padding-bottom: 22px; border-bottom: 1px dotted #483f3b; background: url(../images/hdr-home.gif) left top no-repeat; height: 9px; width: 710px; text-indent: -200em; margin: 0 0 22px 115px; }
.section-home p { color: #666; line-height: 15px; font-size: 11px;}
.section-home a { color: #7db2ce; display: block; font-size: 11px; margin-top: 15px;}

.intro { padding-bottom: 23px; padding-left: 24px; margin-left: 24px; padding-top: 3px; float: left;   }
.intro { width: 313px; padding-left: 90px; background: url(../images/bg-home-window.jpg) left top no-repeat; padding-right: 40px;  }
.intro h3 { background: url(../images/hdr-intro.gif) left top no-repeat; width: 308px; height: 11px;  text-indent: -200em; margin-bottom: 15px; }

.press { width: 150px; border-left: 1px dotted #483f3b; padding: 4px 10px 0 15px; float: left; }
.press span { display: block; }
.press h3 { background: url(../images/hdr-press.gif) left top no-repeat; height: 20px; width: 102px; margin-bottom: 15px;   }

.dealer { width: 150px; border-left: 1px dotted #483f3b; padding: 4px 10px 0 15px; float: left; }
.dealer span { display: block; }
.dealer h3 { background: url(../images/hdr-dealer.gif) left top no-repeat; height: 20px; width: 102px; margin-bottom: 15px; }

/** Product Section **/
.section-products { padding-bottom: 20px; }
.section-products .header { width: 780px; border-bottom: 1px dotted #483f3b; margin: 0 0 20px 24px; background: url(../images/bg-montag-windows-doors.gif) 502px 0 no-repeat;  }
.section-products h2 {  height: 8px; width: 200px; margin: 0 0 20px 0; }
.section-products h3 { margin-bottom: 15px; }
.section-products p { color: #666; line-height: 15px; font-size: 11px; line-height: 17px; }
.section-products a { color: #7db2ce; display: block; font-size: 11px; margin-top: 15px;}

.description { float: left; width: 477px; padding: 0 15px 0 24px; }
.details { padding-bottom: 15px; border-left: 1px dotted #483f3b; float: left; color: #7db2ce; font-size: 11px; width: 267px; line-height: 24px; padding-left: 30px;  }
.details li { list-style-image: url(../images/bullet.gif); }

/** General Content Section **/
.section-general { padding-bottom: 20px; color: #666; font-size: 12px; line-height: 17px;  }
.section-general .header { padding-bottom: 20px; width: 780px; border-bottom: 1px dotted #dfdedd; margin: 0 0 20px 24px; background: url(../images/bg-montag-window-doors-white.gif) 500px 0 no-repeat; }

.section-general .col-a {  min-height: 250px;  float: left; width: 440px; margin-left: 24px; border-right: 1px dotted #DFDEDD; padding-right: 30px; }
.section-general h4 { font-size: 14px; font-weight: bold; color: #68652f; margin-bottom: 12px; }
.section-general .col-a p { margin-bottom: 12px; }

.section-general .col-b {  float: left; width: 280px; padding-left: 30px; min-height: 250px;   }
.section-general .col-b p { margin-bottom: 12px; }

/** Form **/
form li { line-height: 20px; margin-bottom: 15px;   }
form .shadow { background:  url(images/bg-input.gif) top left repeat-x; }
form .long { width: 280px; border: 1px solid #bfbfbf; color: #666; padding: 3px; }
form .short { width: 125px; border: 1px solid #bfbfbf; color: #666; margin-right: 20px; padding: 3px; }
form li.tiny { float: left; } 

/** Portfolio Section **/
.section-portfolio { padding-bottom: 20px; }
.section-portfolio .header { padding-bottom: 20px; width: 780px; border-bottom: 1px dotted #483f3b; margin: 0 0 30px 24px; background: url(../images/bg-montag-windows-doors.gif) 502px 0 no-repeat;}

.residential { clear: both; overflow: hidden; width: 360px; float: left; border-right: 1px dotted #483f3b; margin-left: 24px; } 
#residential-images { width: 2000px; float: left; }

.commercial { width: 360px; float: left; overflow: hidden; } 

.ph { width: 110px; height: 70px; background: #fff; float: left; margin-right: 10px; } 

.main-active { background-position: 0 -7px; }
.residential { padding-right: 20px; position: relative;  }
.commercial { margin-left: 30px; position: relative;  }

#residential-images { position: relative; }
#commerical-images { position: relative; }

#slideshow-res { width: 360px; overflow: hidden; }
#slideshow-res ul { width: 2000px;}
#slideshow-res li { width: 360px; float: left;   }

#slideshow-com { width: 360px; overflow: hidden; }
#slideshow-com ul { width: 2000px; }
#slideshow-com li { width: 360px; float: left;   }

.com { position: absolute; top: 8px; left: 246px; }
.res{ position: absolute; top: 8px; left: 246px; }
.com-buttons { float: left; position: absolute; top: 2px; left: 78px; width: 30px;}
.res-buttons { float: left; position: absolute; top: 2px; left: 78px; width: 30px; }
.pod-nav { color: #666; font-size: 10px; margin: 10px 10px 10px 0; }
.pod-nav span { }
.pod-nav a { text-decoration: none; color: #fff; display: block; float: left; }
.pod-nav a.prev { background: url(../images/nav-prev.gif) left top no-repeat; height: 8px; width: 11px;margin-right: 4px;  }
.pod-nav a.next { background: url(../images/nav-next.gif) left top no-repeat; height: 8px; width: 11px; }
.pod-nav a:hover { color: #7DB2CE; background-position: 0 -8px; }
.pod img { margin: 0 10px 10px 0; float: left; }
.pdd img:hover { cursor: pointer; }

#portfolio { position: relative; }


/** Headers **/
.hdr-about { width: 232px; height: 10px; background: url(../images/hdr-about.gif) left top no-repeat; }
.hdr-dealers { width: 232px; height: 10px; background: url(../images/hdr-dealers.gif) left top no-repeat; }
.hdr-products { background: url(../images/hdr-products.gif) left top no-repeat; height: 8px; width: 200px; }
.hdr-french-doors { width: 167px; height: 10px; background: url(../images/hdr-french-doors.gif) left top no-repeat; }
.hdr-tilt-turn { width: 251px; height: 10px; background: url(../images/hdr-tilt-turn.gif) left top no-repeat; }
.hdr-lift-slide { width: 232px; height: 10px; background: url(../images/hdr-lift-slide.gif) left top no-repeat; }
.hdr-fixed-window { width: 232px; height: 10px; background: url(../images/hdr-fixed-window.gif) left top no-repeat; }
.hdr-portfolio { width: 232px; height: 10px; background: url(../images/hdr-portfolio.gif) left top no-repeat; }
.hdr-residential { width: 232px; height: 10px; background: url(../images/hdr-residential.gif) left top no-repeat; margin-bottom: 30px;}
.hdr-commercial { width: 232px; height: 10px; background: url(../images/hdr-commercial.gif) left top no-repeat; margin-bottom: 30px;  }
.hdr-contact-us { width: 232px; height: 10px; background: url(../images/hdr-contact-us.gif) left top no-repeat; }

/** Footer **/
#footer { font-size: 10px; color: #716959; text-align: center; margin: 10px 0 30px 0;  }
#footer span { padding: 0 8px;  }
#footer a { font-size: 10px; color: #716959; text-decoration: underline; }

/** Utility Classes **/
.clear { clear: both; }