/* ---------------------------- [Global CSS] Project: First Response Company Version: 1.0 Last change: 04/09/10 [templates created, ef] Assigned to: Eric Mayfield Primary use: Web ------------------------------- */ /****************************************************************************************** ****************************** BEGIN DEFUALT CSS ************************************** *******************************************************************************************/ html, body { margin: 0px; padding: 0px; text-align:center; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0px; } h1, h2 { color:#007; font-size: 16px; font-weight:normal; margin:0; font-family:Georgia, "Times New Roman", Times, serif; } h2 { } h3 { color: #482402; font-size: 16px; } h4 { font-size: 14px; } h5 { color: #025a02; font-size: 18px; font-style: italic; font-weight: normal; padding-left: 25px; padding-top: 5px; } a, a:visited { text-decoration: underline; color: #333; } a:hover { text-decoration: none; } a img { border: none; } p { margin:0 0 10px; } .column-left { float: left; } .column-right { float: right; } .red-bullet { padding-left:20px; line-height:20px;} .red-bullet-1 { background:url(../images/sprite2.png) -200px -148px; } .red-bullet-2 { background:url(../images/sprite2.png) -200px -165px; } .red-bullet-3 { background:url(../images/sprite2.png) -200px -181px; } .red-bullet-4 { background:url(../images/sprite2.png) -200px -196px; } .red-bullet-5 { background:url(../images/sprite2.png) -200px -214px; } address { font-style:normal; } menu{ list-style:none; margin:0; padding:0; } abbr,acronym{border:none;} /****************************** END DEFAULT CSS ***************************************/ /****************************************************************************************** ****************************** BEGIN CONTAINERS **************************************** *******************************************************************************************/ html { } body { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333; } #container { text-align:left; } #wrapper { width:760px; margin:0 auto; overflow:hidden; } /****************************** END CONTAINERS ***************************************/ /****************************************************************************************** ****************************** BEGIN HEADER ********************************************* *******************************************************************************************/ #header { background:url(../images/bot_line.jpg) no-repeat bottom center; padding-bottom:17px; overflow:hidden; position:relative; } #header-logo a { width:171px; height:84px; display:block; background:url(../images/ewanandco_logo.jpg) no-repeat; margin:0 auto; position:relative; top:0; left:-8px; } #header-quick-links { position:absolute; overflow:hidden; top:38px; right:41px; display:none; } #header-quick-links li { float:right; } #header-quick-links li a { width:23px; padding-top:22px; height:0; overflow:hidden; display:block; } #header-quick-links #ql-linked-in a { background:url(../images/linkedin_logo.jpg) no-repeat; } #header-quick-links #ql-linked-in a:hover { background:url(../images/linkedin_logo.jpg) no-repeat -23px 0; } #header-quick-links #ql-twitter a{ background:url(../images/twitter_logo.jpg) no-repeat; } #header-quick-links #ql-twitter a:hover { background:url(../images/twitter_logo.jpg) no-repeat -23px 0; } /****************************************************************************************** ****************************** BEGIN HEADER NAVIGATION ******************************** *******************************************************************************************/ #header-navigation { clear:both; background:url(../images/top_line.jpg) no-repeat; padding-top:17px; overflow:hidden; } #header-navigation li{ display:block; float:left; overflow:hidden; position:relative; } #header-navigation li a{position:relative; display:block; height:14px; padding:54px 0 19px; overflow:hidden; text-align:center; font-weight:bold; font-size:10px; text-decoration:none; float:left; } #header-navigation li.active a,#header-navigation li:hover a { color:#007; } #header-navigation li#nav-home a { background:url(../images/menu_home.jpg); width:55px; padding-left:22px; padding-right:8px;} #header-navigation li#nav-home a:hover,#header-navigation li#nav-home.active a{ background:url(../images/menu_home.jpg) -77px 0; } #header-navigation li#nav-about a { background:url(../images/menu_about.jpg); width:57px; padding-right:17px; } #header-navigation li#nav-about a:hover,#header-navigation li#nav-about.active a{ background:url(../images/menu_about.jpg) -57px 0; } #header-navigation li#nav-conveyancy a { background:url(../images/menu_conveyancy.jpg); width:85px; padding-right:10px;margin-left:3px;margin-right:3px; } #header-navigation li#nav-conveyancy a:hover,#header-navigation li#nav-conveyancy.active a{ background:url(../images/menu_conveyancy.jpg) -85px 0; } /*#header-navigation li#nav-wills a { background:url(../images/menu_wills.jpg); width:50px; }*/ #header-navigation li#nav-wills a { background:url(../images/menu_wills.jpg) scroll no-repeat 14px 0; width:80px; margin-left:8px; margin-right:8px; } /*#header-navigation li#nav-wills a:hover,#header-navigation li#nav-wills.active a{ background:url(../images/menu_wills.jpg) -50px 0; }*/ #header-navigation li#nav-wills a:hover,#header-navigation li#nav-wills.active a{ background:url(../images/menu_wills.jpg) -36px 0; } /*#header-navigation li#nav-relationship-agreements a { background:url(../images/menu_relationship.jpg); width:153px; }*/ #header-navigation li#nav-relationship-agreements a { background:url(../images/menu_relationship.jpg) scroll no-repeat -29px 0 transparent; width:83px; padding-left:5px; padding-right:5px; } /*#header-navigation li#nav-relationship-agreements a:hover,#header-navigation li#nav-relationship-agreements.active a{ background:url(../images/menu_relationship.jpg) -153px 0; }*/ #header-navigation li#nav-relationship-agreements a:hover,#header-navigation li#nav-relationship-agreements.active a{ background:url(../images/menu_relationship.jpg) -181px 0; } /*#header-navigation li#nav-insolvency a { background:url(../images/menu_insolvency.jpg); width:76px; }*/ #header-navigation li#nav-insolvency a { background:url(../images/menu_insolvency.jpg) scroll no-repeat 13px 0 transparent; width:96px; } /*#header-navigation li#nav-insolvency a:hover,#header-navigation li#nav-insolvency.active a{ background:url(../images/menu_insolvency.jpg) -76px 0; }*/ #header-navigation li#nav-insolvency a:hover,#header-navigation li#nav-insolvency.active a{ background:url(../images/menu_insolvency.jpg) -63px 0; } #header-navigation li#nav-trusts a { background:url(../images/menu_trusts.jpg); width:53px; padding-right:10px;margin-left:3px; } #header-navigation li#nav-trusts a:hover,#header-navigation li#nav-trusts.active a{ background:url(../images/menu_trusts.jpg) -53px 0; } #header-navigation li#nav-power-of-attorney a { background:url(../images/menu_powerofattorney.jpg); width:110px; } #header-navigation li#nav-power-of-attorney a:hover,#header-navigation li#nav-power-of-attorney.active a{ background:url(../images/menu_powerofattorney.jpg) -110px 0; } /*#header-navigation li#nav-commercial a { background:url(../images/menu_commercial.jpg); width:78px; padding-right:11px; }*/ #header-navigation li#nav-commercial a { background:url(../images/menu_commercial.jpg) scroll no-repeat 17px top; width:108px; padding-right:11px; } /*#header-navigation li#nav-commercial a:hover,#header-navigation li#nav-commercial.active a{ background:url(../images/menu_commercial.jpg) -99px 0; }*/ #header-navigation li#nav-commercial a:hover,#header-navigation li#nav-commercial.active a{ background:url(../images/menu_commercial.jpg) -82px 0; } /****************************** END HEADER NAVIGATION *********************************/ /****************************** END HEADER ********************************************/ /****************************************************************************************** ****************************** BEGIN MIDDLE ******************************************** *******************************************************************************************/ #middle { overflow:hidden; position:relative; clear:both; } #middle ul { list-style:none; margin:0 0 5px; padding:0; } #middle-column-left.column-left { width:466px; margin:0 0 0 12px; overflow:hidden; padding:15px 0 15px 15px; display:inline; } #middle-column-left.column-left p { line-height:22px; } #middle-column-right.column-right { width:264px; overflow:hidden; } #sub-nav-container { background:url(../images/whitenote_pixel.jpg); } #sub-nav { background:url(../images/note_divideline.jpg) no-repeat bottom center; padding:10px 0 19px; text-align:center; font-size:12px; } #sub-nav li { padding-right:10px; } #sub-nav a, #sub-nav a:link, #sub-nav a:visited { color:#929292; text-decoration:none; display:block; margin-bottom:15px; } #sub-nav a:hover, #sub-nav a:active, #sub-nav li.active a { color:#007; font-weight:bold; } #contact-info { background:url(../images/note_top.jpg) no-repeat; text-align:right; font-size:11px; padding:5px 66px 0 0; height:74px; } #contact-info p { margin-bottom:8px; color:#605f0b; letter-spacing:0.1px; } #contact-info p.address { font-size:9px; } #contact-form { background:url(../images/yellownote_pixel.jpg); overflow:hidden; margin:0; padding:0; } #contact-form .outer { background:url(../images/note_bot.jpg) no-repeat; overflow:hidden; height:218px; } #contact-form .inner { background:url(../images/note_bot_left.jpg) no-repeat bottom left; padding:27px 0 0; overflow:hidden; height:191px; } #contact-form input, #contact-form textarea { background:none; border:none; outline:none; display:block; width:180px; height:18px; margin-bottom:10px; color:#605F0B; margin-left:45px; } #contact-form textarea { height:83px; margin-bottom:0; resize:none; overflow:hidden; } #contact-form .submit { background:url(../images/but_send.jpg) no-repeat; width:109px; float:right; padding:0; height:48px; overflow:hidden; margin-bottom:0; cursor:pointer; display:block; text-indent:-9999px; } #contact-form .submit:hover { background:url(../images/but_send.jpg) no-repeat -109px 0; } #contact-form .outer .inner .imgbtn { position:absolute;z-index:2;left:0;top:0; } .inner { position:relative; } #middle div.bubble { padding:30px 75px 0 61px; height:77px; background:url(../images/quote_home.jpg) no-repeat; margin: 0 0 13px; color:#CCC; } #middle div.bubble p { margin:0 auto; font-style:italic; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; line-height:28px; } /****************************** END MIDDLE *******************************************/ /****************************************************************************************** ****************************** BEGIN FOOTER ******************************************* *******************************************************************************************/ #footer { clear:both; overflow:hidden; padding:11px 28px 0 34px; background:url(../images/bot_line.jpg) no-repeat; font-size:9px; margin-top:10px; overflow:hidden; } #footer #footer-copyright { float:left; margin-top:7px; } #footer #footer-credit { float:right; } #footer #footer-credit img { vertical-align:middle; } /****************************** END FOOTER ********************************************/ /************************************************ ****************************************** ****************************** BEGIN IMAGE REPLACEMENT ************************************ ******************************************************************************************/ .image-replace { background: no-repeat 0 0; display: block; height: 0; overflow: hidden; } h1.image-replace { padding-top:18px; } h2.image-replace { padding-top:16px; } /***************************** END IMAGE REPLACEMENT **************************************/ /****************************************************************************************** ****************************** BEGIN HOME PAGE OVERRIDES ****************************** *******************************************************************************************/ #home-page h1 { margin-bottom:17px; }