@charset "UTF-8";

@import url("core-tags.css");
@import url("headerNav-H_top.css");
@import url("nav-sidebar-L2simple.css");
@import url("viewerWindow.css");
@import url("footerNav.css");
@import url("footerContent.css");
#wrapper
{
   background-image: url(../images/common/back1.png);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position:center top;
   height: 100%;
   width: 100%;
   position: relative;
}

#container
{
   height: 100%;
   width: 923px;
   margin-right: auto;
   margin-left: auto;
   position: relative;
   min-height: 600px;
}

/* Masthead rules below */
#masthead
{
   height: 170px;
   width: 100%;
   border: 0;
   position: relative;
   overflow: visible;
   background-repeat: no-repeat;
   background-position: center 0px;
   margin: 0px auto 22px;
}
#masthead #masthead-rightCol {
   float: right;
   height: auto;
   width: 700px;
   clear: none;
   padding: 25px 0px 0px 0px;
}

#masthead h1
{
   float: left;
   border: 0;
   margin: 10px 10px 10px 30px;
}
#masthead h1 a 
{
   background-image: url(../images/logos/HDgearlogo24-100px.png);
   background-repeat: no-repeat;
   display: block;
   width: 110px;
   height: 110px;
   text-indent: -9999px;
}
#masthead h1 a:link, #masthead h1 a:visited
{
   background-position: 0px 0px;
}
#masthead h1 a:hover, #masthead h1 a:active
{ background-position: 0px -109.5px; }
/* original H1 logo
#masthead h1
{
   float: left;
   border: 0;
   margin: 20px 10px 10px 30px;
}
#masthead h1 a 
{
   background-image: url(../images/logos/HD-logo24-CSS_190X188.png);
   background-repeat: no-repeat;
   display: block;
   width: 190px;
   height: 94px;
   text-indent: -9999px;
}
#masthead h1 a:link, #masthead h1 a:visited
{
   background-position: 0px 0px;
}
#masthead h1 a:hover, #masthead h1 a:active
{
   background-position: 0px -94px;
}
*/

#masthead h2
{
   font-family: Arial, Helvetica, sans-serif, Verdana;
   text-transform: uppercase;
   float: right;
   clear: none;
}
#masthead h3
{
   font-family: Arial, Helvetica, sans-serif, Verdana;
   text-transform: lowercase;
   float: right;
   clear: right;
}

/*#contentContainer
{
   width: 710px;
   height: auto;
   background-image: ;
   clear: none;
   position: relative;
   float: right;
   background-image: url(../images/contentbkgd-GRFX/contentBKGD_01top.png);
   background-position: left top;
   background-repeat: no-repeat;
   padding: 20px 0px;
   display: block;
}*/
#container #content-top {
   background: url(../images/contentbkgdPPXL-920/content-top.png) no-repeat center bottom;
   height: 30px;
   width: 920px;
}
#content {
   height: auto;
   width: 920px;
   position: relative;
   overflow: hidden;
   background-color: #333;
   background-image: url(../images/contentbkgdPPXL-920/content-center-repeatY.png);
   background-repeat: repeat-y;
   padding-bottom: 12px;
}
#content #column-right {
   clear: none;
   float: right;
   height: 100%;
   width: 700px;
}

#content .content-innerWrap
{
   height: auto;
   width: auto;
   margin: 20px 20px;
   display: block;
}
#column-right table.adcontainer {
   display: block;
   clear: both;
   margin: 20px 0px 20px 0px;
}
#column-right .adcontainer td.ad-leftCol { padding: 8px 20px 8px 4px; }
#column-right .adcontainer td.ad-rightCol {
   padding-left: 8px;
   padding: 8px 4px 8px 10px;
}

/*#content .titlebar_H4 
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-transform: uppercase;
   color: #999;
   text-align: left;
   padding-top: 8px;
   padding-left: 14px;
}

#content .contentwindow-lrg-683
{
   width: 683px;
   background-image: ;
   background-repeat: repeat-y;
   background-image: url(../images/contentwindowGRFX-LRG683/windowGRFX683-repeat.png);
   background-position: left top;
   position: relative;
   visibility: visible;
   height: auto;
   clear: both;
   margin: 6px 0px 4px 13px;
}
#content .contentwindow-lrg-683 h4
{
   background-image: url(../images/contentwindowGRFX-LRG683/windowGRFX683-titlebar.png);
   background-repeat: no-repeat;
   background-position: left top;
   height: 41px;
   width: 683px;
}
#content .contentwindow-med-525
{
   background-image: url(../images/contentwindowGRFX-MED525/windowGRFX524-repeat.png);
   background-repeat: repeat-y;
   background-position: 0px 0px;
   width: 525px;
   height: auto;
   float: right;
   clear: none;
   position: relative;
   margin-bottom: 20px;
}
#content .contentwindow-med-525  h4
{
   background-image: url(../images/contentwindowGRFX-MED525/windowGRFX524-titlebar.png);
   background-repeat: no-repeat;
   background-position: left top;
   height: 41px;
   width: 524px;
}


#content #content2column-right-530
{
   height: auto;
   width: 530px;
   position: relative;
   clear: none;
   float: right;
}
#content #content2column-left-170
{
   float: left;
   width: 150px;
   height: auto;
   position: relative;
   margin: 0px 0px 0px 20px;
}
#content .contentwindow-innerWrap{
   height: auto;
   width: auto;
   margin: 0px 16px 0px 25px;
}
#content .contentwindow-bottomGraphic {
   display: block;
   clear: both;
   margin: 0px;
   padding: 0px;
}*/
#container #content-bottom {
   background: url(../images/contentbkgdPPXL-920/content-bottom.png) no-repeat center top;
   height: 114px;
   width: 920px;
   margin-top: 0px;
   margin-bottom: 40px;
}
#wrapper #footer  {
   height: auto;
   width: 100%;
   margin-bottom: 0px;
   background-image: url(http://portfolio.jeffholter.com/images/contentbkgdPPXL-920/footer_digitalgrid.png);
   background-repeat: repeat-x;
   background-position: center top;
   padding-top: 90px;
}

/*#wrapper #container #footer {
   height: 100%;
   width: 920px;
   margin-top: 10px;
   margin-bottom: 0px;
}

#footer .footer-top {
   background: url(../images/contentbkgdPPXL-920/footer-top.png) no-repeat center top;
   height: 100px;
   width: 100%;
}

#footer .footer-content {
   background: #333;
   margin: 0px;
   padding: 20px;
   height: 100%;
   width: 880px;
}
#footer .footer-content p.legal {
   font-size: 10px;
   font-weight: normal;
   color: #999;
   margin-top: 20px;
   clear: both;
}*/