/* ========== reset default styles ========== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} /* ========== reset default styles ========== */ body { font-family:Verdana,Arial,Helvetica,sans-serif; line-height:1.5em; background:#e8e5d6 url('../images/body/body-bg.gif') repeat-x; } body#subpage2, body#subpage3, body#subpage4, body#subpage5, body#subpage6, body#subpage7, body#subpage16, body#subpage90, body#subpage116, body#subpage125, body#subpage3-12, body#subpage3-13, body#subpage3-14, body#subpage3-15, body#subpage3-17, body#subpage3-18, body#subpage3-19, body#subpage3-20 { background:#e8e5d6 url('../images/body/body-bg-alt.gif') repeat-x; } a:link, a:visited { color:#800000; } a:hover, a:active { color:#3F0000; } #wrap { width:962px; margin:0 auto; } #social-sharing { display:block; clear:both; width:575px; margin-bottom:0; } #social-sharing .g-plusone { float:left; padding-right:8px; } #social-sharing iframe { float:left; } #social-sharing .clear { clear:both; height:1px; margin:0; padding:0; } /* header styles */ #header { position:relative; height:150px; text-indent:-9999px; margin-left:-75px; } #header .logo { background:url('../images/header/logo.jpg') no-repeat; width:363px; height:149px; } #header .logo a { display:block; overflow:auto; padding:50px 0 0 50px; width:300px; height:100px; } #header .tagline { position:absolute; right:0; top:30px; width:437px; height:95px; background:url(../images/header/tagline.jpg); } /* parent navigation */ #navigation { position:relative; height:42px; font-size:1em; line-height:1.4em; margin:0; padding:0; } #navigation ul { height:42px; list-style:none; margin:0; padding:0; } #navigation li { float:left; padding:0; margin:0; } #navigation li a { color:#2C3B45; display:block; font-weight:normal; margin:0; padding:10px 14px; text-align:center; text-decoration:none; } #navigation li a:hover, #navigation ul li:hover a { color:#800000; background:#E6E9E0; text-decoration:none; } #navigation a.active { color:#800000; background:#E6E9E0; border-top:1px solid #B5B4A7; line-height:1.3em; margin-bottom:1px; } /* child drop menus */ #navigation li ul { height:auto; display:none; padding:0; margin:0; position:absolute; z-index:200; } #navigation li:hover ul { display:block; } #navigation li li { display:block; float:none; margin:0; padding:0; } #navigation li ul li a:link, #navigation li ul li a:visited { display:block; margin:0; color:#fff; padding:5px 40px 7px 12px; text-align:left; border-bottom:1px dotted #27353F; background:url('../images/header/curved-bg.png') no-repeat left top; } #navigation li ul li a:hover { text-decoration:underline; } #navigation li ul li a.active { text-decoration:underline; border:0; } #navigation li ul li a.first { padding:8px 40px 8px 12px; } #navigation li ul li a.last { background:url('../images/header/curved-bg.png') no-repeat left bottom; border:0; } /* subheader styling */ #subheader { position:relative; height:300px; background:#B5B4A7; } #subpage2 #subheader { height:150px; background:url('../images/subheader/static/about-us.jpg') no-repeat; } #subpage3 #subheader { height:150px; background:url('../images/subheader/static/renovations-additions.jpg') no-repeat; } #subpage3-12 #subheader { height:150px; background:url('../images/subheader/static/kitchen-remodeling.jpg') no-repeat; } #subpage3-13 #subheader { height:150px; background:url('../images/subheader/static/renovations-additions.jpg') no-repeat; } #subpage3-14 #subheader { height:150px; background:url('../images/subheader/static/renovations-additions.jpg') no-repeat; } #subpage3-15 #subheader { height:150px; background:url('../images/subheader/static/reinforced-door.jpg') no-repeat; } #subpage3-17 #subheader { height:150px; background:url('../images/subheader/static/additions.jpg') no-repeat; } #subpage3-18 #subheader { height:150px; background:url('../images/subheader/static/interior-remodeling.jpg') no-repeat; } #subpage3-19 #subheader { height:150px; background:url('../images/subheader/static/renovations-additions.jpg') no-repeat; } #subpage3-20 #subheader { height:150px; background:url('../images/subheader/static/outdoor-living.jpg') no-repeat; } #subpage4 #subheader { height:150px; background:url('../images/subheader/static/home-repairs.jpg') no-repeat; } #subpage5 #subheader { height:150px; background:url('../images/subheader/static/custom-built-homes.jpg') no-repeat; } #subpage6 #subheader { height:150px; background:url('../images/subheader/static/project-gallery.jpg') no-repeat; } #subpage7 #subheader, #subpage125 #subheader { height:150px; background:url('../images/subheader/static/contact-us.jpg') no-repeat; } #subpage16 #subheader { height:150px; background:url('../images/subheader/static/search-results.jpg') no-repeat; } #subpage90 #subheader { height:150px; background:url('../images/subheader/static/search-results.jpg') no-repeat; } #subpage116 #subheader { height:150px; background:url('../images/subheader/static/small-projects.jpg') no-repeat; } #subheader img { height:300px; width:960px; } #subheader div#toggle-panel { position:absolute; z-index:20; top:0; right:0; height:30px; } #subheader div#panel { float:right; display:none; height:24px; padding:3px 6px 6px 6px; background: url('../images/header/curved-bg.png') no-repeat left bottom; } #subheader div#toggle-panel p.slide { float:right; clear:both; background:url('../images/header/curved-bg.png') no-repeat left bottom; padding:2px 15px 5px 8px; } #subheader a.toggle { display:block; height:20px; color:#fff; text-decoration:none; padding:2px 15px 0 8px; background:url('../images/subheader/slide-toggle/arrows.gif') no-repeat right -54px; } #subheader a.active { background-position:right 9px; } #subheader .number { position:absolute; top:245px; right:15px; z-index:21; font:28px/1.5 Georgia,Times,serif; color:#fff; font-style:italic; text-shadow: #000 2px 2px 2px !important; } .inner #subheader .number { width:325px; position:absolute; top:105px; right:15px; z-index:21; font:24px/1.5 Georgia,Times,serif; color:#fff; font-style:italic; text-shadow: #000 2px 2px 2px !important; } #subheader .number a, .inner #subheader .number a { color:#fff; } #subheader #social { position:absolute; top:200px; left:15px; z-index:199; width:310px; height:89px; background:none; padding:0 0 5px 0; margin:0 auto; } .inner #subheader #social { top:55px; } #subheader #social img { width:auto; height:auto; } #subheader #social img.ask { float:left; } #subheader #social img.conn { float:left; } #subheader #social .cols { float:right; height:89px; width:85px; background:none; padding:0; } #subheader #social .col1, #social .col2 { float:right; list-style:none; padding-top:13px; background:none; } #subheader #social .col1 li, #social .col2 li { margin:0; padding:0; } #subheader #social .col1 img { padding-right:5px; } #subheader .help { position:absolute; top:210px; right:15px; font-size:12px; z-index:21; color:#fff; text-indent:-9999px; } #subheader .help a { display:block; height:38px; width:330px; background:url(../images/subheader/help.png) 0 0 no-repeat; } #subheader .help a:hover { display:block; height:38px; width:330px; background-position:0 -40px; /* Fix IE's shenanigans */ cursor:pointer; } /* image rotation */ #slideshow { position:relative; height:300px; width:960px; } #slideshow img { height:300px; width:960px; 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; } /* main content container */ #main { background:#fff; border:1px solid #ccc; border-top:none; } /* textual content */ #content { float:left; width:585px; padding:10px 0 10px 20px; margin:0; overflow:hidden; } #content h1, #content h2, #content h3, #content h4 { color:#2C3B45; font-size:180%; font-family:Georgia,Times,"Times New Roman",serif; font-weight:normal; margin:0; padding:15px 0; } #content h2, #content h3, #content h4 { font-size:140%; margin:0; padding:0 0 10px 0; } #content p { margin:0; padding:0 0 10px 0; } #content ol li { margin:0 0 0 20px; padding:0; } #content ul li { margin:0 0 0 15px; padding:0; list-style:square; } #content strong { color:#2C3B45; } #content em, #content em a { color:#666666; } #content em img { vertical-align:top; } /* pdf icon alignment */ #content .ajaxSearch_highlight1,.ajaxSearch_highlight2,.ajaxSearch_highlight3,.ajaxSearch_highlight4,.ajaxSearch_highlight5 { color:inherit;font-weight:bold } #content span.ajaxSearch_grpResultsDisplayed { display:block; padding:0 0 10px 0; } #content .paging1 { padding:0 0 10px 0; } #content .ajaxSearch_resultLink { display:block; } #content #serv-box { height:205px; position:relative; margin:10px 0 20px 0; padding:15px; background:#fcfcf9; border:5px solid #eae9e5; border-radius:10px; } #content #serv-box h1 { margin:0; padding:0 0 10px 0; font-size:21px; } #content #serv-box h2 { margin:0; padding:0 0 10px 0; font-size:16px; font-style:italic; } #content #serv-box ul { margin:0; padding:0; } #content #serv-box li { list-style:none; padding:0 0 5px 15px; margin:0; background:url(../images/misc-images/service-bullets.gif) 0 4px no-repeat; } #content #serv-box .col1 { float:left; width:295px; } #content #serv-box .col2 { float:left; width:250px; padding-left:0; } #content #serv-box .request-cta { position:absolute; top:180px; right:-75px; background:none; font-size:12px; z-index:21; color:#fff; text-indent:-9999px; } #content #serv-box .request-cta a { display:block; height:38px; width:330px; background:url(../images/misc-images/request-consultation-button.png) 0 0 no-repeat; } #content #serv-box .request-cta a:hover { display:block; height:38px; width:330px; background-position:0 -40px; /* Fix IE's shenanigans */ cursor:pointer; } #content #serv-box .clear { clear:both; margin:0; padding:0; height:1px; } #content p.img-right { float:right; display:block; clear:right; width:250px; padding:5px 0 10px 15px; } #content p.img-left { float:left; width:250px; padding:5px 15px 10px 0; } #content p.img-right span, #content p.img-left span { display:block; font-size:80%; font-weight:bold; line-height:1.2em; text-align:center; } #content .left-list { float:left; position:relative; list-style:square; width:51%; margin:0 0 15px 0; padding:0; } #content .right-list { float:right; list-style:square; width:48%; margin:0 0 15px 0; padding:0; } #content .imgcolumn { float:right; margin:5px 0 0 15px; width:300px; } #content .imgcolumn img { padding-bottom:15px; } #content .stratford { padding:3px; border:1px solid #ccc; } #content dl { margin:0; padding:0; } #content dt { font-weight:bold; color:#2C3B45; border-top:1px solid #ccc; padding:0.5em 0; } #content dt.first, #content dt.last { border:none; } #content dd { font-style:italic; padding-bottom:.5em; } #content q { display:block; padding:0 0 15px 0; } #content q cite { display:block; margin:0; padding:5px 25px 0 0; text-align:right; color:#666; } #content .row { clear:both; } #content .gallery { margin:0; padding:0; } #content .gallery li { list-style-type:none; margin:0 15px 10px 0; padding:2px; float:left; position:relative; width:268px; height:132px; border:solid 1px #ccc; border-radius:5px; } #content .gallery img { width:125px; height:125px; padding:4px; } #content .gallery span { width:125px; height:125px; display:block; } #content .gallery span.before { position:absolute; bottom:5px; right:141px; background:url('../images/gallery/before-overlay.png'); } #content .gallery span.after { position:absolute; bottom:5px; right:8px; background:url('../images/gallery/after-overlay.png'); } #content .gallery a { text-decoration:none; } #content .gallery-serv-h { margin:0; padding:0; } #content .gallery-serv-h li.right { list-style-type:none; margin:5px 0 5px 15px; padding:2px; float:right; position:relative; width:392px; height:158px; border:solid 1px #ccc; border-radius:5px; } #content .gallery-serv-h li.left { list-style-type:none; margin:5px 15px 5px 0; padding:2px; float:left; position:relative; width:392px; height:158px; border:solid 1px #ccc; border-radius:5px; } #content .gallery-serv-h img { width:188px; height:125px; padding:4px 4px 0 4px; } #content .gallery-serv-h span { width:125px; height:125px; display:block; } #content .gallery-serv-h span.before { position:absolute; bottom:31px; right:202px; background:url('../images/gallery/before-overlay.png') no-repeat; } #content .gallery-serv-h span.after { position:absolute; bottom:31px; right:6px; background:url('../images/gallery/after-overlay.png') no-repeat; } #content .gallery-serv-h span.caption { width:392px; height:15px; text-align:center; font-size:85%; } #content .gallery-serv-h span.caption a { text-decoration:underline; } #content .gallery-serv-h a { text-decoration:none; } #content .gallery-serv-h .hide { width:0; height:0; display:none; visibility:hidden; } #content .gallery-serv-v { margin:0; padding:0; } #content .gallery-serv-v li.right { list-style-type:none; margin:5px 0 5px 15px; padding:2px; float:right; position:relative; width:288px; height:436px; border:solid 1px #ccc; border-radius:5px; } #content .gallery-serv-v li.left { list-style-type:none; margin:5px 15px 5px 0; padding:2px; float:left; position:relative; width:288px; height:436px; border:solid 1px #ccc; border-radius:5px; } #content .gallery-serv-v img { width:280px; height:186px; padding:4px 4px 0 4px; } #content .gallery-serv-v span { width:125px; height:125px; display:block; } #content .gallery-serv-v span.before { position:absolute; bottom:248px; right:6px; background:url('../images/gallery/before-overlay.png') no-repeat; } #content .gallery-serv-v span.after { position:absolute; bottom:54px; right:6px; background:url('../images/gallery/after-overlay.png') no-repeat; } #content .gallery-serv-v span.caption { width:280px; text-align:center; font-size:85%; padding:2px 5px 0 5px; } #content .gallery-serv-v span.caption a { text-decoration:underline; } #content .gallery-serv-v a { text-decoration:none; } #content .gallery-serv-v .hide { width:0; height:0; display:none; visibility:hidden; } #content .gallery-serv-single { margin:0; padding:0; text-align:center; font-size:85%; } #content .gallery-serv-single li.right { list-style-type:none; margin:5px 0 5px 15px; padding:2px 10px 2px 2px; float:right; position:relative; width:280px; height:235px; border:solid 1px #ccc; border-radius:5px; } #content .gallery-serv-single li.left { list-style-type:none; margin:5px 15px 5px 0; padding:2px 10px 2px 2px; float:left; position:relative; width:280px; height:235px; border:solid 1px #ccc; border-radius:5px; } #content .gallery-serv-single img { width:280px; height:186px; padding:4px 4px 0 4px; } #content .gallery-serv-single .caption a { text-decoration:underline; } #content .gallery-serv-single .hide { width:0; height:0; display:none; visibility:hidden; } #content .gallery-serv-single-shuffle { float:left; margin:0 15px 5px 0; padding:0; text-align:center; font-size:85%; } #content .gallery-serv-single-shuffle li { list-style-type:none; margin:5px 15px 5px 0; padding:2px 10px 2px 2px; float:left; position:relative; width:280px; height:235px; border:solid 1px #ccc; border-radius:5px; } #content .gallery-serv-single-shuffle img { width:280px; height:186px; padding:4px 4px 0 4px; } #content .gallery-serv-single-shuffle .caption a { text-decoration:underline; } #content .gallery-serv-single-shuffle .hide { width:0; height:0; display:none; visibility:hidden; } #content .catgallery { margin:0; padding:0; } #content .catgallery li { list-style-type:none; margin:0 15px 10px 0; padding:2px; position:relative; width:567px; height:208px; border:solid 1px #ccc; border-radius:5px; } #content .catgallery li:hover { border:solid 1px #597699; } #content .catgallery img { width:275px; height:200px; padding:4px; } #content .catgallery span { width:275px; height:200px; display:block; } #content .catgallery span.before { position:absolute; bottom:6px; right:290px; background:url('../images/gallery/big-before-overlay.png') no-repeat; } #content .catgallery span.after { position:absolute; bottom:6px; right:7px; background:url('../images/gallery/big-after-overlay.png') no-repeat; } #content .catgallery a { text-decoration:none; } #content .catgallery a:hover img { border-color: #666; } #content .catgallery .hide { display:none; } #content .paginate { text-align:center; } #content a.paginate { border:1px solid #ccc; padding:2px 6px 2px 6px; text-decoration:none; color:#000; } #content a.paginate:hover { background-color:#fff; color:#000; text-decoration:underline; } #content a.current { border:1px solid #ccc; padding:2px 6px 2px 6px; cursor:default; background:#fff; color:#ccc; text-decoration:none; } #content span.inactive { border:1px solid #999; padding:2px 6px 2px 6px; color:#999; cursor:default; } #content .ss-cat { clear:both; padding:10px 0 0 0; border-bottom:1px solid #2C3B45; margin-bottom:10px; } #content .ss-listing { clear:both; } #content .ss-listing h3 { font-size:110%; } #content .ss-listing .thumb { float:left; padding:5px 8px 8px 0; } #quoteform { margin:0; padding:0; } #quoteform .formheading { padding:10px 0 0 0; } #quoteform form p { margin:0; padding:0; } #quoteform fieldset { margin:0; padding:5px 0; border:none; } #quoteform legend { display:none; margin:0; padding:0; } #quoteform label { cursor:pointer; } #quoteform label.left { float:left; width:35%; text-align:left; } #quoteform .button { margin:0 0 0 5px; width:9em; padding:2px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #999; border-bottom:1px solid #999; } #quoteform input { vertical-align:middle; } #quoteform select option { padding:0 3px 0 3px; } #quoteform optgroup { font-style:normal; } #quoteform optgroup option { margin-left:15px; } #quoteform textarea { margin:0 0 8px 0; padding:0; width:100%; } #quoteform div.row, #quoteform div.textrow { clear:both; display:block; padding:8px 0; } #quoteform div.row span.label.left { float:left; width:32%; text-align: right; } #quoteform div.row span.formw, #quoteform div.textrow span.formw { float:right; width:64%; text-align:left; margin:0 0 8px 0; } #quoteform .requiredValue, #quoteform .invalidValue { border:1px solid #ff0000; } #quoteform .errors, .errors { border:1px solid #ff0000; padding:5px; margin:0 0 15px 0; } #quoteform .requiredValue, #quoteform .invalidValue { background:#ffdfdf; border:1px solid #ff0000; padding:1px; } #quoteform label.requiredValue, #quoteform label.invalidValue { padding-left:20px; border:none; background:#fff url(../images/icons/error.png) no-repeat center left; } /* ask palmer form */ #askpalmer-form { margin:0; padding:0; width:590px; background:url(../images/ask-palmer/askpalmer-formbg.png) center bottom no-repeat; } #askpalmer-form #ask-nav { height:60px; margin:0; padding:0; } #askpalmer-form #ask-nav li { list-style:none; } #askpalmer-form #ask-nav li.tab1 { float:left; margin:0; padding:0 0 10px 0; list-style:none; text-indent:-9999px; width:300px; height:60px; background:url(../images/ask-palmer/form-tab1.png) 0 0 no-repeat; } #askpalmer-form #ask-nav li.tab2 a:link, #askpalmer-form #ask-nav li.tab2 a:visited { float:left; margin:0; padding:0 0 10px 0; list-style:none; text-indent:-9999px; width:289px; height:60px; background:url(../images/ask-palmer/form-tab2.png) 0 0 no-repeat; } #askpalmer-form #ask-nav li.tab2 a:hover, #askpalmer-form #ask-nav li.tab2 a:active { background:url(../images/ask-palmer/form-tab2.png) 0 -75px no-repeat; } #askpalmer { overflow:auto; clear:both; margin:0; padding:10px 10px 15px 20px; } #askpalmer .formheading { padding:10px 0 0 0; } #askpalmer form p { margin:0; padding:0; } #askpalmer fieldset { margin:0; padding:5px 0; border:none; } #askpalmer legend { display:none; margin:0; padding:0; } #askpalmer label { cursor:pointer; } #askpalmer sup { font-size:10px; } #askpalmer label strong { color:#3b3b3b; } #askpalmer .attach { float:right; padding-right:15px; padding-left:20px; background:url(../images/ask-palmer/attach.png) center left no-repeat; } #askpalmer #askbutton { display:block; float:left; cursor:pointer; text-indent:-9999px; width:205px; height:40px; background:url(../images/ask-palmer/ask-button.png) 0 0 no-repeat; border:0; font-size:0; line-height:0; } #askpalmer #askbutton:hover { background:url(../images/ask-palmer/ask-button.png) 0 -40px no-repeat; } #askpalmer #askbutton-post, #askpalmer #askbutton-post:hover { display:block; float:left; cursor:pointer; text-indent:-9999px; width:205px; height:40px; background:url(../images/ask-palmer/ask-button-post.png) 0 0 no-repeat; border:0; font-size:0; line-height:0; } #askpalmer .row ul { float:left; margin:0; padding-left:15px; } #askpalmer .row li { color:#777; font-size:10px; } #askpalmer #message { width:540px; margin-bottom:5px; overflow:auto; } #askpalmer div.row, #askpalmer div.textrow { clear:both; display:block; padding:5px 0; } #askpalmer div.row span.label.left { float:left; width:32%; text-align: right; } #askpalmer div.row span.formw, #askpalmer div.textrow span.formw { float:right; width:64%; text-align:left; margin:0 0 8px 0; } #content .terms { padding-top:20px; font-size:10px; } /* end ask palmer form */ /* popup calendar */ .calendar * { margin:0; padding:0; border:0; font-family:Tahoma,serif; font-weight:normal; color:#000; } .calendar .invalidday a, .calendar .invalidday a:hover { color:#5f5f5f; background:#fff; cursor:default; } .calendar .selectedday { background:#ddd; } .calendar .today { font-weight:bold; color:#f00; } .calendar a { padding:0 2px; color:#000; text-decoration:none; } .calendar a:hover { background:#bbb; } .calendar table { border-collapse:collapse; font-size:90%; } .calendar tbody td { width:20px; } .calendar td, .calendar th { color:#4C6B8B; padding:1px; text-align:center; } .calendar thead td { border-bottom:1px solid #aaa; } .calendar thead td { font-weight:bold; } .calendar thead th a { color:#fff; font-size:95%; font-weight:bold; } .calendar thead th a:hover { color:#4C6B8B; background:#fff; } .calendar thead th { padding:2px 0; vertical-align:middle; background:#597699; } .calendar { padding-bottom:2px; border:1px solid #aaa; font-size:small; background:#fff; } .calendaricon { cursor:pointer; vertical-align:text-top; } .calendarlink, .calendaricon { margin:0 3px; } /* end popup calendar */ /* sitewide sidebar content */ #sidebar { width:315px; float:right; padding:20px 20px 0 0; margin:0; } #sidebar div.box { padding:5px 10px 15px 10px; margin:0 0 20px 0; background:#fcfcf9; border:5px solid #eae9e5; border-radius:10px; } #sidebar #testimonial { height:215px; } #sidebar h4 { color:#3D474C; font-size:160%; font-family:Georgia,Times,"Times New Roman",serif; font-weight:normal; margin:0; padding:10px 0 0 8px; } #sidebar h4 a { text-decoration:none; color:#3D474C; } #sidebar p { margin:0 0 0 0; padding:15px 0 0 10px; } #sidebar ul { margin:0; padding:10px 0 0 0; } #sidebar li { list-style:none; margin:0; padding:5px 0 0 10px; } #sidebar li a.active { font-weight:bold; } /* testimonials */ #sidebar p.quote { color:#1f1f1f; padding:0; background:url('../images/body/right-quote.png') no-repeat right bottom; } #sidebar q { display:block; padding:20px 10px 0 10px; margin-top:-5px; background:url('../images/body/left-quote.png') no-repeat left top; } #sidebar cite { display:block; text-align:right; padding:15px 20px 0 0; color:#800000; } #sidebar strong { color:#2C3B45; } #sidebar #rct-blog { margin-bottom:20px; } #sidebar #rct-blog ul { margin:0; padding:0; } #sidebar #rct-blog li { list-style:none; margin:0; padding:0 0 10px 30px; background:url(../images/icons/rct-blog.png) 0 0 no-repeat; } #sidebar #services-cta { margin:0; padding:0 0 20px 0; text-indent:-9999px; } #sidebar #services-cta a { display:block; height:64px; width:316px; background:url(../images/sidebar/services-page-cta.png) 0 0 no-repeat; } #sidebar #services-cta a:hover { display:block; height:64px; width:316px; background-position:0 -69px; /* Fix IE's shenanigans */ cursor:pointer; } #main-bottom { position:relative; height:160px; clear:both; margin:0 20px 20px 20px; padding:10px 20px; overflow:hidden; background:#fcfcf9; border:5px solid #eae9e5; border-radius:10px; } #main-bottom strong { color:#2C3B45; } #main-bottom p { margin:0; padding:0; } #main-bottom ul { height:138px; margin:0; padding:0; } #main-bottom li { margin:0; list-style:none; } #main-bottom #latest-work { float:left; width:270px; height:155px; overflow:hidden; padding-right:20px; } #main-bottom #latest-work div .thumb { float:left; padding:5px 8px 0 0; } #main-bottom #featured { float:left; width:270px; height:160px; overflow:hidden; padding-right:20px; } #main-bottom #twitter { float:left; width:290px; height:100px; overflow:hidden; } #main-bottom #twitter li img { float:left; padding:4px 6px 2px 0; } #main-bottom #twitter a { word-wrap:break-word; } #main-bottom #social-foot { position:absolute; top:135px; right:15px; margin:0; padding:0; } #main-bottom #social-foot li { list-style:none; float:left; display:inline; padding-right:3px; } #main-bottom #social-foot .plus-one, #main-bottom #social-foot .fb-like { padding:5px 3px 0 3px; } #main-bottom #social-foot .fb-like { overflow:hidden; padding-right:25px; } /* sticky footer */ html, body, #wrap { height:100%; } body > #wrap { height:auto; min-height:100%; } #main { padding-bottom:92px; } /* must be same height as the footer */ #footer { position:absolute; width:100%; clear:both; background:#597699; line-height:1.4em; border-top:5px solid #2C3B45; margin-top:-92px; /* negative value of footer height */ height:92px; } /* footer info */ div#footer { padding-top:16px; } #footer .copyright { width:962px; margin:0 auto; padding:0; color:#fff; } #footer img { float:right; padding-left:15px; } #footer a { color:#fff; } /* clear fix */ .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hides from ie-mac \*/ * html .clearfix { height:1%; } .clearfix {display:block;} /* End hide from ie-mac */