/*--- luongoconstruction.com by Web Assets LLC ---*/ /* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */ span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, div, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, html { margin: 0px; padding: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } /*---End styles reset, remember to define focus styles! */ /*--- Generic Selectors --*/ body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #333333; background-color: #D8D8D8; margin: 0px; padding: 0px; text-align: center; /*Used to center web layout on page, needed for IE*/ } p { margin: 0px 0px 0px 5px; font-size: 1.0em; text-align: left; text-indent: .3em; font-family: Geneva, "Verdana", sans-serif; font-weight: normal; } /*FAQs Answers Styling*/ .faqsa { margin-left: 5px; font-size: .8em; text-align: left; text-indent: .5em; font-family: Geneva, "Verdana", sans-serif; font-weight: normal; font-style: normal; } /*Write dashes to seperate content*/ .dashes { margin-left: 0px; margin-right: 0px; background-image: url("images/hr_dot_black2.gif"); background-repeat: repeat-x; font-size: .8em; text-align: left; text-indent: .5em; font-family: Geneva, "Verdana", sans-serif; font-weight: normal; font-style: normal; } .finContacts { width: 430px; height: auto; float: left; margin-left: 5px; margin-top: 50px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 75px; background-image: url("images/hr_dot_black2.gif"); background-repeat: repeat-x; } .extContact { font-size: 1.0em; text-align: left; text-indent: .3em; font-family: Geneva, "Verdana", sans-serif; font-weight: bold; } f { font-family: Geneva, "Verdana", sans-serif; font-size: 30px; font-weight: bold; } h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; font-weight: bold; color: #000000; margin: 0px; padding: 0px; text-decoration: underline; } h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: bold; color: #000000; border-bottom: 2px double #708090; text-align: center; margin: 0px } /*Large Headline*/ h3 { color: #8B1A1A; margin-left: 5px; font-size: 1.0em; text-align: left; letter-spacing:.1em; text-indent: .3em; font-family: Geneva, "Verdana", sans-serif; font-weight: bold; text-decoration: underline; } /*Date for Headline*/ h4 { margin-left: 5px; font-size: 1.0em; text-align: left; text-indent: .3em; font-family: Geneva, "Verdana", sans-serif; font-weight: normal; font-style: italic; } /*Caption for Headline*/ h5 { margin-left: 5px; font-size: 1.0em; text-align: left; text-indent: .3em; font-family: Geneva, "Verdana", sans-serif; font-weight: normal; } /*News Paragraph*/ h6 { margin-left: .8em; margin-right: .8em; font-size: 1.0em; text-align: left; text-indent: .5em; font-family: Geneva, "Verdana", sans-serif; font-weight: normal; text-align: left; } focus { outline: 0; } strong{ font-weight: bold; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /**************** Pseudo classes ****************/ a:link { text-decoration: none; font-weight: bold; } li:link { text-decoration: none; font-weight: bold; } a:visited { text-decoration: none; font-weight: bold; } li a:visited { text-decoration: none; font-weight: bold; } a:hover { padding-bottom: 0px; font-weight: bold; text-decoration: none; } li a:hover { display: none; padding-bottom: 0px; font-weight: bold; } a:active { font-weight: bold; } a img { text-decoration: none; border-width: 0px; } .centerLink {text-align: middle; } /************************* Selector ID's *************************/ #pagecontainer { width: 942px; height: 900px; margin: 0px auto; background-color: #FFFFFF; border-style: double; border-width: 10px; border-color: #000000; } #navigationDesign { width: 177px; height: 696px; float: left; border-right: 5px solid #s; background-color: #75A9D2; list-style-type: none; padding: 0px; margin: 0px; } #navigationDesign a { color: #8B1A1A; display: block; width: 170px; height: 30px; padding-left: 5px; padding-top: 1px; margin-bottom: 5px; background-image: url("images/menu_h33.jpg"); background-repeat: no-repeat; background-position: left top; font-weight: bold; } #navigationDesign a:hover { background-image: url("images/menuover_h33.jpg"); } #navigationDesgin li { font: bold 1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; width: 181px; list-style-type: none; } #navigation { width: 177px; height: 652px; float: left; border-right: 5px solid #s; background-color: #75A9D2; list-style-type: none; padding: 0px; margin: 0px; } #navigation a { color: #8B1A1A; display: block; width: 170px; height: 30px; padding-left: 5px; padding-top: 1px; margin-bottom: 5px; background-image: url("images/menu_h33.jpg"); background-repeat: no-repeat; background-position: left top; font-weight: bold; } #navigation a:hover { background-image: url("images/menuover_h33.jpg"); } #navigation li { font: bold 1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; float: left; width: 181px; list-style-type: none; } #content_box { width: 765px; height: 652px; float: left; padding: 0px; margin: 0px; } #HomeLeftContent { width: 430px; height: 649px; float: left; padding: 0px; margin: 0px; border-right: 0px double #8B1A1A; border-top: 0px double #8B1A1A; border-width: 5px; } #HomeRightContent { width: auto; height: 649px; float: right; padding: 0px; margin: 0px; border-top: 0px double #8B1A1A; border-right: 0px double #8B1A1A; border-left: 0px double #8B1A1A; border-width: 5px; } #ContactContent { width: 750px; height: 648px; float: left; border: 0px double #8B1A1A; border-width:5px; } #ContactContent a.mapq:img { float: left; margin-right: 162.50px; margin=top:25px; text-decoration: none; font-weight: bold; border: 0px double #8B1A1A; border-width:5px; } #DesignContent { width: 750px; height: 468px; margin: 0px; float: left; border: 0px double #8B1A1A; border-width:5px; clear: right; } #DesignContent p.style1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: bold; color: #000000; border-bottom: 2px double #708090; border-top: 2px double #708090; text-align: center; margin: 0px } #DesignContent p.style2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: .9em; font-weight: bold; font-style: italic; color: #000000; text-align: left; } #DesignContent p.style3 { font-family: Geneva, "Verdana", sans-serif; font-size: .9em; font-weight: bold; font-style: italic; color: #000000; text-align: left; } #NewsContent { width: 750px; height: 648px; float: left; border-width: 5px; clear: right; } #FAQContent { width: 750px; height: 648px; float: left; border-width: 5px; clear: right; } /* The containing box for the gallery. */ #GalleryContent { width: 760px; height: 426px; float: left; margin: 0px auto 0 auto; position:relative; border: 0px double #8B1A1A; border-width:5px; clear: right; background:url("images/GalleryPics/GalleryImageH.png") 75px 10px no-repeat; } #GalleryContent ul { width: 198px; height: 386px; float: right; padding:0px; margin:5px; list-style-type:none; } #GalleryContent li { float: left; } #GalleryContent a.gallery span { position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#FFFFFF; } #GalleryContent a.gallery:hover span { position:absolute; width: 392px; height: 392px; top: 10px; left: 75px; color: #000000; background:#FFFFFF; } #GalleryContent a:hover { white-space: normal; background-color: #000FFF; } #GalleryContent a.gallery:hover { white-space: normal; background-color: #000FFF; border: 1px solid #FFFFFF; } #GalleryContent a.gallery:hover img { float: left; margin-right:5px; border: 1px solid #FFFFFF; } #GalleryContent a.slidea:hover img, #GalleryContent a.gallery:hover img { float:right; } /* Adding the thumbnail images */ #GalleryContent a.gallery, #GalleryContent a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } /*PG1 of Gallery*/ /*Portrait images*/ #GalleryContent a.slidea { background:url(images/GalleryPics/Thumbnails/scn0012.jpg); height:93px; width:60px; } /*landscaped image*/ #GalleryContent a.slideb { background:url("images/GalleryPics/Thumbnails/scn0018.jpg"); height:60px; width:93px; } * html #GalleryContent a.slideb { width:91px; width:93px; } #GalleryContent a.slidec { background:url("images/GalleryPics/Thumbnails/DSC01200.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidec { width:91px; width:93px; } #GalleryContent a.slided { background:url("images/GalleryPics/Thumbnails/DSC01216.jpg"); height:60px; width:93px; } * html #GalleryContent a.slided { width:91px; width:93px; } #GalleryContent a.slidee { background:url("images/GalleryPics/Thumbnails/DSC01226.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidee { width:91px; width:93px; } #GalleryContent a.slidef { background:url("images/GalleryPics/Thumbnails/DSC01231.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidef { width:91px; width:93px; } #GalleryContent a.slideg { background:url("images/GalleryPics/Thumbnails/DSC00930.jpg"); height:60px; width:93px; } * html #GalleryContent a.slideg { width:91px; width:93px; } #GalleryContent a.slideh { background:url("images/GalleryPics/Thumbnails/DSC01287.jpg"); height:60px; width:93px; } * html #GalleryContent a.slideh { width:91px; width:93px; } #GalleryContent a.slidei { background:url("images/GalleryPics/Thumbnails/picture21.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidei { width:91px; width:93px; } #GalleryContent a.slidej { background:url("images/GalleryPics/Thumbnails/DSC01202.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidej { width:91px; width:93px; } #GalleryContent a.slidek { background:url("images/GalleryPics/Thumbnails/scn0009.jpg") ;height:60px; width:93px; } * html #GalleryContent a.slidek { width:91px; width:93px; } #GalleryContent a.slidel { background:url("images/GalleryPics/Thumbnails/DSC01249.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidel { width:91px; width:93px; } #GalleryContent a.slidem { background:url("images/GalleryPics/Thumbnails/DSC01265.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidem { width:91px; width:93px; } /*PG2*/ /*landscaped image*/ #GalleryContent a.slidea1 { background:url("images/GalleryPics/Thumbnails/DSC00002.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidea1 { width:91px; width:93px; } #GalleryContent a.slideb1 { background:url("images/GalleryPics/Thumbnails/DSC00004.jpg"); height:60px; width:93px; } * html #GalleryContent a.slideb1 { width:91px; width:93px; } #GalleryContent a.slidec1 { background:url("images/GalleryPics/Thumbnails/DSC00005.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidec1 { width:91px; width:93px; } #GalleryContent a.slided1 { background:url("images/GalleryPics/Thumbnails/DSC00006.jpg"); height:60px; width:93px; } * html #GalleryContent a.slided1 { width:91px; width:93px; } #GalleryContent a.slidee1 { background:url("images/GalleryPics/Thumbnails/DSC00007.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidee1 { width:91px; width:93px; } #GalleryContent a.slidef1 { background:url("images/GalleryPics/Thumbnails/DSC00008.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidef1 { width:91px; width:93px; } #GalleryContent a.slideg1 { background:url("images/GalleryPics/Thumbnails/DSC01239.jpg"); height:60px; width:93px; } * html #GalleryContent a.slideg1 { width:91px; width:93px; } #GalleryContent a.slideh1 { background:url("images/GalleryPics/Thumbnails/DSC01240.jpg"); height:60px; width:93px; } * html #GalleryContent a.slideh1 { width:91px; width:93px; } #GalleryContent a.slidei1 { background:url("images/GalleryPics/Thumbnails/DSC01241.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidei1 { width:91px; width:93px; } #GalleryContent a.slidej1 { background:url("images/GalleryPics/Thumbnails/DSC01242.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidej1 { width:91px; width:93px; } #GalleryContent a.slidek1 { background:url("images/GalleryPics/Thumbnails/DSC01243.jpg") ;height:60px; width:93px; } * html #GalleryContent a.slidek1 { width:91px; width:93px; } #GalleryContent a.slidel1 { background:url("images/GalleryPics/Thumbnails/DSC01244.jpg"); height:60px; width:93px; } * html #GalleryContent a.slidel1 { width:91px; width:93px; } /*--- Header Styles --*/ #header { width: 942px; float: left; height: 177px; border-bottom: 2px solid #708090; margin: 0px; padding:0px; } #header_logo { width: 850px; height: 177px; float: left; margin: 0px; padding: 0px; } #header_certs { width: 88px; height: 35px; float: right; margin: 0opx; padding: 0px; } a.box:link { outline-style: none; } a.box:visited { outline-style: none; } #footer { width: 942px; height: 40px; float: left; border-top: 2px solid #ccc; margin: 0px; padding:0px; } #footer a { color: #8B1A1A; } #footer a:visited { color: #75A9D2; } #footer a img { margin-left: 0px; vertical-align: top; text-align: right; } #PageLinks { width: 750px; height: 50px; float: left; margin: 5px; text-align: right; clear: right; } #PageLinks p.style3 { float: right; text-align: right; clear: right; } #ContentTab { width: 750px; height: 50px; float: left; margin: 5px; } #ContentTab p.style3 { float: right; text-align: right; clear: right; } #GalleryInfo { width: auto; height: 60px; float: left; margin 5px; text-align: left; }