/* CSS Document */
/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html {margin: 0px; padding: 0px; background:url(../images/bkg_texture.jpg) repeat-x #421c02}
body {position: relative; width: 100%; height:100%; margin: auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#000;}
h1, h2, h3, h4, h5, h6, li,
ol, ul, form, fieldset, input,
p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none}
img {border: none}
table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */
table th {text-align: right; speak-header: always; width: 25%; padding-right: 8px}
th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited {color: #421c02; font-weight:bold; text-decoration:underline; cursor: pointer}
a:hover, a:active {color: #421c02; text-decoration:none; cursor: pointer;}
input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label {cursor: pointer; margin-bottom: 5px}
/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding {position: relative; width: 758px; border-top:7px solid #000; border-bottom:7px solid #000; border-left:1px solid #000; border-right:1px solid #000; z-index:200;}
#branding blockquote {border-top:7px solid #000; height:164px;}
#branding blockquote img {float:left;}
/*Main Navigation*/
#nav {position: relative; width: 760px; height: 47px; clear: both; text-align:center; margin: 0px auto;}
#nav ul {height: 36px;}
#nav ul li {display: block; float: left}
#nav li a {display: block}
* html a:hover {visibility:visible}
#branding li a:hover img {visibility:hidden}
#nav_about {width: 45px; height: 47px; background:url(../images/nav_about.jpg) no-repeat}
#nav_services {width: 57px; height: 47px; background:url(../images/nav_services.jpg) no-repeat}
#nav_quote {width: 89px; height: 47px; background:url(../images/nav_quoterequest.jpg) no-repeat}
#nav_faq {width: 38px; height: 47px; background:url(../images/nav_faq.jpg) no-repeat}
#nav_contact {width: 56px; height: 47px; background:url(../images/nav_contact.jpg) no-repeat}
#nav_customshowers {width: 100px; height: 47px; background:url(../images/nav_customshowers.jpg) no-repeat}
#nav_mirrors {width: 161px; height: 47px; background:url(../images/nav_mirrorswardrobe.jpg) no-repeat}
#nav_finishes {width: 129px; height: 47px; background:url(../images/nav_finishes.jpg) no-repeat}
#nav_cabinet {width: 85px; height: 47px; background:url(../images/nav_cabinetglass.jpg) no-repeat}
/* Dropdown Menu container
--------------------------------------------------*/
#subnavleft {font-size:11px; font-weight:bold; display:block; color:#e5d8c9; clear:both; position:absolute; top:32px; z-index:700;}
#subnavleft a:visited,
#subnavleft a:link,
#subnavleft a:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#e5d8c9; text-decoration:none; background:#794723; padding:5px; float:left;}
#subnavleft a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.menuRight {margin-left: 150px;}
/* BOXES
--------------------------------------------------*/
#container {width: 760px; margin: 0px auto;}
#content {position: relative; z-index:2; width: 758px; height:auto; margin: 0px auto; clear: both; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; float:left; background:url(../images/bkg_content.gif) repeat-x #f4e4ce;}
#contentbox {position: relative; width: 506px; padding: 30px 20px 15px 25px; float:right;}
* html #contentbox {padding: 30px 10px 15px 10px;}
/* CONTENT FORMATTING
---------------------------------------------------*/
#content p {line-height: 16px; padding:0px 0px 10px 0px;}
#content h1 {font-family:"Times New Roman", Times, serif; font-size: 24px; line-height:24px; margin: 0px 0px 10px; color: #652900; font-weight: bold; border-bottom:2px solid #643D17;}
#content h2 {font-family:"Times New Roman", Times, serif; font-size: 18px; margin: 20px 0px 10px 0px; color: #421c02; font-weight:normal;}
#content h3 {font-size: 14px; line-height:16px; color:#421c02; font-weight:bold;}
#content h4 {font-size: 12px; color:#421c02; margin: 2px 0px;}
#content h5 {font-size: 12px; color: #000; margin: 0px 0px 8px;}
#content .small {font-size:11px;}
#content blockquote {text-align:center; margin:10px 0px 0px 0px;}
#content ol {list-style:decimal; margin:5px;}
#content ul {list-style:square; margin:5px;}
#content ol li {padding: 0px 0px 10px 10px; margin:0px 20px;}
#content ul li {list-style:square; padding: 0px 0px 10px 10px; margin:0px 20px;}
.photo {padding: 0px 0px 0px 10px; margin: 0px;}
.photo_map {padding: 0px 0px 0px 0px; margin: 0px; border: 1px solid #56381c;}
.photoLeft, .photoRight {border: 3px solid #e5c987; float: left; margin: 0px 10px 10px 0px}
.photoRight {float: right; margin: 0px 0px 10px 10px}
.photoRight_nobdr {float: right; margin: 0px 0px 10px 10px; border:none;}
.photoLeft_nobdr {border: none; float: left; margin: -10px 15px 10px 13px}
.left {width: 45%; padding-right:5%; float: left}
.right {width: 45%; float: left; clear:right}
.leftFloat {float: left; margin: 0px 10px 10px 0px}
.rightFloat {float: right; margin: 0px 0px 10px 10px}
.clear {clear:both;}
/* SIDEBAR
---------------------------------------------------*/
#sidebar {width: 207px; height:auto; display:block; float: left}
#sidebar .branding {padding: 0px 0px 20px 0px;}
#sidebar img {padding: 0px 0px 30px 10px;}
#sidebar blockquote {text-align:center; margin:0px 10px 0px 10px; padding: 0px 15px 10px 15px; width:163px; background:url(../images/bkg_quote.gif) repeat-x #9b774b; border:1px solid #b99d76;}
* html #sidebar blockquote {padding:0px 0px 10px 15px; }
#sidebar blockquote img {padding: 0px; margin:0px 0px 0px -15px;}
#sidebar blockquote p {font-family:"Times New Roman", Times, serif; font-size:13px; text-align:center; color:#e5ceb2;}
/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo {position:relative; margin:0px; padding:0px 0px 20px 0px; clear:both; background:none;}
#siteinfo img {margin:0px 0px 7px 0px;}
#siteinfo cite {width:760px; font-size:10px; font-style:normal; color:#b99b7b; padding:10px 0px 0px 10px; margin-top:30px;}
#siteinfo p {float:right; margin-top:-15px; padding:0px 20px 0px 0px; font-size:10px; color:#B99B7B;}
#siteinfo p {*margin-top:-35px;}
#siteinfo a:link,
#siteinfo a:visited {color:#b99b7b; font-weight:normal; font-size:10px; text-decoration:underline;}
#siteinfo a:hover,
#siteinfo a:active {text-decoration:none;}
/* FORM
---------------------------------------------------*/
.form_row {position: relative; width:400px; margin:10px 0px; clear:right; height: 20px}
.form_row table td {padding:5px;}
.form_row table select,
.form_row table input {width:60px;}
.form_req {width:10px; float:left}
.form_label {width:150px; height:25px; margin-top:3px; float:left}
label {clear: right; display: block}
label input {width: 40px}
.form_req {width:10px; float:left; color:#f00;}
/* PAGE SPECIFIC
---------------------------------------------------*/
#projphotos {position: relative; float: left; width:475px; margin-right: 10px}
#projphotos .note {width: 300px; position:absolute; top: 360px; left: 0px; color:#000;}
div#thumbs {position: relative; left: 0; width: 475px; z-index: 100; padding-top:10px;}
div#thumbs a {display: block; width: 57px; height: 57px; margin: 1px; float: left; overflow:hidden}
div#thumbs a:hover {background-color: #000}
div#thumbs div {width: 57px; height: 57px; margin: 0px 2px; overflow:hidden}
div#thumbs a span img {position: absolute; left: -9999px; z-index: 9999}
div#thumbs a:hover span {position: absolute; top: -376px; left: 0px; z-index: 998; width: 300px; height:250px; background-color: #000}
div#thumbs a:hover span img {position: relative; top: 0px; left:0px; width: auto; height: auto; z-index: 999}
* html div#thumbs {position: static; /*top: 270px; left: 0*/; margin-top: 50px; z-index: 100; clear:both}
* html div#thumbs a:hover span {position: absolute; top: 0px; left: 0px; z-index: 500; width: 300px; height:250px; background-color: #000}
#pgservices_commercial #content blockquote {text-align:center; margin:25px 0px 0px 0px; padding: 0px 0px 10px 0px; width:498px; background:url(../images/bkg_quote.gif) repeat-x #9b774b; border:1px solid #b99d76;}
#pgservices_commercial #content blockquote img {padding: 0px; margin:0px 0px 0px 0px;}
#pgservices_commercial #content blockquote p {font-family:"Times New Roman", Times, serif; font-size:13px; text-align:center; color:#e5ceb2;}
/*Home
---------------------------------------------------*/
#pghome #content {background:url(../images/bkg_content_hm.gif) repeat-x #e6d7c7;}
#pghome #content h3 {font-weight:normal; font-size:12px; color:#3c3c3c; padding:0px 10px 25px 15px;}
#pghome #content p {padding:0px 5px 15px 22px; width:538px; float:left;}
#pghome #content h4 {font-size: 12px; color:#421c02; margin: 2px 0px;}
#pghome #content h5 {font-size: 12px; color:#000; font-weight:normal;}
#pghome #contact {padding:0px 15px 0px 15px; border-left:1px solid #ccbbab; float:right;}
#pghome #content #contact h2 {margin:0px 0px 10px 0px;}
/* Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
*/