/* CSS Document */ ul, li { margin:0; padding:0; list-style:none;} body { margin:0; background:#BDBDBF;} #main_table { margin: 0 auto;} #left { background:url(images/left_grad.jpg); background-repeat:repeat-y;} #right { background:url(images/right_grad.jpg); background-repeat:repeat-y;} /* This is the CSS for the header only */ #head { background:#FFFFFF;} #head_col1 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#730822; font-size:16px; text-align:center; float:left; position:absolute; margin-left:230px; margin-top:25px;} #head_col1 a { font-size:11px; color:#000000; text-decoration:underline;} #head_col1 a:hover { color:#AD6D25;} #head_col2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#730822; font-size:16px; text-align:center; float:left; position:absolute; margin-left:360px; margin-top:25px;} #head_col2 a { font-size:11px; color:#000000; text-decoration:underline;} #head_col2 a:hover { color:#AD6D25;} #head_col3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#730822; font-size:16px; text-align:center; float:left; position:absolute; margin-left:480px; margin-top:25px;} #head_col3 a { font-size:11px; color:#000000; text-decoration:underline;} #head_col3 a:hover { color:#AD6D25;} #head_col4 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; font-size:14px; text-align:center; float:left; position:absolute; margin-left:617px; margin-top:15px;} #head_col4 a { text-decoration:none; color:#000000;} #head_col4 a:hover { color:#666666;} .head_phone { color:#730822;} /* this ends the css for the header */ /* This is the CSS for the nav section only */ #nav_top { background:#730822; text-align:center; border-bottom:2px solid #FFFFFF; padding: 5px;} #nav_top li { display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 0px 10px 0px 10px;} #nav_top a { color:#FFFFFF; text-decoration:none;} #nav_top a:hover { color:#999999;} #nav_bottom { background:#AD6D25; text-align:center; border-bottom:2px solid #FFFFFF; padding: 5px;} #nav_bottom li { display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 0px 10px 0px 10px;} #nav_bottom a { color:#FFFFFF; text-decoration:none;} #nav_bottom a:hover { color:#CCCCCC;} /* This ends the CSS for the nav section */ /* This is the CSS for the INDEX PAGE content */ #index_left { background:#F4E9D5; width:369px; height:460px;} #small_pic_index { height:79px; margin-left:15px; width:92%; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:10px;} #small_pic_index a { color:#630822;} #small_pic_index a:hover { color:#AD6D25} #small_pic_text { padding-top: 10px;} .small_pic_headline { font-size:14px; color:#730822; font-weight:bold;} .small_pic_headline2 { font-size:14px; color:#000000; font-weight:bold;} #small_pic_index2 { height:79px; margin-left:15px; margin-top: 15px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:10px;} #small_pic_index2 a { color:#630822;} #small_pic_index2 a:hover { color:#AD6D25} #small_pic_text2 { padding-top: 5px;} .small_pic2_headline { font-size:14px; color:#730822; font-weight:bold;} .small_pic2_headline2 { font-size:14px; color:#000000; font-weight:bold;} #index-right { float:left; position:absolute; background:#FFFFFF; background-image:url(images/indx_bnr_right.jpg); background-repeat:no-repeat; width:384px; height: 460px; margin-left: 369px;} #index_copy { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin-top:230px; margin-left: 20px; margin-right: 20px;} #index_copy h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#730822;} /* This is the beginning of the address section - This may be common on all pages */ #address { background:url(images/bottom_banner.jpg); padding: 30px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; font-size:11px; height:31px;} /* This is the common address on all of the pages */ #address2 { background:#FFFFFF; padding: 30px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:center; font-size:11px; height:31px;} /* This is the foot section. It should be common on all pages. */ #foot { font-family:Arial, Helvetica, sans-serif; font-size:10px; background:#FFFFFF; height:200px;} #foot li { list-style:none; padding-left: 10px; line-height:14px;} #foot a { color:#000000; text-decoration:none;} #foot a:hover { color:#AD6D25;} #col5_foot a { color:#730822; text-decoration:underline;} #col5_foot a:hover { color:#666666;} /* This is the code for the right column on the interior pages */ /* This is for the file located at "inc/gallery.php" */ #gallery_promo { background:#AD6D25; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;} #gallery_promo a { color:#FFFFFF; text-decoration:underline;} #gallery_promo a:hover { color:#730822;} #ask { background:#AD6D25; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding: 15px 15px; margin-top: 14px;} #ask a { color:#FFFFFF; text-decoration:underline;} #ask a:hover { color:#730822;} /* this is the section for the center/main section of the interior pages. */ #main_content { background:#FFFFFF;} #interior_container { background:#FFFFFF;} #left_interior { width: 50%;} #left_text { margin: 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } .left_text_hdl { font-family:Arial, Helvetica, sans-serif; color:#730822; font-size:18px; font-weight: bold;} #left_text a { color:#730822; font-weight:bold;} #left_text a:hover { color:#666666;} #left_text ul { padding: 10px 0px 10px 20px;} #left_text li { list-style:disc; padding: 5px 0px;} /*this is for the remodeling section only*/ #left_text1 { margin: 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } #left_text1 a { color:#730822; font-weight:bold;} #left_text1 a:hover { color:#666666;} #left_text1 ul { padding: 10px 0px 10px 20px; font-size:14px;} #left_text1 li { list-style:none; padding: 5px 0px;} /*this ends the section for the remodeling section only*/ #our_commitment_box { background:#730822; color:#FFFFFF; font-size:11px; margin-top: 20px; height: 82px; font-family:Arial, Helvetica, sans-serif; font-size:10px;} #right_interior { float:left; position:absolute; width: 302px; margin-left: 410px;} #projects { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;} .projects_hdl { color:#730822; font-weight:bold; font-size:14px;} #poweredby { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; margin-top: 70px; margin-left:20px;} #poweredby a { text-decoration:underline;} /* This is the text for the right bullets on the remodeling page */ #right_bull { margin: 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } .right_bull_hdl { font-family:Arial, Helvetica, sans-serif; color:#730822; font-size:18px; font-weight: bold;} #right_bull a { color:#730822; font-weight:bold;} #right_bull ul { padding: 80px 0px 10px 20px; font-size:14px;} #right_bull li { list-style:none; padding: 5px 0px;} #right_table { margin-left:-20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } /* lightbox css */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* THIS IS THE SECTION OF CODE FOR GREYBOX */ /* Last-Modified: 28/06/06 00:08:22 */ #GB_overlay { background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 100; } #GB_window { left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150; } #GB_window .content { width: auto; margin: 0; padding: 0; } #GB_frame { border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap; } .GB_Gallery { margin: 0 22px 0 22px; } .GB_Gallery .content { background-color: #fff; border: 3px solid #ddd; } .GB_header { top: 10px; left: 0; margin: 0; z-index: 500; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555; } .GB_header .inner { background-color: #333; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px; } .GB_header table { margin: 0; width: 100%; border-collapse: collapse; } .GB_header .caption { text-align: left; color: #eee; white-space: nowrap; font-size: 20px; } .GB_header .close { text-align: right; } .GB_header .close img { z-index: 500; cursor: pointer; } .GB_header .middle { white-space: nowrap; text-align: center; } #GB_middle { color: #eee; } #GB_middle img { cursor: pointer; vertical-align: middle; } #GB_middle .disabled { cursor: default; } #GB_middle .left { padding-right: 10px; } #GB_middle .right { padding-left: 10px; } .GB_Window .content { background-color: #fff; border: 3px solid #ccc; border-top: none; } .GB_Window .header { border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; font-size: 12px; padding: 3px 0; color: #333; } .GB_Window .caption { font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px; } .GB_Window .close { text-align: right; } .GB_Window .close span { font-size: 12px; cursor: pointer; } .GB_Window .close img { cursor: pointer; padding: 0 3px 0 0; } .GB_Window .on { border-bottom: 1px solid #333; } .GB_Window .click { border-bottom: 1px solid red; }