/*
*************************************************

DeCarlo Drapery
General Screen Styles

Created by
http://www.ugeideas.com

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; color: #333;  }
body { background-color: #a04b2e;}

h1 { font: bold italic .875em/1.25 Verdana, Arial, Helvetica, sans-serif; color:#3d734c; margin: .25em 0 .75em 0; }
h2, h3, h4, h5 { font: bold .875em/1 Verdana, Arial, Helvetica, sans-serif; margin: 1.5em 0 0 0; color: #A04B2E; }
h3 {  }


a, #main a cite, a * { color: #006e43; text-decoration: underline; }
a:hover, a:focus, #main a:hover cite, #main a:focus cite, a:hover *, a:focus * { color: #798a30; }

abbr, acronym { border: none; }

p, ul li, ol li { font: .875em/1.5 Verdana, Arial, Helvetica, sans-serif; }

p, p strong, li { color: #333; }
p, ul, ol, dd { margin: 0 auto .75em auto; }
dd {  }
strong { font-weight: bold; }
em { font-style: italic; color: #354C3C; }
strong, em { line-height: 1.5; }

#rightsub p.caption { text-align: right; margin: 0 .75em .75em 0; padding: 0; color: #006E43; font-style: italic; }
	#rightsub p.caption_long { margin: 0 .75em .75em .75em; padding: 0; color: #006E43; font-style: italic; text-align: left; }
#rightsub img.caption { margin: 1em auto 0 auto; }

#main blockquote { min-height: 100px; padding: 1em; background:url(../images/quotes2.gif) top center no-repeat; }
#main blockquote p { background: url(../images/end-quote.gif) bottom right no-repeat; font-style: italic; }
	#main blockquote p.quoted { background: none; font-style: normal; text-align: right; }
#main blockquote cite {}

#rightsub blockquote { background:url(../images/quotes.gif) top center no-repeat; min-height: 100px; padding: 1em; }
#rightsub blockquote p { font-style: italic; }
#rightsub blockquote cite {}

img { display: block; }

a img { border: none; }

dfn { font-style: normal; }

ul.list { margin: .5em 3em; }
	ul.list li strong { color: #666; }
	ul.list li { list-style: url(../images/red-bullet.jpg); margin: .25em; }
	ul.list li ul li { font-size: 100%; margin-left: 2em;}

/*-------------------------------------------    
    Header
-------------------------------------------*/
#header { background: url(../images/header-bk.jpg) top left repeat-x; width: 100%; height: 125px;}
#logo { float:left; margin: 35px 20px 15px 20px; }


/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/

ol#navigation { list-style: none; width: 1000px; position: relative; top: 60px; left: 10px; }
		ol#navigation li { margin: 0; padding: 0; float:left; }
		ol#navigation li a { border-right: 1px solid #b37854; font: .875em/1 Verdana, Arial, Helvetica, sans-serif; color: #007044; text-decoration: none; display: block; padding: .5em; } 
		ol#navigation li a:hover { color: #A04B2E; }
			ol#navigation li a.noborder { border: none; } 

ol#subnav { margin-top: 1em; }
	ol#subnav li a { margin: .5em; display: list-item; line-height: 1.25; background: url(../images/subnav-bk.jpg) left top no-repeat #46946D; padding: .25em; color: #fff; text-decoration: none; border: 1px solid #f5df47; font: bold .875em Verdana, Arial, Helvetica, sans-serif; }
	ol#subnav li a:hover { background: #f5df47; color: #46946D;}

/*-------------------------------------------    
    Structure
-------------------------------------------*/
#container { }
ol#skipto { position: absolute; left: -999em; }

div#intro { background-color: #eef1d4; padding: .5em; margin-bottom: .75em; min-height: 230px; }
	div#intro p { font-size: 12px; }
	
div#hunter-douglas-promo { margin: 1em 0; width: 187px; }
	div#hunter-douglas-promo p { font-size: .687em; margin-bottom: 0;}

div.wrapper { width: 868px; margin: 0 auto; }

div.columns { float: left; }
	div#left { width: 266px; margin: 10px .875em .75em .875em;}
	div#right { width: 576px; margin: 10px 10px 10px 293px; } 
		div#right p { width: 500px; margin-left: 0;}
		
	div#main { width: 60%;margin: 10px .875em .75em .875em; }
		div#main h1 { font-size: 1.25em; line-height: 1; }
	div#rightsub { width: 35%; background: url(../images/rightsub-bk.jpg) top left repeat-y #e3e3e3; padding: .25em; margin-top: .75em;}
		div#rightsub p { font-size: .75em; color: #333333; margin: .75em .5em 0 .5em;}
		div#rightsub img { margin: 1em auto; }
		div#rightsub table#hours { margin: .75em .5em 1em 2.5em; width: 200px; font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif; }
			div#rightsub table#hours td { color: #333; }
	
ol#photos_hp { list-style: none; overflow: auto; }
	div#right ol#photos_hp li { float: left;}
		div#right ol#photos_hp li#large_photo { margin-right: 10px; }
		
ol.gallery { list-style: none; overflow: auto; width: 530px; }
	ol.gallery li { float: left; margin: .25em; }
	
ol.columnedlists { overflow:auto; }
	ol.columnedlists li { width: 45%; float: left; }
		ol.columnedlists ul li { float: none;  width: auto; font-size: 100%;}
	
ol#partners li { height: 100px; margin: .75em; }
		
ol#contact_info { list-style: none; text-align: center; padding-top: 1em; }
	ol#contact_info li { display: inline; color: #e4cf6a; font: .75em Verdana, Arial, Helvetica, sans-serif; }
		ol#contact_info li#company_name { font: bold 1em Verdana, Arial, Helvetica, sans-serif; border-right: 1px solid #e4cf6a; padding-right: .5em; margin-right: .25em; }
		
div#content { background:url(../images/content-bk.jpg) top left repeat-x; padding:0; overflow: auto;}
	div#content div.wrapper { background-color: #fff; padding: .25em .25em 1em .25em; margin-top: .5em; margin-bottom: .5em; overflow:auto; }

div#footer { background:url(../images/footer-bk.gif) top left repeat-x; height: 77px;  }

div#callout { width: 910px; margin: 0 auto 1em auto; }
	div#callout p { text-align: center; color: #CECF6A;}
		div#callout p a { color: #CECF6A;}

table#hours { margin: .5em 0 1em 0; width: 200px; font: .875em/1.5 Verdana, Arial, Helvetica, sans-serif; }
	table#hours td { padding: .25em 0;color: #333; }
	table#hours td.right { text-align: right; }
	
img.left { float: left; margin: .5em .5em .5em 0; border: 1px solid #A04B2E; }
img.right { float: right; margin: .5em 0 .5em .5em; border: 1px solid #A04B2E; }
img.center { margin: 1em 0 1em 0; border: 1px solid #A04B2E; }

/*-------------------------------------------    
    Forms
-------------------------------------------*/

/*fieldset { margin: .75em 0;}
	ol.form { list-style: none; margin: 0; clear: both; overflow: auto; width: 400px; margin-left: 0px; font-size: 100%;}
		ol.form li { margin: .2em; padding: .2em;  border-bottom: 1px solid #ccc; width: 350px; font-family:Arial, Helvetica, sans-serif; overflow: auto;}
		ol.form li label {color: #7A8A31; padding: 3px 0 0 0; float: left; font: bold .75em Arial, Helvetica, sans-serif; width: 100px; text-align: right; margin-right: .5em;}
	fieldset.order { margin: .75em 0; padding: 0 1em .5em 0; float: left;}
		li#rightcolumn fieldset.order ol.form { list-style: none; margin: 0; width: 260px; margin-left: 0px; font-size: 100%; }
		li#rightcolumn fieldset.order ol.form li { margin: 0; padding: .2em; border-top: 1px solid #ccc; width: 250px; }
	input.submit { margin: .5em 0 .5em 150px; }*/

/*Gmaps*/
#map_canvas {width:300px;height:300px;border:solid 2px #5449AF;}
#route {width:300px;border:solid 2px #eee;}
	#route table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
	#route div {font:1em Arial, Helvetica, sans-serif;color:#666;}

/*Lightbox*/
/*div#lbContent {width:260px;height:300px;background: url(../../other%20stuff/PGH%20Connect/images/dir_bg.gif) top left repeat-x;margin:0 auto;padding:20px;border:solid 5px #0A365B;}
#lightbox form {margin-left:0 !important;}
#lightbox.done {background:none;border:none;}
#lightbox ul li label {margin-bottom:2px;display:block; color:#fff;}
#lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#fff;}
#lightbox ul, #lightbox form {text-align:center;}
#lightbox form ul li {margin:10px 0; list-style:none !important;}
#lightbox input {padding:4px;font-size:1.13em;color:#0673B6;width:200px;}
#lightbox select {font-size:1.13em;color:#0673B6;width:210px;}
#lightbox option {font-size:1.13em;color:#0673B6;width:180px;}
#lightbox h2{margin:0 auto 1em auto;font-size:1.125em; color:#fff; width:260px;}
#lightbox h3{color:#FF713F; color:#fff;}
#lightbox.done p {color:#fff;}
#lightbox p a {color:#fff;}
.highlight{background: url(../../other%20stuff/PGH%20Connect/images/dir_bg.jpg) top left repeat-x;}*/

form { overflow: auto; margin-bottom: 3em; width: 250px; }

form ol li { margin: .75em 0; }


#submit { margin-left: 30%; }

form.cmxform {margin-top:15px; width:300px;}

form.cmxform span {color:#666;}

form.cmxform fieldset { }


form.cmxform label {

  display: inline-block;

  line-height: 1.8;

  vertical-align: top;

  text-align:right;

  margin-right:.875em;
  color: #666; font: .875em Verdana, Arial, Helvetica, sans-serif;

}

form.cmxform fieldset ol {

  margin: 0;

  padding: 0;

}

form.cmxform fieldset li {

  list-style: none;

  padding: 5px;

  margin: 0;

}

form.cmxform em {

  font-weight: bold;

  font-style: normal;

  color: #f00;

}

form.cmxform label {

  width: 90px; /* Width of labels */

}

form.cmxform input.checkbox_subscribe { margin-left: 2.5em; margin-right: .75em; }
form.cmxform label.subscribe {  width: 210px; /* Width of labels */ text-align: left; }

div#lbContent {width:260px;height:300px;background: url(../images/dir_bg.gif) top left repeat-x;margin:0 auto;padding:20px;border:solid 5px #0A365B;}
#lightbox form {margin-left:0 !important;}
#lightbox.done {background:none;border:none;}
#lightbox ul li label {margin-bottom:2px;display:block; color:#fff;}
#lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#fff;}
#lightbox ul, #lightbox form {text-align:center;}
#lightbox form ul li {margin:10px 0; list-style:none !important;}
#lightbox input {padding:4px;font-size:1.13em;color:#0673B6;width:200px;}
#lightbox select {font-size:1.13em;color:#0673B6;width:210px;}
#lightbox option {font-size:1.13em;color:#0673B6;width:180px;}
#lightbox h2{margin:0 auto 1em auto;font-size:1.125em; color:#fff; width:260px;}
#lightbox h3{color:#FF713F; color:#fff;}
#lightbox.done p {color:#fff;}
#lightbox p a {color:#fff;}
.highlight{background: url(../images/dir_bg.jpg) top left repeat-x;}