/* Theme Name: SMC Description: This theme was deweloped for SMC. Version: 1.0 Author: Medora team Author URI: http://www.medora.ca/ */ *{ padding:0px; margin:0px;} img { border:0px;} .clear { clear:both; line-height:1px; overflow:hidden; padding:0px; margin:0px; font-size:0px; height:0px;} a { color:#33b6e3; text-decoration:underline;} a:hover { color:#bb9f76;} a:focus { outline: none; } a:focus img{outline:none;} img{ border:0px;} html { height:100%;} body { height:100%; background:#f4f4f4; } #myverticaller { width:100%; height:99%;} #allContainer {width:928px; margin:0 auto; line-height:18px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#272727; text-align:left;} #header { width:956px; height:60px; padding-top:30px; position:relative;} #header ul {list-style:none;height:23px; position:absolute; right:-10px; bottom:15px; overflow:hidden;} #header ul li { display:inline; float:left; padding:0px 5px; line-height:23px; color:#9f9f9f;} #header ul li a { font-size:12px; height:23px; overflow:hidden; padding:4px 8px 5px 8px; text-decoration:none;color:#00a5dd; font-family:Geneva, Arial, Helvetica, sans-serif; line-height:23px; position:relative; text-decoration:none;} #header ul li a span { width:8px; height:23px;cursor:pointer;} #header ul li a span.rc { position:absolute; right:0px; top:0px;} #header ul li a span.lc { position:absolute; left:0px; top:0px;} #header ul li a:hover { background:#33b6e3; color:#fff;} #header ul li a:hover span.rc { background:url(images/menu-rc.gif) no-repeat right top;} #header ul li a:hover span.lc { background:url(images/menu-lc.gif) no-repeat left top;} #header ul li a.active { background:#33b6e3; color:#fff;} #header ul li a.active span.rc { background:url(images/menu-rc.gif) no-repeat right top;} #header ul li a.active span.lc { background:url(images/menu-lc.gif) no-repeat left top;} #logo { float:left;} #box {width:928px; border:1px solid #d5d5d5; padding:14px; position:relative;} .home { width:100%; height:467px; background:url(images/bg-index-new3.jpg) no-repeat 14px 14px #fff; color:#FFF;} .index-content { float:right; margin:15px 15px 0px 0px; width:250px; text-align:left; line-height:14px;} .index-content p { padding-bottom:7px;} .index-content a { color:#fff} #slogan { position:absolute; width:270px; left:35px; top:355px;} #slogan h2 { font-family:Geneva, Arial, Helvetica, sans-serif; color:#fff; font-size:16px; font-style:italic; font-weight:normal;} #heighter-page { width:1px; height:469px; float:left;} #heighter-contact { width:1px; height:469px; float:left;} .about { width:100%; height:468px; background:url(images/bg-about3.jpg) no-repeat 14px 14px #fff;} .services { width:100%; height:468px; background:url(images/bg-services3.jpg) no-repeat 14px 14px #fff;} .contact { width:100%; height:468px; background:url(images/contact-us-bg.jpg) no-repeat 14px 14px #fff;} .blog {width:100%; height:468px; background:url(images/bg-blog3.jpg) no-repeat 668px 14px #fff;} .faq {width:100%; height:468px; background:url(images/bg-faq3.jpg) no-repeat 668px 14px #fff;} .testimonials {width:100%; height:468px; background:url(images/bg-testimonials3.jpg) no-repeat 668px 14px #fff;} .gallery {width:100%; height:468px; background:#fff;} .gallery2 {width:100%; height:480px; background:#fff;} .edwards { background:url(images/bg-edwartson.jpg) no-repeat 668px 14px #fff;} .marine { background:url(images/bg-marine2.jpg) no-repeat 668px 14px #fff;} .kerrisdale { background:url(images/bg-kerrisdale2.jpg) no-repeat 668px 14px #fff;} .yaletown { background:url(images/bg-yaletown2.jpg) no-repeat 668px 14px #fff;} .eagle { background:url(images/bg-eagle-ridge2.jpg) no-repeat 668px 14px #fff;} .whistler { background:url(images/bg-whistler3.jpg) no-repeat 668px 14px #fff;} .project { width:212px; position:relative;text-align:center; float:left; margin:10px 0px 10px 73px; text-align:center; overflow:hidden;} .project .crn-top { position:absolute; top:0px; left:0px; width:17px; height:17px; background:url(images/top-c.gif) no-repeat left top;} .project .crn-bottom { position:absolute; bottom:0px; right:0px; width:17px; height:17px; background:url(images/bottom-c.gif) no-repeat left top;} .project img { width:190px; height:145px; border:1px solid #fef5f5; padding:10px; background:#fff;border:1px solid #ded1d1; margin:0px 0px 0px 0px;} .project a{ color:#2691b6;text-decoration:none; padding:0px 0px 4px 0px; margin:0px; line-height:16px; text-align:center;} .project a.pTit {width:190px;} .project a:hover{ color:#FF9900;} .blog #content { height:430px; padding-bottom:0px;} #content { float:right;height:410px; padding:20px 65px 30px 0px;line-height:20px; overflow:hidden;} #content h1 { padding:0px 0px 15px 0px; text-align:left; color:#717171; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal;} #content p {padding:0px 0px 10px 0px; text-align:justify;} #content ul { list-style:square; padding:0px 0px 10px 30px; text-align:left;} #content h3 { text-align:left;} #content2 { float:right;width:500px; padding:20px 25px 20px 0px;line-height:16px;} #content2 h1 { padding:0px 0px 30px 0px; text-align:left; color:#717171; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal;} #content2 p { padding:0px 0px 10px 0px; text-align:justify; clear:both;} #content2 ul { list-style:square; padding:0px 0px 10px 30px; text-align:left;} .blog #content{ float:left; width:550px; padding:0px 0px 20px 35px;text-align:left;} .blog #content h2 { color:#717171; font-weight:normal; font-size:22px; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:25px; padding-bottom:10px;} .blog #content h2 a { color:#33b6e3; text-decoration:none;} .blog #content h2 a:hover { color:#bb9f76;} .onepost img{ margin:0 auto; padding:20px;} img.alignleft { float:left; margin:0px 10px 10px 0px; } img.aligncenter { margin:0 auto; display:block; } img.alignright { float:right; margin:0px 0px 10px 10px; } #categories { width:251px; height:234px; position:absolute; right:15px; bottom:14px;} #categories ul { list-style:none; padding:80px 40px 20px 40px} #categories ul li { padding-bottom:5px;} #categories ul li a { font-size:14px; color:#fff; text-decoration:none; display:block;} #categories ul li a:hover { text-decoration:underline;} #pagination { text-align:center; padding:30px 10px 10px 10px;} .pages { display:none;} .faq #content{ float:left; width:550px; height:470px; padding:0px 0px 10px 35px;text-align:left;} .faq #content h2 { color:#717171; font-weight:normal; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:25px; padding-bottom:10px; color:#33b6e3;} .faq #content h2 a { color:#33b6e3; text-decoration:none;} .faq #content h2 a:hover { color:#bb9f76;} .testimonials #content{ float:left; width:550px; height:470px; padding:0px 0px 10px 35px; text-align:left;} .testimonials #content p { padding-bottom:10px;} .testimonials #content h2 { color:#717171; font-weight:normal; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:25px; padding-bottom:10px; color:#33b6e3; text-align:left;} .testimonials #content h2 a { color:#33b6e3; text-decoration:none;} .testimonials #content h2 a:hover { color:#bb9f76;} .contact #content { width:440px; padding-right:50px;} #heighter { width:1px; height:444px; float:right;} .gallery p { padding-bottom:10px;} .all h1 { text-align:right; line-height:50px; color:#717171; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:26px; font-weight:normal; padding-right:30px;} #gallery-description { width:580px; padding:0px 0px 30px 40px; float:left; text-align:justify;} #gallery-description h1 {color:#717171; font-weight:normal; font-size:22px; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:25px; padding-bottom:10px;} #gallery-bigImage { width:400px; float:right; margin:25px 35px 30px 0px; padding:19px; position:relative; background:#eeeeee; display:inline; } #gallery-bigImage .crn-top { position:absolute; top:0px; left:0px; width:17px; height:17px; background:url(images/top-c.gif) no-repeat left top;} #gallery-bigImage .crn-bottom { position:absolute; bottom:0px; right:0px; width:17px; height:17px; background:url(images/bottom-c.gif) no-repeat left top;} #gallery-bigImage img{ width:400px; height:307px;} #gallery-without-carousel { text-align:right; padding-right:25px;} #gallery-without-carousel a img{ border:2px solid #FFF; margin-right:6px;} #gallery-without-carousel a.current img{ border:2px solid #FF9966;} #gallery-without-carousel a:hover img{border:2px solid #73b6cd;} #gallery-carousel { width:930px; height:119px; overflow:hidden; margin-bottom:5px;} #gallery-carousel img { width:150px; height:115px; border:2px solid #fff;} #gallery-carousel a.current img { border:2px solid #FF9966;} #gallery-carousel a:hover img {border:2px solid #73b6cd;} #gallery-without-carousel2 { width:650px; position:absolute; text-align:center; left:14px; bottom:14px;} #gallery-without-carousel2 a img{ border:2px solid #FFF; margin-right:6px;} #gallery-without-carousel2 a.current img{ border:2px solid #FF9966;} #gallery-without-carousel2 a:hover img{border:2px solid #73b6cd;} #gallery-carousel2 { width:668px; height:104px; position:absolute; text-align:right; left:14px; bottom:14px; overflow:hidden; margin-bottom:5px;} #gallery-carousel2 img { width:130px; height:100px; border:2px solid #fff;} #gallery-carousel2 a.current img { border:2px solid #FF9966;} #gallery-carousel2 a:hover img {border:2px solid #73b6cd;} #contacttable { text-align:left;} .contact_txtfield { border:1px solid #cad9de; line-height:12px; padding:6px 4px 4px 4px; height:14px;font-size:12px; width:160px; vertical-align:top; overflow:hidden;} .contact_textarea { width:370px; height:100px; padding:4px; max-width:370px; max-height:100px; border:1px solid #cad9de;} #submit2 { width:130px; text-align:center; background:#6bc2df; border:1px solid #6cb2ce; color:#fff; line-height:20px; padding:4px 20px; height:30px; cursor:pointer;} #address { width:200px; color:#fff; position:absolute; top:286px; left:200px; text-align:left;} #address h2{ color:#FFF; font-size:18px; font-weight:normal; padding-top:10px;} #address p { padding:5px 0px 10px 40px;} #address-photo { width:100px; height:150px; position:absolute; left:60px; top:300px;} #address-photo img { height:150px; width:100px; border:1px solid #fff;} .winput { padding-bottom:10px;} #formstatus {display:none;} #footer { width:956px; padding-bottom:30px; color:#aaaaaa; line-height:60px; position:relative;} #footer #left { float:left; width:600px;} #footer ul {list-style:none;} #footer ul li {float:left; padding-right:15px;} #medora{color:#aaaaaa; text-decoration:none; float:right;} #medora a {color:#aaaaaa; text-decoration:none; } #medora a:hover { color:#FF9900;} .blue { color:#33b6e3; } .alignleft { float:left; margin-right:20px; margin-bottom:10px;} .alignright { float:right; margin-left:20px; margin-bottom:10px;} .aligncenter { clear:both; margin-bottom:10px; margin:0 auto; float:none; display:block;}