html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
/*list-style: none;*/
}
/* remember to define focus styles! */
:focus {
outline: 0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
.container {
position: relative;
margin: 0px auto;
height: 100%;
}
body {
background: #ffffff url('/public/images/inside_bg1.jpg') repeat-x top center;
font-family: Trebuchet MS;
font-size: 12px;
}
.container a {
color: #5a96e8;
text-decoration: none;
}
.container a:hover {
color: #5a96e8;
text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
/*##############################################################################
##############################################################################
## Body Container ##
############################################################################*/
#headerContainer { position: absolute; width: 100%; min-height: 240px; margin: 0; padding: 0; background: url('/public/images/inside_bg2.jpg') no-repeat top center; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body Container ##
############################################################################*/
#top { width: 1004px; margin: 0; padding: 0; }
#top #callToday { width: 164px; margin: 0; padding: 63px 0 0 68px; }
#top #callToday h2 { color: #000000; margin: 0; padding: 0; font-size: 2.6em; font-weight: bold; letter-spacing: -0.02em; line-height: 24px; text-decoration: none; }
#top #callToday h3 { color: #3b3b3b; margin: 5px 0 0 0; padding: 0; font-size: 2.4em; font-weight: normal; letter-spacing: -0.02em; line-height: 24px; text-decoration: none; }
#top #logo { width: 376px; height: 103px; margin: 0; padding: 37px 0 0 0; background: url('/public/images/front_logo_top.jpg') no-repeat bottom left; }
#top #logo h1 { width: 376px; height: 103px; margin: 0; padding: 0; }
#top #logo h1 a { background: url('/public/images/front_logo_top.jpg') no-repeat top left; width: 376px; height: 103px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#top #chuck { width: 396px; height: 140px; margin: 0; padding: 0; background: url('/public/images/front_chuck.jpg') no-repeat top right; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Header ##
############################################################################*/
#header { width: 1004px; margin: 0; padding: 0; background: url('/public/images/inside_header_bg.jpg') no-repeat top left; }
#headerLogo { position: relative; width: 351px; height: 150px; top: 30px; left: 251px; border: 0; margin: 0px 0px 135px 0px; text-align: left; }
#headerLogo h1 { width: 350px; height: 150px; margin: 0; padding: 0; }
#headerLogo h1 a { display: block; width: 351px; height: 150px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#headerBox { display: block; position: absolute; width: 1004px; height: 235px; top: 50px; left: 0; text-align: left; }
/* Left */
#header .left { width: 34px; height: 235px; margin: 0; padding: 0; background: url('/public/images/inside_header_left.jpg') no-repeat top left; }
/* Middle */
#header .middle { width: 750px; height: 215px; margin: 0; padding: 20px 0 0 32px; background: url('/public/images/inside_header.jpg') no-repeat top left; }
/* Right */
#header .right { width: 188px; height: 235px; margin: 0; padding: 0; background: url('/public/images/inside_header_right.jpg') no-repeat top left; }
/*###########################################
## Navigation ##
###########################################*/
#header .middle #navigation { width: 350px; margin: 0; padding: 0; }
#header .middle #navigation ul.mainNav { width: 180px; list-style: none; height: 142px; margin: 0 0 2px 0; padding: 0; line-height: 28px; }
#header .middle #navigation ul.mainNav li { margin: 0; padding: 0; }
#header .middle #navigation ul.mainNav li h2 { margin: 0; padding: 0; }
#header .middle #navigation ul.mainNav li .pull { margin: -10px 0 0 0; padding: 0; }
#header .middle #navigation ul.mainNav li .highlight { color: #ffc55d; }
#header .middle #navigation ul.mainNav li a { margin: 0; padding: 0; color: #ffffff; font-size: 1.5em; font-weight: bold; letter-spacing: -0.02em; line-height: 14px; text-decoration: none; }
#header .middle #navigation ul.mainNav li a:hover { color: #cccccc; text-decoration: none; }
#header .middle #navigation #estimates { width: 290px; height: 50px; margin: 0 0 0 10px; padding: 0; }
#header .middle #navigation #estimates h2 { width: 290px; height: 50px; margin: 0; padding: 0; text-indent: -99999px; }
#header .middle #navigation #estimates h2 a { background: url('/public/images/front_estimates.jpg') no-repeat top left; width: 290px; height: 50px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*###########################################
## Extra Nav (Contacts) ##
###########################################*/
#header .middle #contacts { width: 368px; margin: 0; padding: 0 32px 0 0; text-align: right; }
#header .middle #contacts ul.mainNav { width: 368px; list-style: none; height: 142px; margin: 0 0 2px 0; padding: 0; line-height: 28px; }
#header .middle #contacts ul.mainNav li { margin: 0; padding: 0; }
#header .middle #contacts ul.mainNav li h2 { margin: 0; padding: 0; }
#header .middle #contacts ul.mainNav li .pull { margin: -10px 0 0 0; padding: 0; }
#header .middle #contacts ul.mainNav li .highlight { color: #ffc55d; background: none; }
#header .middle #contacts ul.mainNav li a { margin: 0; padding: 0; color: #ffffff; font-size: 1.5em; font-weight: bold; letter-spacing: -0.02em; line-height: 14px; text-decoration: none; }
#header .middle #contacts ul.mainNav li a:hover { color: #cccccc; text-decoration: none; }
#header .middle #contacts h2.title { margin: 0 75px 0 0; padding: 0; color: #919191; font-size: 2.4em; font-weight: normal; letter-spacing: -0.02em; line-height: 28px; }
#header .middle #contacts h2.phone { margin: 0; padding: 0; color: #ffffff; font-size: 2.6em; font-weight: bold; letter-spacing: -0.02em; line-height: 28px; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body Content ##
############################################################################*/
/* Left */
#bodyContent { z-index: 30; width: 1004px; min-height: 75px; margin: 0; padding: 22px 0 0 0; background: url('/public/images/inside_body_bg.jpg') no-repeat top left; }
#bodyContent .left { width: 680px; margin: 0 0 0 65px; padding: 0 0 30px 0; }
/*###########################################
## Breadcrumbs ##
###########################################*/
#bodyContent .left #breadcrumbs { margin: 0 0 20px 0; padding: 0; color: #322f27; font-size: 1.2em; font-weight: bold; letter-spacing: -0.02em; line-height: 14px; }
#bodyContent .left #breadcrumbs a { color: #7a766c; font-size: 1em; font-weight: bold; letter-spacing: -0.02em; line-height: 14px; text-decoration: none; }
#bodyContent .left #breadcrumbs a:hover { text-decoration: underline; }
#bodyContent .left #breadcrumbs a.home { margin: 0 0 0 5px; color: #322f27; }
#bodyContent .left #breadcrumbs a.active { color: #de2c27; font-size: 1.4em; }
/*###########################################
## Content ##
###########################################*/
#bodyContent .left .content { width: 650px; margin: 0; padding: 0 30px 0 0; color: #525252; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; text-align: left; }
#bodyContent .left .content h1 { display: block; margin: 0 0 14px 0; padding: 0; height: auto; color: #322f27; font-size: 2.6em; font-weight: bold; letter-spacing: -0.02em; line-height: 30px; }
#bodyContent .left .content h2 { display: block; margin: 0 0 14px 0; padding: 0; height: auto; color: #322f27; font-size: 2.2em; font-weight: bold; letter-spacing: -0.02em; line-height: 26px; }
#bodyContent .left .content h3 { display: block; margin: 0 0 14px 0; padding: 0; height: auto; color: #322f27; font-size: 2.0em; font-weight: bold; letter-spacing: -0.02em; line-height: 24px; }
#bodyContent .left .content h4 { display: block; margin: 0 0 14px 0; padding: 0; height: auto; color: #322f27; font-size: 1.8em; font-weight: bold; letter-spacing: -0.02em; line-height: 20px; }
#bodyContent .left .content p { margin: 0 0 15px 0; padding: 0; color: #525252; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 20px; text-align: left; }
#bodyContent .left .content ul { list-style: disc outside; margin: 0 0 14px 0; padding: 0 0 0 20px; }
#bodyContent .left .content ol { margin: 0 0 14px 0; padding: 0 0 0 20px; }
#bodyContent .left .content a { color: #de2c27; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 22px; text-decoration: none; }
#bodyContent .left .content a:hover { text-decoration: underline; }
#bodyContent .left .content img[align="left"] { margin: 0 20px 20px 0; }
#bodyContent .left .content img[align="right"] { margin: 0 0 20px 20px; }
#bodyContent .left .content em { font-style: italic; }
/* Right */
#bodyContent .right { width: 236px; margin: 60px 0 0 12px; padding: 0; border-left: 10px solid #ebebeb; }
#bodyContent .right img { border: 0; }
#bodyContent .right h2 { margin: 0 0 6px 0; padding: 0; color: #000000; font-size: 2.0em; font-weight: bold; letter-spacing: -0.02em; line-height: 30px; text-decoration: none; }
#bodyContent .right #sidebar { width: 234px; margin: 0 0 0 1px; padding: 0 0 30px 0; border-left: 1px solid #e0e0e0; }
/* projects */
#bodyContent #projects img.right {
float: right;
margin: 0 0 10px 10px;
border: 5px solid #ebebeb;
}
#project_images {
float: right;
width: 200px;
text-align: center;
margin: 0 0 10px 10px;
}
#project_images img {
border: 2px solid #878787;
}
/*###########################################
## Testimonial ##
###########################################*/
#bodyContent .right .testimonial { width: 234px; margin: -34px 0 30px 0; padding: 0; }
#bodyContent .right .testimonial h3 { margin: 0 0 0 15px; padding: 0; color: #5796d7; font-size: 1.8em; font-weight: bold; letter-spacing: -0.02em; line-height: 20px; }
#bodyContent .right .testimonial h4 { margin: 0 0 0 18px; padding: 0; color: #5796d7; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .right .testimonial .copy { margin: 0 0 0 -18px; padding: 0 0 0 35px; width: 215px; background: url('/public/images/testimonial_open.png') no-repeat top left; color: #929292; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent .right .testimonial .copy p { margin: 0; padding: 3px 30px 5px 0; background: url('/public/images/testimonial_close.png') no-repeat bottom right; }
/*###########################################
## Promo ##
###########################################*/
#bodyContent .right .promo { width: 234px; margin: 0 0 30px -4px; padding: 0; }
#bodyContent .right .promo h3 { margin: 0 0 10px 0; padding: 0; color: #322f27; font-size: 1.8em; font-weight: bold; letter-spacing: -0.02em; line-height: 22px; }
#bodyContent .right .promo h4 { display: block; margin: 0 0 2px 18px; padding: 0; min-height: 20px; color: #5796d7; font-size: 1.3em; font-weight: bold; letter-spacing: -0.02em; line-height: 16px; }
#bodyContent .right .promo .photo { width: 215px; height: 110px; margin: 0 0 0 18px; padding: 0 0 1px 0; border-bottom: 10px solid #de2c27; }
#bodyContent .right .promo .photo img { border: 0; }
#bodyContent .right .promo p { margin: 0; padding: 10px 0 0 18px; color: #303030; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent .right .promo a { color: #de2c27; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#bodyContent .right .promo a:hover { text-decoration: underline; }
/* Tags */
#bodyContent .right .tags { width: 234px; margin: 0 0 30px 15px; padding: 0; }
#bodyContent .right .tags h3 { margin-bottom: 10px; padding: 0; color: #5796d7; font-size: 1.8em; font-weight: bold; letter-spacing: -0.02em; line-height: 20px; }
/* Archives */
#bodyContent .right .archives { width: 234px; margin: 0 0 15px 15px; padding: 0; }
#bodyContent .right .archives h3 { margin-bottom: 10px; padding: 0; color: #5796d7; font-size: 1.8em; font-weight: bold; letter-spacing: -0.02em; line-height: 20px; }/* Tags */
/*###########################################
## Brands We Service ##
###########################################*/
#brandsWeService { width: 585px; margin: -30px 0 20px 34px; padding: 0; }
#brandsWeService h2 { margin: 0 0 6px 0; padding: 0; color: #000000; font-size: 2.0em; font-weight: bold; letter-spacing: -0.02em; line-height: 30px; text-decoration: none; }
#brandsWeService ul { list-style: none; margin: 0; padding: 0; }
#brandsWeService ul li { display: block; float: left; margin: 0 5px 0 0; padding: 0; text-align: center; vertical-align: middle; }
#brandsWeService ul li h3 { margin: 10px 0 0 10px; padding: 0; color: #de2c27; font-size: 1.6em; font-weight: bold; letter-spacing: -0.02em; line-height: 18px; }
#brandsWeService a { color: #de2c27; text-decoration: none; }
#brandsWeService a:hover { text-decoration: underline; }
/*###########################################
## Portfolio ##
###########################################*/
#bodyContent .right #portfolio { width: 585px; margin: 0; padding: 0; }
#bodyContent .right #portfolio #portPrev { margin: 0 5px 0 -5px; padding: 85px 0 0 0; width: 67px; }
#bodyContent .right #portfolio #portPrev h4 { width: 67px; height: 185px; margin: 0; padding: 0; background: url('/public/images/front_portfolio_prev.jpg') no-repeat top left; }
#bodyContent .right #portfolio #portPrev h4 a { display: block; width: 57px; height: 127px; margin: 0 5px 0 5px; padding: 0; text-indent: -99999px; cursor: pointer; }
#bodyContent .right #portfolio #portSlides { width: 450px; margin: 0 0 30px 0; padding: 0; }
#bodyContent .right #portfolio #portSlides #portfolioSlider { width: 450px; margin: 0; padding: 0; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .project { float: left; display: block; width: 220px; height: 280px; margin: 0; padding: 0 0 20px 0; background: #e5e5e5 url('/public/images/front_portfolio_bottom.jpg') no-repeat bottom left; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .project h3 { margin: 0; padding: 0; color: #000000; font-size: 13px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .project h4 { margin: 0 0 15px 0; padding: 0; color: #ffffff; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .project p { margin: 10px 0 0 0; padding: 0; color: #5e5e5e; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .first { margin: 0 5px 0 0; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .second { margin: 0 0 0 5px; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .residential { width: 200px; padding: 2px 10px 0 10px; background: #e5e5e5 url('/public/images/front_portfolio_res.jpg') no-repeat top left; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .residential a { color: #bf0012; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 13px; text-decoration: none; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .residential a:hover { text-decoration: underline; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .residential h3 a { color: #bf0012; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 18px; text-decoration: none; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .residential h3 a:hover { text-decoration: underline; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .commercial { width: 200px; padding: 2px 10px 0 10px; background: #e5e5e5 url('/public/images/front_portfolio_com.jpg') no-repeat top left; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .commercial a { color: #2770ad; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 13px; text-decoration: none; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .commercial a:hover { text-decoration: underline; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .commercial h3 a { color: #2770ad; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 18px; text-decoration: none; }
#bodyContent .right #portfolio #portSlides #portfolioSlider .commercial h3 a:hover { text-decoration: underline; }
#bodyContent .right #portfolio #portNext { margin: 0 -8px 0 5px; padding: 85px 0 0 0; width: 67px; }
#bodyContent .right #portfolio #portNext h4 { width: 67px; height: 185px; margin: 0; padding: 0; background: url('/public/images/front_portfolio_next.jpg') no-repeat top left; }
#bodyContent .right #portfolio #portNext h4 a { display: block; width: 57px; height: 127px; margin: 0 5px 0 5px; padding: 0; text-indent: -99999px; cursor: pointer; }
#bodyContent .right #portfolio #viewAllProjects { width: 450px; margin: 0; padding: 0; }
#bodyContent .right #portfolio #viewAllProjects .left { width: 220px; margin: 0 5px 0 0; padding: 0; text-align: center; }
#bodyContent .right #portfolio #viewAllProjects .left h3 { margin: 20px 0 0 0; padding: 0; }
#bodyContent .right #portfolio #viewAllProjects .left h3 a { margin: 10px 0 0 0; padding: 0; color: #de2c27; font-size: 1.4em; font-weight: bold; letter-spacing: -0.02em; line-height: 18px; text-decoration: none; }
#bodyContent .right #portfolio #viewAllProjects .left h3 a:hover { text-decoration: underline; }
#bodyContent .right #portfolio #viewAllProjects .right { width: 220px; margin: 0 0 0 5px; padding: 0; text-align: center; }
#bodyContent .right #portfolio #viewAllProjects .right h3 { margin: 20px 0 0 0; padding: 0; }
#bodyContent .right #portfolio #viewAllProjects .right h3 a { margin: 10px 0 0 0; padding: 0; color: #5796d7; font-size: 1.4em; font-weight: bold; letter-spacing: -0.02em; line-height: 18px; text-decoration: none; }
#bodyContent .right #portfolio #viewAllProjects .right h3 a:hover { text-decoration: underline; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Bottom ##
############################################################################*/
#news { width: 100%; min-height: 180px; margin: 0; padding: 20px 0 25px 0; background: #f4f4f4; color: #303030; }
#footer { width: 100%; min-height: 220px; margin: 0; padding: 25px 0 25px 0; background: #404040; color: #9e9e9e; border-top: 10px solid #b2b2b2; }
#legal { width: 100%; height: 40px; background: #2e2e2e; color: #303030; }
/*###########################################
## News ##
###########################################*/
#news h2 { margin: 0 0 6px 32px; padding: 0; color: #000000; font-size: 2.0em; font-weight: bold; letter-spacing: -0.02em; line-height: 30px; text-decoration: none; }
#news h2 a { margin: 0 0 0 10px; color: #de2c27; font-size: 0.8em; font-weight: bold; letter-spacing: -0.02em; line-height: 18px; }
#news h2 a:hover { text-decoration: underline; }
#news ul { list-style: none; margin: 0; padding: 0 0 0 32px; clear: both; }
#news ul li { float: left; width: 178px; margin: 0 0 0 20px; padding: 0; }
#news ul li:first-child { margin: 0 0 0 0; }
#news h3 { margin: 0; padding: 0; color: #387cbb; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; }
#news h3 a { color: #387cbb; font-size: 13px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; text-decoration: underline; }
#news h3 a:hover { text-decoration: none; }
#news h4 { margin: 0 0 2px 0; padding: 0; color: #000000; font-size: 11px; font-weight: normal; font-style: italic; font-family: Trebuchet MS; line-height: 12px; }
#news p { margin: 4px 0 0 0; padding: 0; line-height: 18px; color: #303030; font-size: 12px; font-weight: normal; }
/*###########################################
## Footer & Locations ##
###########################################*/
#footer .locations { width: 1004px; margin: 0; padding: 0; }
#footer .locations .left { width: 201px; margin: 0 0 0 32px; padding: 68px 0 0 0; background: url('/public/images/bottom_logo.jpg') no-repeat top left; }
#footer .locations .left p { margin: 0; padding: 0; color: #9e9e9e; font-size: 12px; font-style: normal; font-family: Trebuchet MS; line-height: 18px; }
#footer .locations .left p.push { margin: 0 0 10px 15px; padding: 0; color: #9e9e9e; font-size: 12px; font-style: normal; font-family: Trebuchet MS; line-height: 18px; }
#footer .locations .left b { color: #ffffff; font-size: 13px; font-weight: bold; }
#footer .locations .left h3 { margin: 12px 0 0 0; padding: 0; color: #ffc55d; }
#footer .locations .left h3 a { color: #ffc55d; font-size: 1.4em; font-weight: bold; letter-spacing: -0.02em; line-height: 20px; text-decoration: none; }
#footer .locations .left h3 a:hover { color: #ffffff; text-decoration: none; }
#footer .locations .gap { width: 60px; margin: 0; padding: 0; }
#footer .locations .contacts { width: 711px; margin: 0; padding: 0; }
#footer .locations .contacts ul { list-style: none; margin: 0; padding: 0; clear: both; }
#footer .locations .contacts ul li { display: block; float: left; width: 175px; margin: 0; padding: 0 0 28px 0; }
#footer .locations .contacts ul li p { margin: 0; padding: 0; color: #c6c6c6; font-size: 14px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; }
#footer .locations .contacts ul li h2 { margin: 0; padding: 0; color: #ffffff; font-size: 1.6em; font-weight: bold; letter-spacing: -0.02em; line-height: 18px; }
#footer .locations .contacts ul li b { color: #ffffff; font-size: 13px; }
#footer .locations .contacts ul li a { font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#footer .locations .contacts ul li a:hover { color: #ffffff; text-decoration: underline; }
#footer .locations .contacts .dark1 { color: #ffee84; }
#footer .locations .contacts .dark2 { color: #ffe077; }
#footer .locations .contacts .dark3 { color: #ffd169; }
#footer .locations .contacts .dark4 { color: #ffc55d; }
/*###########################################
## Legal ##
###########################################*/
#legal .columns { width: 1004px; margin: 0; padding: 0; }
#legal .columns .left { width: 470px; margin: 0 0 -1px 32px; padding: 14px 0 0 0; color: #717171; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#legal .columns .right { width: 502px; margin: 0; padding: 0px 0 0 0; }
#legal .columns .right h4 { width: 248px; height: 22px; margin: 9px 0 -9px 250px; padding: 0; }
#legal .columns .right h4 a { background: url('/public/images/flex360.jpg') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Navigation ##
############################################################################*/
/* Controls */
#navigation li:hover, #navigation li.over { position: static; /* make menus not sticky in ie7 */ }
#navigation li ul { position: absolute; left: -999em; list-style: none; }
#navigation li:hover ul { left: auto; }
#navigation li:hover ul, #navigation li.sfhover ul { left: auto; }
/* Dropdown */
.dropdownNav { z-index: 99; clear: both; position: absolute; width: 500px; min-height: 50px !important; border-left: 10px solid #4d7d9b; margin: 0; padding: 0 0 0 0 !important; line-height: 12px; background: url('/public/images/dropdown_bg.png') repeat top left; }
/*.dropdownNav li:first-child,
.dropdownNav li.firstChild { padding: 10px 0 0 0 !important; }*/
.dropdownNav li { float: left; min-height: 20px; margin: 0 12px 0 0; padding: 0; line-height: 12px; }
.dropdownNav li a { display: block; width: 226px; margin: 0 12px 0 12px !important; padding: 6px 0 8px 0 !important; border-bottom: 1px solid #3f7ea4; color: #ffffff !important; font-size: 12px !important; font-weight: bold; text-decoration: none; cursor: pointer; line-height: 14px !important; }
.dropdownNav li a:hover { margin: 0 12px 0 12px !important; padding: 6px 0 8px 0 !important; color: #55b4ff !important; font-size: 12px !important; font-weight: bold; text-decoration: none; cursor: pointer; }
.dropdownNav .last { border-bottom: 0; }
.pushed1 { margin: -24px 0 0 140px !important; padding: 8px 0 10px 0 !important; }
.pushed2 { margin: -24px 0 0 90px !important; padding: 8px 0 10px 0 !important; }
.pushed3 { margin: -24px 0 0 65px !important; padding: 8px 0 10px 0 !important; }
/*##############################################################################
##############################################################################*/
/*###########################################
## Universals ##
###########################################*/
.clear { clear: both; }