/*--- Common -----*/ * { padding:0px; margin:0px; } body { color:#686C6C; background:#333; font:normal 13px/20px Georgia, "Times New Roman", Times, serif; } .floatLeft, .fL { float:left; } .floatRight, .fR { float:right; } .clear { clear:both; display:block; } a { color:#C71841; text-decoration:none; } a:hover { color:#000; } .upc { text-transform:uppercase; } .msg { background:#eeeeee; color:#C71841; padding: 3px 3px 3px 3px; margin-bottom:10px; } /*--- Wrapper ----- #Wrapper { width:940px; margin:auto; border-left:10px solid #525454; border-right:10px solid #525454; background:#fff url(http://www.faurotconstruction.com/images/left-gray-bg.gif) left top repeat-y; } */ #Wrapper { width:940px; margin:auto; border-left:10px solid #333; border-right:10px solid #333; background:#fff url(http://www.faurotconstruction.com/images/left-gray-bg.gif) left top repeat-y; } /*--- Content -----*/ #Content .floatLeft { width:335px; } #Content .floatRight { width:540px; padding-right:30px; padding-top:75px; padding-bottom:25px; } #Content p { margin-bottom:15px; } #Content .blocks { margin-bottom:20px; } #Content .logoArea { position:relative; height:190px; background:#C71841 url(http://www.faurotconstruction.com/images/trangle-bg.gif) left top no-repeat; } #Content .logoArea h1.logo { background:url(http://www.faurotconstruction.com/images/logo.gif) left top no-repeat; width:272px; height:58px; position:absolute; left:50%; margin-left:-136px; top:79px; } #Content .logoArea h1.logo a { width:272px; height:58px; display:block; overflow:hidden; text-indent:-9999px; } #Content .imageBlock { margin-bottom:20px; background:url(http://www.faurotconstruction.com/images/image-holder-bg.gif) left top no-repeat; padding-top:10px; padding-left:11px; } #Content .imageBlock .inner { padding-right:11px; padding-bottom:10px; background:url(http://www.faurotconstruction.com/images/image-holder-bottom-bg.gif) right bottom no-repeat; } #Content h1 { height:55px; color:#686C6C; letter-spacing:1px; font:small-caps bold 24px/30px Georgia, "Times New Roman", Times, serif; } #Content h2 { height:45px; color:#686C6C; letter-spacing:1px; font:bold 20px/25px Georgia, "Times New Roman", Times, serif; } #Content .message { background:#525454; color:#fff; font-weight:bold; padding-left:10px; padding-right :10px; margin-bottom:10px;} #Content .slogan { height:80px; background:url(http://www.faurotconstruction.com/images/caption.gif) center 17px no-repeat; display:block; overflow:hidden; text-indent:-9999px; } /*--- Content -----*/ #Content .floatLeft { width:335px; } #Content .floatRight { width:540px; padding-right:30px; padding-top:75px; padding-bottom:25px; } #Content p { margin-bottom:15px; } #Content .blocks { margin-bottom:20px; } #Content .logoArea { position:relative; height:190px; background:#C71841 url(http://www.faurotconstruction.com/images/trangle-bg.gif) left top no-repeat; } /* #Content .logoArea h1.logo { background:url(http://www.faurotconstruction.com/images/logo.gif) left top no-repeat; width:272px; height:58px; position:absolute; left:50%; margin-left:-136px; top:79px; } */ #Content .logoArea h1.logo { background:url(http://www.faurotconstruction.com/images/logo.gif) left top no-repeat; width:272px; height:58px; left:50%; margin-left:-136px; top:115px; } #Content .logoArea h1.logo a { width:272px; height:58px; display:block; overflow:hidden; text-indent:-9999px; } #Content .imageBlock { margin-bottom:20px; background:url(http://www.faurotconstruction.com/images/image-holder-bg.gif) left top no-repeat; padding-top:10px; padding-left:11px; } #Content .imageBlock .inner { padding-right:11px; padding-bottom:10px; background:url(http://www.faurotconstruction.com/images/image-holder-bottom-bg.gif) right bottom no-repeat; } #Content .menu { width:200px; padding-left:70px; padding-bottom:30px; color:#fff; } #Content .menu li { display:inline; } #Content .menu li a { height:15px; overflow:hidden; margin-bottom:19px; border-bottom:2px solid #686C6C; display:block; overflow:hidden; text-indent:-9999px; } #Content .menu li a.Home { background:url(http://www.faurotconstruction.com/images/home.gif) left top no-repeat; } #Content .menu li a.FeaturedProject { background:url(http://www.faurotconstruction.com/images/featured-project.gif) left top no-repeat; } #Content .menu li a.Company { background:url(http://www.faurotconstruction.com/images/company.gif) left top no-repeat; margin-bottom:0px; } #Content .menu li a.Services { background:url(http://www.faurotconstruction.com/images/services.gif) left top no-repeat; margin-bottom:0px; } #Content .menu li a.OurWork { background:url(http://www.faurotconstruction.com/images/our-work.gif) left top no-repeat; margin-bottom:0px; } #Content .menu li a.Contact { background:url(http://www.faurotconstruction.com/images/contact.gif) left top no-repeat; } #Content .menu li a.ProjectManager { background:url(http://www.faurotconstruction.com/images/project-manager.gif) left top no-repeat; margin-bottom:0px; } #Content .menu li a.Testimonial { background:url(http://www.faurotconstruction.com/images/testimonial.gif) left top no-repeat; } #Content .menu li a:hover { border-bottom:2px solid #C71841; } #Content .menu li a.Home:hover { background:url(http://www.faurotconstruction.com/images/home.gif) left bottom no-repeat; } #Content .menu li a.FeaturedProject:hover { background:url(http://www.faurotconstruction.com/images/featured-project.gif) left bottom no-repeat; } #Content .menu li a.Company:hover { background:url(http://www.faurotconstruction.com/images/company.gif) left bottom no-repeat; } #Content .menu li a.Services:hover { background:url(http://www.faurotconstruction.com/images/services.gif) left bottom no-repeat; } #Content .menu li a.OurWork:hover { background:url(http://www.faurotconstruction.com/images/our-work.gif) left bottom no-repeat; } #Content .menu li a.Testimonial:hover { background:url(http://www.faurotconstruction.com/images/testimonial.gif) left bottom no-repeat; } #Content .menu li a.ProjectManager:hover { background:url(http://www.faurotconstruction.com/images/project-manager.gif) left bottom no-repeat; } #Content .menu li a.Contact:hover { background:url(http://www.faurotconstruction.com/images/contact.gif) left bottom no-repeat; } #Content .menu li ul { display:block; background:#C71841; } #Content .menu li div { margin-bottom:19px; } #Content .menu li ul li a { height:auto; margin-bottom:0px; border-bottom:1px solid #686C6C; text-indent:0px; color:#F5B5C4; font:bold 11px/20px Georgia, "Times New Roman", Times, serif; padding-left:15px; } #Content .menu li ul li a:hover { border-bottom:1px solid #686C6C; background:#B3022C; } #Content .teamArea { background:#fff; } #Content .teamArea .profileBox { margin-bottom:60px; } #Content .teamArea .fL { width:172px; float:left; } #Content .teamArea .fL .imageBlock { margin-bottom:40px; } #Content .teamArea .fR { width:330px; float:right; } #Content .teamArea .fR h4 { font:normal 18px/24px Georgia, "Times New Roman", Times, serif; color:#C91841; margin-bottom:0px; text-transform:uppercase; } #Content .teamArea .fR a.gray { color:#333333; font:normal 14px/18px Georgia, "Times New Roman", Times, serif; } #Content .teamArea .fR p.divdr { padding-bottom:10px; border-bottom:1px solid #ccc; } #Content .servicesArea { background:#fff; } #Content .servicesArea ul { display:block; padding-left:25px; } #Content .subcontractors { background:#fff; } #Content .subcontractors ul { display:block; padding-left:25px; } #Content .subcontractors .contact { padding-top:15px; font-weight:bold; padding-left:25px; } #Content .projectsArea { background:#fff; } #Content .projectsArea ul { display:block; padding-left:25px; } #Content .projectsArea h1 { height:65px; color:#686C6C; letter-spacing:1px; font:small-caps bold 24px/30px Georgia, "Times New Roman", Times, serif; } #Content .projectsArea h2 { padding-top:5px; padding-bottom:5px; color:#686C6C; } #Content .projectDetail { background:#fff; } #Content .projectDetail h1 { height:65px; color:#686C6C; letter-spacing:1px; font:small-caps bold 24px/30px Georgia, "Times New Roman", Times, serif; } #Content .projectDetail h2 { padding-top:5px; padding-bottom:5px; color:#686C6C; } #Content .projectDetail ul { display:block; padding-left:25px; } #Content .projectDetail .loc { padding-top:15px; padding-bottom:15px; font-style:italic; font-size: 14px;} #Content .contactArea { background:#fff; } #Content .contactArea .topMsg { font-size: 16px; font-style:italic; width:450px; padding-bottom:25px;} #Content .contactArea .inputbox { font-family: sans-serif; font-size: 20px; border: 1px solid #666666; background:#ffffff; color: #999999; } #Content .tPanel { margin-bottom:40px; } #Content .tPanel .gPanel { background:#f2f2f2 url(http://www.faurotconstruction.com/images/quotem.gif) 10px 8px no-repeat; padding:18px; text-indent:23px; border-bottom:3px solid #D1CFCF; } #Content .tPanel p.rht { text-align:right; padding-right:18px; } #Content .tPanel p.rht strong { color:#C5022F; } #Content .tPanel .btmTesti { background:url(http://www.faurotconstruction.com/images/tarrow.gif) 450px top no-repeat; padding-top:30px; } #Content .cPanel { background:#fff; } #Content .cPanel .cSub { margin-left:15px; } #Content .cPanel .cSub .cTitle { font-size:15px; } #Content .cBlock { } #Content .cBlock .cSub { margin-left:15px; margin-bottom:35px; } #Content .cBlock .cSub .cTitle { margin-bottom:15px; background:#ffffff; padding-left:0px; margin-top:10px; } #Content .cBlock .cSub .cTitle .insde { background:#fff; font-style:italic; } #Content .cBlock .cSub .cTitle .insde .btm { padding-left:15px; } #Content .cBlock .cSub .cTitle .insde .top { padding-left:15px; padding-right:15px; background:#6D6F6F; display:block; float:left; font:bold 15px/24px Georgia, "Times New Roman", Times, serif; color:#fff; font-style:normal; } #Content .cBlock .cSub .iBlock { float:left; width:147px; } #Content .cBlock .cSub .rhtFlt { float:right; width:350px; } #Content .hcPanel { background:#fff; } #Content .hcPanel ul { display:block; padding-left:25px; } #Content .hcPanel h2 { padding-top:5px; padding-bottom:5px; height:100px; color:#686C6C; } #Content .hcPanel .cSub { width:200px; height:240px;} #Content .hcPanel .cSub .lftFlt { float:left; } #Content .hcPanel .cSub .rhtFlt { float:right; } /*--- Footer -----*/ #Footer { background:#8A8E8E; border-top:1px solid #525454; padding:30px; color:#E6E7E7; font-size:12px; } #Footer a { color:#fff; text-decoration:none; font-weight:bold; } #Footer a:hover { text-decoration:underline; } #Footer p.top { border-top:1px solid #A8A9A9; padding-top:12px; } #Footer .floatLeft { width:300px; background:url(http://www.faurotconstruction.com/images/footer-logo.gif) left top no-repeat; padding-top:45px; } #Footer .floatRight { line-height:24px; width:255px; } #Footer .floatRight .box { float:left; padding-left:5px; width:80px; padding-bottom:5px; } #Footer .floatRight .box .inside { background:#A5A7A7; padding:4px; overflow:hidden; border:1px solid #8B8E8E; height:70px; width:70px; } #Footer .floatRight .fP { font:normal 18px/24px Georgia, "Times New Roman", Times, serif; padding-left:5px; margin-bottom:5px; border-bottom:1px solid #A8A9A9; margin-left:5px; } #Footer .fL { width:240px; padding-left:60px; } #Footer .fL .top { background:#A5A7A7 url(http://www.faurotconstruction.com/images/quote.gif) left 6px no-repeat; padding:10px 15px; font-size:11px; color:#4D5050; text-indent:10px; } #Footer .fL .btm { padding-top:20px; background:url(http://www.faurotconstruction.com/images/testi-btm.gif) 15px top no-repeat; font-size:11px; } #Footer .fL .btm strong { font-size:12px; } /*--- btm -----*/ #btm { padding:15px 0px; text-align:center; background:#686C6C; color:#A6A7A7; } #btm a { color:#f2f2f2; font-weight:bold; font-size:12px; } #slideshow { position:relative; height:337px;} #slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;} #slideshow IMG.active { z-index:10; opacity:1.0;} #slideshow IMG.last-active { z-index:9;} #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider, #slider li{ width:520px; height:430px; overflow:hidden; } span#prevBtn{} span#nextBtn{}