/*@import url(http://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700);*/
/*@import url(http://fonts.googleapis.com/css?family=Anaheim);*/
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
body {
  padding: 0; margin: 0; 
  font-family: Arial, sans-serif;
  background: #ddd;
}
#container { width: 100%; max-width: 960px; border: 0px solid black; margin: 0 auto; background: #fff}
header, div#header { 
  margin: 0;
  height: 90px; width: 960px;
  background: url('../images/DAS_Site_logo.jpg') no-repeat 10px 7px #790e38;

}
header h1 {
  margin: 0 ;
  margin-left: -100000px;
}

/*nav */
#nav {
  clear: both;
  width: 960px ;
  height: 40px ;
  background: url('../images/home/left.png') left no-repeat;
  margin-top: 1px ;

}
#nav ul {
  background: url('../images/home/right.png') right no-repeat;
  width: 950px ;
  height: 40px ;
  float: left ;
  margin: 0; 
  margin-left: 10px ;

}
#nav ul li {
  text-align: center;
  font-size: 15px ;
  background: url("../images/home/button.png") repeat-x; 
  display: block;
  width: 16.4%;
  padding: 10px 0 10px 0;
  margin: 0;
  float: left; 
  height: 20px ;
  color: #fff ;
  border-color: #fff ;
  border-style: solid ;
  border-left-width:  1px ;
}
#nav li.last { border-right-width: 1px;}
#nav ul li a {
  font-family: Arial ;
  color:inherit;
  text-decoration: none;
}
#nav ul li:hover span {
  text-decoration: none ;
  color: #000 ;
}

#nav ul li#current {
  color: #fff;
  /*width: 9%;*/
}

#nav ul li#current span { color: #000; /*display: none;*/}
#nav ul li:hover {
background: url("../images/home/button_active.png") repeat-x; 
}
#nav ul li:hover a {
  text-decoration: underline; 
}
#nav ul li span {
  color: #dfb67e ;
  text-decoration: none ; 
  margin-top: 0.5em ;
  display: block;
  font-size: 0.8em ;
  line-height: 1.2;
}
#main {
  padding: 0px 10px ;
  clear: both ;
  height: 100%;
  min-height: 600px ;
}
#home #main { margin-top: 10px ; padding-top: 5px; padding-bottom: 5px ;  }
#footer p {
  margin: 0 ;
}
#footer {
  background: #790e38 ;
  text-align: center ;
  color: white ;
  clear: both;
  width: 100%;
  padding-top: 15px ;
  height: 35px ;
  margin-top: 20px ;
}
#footer a { color: #fff; text-decoration: none ;}
#footer a:hover { text-decoration: underline;}
.clearer {
  clear: both;
  height: 0;
  width: 0;
  line-height: 0 ;
}
.six-col { float: left ; width: 460px; margin-right: 20px ;}
.last {margin-right: 0px ;}


 /**** home styles only ****/
/* rotator: */
#rotator-wrapper {
  position: relative;
  float: left ;
  margin: 5px 40px 0px;
  width: 860px ;
  height: 350px ;
  overflow: hidden;
}
#rotator {
  position: relative;
  background: #aaa;
  width: 860px ;
  height: 400px ;
  float: left ;
  overflow: hidden;
}

#rotator-wrapper #rotatorText {
  z-index: 100;
  position: absolute ;
  top: 260px;
  left: 40px ;
  height: 28px ;
  width: 280px ;
  padding: 6px 30px 6px;
  vertical-align: middle; 
  border-radius: 5px ;
  border: 0px solid #000;
}

#rotator-wrapper #rotatorText:hover {  }
#rotator-wrapper #rotatorText:hover a {text-decoration: underline;}
#rotator-wrapper #rotatorText, #rotator-wrapper #rotatorText a {
  text-decoration: none ;
  color: #790e38   ;
}
#rotator-wrapper #rotatorText a:hover {
  text-decoration: underline ;
}
#rotator-wrapper #rotatorText p {

  font-weight: bold;
  font-size: 1.2em ;
}
/*contact form*/
#contactForm {
  width: 300px ;
  height: 300px ;
  float: left ;
  background: #FFE8A3 ;
}
#intro {
  margin-top: 0px ;
  float: left ;
  clear: both;
  width: 620px ;
  margin-right: 20px ;
}
#intro h1 { font-weight: 600; color: #222; margin-bottom: 15px; margin-top: 20px; font-size: 1.85em; }
#intro p { line-height: 1.5;}
#partners {
  line-height: 1.4;
  background-color: #eee ;
  float: left;
  width: 268px ;
  border: 0px solid #790e38;
  padding: 8px 15px ;
  margin-top: 20px ;
}
#partners h3 {

  color: #790e38 ;
  margin-top: 0;
  margin-bottom: 20px ;
}
#partners p {
  color: #333 ;
  font-size: 1em ;
  margin-bottom: 15px ;
  font-family: Arial ;
}
#partners img { float: left; margin-bottom: 5px; max-width: 240px;} 
#partners img#hotron {
  width: 100% ;
}
#partners img#entrematic {

}
/** Page-specific styles */
/* product pages general styling */
.product #main-wrap {padding: 0px 10px ;}
.product #main {
  width: 620px ;
  float: left;
  margin-right: 20px ; 
  padding: 0 ;
}   
.full-width div#main {
  width: 100%;
}
.product_image { max-height: 400px; overflow: hidden;}
.product_image img {
  width: 620px;
}
.full-width .product_image img {
  width: 940px;
} 
.product p.contact {
  color: #790e38 ;
  font-weight: normal;
  font-family: Arial, sans-serif ;
  font-size: 1.1em ;
  height: 30px ;
  padding: 7px 15px 3px 10px;
  margin-top: 25px ;
  width: 290px ;
  margin-bottom: 20px ;
}
.product a {
  text-decoration: none ;
  color: #790e38 ;
}
.product a:hover {
  text-decoration: underline;
}
.specs {
  float: left;
  width: 280px ;
  border: 0px solid #ddd;
  background-color: #eee ;
  font-family: Arial, sans-serif ;
  padding: 10px 10px ;
  color: #333 ;
}
.specs h3 {
  color: #790e38;
  margin-top: 5px;
  margin-bottom: 10px ;
  font-size: 1.250em ;
  padding-bottom: 10px ;
  border-bottom: 1px solid #666 ;
}
.specs p, .specs li {font-size: 0.95em;}
.specs ul {
  margin: 5px 0px 15px;
  padding-left: 0px;
  line-height: 1.3 ;
  margin-left: 20px ;
}
.specs ul li {
  list-style: disc; 
  margin-bottom: 3px ;
}
.product .specs ul ul {
  margin-bottom: 10px ;
  margin-left: 20px ;
}
.product .specs ul ul li {
  list-style: circle; 
}
/* style for the p tag on the products landing page. Adds a margin-top */
#products_landing #main p { margin-top: 20px ; font-weight: bold ;}

/* Door systems landing styles*/
/* product type boxes */
.door_type {
  margin-right: 20px ;
  width: 31.9% ;
  float: left ;
  overflow: hidden;
  margin-top: 0px ;
  border-top-left-radius: 4px ;
  border-top-right-radius: 4px ;
  -moz-border-radius: 3px ; 
  -moz-box-shadow:2px 2px 2px 2px #999;
  -webkit-box-shadow: 2px 2px 2px 2px #999;
  box-shadow: 2px 2px 2px 2px #999;
}
#products_landing #main .door_type p {
  background-color: #790e38 ;
  padding: 8px 0 12px ;
  padding-left: 10px ;
  font-size: 1.5em ;
  margin-top: -2px;
  color: #FFE8A3 ;
  margin-bottom: 0px ; border-bottom-left-radius: 4px ; border-bottom-right-radius: 4px ;
}
.door_type p a {
  text-decoration: none ; 
  font-weight: normal ;
  color: #FFE8A3;
  font-family: 'Archivo Narrow'  ;
}
.door_type p a:hover {  text-decoration: underline ; }
.door_type > a {
  display: block; ;
   width: 100% ; border: none ;
}
/* Contact page styles */
#contact #content h3 {color: #790e38 ;}
#contact #content p {
  margin-bottom: 10px ;
  line-height: 1.5 ;
  font-size: 1.1em ;
}
#contact #content p a { color: #790e38 ; }
#contact #content p a:hover { text-decoration: none ;}
#contact #content div {width: 47%; margin-right: 20px ; float: left;}
#contact #content div p:first-child { color: #666;}
#contact #content div p span { color: #000 ; font-weight: bold ;}
/* gallery page styles */
#gallery-wrapper {
  width: 940px ;
  background-color: none ;
  margin: 0;
  position: relative ;
  overflow: auto ;
}
#gallery #main {padding-top: 0;}
#gallery-wrapper div {position: relative;}
#gallery-wrapper #controls { z-index: 100; background: none ; height: 350px; margin: 20px auto ; width: 940px; position: absolute; display: none;}
#gallery-wrapper #controls div#prev, #gallery-wrapper #controls div#next { display: none; width: 50px ; float: left ; background-color: #aaa; height: 350px ; overflow: auto;}
#gallery-wrapper #controls div#next {margin-left: 840px ;}
#gallery-wrapper #controls a {display: block; width: 50px ; margin-top: 125px ;}
#gallery-wrapper #images { height: 390px; z-index: 50 ; background-color: #eee; text-align: center; width: 940px;}
#gallery-wrapper #images div {background: none; text-align: center;}
#gallery-wrapper #images img { display: block; height: 370px; margin-right: auto; margin-left: auto;}
#gallery-wrapper #thumbnails {  display: none; padding: 0px 15px 7px ; background-color: #FFE8A3 ; margin-top: 10px; }
#gallery-wrapper #thumbnails a {display: block; float: left; height: 61px ; width: 61px; padding: 2px; margin-right: 5px; background-color: #aaa ;margin-top: 7px; }
#gallery-wrapper #thumbnails a:hover { background-color:   #790e38 ; }
#gallery-wrapper #thumbnails a:hover {}
#gallery-wrapper #thumbnails a img { height: 61px ; width: 61px; }
#gallery-wrapper #thumbnails a.activeSlide { background-color: #222;}
/** replacement kits */
#replacement-kits #main .product_image {height: auto ; max-height: none ;}
#replacement-kits .product_image img { width: auto; height: auto;}
/* low-energy doors styles */
#le { margin-right: 0;}
#le img, #domestic img {   margin-left: -0px ; }
/*sliding doors page*/
#sliding .product_image img {margin-top: -20px; margin-left: auto;}
/* general styles and classes */
h1 { font-family: 'Open Sans'; color: #222; font-weight: 600; font-size: 1.750em;  }
h1, h2 {  margin-top: 16px ; margin-bottom: 16px ;  color: #111; line-height: 1.1;}
h2 {font-family: 'Arial', sans-serif; font-size: 1.5em ; }
h3, h4 {font-family: 'Archivo Narrow' ;}
h2.productsPage {  font-weight: normal; margin-bottom: 8px}
h2.top { background: none ; padding: auto ; margin-top: 16px; margin-bottom: 8px ;}
h3 {
  font-size: 24px;
  margin-top: 18px ;
  margin-bottom: 6px ;
}
p {
  line-height: 1.4 ;
  margin-bottom: 8px ;
  margin-top: 0;
}
ul {
  margin-left: 20px ;
  margin-bottom: 10px ;
}
ul li {
  list-style: disc ;
  margin-bottom: 6px ;
}
figure {display: block;}
figcaption {display: block; color: #444; font-size: 0.95em ;margin-top: 8px ;}
.strong { font-weight: bold;}
.grey {color: #333;}
.button { 
  background: url('../images/button_sunshine.png') repeat-x ; cursor: pointer;
  border-radius: 5px ;
} 
.button:hover {background: url('../images/button_hover.png') repeat-x ;  }
/*add a broder radius to a block element*/
.border-radius {
  border-radius: 5px ;
  -moz-border-radius: 5px ;
}
/* add a box shadow to a block element */
.drop-shadow { box-shadow: 1px 1px 2px 0px #666; ;}
/* underline style for headings */
.underline { padding-bottom: 5px ;
  border-bottom: 1px solid #666 ; }