@import url('reset.css'); /* Main CSS doc for First Foundation Residential Mortgages | Copyright 2009 Created By Lift. (http://www.liftinteractive.com) */ /* Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px. 9px : 0.75em 10px : 0.8333em 11px : 0.9167em 12px : 1.0em 13px : 1.0833em 14px : 1.1667em 15px : 1.25em 16px : 1.3333em 17px : 1.4167em 18px : 1.5em 19px : 1.5833em 20px : 1.6667em 21px : 1.75em 22px : 1.8333em 23px : 1.9167em 24px : 2.0em 25px : 2.0833em 26px : 2.1667em 27px : 2.25em 28px : 2.3333em 29px : 2.4167em 30px : 2.5em 31px : 2.5833em 32px : 2.6667em */ /* Palette #333333 dark gray */ /* ** =global **************************/ body { background:#929292; color:#000; font-family:arial,helvetica,sans-serif; font-size:75%; margin:0; padding:0; overflow:auto; } strong,b { font-weight:bold; } em,i { font-style:italic; } p, ol, ul, h1, h2, h3, h4, h5, h6 { margin-bottom: 1em;} p { line-height:1.4; } h1, h2, h3, h4, h5, h6 { color:#0b68a2; font-size:1.5em; } a { color:#418fa5; text-decoration:none; cursor:pointer; } a.ext { background: url(../img/application_double.png) no-repeat top right; padding-right: 19px; } hr { background:#D9E3EC; border:0; color:#D9E3EC; height:1px; } .wrap { height:inherit; margin:0 auto; position:relative; width:940px; overflow:hidden; } body.news .wrap { overflow: visible; } img.left { float:left; margin:0 10px 5px 0; } img.right { float:right; margin:0 0 5px 10px; } textarea { height:150px; width:300px } td { padding:7px 0 0 0; } td.label { line-height:2; text-align:right; vertical-align:top; } th label { line-height:40px; } th { vertical-align:top; } input[type="button"] { background:#B12A1C; border:2px solid #9b2013; cursor:pointer; color:#FFF; font-size:1em; padding:3px 5px; } /* ** =branding **************************/ #branding { background:#5b8ec4 url('../img/header-blue.png') repeat-x 0 bottom; color:#fff; overflow:hidden; } #branding .wrap { height:160px; overflow:visible; } #branding #logo { background:transparent url('../img/logo-first-foundation.png') no-repeat 0 0; display:block; height:92px; position:absolute; bottom:30px; left:0; width:353px; z-index:1; text-indent:-9999em; } #branding h1 { margin: 0; } #locations { color:#fff; font-size: 15px; position:absolute; right:0; top:45px; text-align:right; width:500px; } #locations p { line-height: 15px; color: #cccccc; padding: 10px 0 0 0; font-size: 13px; text-align: right; } #locations em { font-size: 21px; font-style: normal; color: #fff; letter-spacing:0.03em; line-height: 29px; font-weight: bold; } #search-box { background: url(../img/search-bar-bg.png) no-repeat; display:block; position:absolute; top:0; right:0; height:45px; width:377px; z-index:99; } #search-input { margin:0; position:relative; } #search-input input { border:0; color:#666; font-size:1.0em; height:16px; padding:4px; position:absolute; top:7px; left: 171px; background-color: #cccccc; border: 1px solid #0c4b7b; width: 116px;} #search-box input.submit{ background: url(../img/search-button.png) no-repeat; cursor:pointer; color:#fff; height:auto; left:auto; right:18px; padding:6px; border: none; margin-right: -7px; margin-top: -1px; width: 64px; } #search-box input.submit:hover { background: url(../img/search-button.png) no-repeat 0 -28px; } #mortgageCalc { background: url(../img/search-border-left.png) no-repeat 165px 0; width: 167px; height: 39px; float: left; } #mortgageCalc a { width: 149px; height: 29px; background: url(../img/btn-mortgage-calc.png) no-repeat; display: block; margin: 6px 14px; } #mortgageCalc a:hover { background: url(../img/btn-mortgage-calc.png) no-repeat 0 -29px; } /* ** =nav **************************/ #nav { position: absolute; bottom: 0; right: 0; z-index:10; margin-bottom:-3px; padding: 0; text-shadow: 0 1px 0 #000; -moz-text-shadow: 0 1px 0 #000; -o-text-shadow: 0 1px 0 #000; -webkit-text-shadow: 0 1px 0 #000; } #nav a { text-decoration: none; color: #fff; display: block; background: url(../img/nav-border-sprite.png)no-repeat 0 0; height: 25px; padding: 15px 41px 0 0; text-indent: 30px; margin: -17px -16px 0 -13px; font-size: 13px; } #nav a:hover { background: url(../img/nav-border-sprite.png)no-repeat 0 -46px; height: 20px; } #nav li { padding: 15px 0 0 0; background: url(../img/nav-bg-sprite.png) repeat-x 0 -2px;float: left; list-style: none; margin: 0; height: 23px; } #nav li:hover { background: url(../img/nav-bg-sprite.png) repeat-x 0 -48px; } #nav li:first-child { background: url(../img/header-sprite.png) no-repeat 0 2px; padding-left: 6px; } #nav li:first-child a { background: none; } #nav li:first-child:hover { background: url(../img/header-sprite.png) no-repeat 0 -58px; } /*#nav { position:absolute; bottom:0; right:0; z-index:10; margin: 0; } #nav li { float:left; } #nav a { background:#efefef url('../img/bg-nav-item.jpg') repeat-x 0 bottom; color:#373737; cursor:pointer; display:block; font-size:1.0833em; float:left; margin-right:2px; padding:7px 14px 8px; } #nav a:hover { color:#b12a1c; } #nav a.current { background:#fff; } #nav td.label { line-height:1; } because jquery.corners uses tables in IE, and we don't want #nav items to be bigger! */ /* ** =spotlight **************************/ #spotlight { background:#fff; padding:11px 0 13px; } .col { float:left; margin-right:11px; font-size:1em; width:306px; } .last { margin-right:0; } .three .col { /*width:220px; padding: 25px 10px 0 75px; */font-size: 1.25em; } .three .col p { color:#999; margin:0 0.5em 1em 75px; } .three .col h2 { line-height:40px; font-size:20px; margin-bottom:0; } .three .col h2 a { color:#0B68A2; } .three .col h2 a:hover { color:#3d97cf; } .three .col a { display:block; height:68px; padding:25px 10px 0 75px; width:221px; } /* height:93px; width:306px; */ #col1 h2 a:hover { color:#8db1cc; } /* searchbar ***********************************/ .searchbar { background: #fff; } .searchbar table { margin: auto; } /* ** =mls-search **************************/ /**HORIZONTAL FOOTER**/ #quick-search.qs-1 { font-family: arial, helvetica, sans-serif; margin: auto; } #quick-search.qs-1 h2 { margin: 0; font-weight: bold; color: #fff; text-shadow:0 1px 2px rgba(0, 0, 0, 0.5); font-size: 15px; line-height: 21px; padding: 2px 0 0 0; } #quick-search.qs-1 .links1 { float: right; margin-right: 39px; margin-top: -38px; } #quick-search.qs-1 .links2 { float: right; margin-right: 66px; margin-top: -23px; } #quick-search.qs-1 .window { font-size: 7px; color: #c2d6e7; margin-top: -46px; margin-left: 110px; float: left; } #quick-search.qs-1 img { margin: 0} #quick-search.qs-1 form { background: url(../../media/img/bg-horizontal.png) repeat-x center top; margin: 0; padding-left: 10px; width: 931px; height: 75px; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin-bottom: -20px; border: 1px solid #000; box-shadow: 0 0 4px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5); } #quick-search.qs-1 select.options { margin: 0; width:120px; border: 1px solid #21140e; padding: 1px; font-size: 92%;} #quick-search.qs-1 select.options.short {width:102px;} #quick-search.qs-1 select.options.short.alt {margin-right: 0px;} #quick-search.qs-1 .submit-button {display: block; float: right; width:134px; height: 30px; background:url(../../media/img/find-button.png) no-repeat left top; border: none; margin-right:127px; margin-top: -4px; margin-bottom: 0px; cursor:pointer } #quick-search.qs-1 a {font-size: 85%; color: #fff; } #quick-search.qs-1 a:hover {color: #DCD7D3; text-decoration:none } /**SIDEBAR**/ #quick-search.qs-2 { margin: -9px 0 30px 0; width: 307px; font-family: arial, helvetica, sans-serif; } #quick-search.qs-2 .heading { margin: 2px 0 29px 23px; font-size: 16px; font-weight: bold; text-align: left; font-family: arial, helvetica, sans-serif; color: #fff; text-shadow:0 1px 2px rgba(0, 0, 0, 0.5);} #quick-search.qs-2 .links1 { float: right; margin-right: 60px; margin-top: -32px; } #quick-search.qs-2 .links2 { float: right; margin-right: 87px; margin-top: -20px; } #quick-search.qs-2 .window { font-size: 7px; color: #2f70a4; margin-top: -27px; margin-left: 20px; float: left; } #quick-search.qs-2 img { margin: 0 } #quick-search.qs-2 td { padding: 7px 0 0 0; } #quick-search.qs-2 form { background: url(../../media/img/bg-vertical.png) no-repeat center top; margin: 1px 0 0 0; padding: 11px 0 0 0; width: 307px; height: 250px; text-align:left; } #quick-search.qs-2 select.options { width:265px; margin: 0 0 18px 20px; border: 1px solid #21140e; padding: 0; font-size: 92%; } #quick-search.qs-2 select.options.short {width:118px;} #quick-search.qs-2 select.options.short.alt {margin-right: 6px;} #quick-search.qs-2 .submit-button { width:204px; height: 27px; background:url(../../media/img/find-button.png) no-repeat left top; border: none; margin-top: 0px; margin-bottom: 5px; margin-left: 20px; cursor:pointer } #quick-search.qs-2 a {font-size: 85%; color: #000; } #quick-search.qs-2 a:hover {color: #DCD7D3; text-decoration:none } position: absolute; top: 0; /* just used to show how to include the margin in the effect */ margin-top: 20px; border-top: 1px solid purple; padding-top: 19px; /* custom css for add this buttons */ #addthis_small { margin-left: 457px; margin-bottom: -15px; float: right; } .addthis_wrapper { position: absolute; top: 0; } .addthis_toolbox.addthis_32x32_style { margin: 0; background: #E4E3E1; width: 40px; padding: 10px; border: 1px solid rgba(0,0,0,0.4); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position:absolute; top: 0; margin-top: 43px; left: -83px; } .addthis_toolbox.addthis_32x32_style.fixed { position: fixed; top: 0; left: 50%; margin-left: -553px; } .addthis_default_style .at300b, .addthis_default_style .at300m { padding: 4px 0 0 4px; } /* custom column bg's for mortgage application page */ .apply #col1 a { background: url('../img/icons/applyonline.png') no-repeat;} .apply #col1 h2 a { color: #C3D3DF;} .apply #col1 h2 a:hover { color: #fff;} .apply #col1 p { color:#333; } .apply #col2 a { background: url('../img/icons/applyphone.png') no-repeat;} .apply #col3 a { background: url('../img/icons/downloadapplication.png') no-repeat;} /* custom column bg's for mortgage application page */ .learn #col1 a { background: url('../img/icons/blog.png') no-repeat;} .learn #col1 h2 a { color: #C3D3DF;} .learn #col1 p { color:#333; } .learn #col2 a { background: url('../img/icons/faq.png') no-repeat;} .learn #col3 a { background: url('../img/icons/mortgage-rates.png') no-repeat;} /* custom column bg's for online application page */ .online #col1 h2, .online #col2 h2, .online #col3 h2 { background: url('../img/stepbg.jpg') no-repeat; color: #C3D2DF; float: left; font-size: 12px; text-transform: uppercase; font-weight: bold; width: 65px; height: 75px; line-height: 25px; padding: 0 0 0 5px; text-indent: -5000px;} .online #col1 h2 { background: url('../img/step1.jpg') no-repeat; } .online #col2 h2 { background: url('../img/step2.jpg') no-repeat; } .online #col3 h2 { background: url('../img/step3.jpg') no-repeat; } .online #col1 p, .online #col2 p, .online #col3 p { color: #033b67; } /* homepage slideshow */ #slideshow { height:258px; overflow:hidden; position:relative; margin-bottom:11px; } #pagers { position:absolute; right:7px; bottom:6px; z-index:99; } #pagers a { background:transparent url('../img/bg-pager.png') no-repeat 0 -15px; color:#fff; display:block; font-size:10px; float:left; font-weight:bold; margin-left:3px; overflow:hidden; padding:1px 0 0 5px; height:14px; width:10px; } /* height:15px; width:15px; */ #pagers a.activeSlide { background-position:0 0; } /* jumpboxes */ #jumpboxes { overflow:hidden; } #jumpboxes h2 { margin:0; } #jumpboxes a { background:url('../img/bg-jumpboxes.jpg') no-repeat; color:#b6cfe0; display:block; font-family: arial,sans-serif; font-size:0.6667em; height:57px; line-height:1.1; padding:20px 5px 0 90px; } /* height:77px; */ #jumpboxes a em { color:#fff; display:block; font-size:1.5em; font-style:normal; font-weight:bold; margin-bottom:0.1667em; } #jumpboxes a:hover, #jumpboxes a:hover em { color:#FFF; } #jump-one { background-position:0 -236px !important; } #jump-one:hover { background-position:0 -314px !important; } #jump-two { background-position:-317px -236px !important; } #jump-two:hover { background-position:-317px -314px !important; } #jump-three { background-position:-634px -236px !important; } #jump-three:hover { background-position:-634px -314px !important; } .home #jumpboxes a { height:79px; font-size:.667em; padding:38px 20px 0 95px; } .home #jump-one { background-position:0 0 !important; padding-left:115px !important; padding-right:0 !important; } .home #jump-one:hover { background-position:0 -118px !important; } .home #jump-two { background-position:-317px 0 !important; } .home #jump-two:hover { background-position:-317px -118px !important; } .home #jump-three { background-position:-634px 0 !important; } .home #jump-three:hover { background-position:-634px -118px !important; } /* =twitter */ #twitter { margin-left: -11px; margin-top: 30px; margin-bottom: 30px; } #twitter h3 { background:url('../img/icon-twitter.gif') no-repeat 0 0; color:#0b93e5; font-weight:bold; padding-left:45px; text-transform:none; } #content #twitter h3 a { color:#a6a411; font-weight:normal; font-size:0.8333em; } #tweets ul#twitter_update_list { list-style:none; margin-right:40px; } #tweets ul#twitter_update_list li { color:#0a68a3; list-style:none; font-size:0.9167em; margin:0; } #tweets ul#twitter_update_list li > a { color:#a7a7a7; display:block; } /* new twitter */ .twtr-hd h3 { background: #095691 !important; } /* =gfx-btn */ a.gfx-btn { background:no-repeat 0 0; color:#fff; font-size:1.25em; font-weight:bold; height:39px; letter-spacing:-1; padding:20px 0 0 75px; display:block; } a.gfx-btn:hover { color:#D0E2EE; } div.blog .gfx-btn { background-image:url('../img/btn-more-blog.png'); } div.contact .gfx-btn, .gfx-btn.contact { background-image:url('../img/btn-contact-us.png'); } div.approved .gfx-btn { background-image:url('../img/btn-get-approved.png'); } /* Mortgage Calculator */ a.button { font-size:1.5em; color:#FFF; cursor:pointer; display:block; font-weight: bold; width:306px; height:63px; background:url(../img/mortgage-calculator.png) no-repeat; text-indent:100px; line-height:58px; margin-bottom:5px; text-shadow:0 1px 2px rgba(0, 0, 0, 0.5); } /*a.button:hover { color:#D0E2EE; }*/ a#mortgage_calculator { background:url(../img/mortgage-calculator.png) no-repeat; } a#mortgage_rates { background: url('../img/btn-mortgage-rates.png') no-repeat; height: 77px; line-height: 77px; } a#contact_us { background: url('../img/btn-contact.png') no-repeat; height: 59px; line-height: 59px; } /*#mortgage_calculator a { font-size:19px; color:#FFF; }*/ /* ** =content **************************/ #content { background:#fff url('../img/bg-gradient.jpg') repeat-x 0 0; padding:30px 0; overflow:hidden; } #content h1, #spotlight h1 { border: solid #d5d5d5; border-width: 1px 0; color:#900; font-family:georgia,'times new roman',serif; font-size:2em; margin-bottom:0.667em; padding: 0.25em 0; letter-spacing:-1px; } .three #spotlight h1 { margin-top: 1em; } #content h1 a { color:#b12a1c; } #content h2 { margin:1.5em 0 0.5em; } #content h2 a { color: #0B68A2; } #content h3 { color:#787878; font-size:1.25em; margin:1.5em 0 0.5em; text-transform:uppercase; } #content h3.blog { color: #658fa5; text-align: right; font-size: 1.667em; text-transform: none; } #sub-content h3:first-child { margin-bottom: -0.5em; } #content h4 { font-size:1.1667em; } #main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 { font-family:georgia,'times new roman',serif; } #content h1 a:hover, #content h2 a:hover { color: #418fa5; } #content p strong.attn { color:#B12A1C; font-style:italic; font-weight:bold; } #content li { margin-left:2em; line-height:1.4; } #content ol li { list-style-type:decimal; } #content ul li { list-style-type: disc; } ul#subnav li { list-style-type: none;} #subnav ul li { list-style-type: none; } /* breadcrumbs styling */ .crumbs { margin: 0 0 15px 0; width: 586px; border: 4px double #d9d9d9; padding: 3px; color: #9e9e9e; } .crumbs a { padding: 2px; margin: 2px 0; } /* =main-content */ #main-content { color:#363636; float:left; font-size:1.1667em; width:600px; } .home #main-content, .demi #main-content { width:auto; } .half #main-content { width:450px; } .wide #main-content, .online #main-content { width:940px; } #content .split-50 { display: inline; float: left; width: 50%; } #content .split-50 h2 { clear: left; } #content .split-50 h3 { font-family: Arial; color: #000; text-transform: none; font-size: 20px; font-weight: bold; padding: 0 0 5px 2px; border-bottom: 1px solid #000; width: 90%; } #content .split-50 .edm table, #content .split-50 .cal table { margin-bottom: 40px; } #content .split-50 .maps { display: block; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #8f9091; box-shadow: inset 0 2px 3px rgba(0,0,0,0.15), 0 0 0 3px #eeeeee; -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.15), 0 0 0 3px #eeeeee; -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.15), 0 0 0 3px #eeeeee; margin: 0 10px; } #content .disclaim { width: 300px; display: block; font-size: 14px; line-height: 20px; font-style: italic; color: #8f9091; margin-top: 44px; } #content .creden { font-size: 14px; color: #8f9091; margin: 0 0 5px 10px; text-align: left; } #content .creden span { color: #ff0000; } #content .bbbright { float: right; text-align: right; margin: 100px 40px 0; } #content .bbbright img { float: right; margin: 0 0 0 10px; } #content .bbbright a { color: #1971a7; text-decoration: none; display: block; margin: 150px 0 50px; } #content .bbbright a:hover { color: #1075a9; text-decoration: none; } #content .split-50 table { margin: 0; } #content .split-50 table input { float: left; width: 390px; padding: 8px; font-size: 14px; font-family: Helvetica; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #8f9091; box-shadow: inset 0 2px 3px rgba(0,0,0,0.15), 0 0 0 3px #eeeeee; -moz-box-shadow: inset 0 2px 3px rgba(0,0,0,0.15), 0 0 0 3px #eeeeee; -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.15), 0 0 0 3px #eeeeee; margin: 0 10px; } #content .split-50 table input.btn { width: auto; color: #fff; font-weight: bold; padding: 5px 15px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); background: #1075a9; border: 1px solid #154d7e; border-radius: 2px; box-shadow: inset 0 12px 1px rgba(14,84,145,0.7), 0 2px 2px #eeeeee; } #content .split-50 table textarea { float: left; width: 390px; height: 70px; padding: 8px; font-size: 14px; font-family: Helvetica; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #8f9091; box-shadow: inset 0 2px 3px rgba(0,0,0,0.15), 0 0 0 3px #eeeeee; margin: 0 10px; } #content .split-50 table td { font-size: 14px; color: #393838; } #content .split-50 table td.address { vertical-align: top; text-align: right; color: #8f9091; font-size: 14px; padding: 0 16px; } #content .split-50 table td.bold { font-weight: bold; } #main-content p { margin-bottom:1.25em; } #main-content h2 span { color:#D9E3EC; font-size:4em; font-family:georgia,serif; /*margin-right:-0.1667em; line-height: .25em;*/ /*padding-bottom:44px; vertical-align:middle;*/ } #main-content h2.num { margin:-1em 0 0.5em; } #main-content p.special2 { margin: 2em 0;} #main-content p.special2 a { color:#FFF; background: url(../img/subscribe-button-sprite.png) no-repeat 0 0; padding: 24px 14px 27px 88px; font-size: 18px; text-shadow: 0 1px 1px #000; margin: 30px 0; display: block; } #main-content p.special2 a:hover { background: url(../img/subscribe-button-sprite.png) no-repeat 0 -76px; color: #eefdff; } #main-content p.special a { color:#FFF; background: #008027 url(../img/sub-bg.png) repeat-x bottom; padding: 11px 30px 11px 30px; font-size: 18px; text-shadow: 0 1px 1px #000; margin: 30px 0; border: 1px solid #040404; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: inset 0 1px 0 #47a363; -moz-box-shadow: inset 0 1px 0 #47a363; -webkit-box-shadow: inset 0 1px 0 #47a363; } #main-content p.special a:hover { color: #eefdff; } #main-content blockquote { background:#dfdfdf url('../img/bg-blockquote.gif') no-repeat 15px 15px; margin:3em 0; padding:1em 50px 0.25em; } #main-content blockquote p { font-size:1.1667em; font-style:italic; } /* =sub-content */ #sub-content { float:right; width:306px; } .home #sub-content, .wide #sub-content, .online #sub-content, .demi #sub-content { display:none; } .half #sub-content { width:450px; } /*#sub-content a { color:#fff; }*/ #subnav { list-style: none; width: 312px; margin-left: -3px; } #subnav a { text-decoration: none; color: #fff; text-shadow: 0 1px 1px #000; font-size: 15px; font-family: arial; font-weight: bold; } #subnav a:hover { color: #def4fe; } #subnav li { padding: 15px 0 14px 29px; background: url(../img/subnav-sprite.png) no-repeat 0 -50px; list-style-type: none; margin: 0; line-height: 1; } #subnav li:first-child { background: url(../img/subnav-sprite.png) no-repeat; } #subnav li:last-child { background: url(../img/subnav-sprite.png) no-repeat 0 -150px; } #btn-calc { background:url('../img/btn-calculator.png') no-repeat 0 0; display:block; height:50px; margin-bottom:2em; text-indent:-9999em; width:306px; } .blurb { } #content .blurb h2 { background:#0a5a8c url('../img/bg-blurb-h2.png') repeat-x 0 0; border-bottom: 1px solid #fff; color:#fff; font-weight: bold; margin:0; padding:9px 20px; text-shadow:0 1px 2px rgba(0, 0, 0, 0.5); } #content .blurb h2 a { color:#fff; } #content .blurb h2 a:hover { color:#CFE1ED; } #content .blurb.light h2{ background:#bababa; color:#818181; } .blurb-content { background:#acc8dd url('../img/bg-blurb-content.png') repeat-x 0 0; color:#07548f; font-size:1.1833em; margin-bottom:2em; padding:10px 20px; } .blurb-content.light { background:#e0e0e0; color:#818181; } #content .blurb-content li { background: url('../img/bg-blurb-list.png') no-repeat 0 7px; font-weight: bold; list-style-type: none; margin: 0; padding: 0 0 0 20px; line-height:1.6; } .blurb-content p { line-height:1.2; } .blurb a { color:#07548f; } .blurb a:hover { color:#5495BE; } /* Blurb click_to_call */ #click_to_call_blurb { float:left; padding-top:1em; width:306px; } #click_to_call_head { background:url('../img/btn-click-to-call.gif') no-repeat 0 0; display:block; overflow:hidden; text-indent:-9999em; height:52px; width:306px; } #click_to_call { background:#efeedc; height:120px; margin:0 10px; padding:5px 3px 10px; position:relative; height:120px; width:280px; } .home #click_to_call_head { background-position:0 -52px; width:286px; } .home #click_to_call_blurb { padding-top: 0; width:286px; } .home #click_to_call { width:260px; } #l1,#i1,#l2,#i2 { position:absolute; } #l1,#l2 { left:20px; } #i1,#i2 { right:15px; } #l1,#i1 { top:15px; } #l2,#i2 { top:55px; } #click_to_call label { color:#5a590e; float:left; font-size:12px; line-height:25px; font-style:italic; text-align:right; white-space:nowrap; width:100px; } #click_to_call input { color:#666; float:left; font-size:1em; padding:3px 0 1px; width:120px; } #click_to_call input.submit { position:absolute; color:#333; padding:0; width:auto; bottom:10px; right:15px; } /* =home content */ .home #main-content h2 { color: #900; border-bottom: 1px solid; font-size: 24px; margin-top:0; padding: 0 0 0.1667em 0; } #news p, #specialize p { margin-right:1.5em; font-size:1em; } /*#specialize h2 { font-size:1.25em; font-weight:bold; margin-right:1em; margin-top:0; }*/ #news h3 { font-size:1.1667em; margin-bottom:0.25em; margin-top:14px; text-transform: none; } #news h3 a { color:#0B68A2; } #news h3 a:hover { color:#418fa5; } #news p { font-size:0.9167em; margin-bottom:1em; } .home p.date { font-size:0.75em !important; } #specialize { color:#515151; } /* =rates table */ #rates table { border-spacing:1px; } #rates tr td { background:#e6f0f6 url('../img/bg-rates-tbl.jpg') repeat-x 0 -40px; color:#074d7e; font-size:.9em; height:19px; padding:5px 15px; width:120px; } /* height:29px; width:150px; */ #rates tr.odd td { background-color:#cfe1ed; background-position:0 -70px; } #rates thead td { background:#5495be url('../img/bg-rates-tbl.jpg') repeat-x 0 0; color:#fff; font-size:1em; font-weight:bold; height:25px; padding:9px 15px 5px; } /* height:39px; */ #rates p { color:#666; font-size:0.8333em; margin-bottom:0.5em; margin-top: 2em; } .home #rates h2 { display:none; } .home #rates p { font-size:0.75em; } #rates p a.all { font-size: 1.5em;} #rates p a.all:hover { color: #07548F; } /* =file-list */ .file-list li span { color:#666; font-size:0.9167em; } /* ** =news **************************/ p.date { color:#767676; margin-bottom:0.25em !important; text-transform:uppercase; } a#subscribe { background:url('../img/icon-rss.png') no-repeat 0 0; display:block; padding:0 0 5px 45px; line-height:1.5; font-size:1.75em; margin-bottom:1em; } a#subscribe:hover { color:#B12A1C; } #main-content .commentList li { list-style-type:none; margin:0; } #main-content .commentList blockquote { background-image:url('../img/bg-quote.gif'); margin:1.5em 0; } #main-content blockquote cite { color:#666; display:block; font-style:italic; margin-bottom:1em; } #main-content blockquote cite span { font-size:0.9167em; color:#999; } #social-links { margin: 1.5em 0 2.5em; } #social-links p { color: #808080; font-size: 1.333em; margin-bottom: 0.25em; } #social-links ul { border: solid #d9d9d9; border-width: 1px 0; padding: 1em 0; overflow: hidden; list-style-type: none; } #content #social-links li { float: left; list-style-type: none; margin: 0 0 0 3px; } #content #social-links li:first-child { margin-left: 0; } #social-links a { background: url('../img/bg-social-links.png') no-repeat 0 0; display: block; text-indent: -999em; height: 74px; width: 74px; } #social-links a.email { background-position: -77px 0px; } #social-links a.twitter { background-position: -154px 0px; } #social-links a.fbook { background-position: -231px 0px; } /* =social-bar */ #social-bar { overflow: hidden; width: 160px; } #social-bar p { color: #999898; float: left; font-size: 12px; margin-top: 4px; } #social-bar ul { float: right; list-style-type: none; } #content #social-bar li { float: left; list-style-type: none; margin-left: 1px; } #social-bar a { background: url('../img/bg-social-mini.png') no-repeat 0 0; display: block; float: left; text-indent: -999em; height: 22px; width: 22px; } #social-bar a.email { background-position: -24px 0px; } #social-bar a.twitter { background-position: -48px 0px; } #social-bar a.fbook { background-position: -71px 0px; } /* ** =search-results **************************/ #search-results { } #search-results p.search_score { color:#6bb8ce; font-size:1em; margin-bottom:1em; } #search-results h3 { margin-bottom:0; } /* ** =sitemap **************************/ #sitemap, #sitemap ul { /*list-style-position:inside;*/ } #sitemap li { color:#418FA5; font-size:1.1667em; line-height:1.4; } #sitemap li ul { list-style-type:disc; margin-left:25px; /*list-style-position:inside;*//* margin-left:20px;*/ } #sitemap li li { font-size:1em; } /* ** =site-info **************************/ #site-info { background: url(../img/footer-bg.png) repeat-x; width: 100%; border-top: 1px solid #000; box-shadow: 0 -2px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 -2px 3px rgba(0,0,0,.4); -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,.4); color:#d1d1d1; font-size:11px; width: 100%; text-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-text-shadow: 0 1px 1px rgba(0,0,0,0.5); -webkit-text-shadow: 0 1px 1px rgba(0,0,0,0.5); position: absolute; } #site-info a { color:#fff; } #site-info a:hover { color: #ececec; } #site-info p { margin-bottom:0; } #site-info span, #site-info span a { color:#fff; } #copyright a { color:#d1d1d1; font-weight:bold; text-decoration: none; } #copyright { text-align: right; font-family: Arial; float: right; margin-top: 150px; margin-right: 0; color: #fff; font-weight: bold; } #site-info #copyright .lift { color: #fff; font-family: georgia; font-weight: bold; font-style: italic; } #footer-menu { height: 228px; width: 230px; border-right: 1px solid #000; float: left; box-shadow: 1px 0 0 rgba(255,255,255,0.3); -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.3); -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.3);} #footer-menu ul { list-style-type: none; font-family: Arial; font-weight: bold; font-size: 14px; display: block; margin: 0; height: 183px; padding: 18px 0; margin-top: 5px; } #footer-menu li { margin: 4px 0; background: url(../img/arrow.png) 194px 0 no-repeat; } #footer-menu li a { color: #fff; text-decoration: none; } #footer-links { width: 600px; float: right; margin-top: 0; } ul.social { position: absolute; top: 15px; right: -70px; } ul.social li { text-indent: -9999px; list-style: none; } ul.social li.linked a { position: absolute; top: 0; right: 250px; height: 50px; width: 50px; background: url(../img/footer-sprite.png) no-repeat 0 -120px; } ul.social li.linked a:hover { background-position: -50px -120px; } ul.social li.twit a { position: absolute; top: 0; right: 190px; height: 50px; width: 50px; background: url(../img/footer-sprite.png) no-repeat 0 -180px; } ul.social li.twit a:hover { background-position: -50px -180px; } ul.social li.youtu a { position: absolute; top: 0; right: 130px; height: 50px; width: 50px; background: url(../img/footer-sprite.png) no-repeat 0 -240px; } ul.social li.youtu a:hover { background-position: -50px -240px; } ul.social li.faceb a { position: absolute; top: 0; right: 70px; height: 50px; width: 50px; background: url(../img/footer-sprite.png) no-repeat 0 -300px; } ul.social li.faceb a:hover { background-position: -50px -300px; } span.ridgediv { display: block; width: 233px; border-bottom: 1px solid #000; position: absolute; top: 68px; right: 0; box-shadow: 0 1px 0 #afafaf; -webkit-box-shadow: 0 1px 0 #afafaf; -moz-box-shadow: 0 1px 0 #afafaf; } .subscr, .frss { font-family: Arial; font-size: 12px; font-weight: bold; color: #fff; position: absolute; top: 85px; right: 103px; } .frss { top: 125px; right: 34px; } .subscr a.btnsub { background: url(../img/footer-sprite.png) 0 -60px no-repeat; text-decoration: none; width: 100px; height: 12px; display: block; padding: 7px 14px 12px; position: absolute; top: -6px; right: -135px; font-size: 14px; font-weight: bold; } .subscr a.btnsub:hover { background-position: 0 -90px; } .frss a.btnrss { background: url(../img/footer-sprite.png) 0 0 no-repeat; text-indent: -9999px; width: 25px; height: 25px; display: block; position: absolute; top: -6px; right: -33px; } .frss a.btnrss:hover { background-position: 0 -30px; } /***** GET SATISFACTION CUSTOM ******/ body a#fdbk_tab { top: 40%; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; background: url(../img/btn-feedback.png) no-repeat #B12A1C; box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); opacity: 0.9; transition-property: opacity; transition-duration: 0.75s; transition-delay: 0; -moz-transition-property: opacity; -moz-transition-duration: 0.75s; -moz-transition-delay: 0; -webkit-transition-property: opacity; -webkit-transition-duration: 0.75s; -webkit-transition-delay: 0; -o-transition-property: opacity; -o-transition-duration: 2s; -o-transition-delay: 0; } body a#fdbk_tab:hover { opacity: 1; } /* ** =tagcloud **************************/ #tagcloud { } #tagcloud a:hover { color: #333; } #tagcloud .size-1 { font-size: 1em; } #tagcloud .size-2 { font-size: 1.1667em; } #tagcloud .size-3 { font-size: 1.25em; } #tagcloud .size-4 { font-size: 1.333em; } #tagcloud .size-5 { font-size: 1.5em; } #tagcloud .size-6 { font-size: 1.6667em; } /* ** =corners **************************/ .cornerTL { border-radius:12px 0 0; -webkit-border-radius:12px 0 0; -moz-border-radius:12px 0 0; -khtml-border-radius:12px 0 0; behavior: url(border-radius.htc); } .cornerTR { border-radius:0 12px 0 0; -webkit-border-radius:0 12px 0 0; -moz-border-radius:0 12px 0 0; -khtml-border-radius:0 12px 0 0; behavior: url(border-radius.htc); } .cornerBR { border-radius:0 0 12px 0; -webkit-border-radius:0 0 12px 0; -moz-border-radius:0 0 12px 0; -khtml-border-radius:0 0 12px 0; behavior: url(border-radius.htc); } .cornerBL { border-radius:0 0 0 12px; -webkit-border-radius:0 0 0 12px; -moz-border-radius:0 0 0 12px; -khtml-border-radius:0 0 0 12px; behavior: url(border-radius.htc); } /*.corners { background: red; padding: 1em; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; -khtml-border-radius:12px; behavior: url(border-radius.htc); }*/ .blurb h2 { border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; -khtml-border-radius:12px 12px 0 0; behavior: url(border-radius.htc); } .blurb-content { border-radius:0 0 12px 12px; -webkit-border-radius:0 0 12px 12px; -moz-border-radius:0 0 12px 12px; -khtml-border-radius:0 0 12px 12px; behavior: url(border-radius.htc); }