/* Positioned Elements */

body {
  font-family: 'Open Sans', sans-serif;
  margin:0px;
  background:url(/images/bg2.gif) repeat-x #33230a;
  behavior: url(/csshover.htc);
}

#wrapper {
  background:url(/images/bg1.gif) no-repeat center top;
  margin-left:auto; 
  margin-right:auto;
  margin-top:0px;
  padding-right:5px !important;
}

#container {
  margin-left:auto; 
  margin-right:auto;
  width:1119px;
}

#banner {
  background:url(/images/custom-window-treatments.jpg) no-repeat center;
  height:167px;
  width:1119px;
}

#content {
  margin:0px;
  padding:0px 0px 0px 0px;
  vertical-align:top;
  background:url(/images/content.jpg) repeat-y #fff !important;
  width:1117px;
  min-height:367px;
}

.home-content {
  background:url(/images/content.jpg) no-repeat #fff !important;
  width:1117px;
  height:367px;
}

#bottom {
  background:url(/images/bottom.jpg) no-repeat #33230A;
  height:365px;
}

  #box-left {
    background:url(/images/box-left.jpg) no-repeat;
    width:332px;
    height:292px;
    display:block;
    float:left;
    margin:12px 12px 12px 34px !important;
  }

  #box-center {
    background:url(/images/box-center.jpg) no-repeat;
    width:332px;
    height:272px;
    display:block;
    float:left;
    margin:12px 12px 12px 16px !important;
  }

  #box-right {
    background:url(/images/box-right.jpg) no-repeat;
    width:332px;
    height:272px;
    display:block;
    float:left;
    margin:12px 12px 12px 16px !important;
  }

  #bottom h2 {
    padding:136px 16px 0px 16px;
    margin:0px;
    font-size:16px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1.5px;
  }

  #bottom p {
    padding:10px 16px 0px 16px;
    margin:0px;
    line-height:20px;
    font-size:15px;
  }

#footer {
  padding:0px 0px 0px 0px;
  margin:0px;
  font-size:11px;
  color:#000;
  text-align:center;
}

  #footer p {
    list-style:none;
    margin:0px;
    padding:0px 0px 10px 0px;
  }


/* Styled Elements */


.home-content p, .home-content h2 {
  width:550px; 
}

#content h1, #content h6 {
  font-size:22px;
  letter-spacing:1px;
  color:#23a7c0;
  text-transform:uppercase;
  padding:40px 32px 4px 46px;
  margin:0px 0px 0px 0px;
  font-weight:normal;
}

.smallheader {
  font-size:17px !important;
  color:#000 !important;
  text-transform:none !important;
}

#content h2 {
  font-size:19px;
  margin:14px 46px 0px 46px;
  padding:0px;
  font-style:italic;
  color:#A39055;
  font-weight:normal;
  width:550px; 
}

#content h3 {
  font-size:16px;
  margin:14px 32px 0px 32px;
  padding:0px;
  color:#084a62;
  font-style:italic;
}

#content h4 {
  font-size:16px;
  font-weight:bold;
  margin:16px 0px 10px 0px;
  padding:0px;
  color:#000;
}

#content p {
  padding:0px 32px 0px 46px;
  font-size:15px;
  line-height:21px;
  text-align:justify;
  width:550px; 
}

#content li {
  line-height:21px;
  font-size:15px;
    width:550px; 

  margin-left:36px;
  margin-right:22px;
}

.table {
  margin:14px 32px 0px 46px;
  font-size:13px;  
}

.table td {
  vertical-align:top;
}

#rotator {
  height:250px;
  overflow:hidden;
}

.right_pic {
  float:right;
  padding:4px 42px 14px 12px;
  margin:0px !important;
  font-size:13px;
  text-align:center;
  font-style:italic;
}

.left_pic {
  float:left;
  padding:8px 22px 12px 2px;
  margin:0px !important;
  font-size:13px;
  text-align:center;
  font-style:italic;
}

#logo {
  float:left;
  width:355px;
  height:74px;
  padding:0px;
  margin:56px 0px 0px 0px;
}

.red {
  padding-left:46px; 
  font-size:13px;
  color:darkred;
}

img {
    border:none;
    display:block;
}

hr {
  margin:20px 160px 0px 160px;
  border:solid 1px #999;
}

#clear {
  height:0px;
  margin:0px;
  clear:both;
}

.hidden {
  display:none;
}


/* Begin link styles */


a {
  color:#24ACC6;
  font-weight:bold;
  text-decoration:underline;
}

a:visited {
  color:#24ACC6;
  text-decoration:underline;
}

a:hover {
  color:#A39055;
  text-decoration:underline;
}

#bottom a {
  color:#000;
}

#bottom a:visited {
  color:#000;
}

#bottom a:hover {
  color:#000;
}

#footer a {
  color:#333;
}

#footer a:visited {
  color:#333;
}

#footer a:hover {
  color:#000;
}

/* Begin CSS rollover menus */


div#nav {
  font-family:arial;
}

div#nav ul {
  padding:117px 0px 0px 469px;
  margin:0px;
  list-style: none;
  margin:0px;
  z-index:50;
}

div#nav li {
  padding:0px 20px 0px 0px !important;
}

div#nav a {
  color: #fff; 
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
  background:#000;
  display: block;
  font-weight: bold;
  padding:3px 17px 3px 17px;
  text-decoration:none;
  margin:0px;
  border-top:1px solid #63554c;
}

div#nav a:hover {
  color: #25ABC4;
  text-decoration:underline;
  font-weight: bold;
}

div#nav li li {
  display: block; 
  float: none;
  background:#000;
  text-align:left;
  padding:0px !important;
  margin:0px;
}

div#nav li li:hover {
  background: #22ADC2;
}

div#nav li li a {
  font-weight: bold;
  border:none;
  margin:0px;
  padding:9px;
  color:#fff;
  width:180px;
  font-size:13px;
}

div#nav li li a:hover {
  color:#fff;
  background: #22ADC2;
}

div#nav li { /* all list items */
  cursor: default; 
  float: left;
  padding:0px;
  margin:0px;
}

div#nav li ul { /* second-level lists */
  background: #377c2b;
  position: absolute;
  left: -999em;
  margin:0px;
  padding:0px;
}

/* third-and-above-level lists */
div#nav li ul ul {
  position: absolute;
  margin:-34px 0px 0px 187px;
}

div#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
}

div#nav li:hover ul, div#nav li li:hover ul, div#nav li.sfhover ul, div#nav li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}