#body        {margin-top: 0; margin-bottom: 0; background-color: #C9D7EB}
#wrapper     {display:table; width: 749px; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: center; border-left: 1px solid #000080;}
#table1      {display:table; width: 749px; text-align: center; background-color: #000080; border-width: 1px;}
#table2      {display:table; width: 749px; text-align: center; background-color: #ffffff; padding: 0px; border-width: 0px;}
#header_td   {width: 749px; height: 115px; text-align: center;}
#dropdown_td {width: 749px; height: 20px; margin:0;}

/* INDEX MENU */
#menu_td                      {background: url('images/index_menu.gif'); padding: 0px; background-position: 0% 0%; 
                               background-repeat: no-repeat; width: 219px; height: 370px;}
#index_flash                  {width:530px; height: 370px; padding: 0px;}
#flash						  {display:block;}
.divmenu                      {width:  138px; height: 20px; padding-top:  3px; text-align:  center; 
                               font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; 
                               color: #000; background-color: #fff; cursor:pointer;
                               m: expression(this.onmouseover =  new Function("this.className = 'divmenu-hover';"));}
.divmenu:hover,.divmenu-hover {width:  138px; height: 18px; padding-top:  3px; border-style: solid; border-width: 1px 0px;
                               border-color: #000; text-align:  center; font-family: Arial, Helvetica, sans-serif; 
                               font-size: 10pt; font-weight: bold; color: #000; background-color: #9D9D9F;cursor:pointer; 
                               m: expression(this.onmouseout = new Function("this.className = 'divmenu';"));}

/* MAIN CONTENT */
.main_content_td           {width: 451px; background: url('images/divider_top.gif'); background-position: 0% 100%; 
                            background-repeat: no-repeat; padding-top:8px; padding-left:15px; padding-right:15px; 
                            text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000;}
.main_content_td a:hover   {text-decoration: underline; color: purple}
.main_content_td a:active  {text-decoration: underline; color: purple}
.main_content_td a:visited {text-decoration: underline; color: blue}
.main_widecontent_td       {width: 479px; background: url('images/divider_top.gif'); background-position: 0% 100%; 
                            background-repeat: no-repeat; padding-top:8px; padding-left:40px; padding-right:30px; 
                            text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000;}
.title                     {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; 
                            font-weight: bold; color: #000080;}
.bold                      {font-weight: bold;}
.estimate_reminder         {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000080;}
.center                    {text-align: center;}
.left                      {text-align: left;}  
.italic                    {font-style: italic;}
.under                     {text-decoration: underline;}
                  
/* RIGHT COLUMN IMAGES */
.aboutus_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/decks.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.doors_image_td     {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/doors.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.employment_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/employment.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.estimates_image_td {width: 200px; height: 690px; padding: 0px; text-align:left; background: url('images/estimates.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.garages_image_td {width: 200px; height: 564px; padding: 0px; text-align:right;background: url('images/garages2.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.gutters_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/gutters.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.join_image_td {width: 200px; height: 543px; padding: 0px; text-align:right;background: url('images/join.jpg'); background-position: 100% 0%; 
                   background-repeat: no-repeat;}
.ourapproach_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/ourapproach.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.ourphilosophy_image_td {width: 268px; height: 498px; padding: 0px; text-align:right;background: url('images/ourphilosophy2.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.photogallery_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/photogallery.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.porches_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/porches.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.railings_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/railings.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;}
.roofing_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/roofing.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;} 
.siding_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/siding.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;} 
.soffitfascia_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/soffitfascia.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;} 
.testimonials_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/testimonials.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;} 
.windows_image_td {width: 268px; height: 428px; padding: 0px; text-align:right;background: url('images/windows.jpg'); background-position: 0% 0%; 
                   background-repeat: no-repeat;} 

                   
/* FOOTER CELL */
.main_footer_td     {background: url('images/divider_bottom.gif'); height: 153px; background-position: 0% 0%;
                     background-repeat: no-repeat; background-color: #000080;}
.main_widefooter_td {width: 749px; height: 153px; background: url('images/divider_bottom_wide.gif'); background-position: 0% 0%; 
                     background-repeat: no-repeat; background-color: #000080; font-family: Arial, Helvetica, sans-serif; 
                     font-size: 10pt; font-weight: bold; color: #fff;}

/* FOOTER TEXT */
.footer_text        {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #fff;}
.footer_text a:link {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; text-decoration: underline; color: #fff;}
.footer_text a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; text-decoration: underline; color: #fff;}
.footer_text span   {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #F4EFDA;}

/* HINTS */
.hintsClass        {text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size:8pt; border: 1px dotted;
                    border-color: Black; padding: 4px 4px 4px 4px; width: 250px; background-color: #ffffff;}     
a.hints            {position:relative; z-index:24; color: blue; text-decoration:underline; cursor: help;}
a.hints:hover      {z-index:25; background-color:transparent}
a.hints span       {display: none;}
a.hints:hover span { /*the span will display just on :hover state*/ display:block; position:absolute; top:20px; left:40px; 
                    width:175px; font-family: Arial, Helvetica, sans-serif; font-size:8pt; border:1px dotted #000; padding: 10px;
                    color:#000; text-align: center; background-color:#fff; text-decoration:none;}
.hints2Class        {text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size:8pt; border: 1px dotted;
                    border-color: Black; padding: 4px 4px 4px 4px; width: 250px; background-color: #ffffff;}     
a.hints2            {position:relative; z-index:24; color: blue; text-decoration:underline; cursor: help;}
a.hints2:hover      {z-index:25; background-color:transparent}
a.hints2 span       {display: none;}
a.hints2:hover span { /*the span will display just on :hover state*/ display:block; position:absolute; top:20px; left:40px; 
                    width:300px; font-family: Arial, Helvetica, sans-serif; font-size:8pt; border:1px dotted #000; padding: 10px;
                    color:#000; text-align: center; background-color:#fff; text-decoration:none;}
.hints3Class        {text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size:8pt; border: 1px dotted;
                    border-color: Black; padding: 4px 4px 4px 4px; width: 300px; background-color: #ffffff;} 
a.hints3            {position:relative; z-index:24; color: blue; text-decoration:underline; cursor: help;}
a.hints3:hover      {z-index:25; background-color:transparent}
a.hints3 span       {display: none;}
a.hints3:hover span { /*the span will display just on :hover state*/ display:block; position:absolute; top:-100px; left:75px; 
                    width:330px; font-family: Arial, Helvetica, sans-serif; font-size:8pt; border:1px dotted #000; padding: 10px;
                    color:#000; text-align: center; background-color:#fff; text-decoration:none;}