/* Theme Name: Petra Trust Theme Theme URI: http://localhost:8080/petra/ Description: This is just a BLANK starter WordPress Theme template -- WordPress v3.0.1 Author: Amazing Sey Author URI: http://kavamediagh.com Version: 1 */ /* FONTS */ @font-face { font-family: 'DINWebPro'; src: url('fonts/din_pro/dinwebpro.eot'); src: url('fonts/din_pro/dinwebpro.eot?#iefix') format('embedded-opentype'), url('fonts/din_pro/dinwebpro.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINWebProItalic'; src: url('fonts/din_pro/dinwebpro-ita.eot'); src: url('fonts/din_pro/dinwebpro-ita.eot?#iefix') format('embedded-opentype'), url('fonts/din_pro/dinwebpro-ita.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINWebProMedium'; src: url('fonts/din_pro/dinwebpro-medium.eot'); src: url('fonts/din_pro/dinwebpro-medium.eot?#iefix') format('embedded-opentype'), url('fonts/din_pro/dinwebpro-medium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINWebProMediumItalic'; src: url('fonts/din_pro/dinwebpro-mediumita.eot'); src: url('fonts/din_pro/dinwebpro-mediumita.eot?#iefix') format('embedded-opentype'), url('fonts/din_pro/dinwebpro-mediumita.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINWebProBold'; src: url('fonts/din_pro/dinwebpro-bold.eot'); src: url('fonts/din_pro/dinwebpro-bold.eot?#iefix') format('embedded-opentype'), url('fonts/din_pro/dinwebpro-bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINWebProBoldItalic'; src: url('fonts/din_pro/dinwebpro-boldita.eot'); src: url('fonts/din_pro/dinwebpro-boldita.eot?#iefix') format('embedded-opentype'), url('fonts/din_pro/dinwebpro-boldita.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumBdRegular'; src: url('fonts/titillium/titillium-black-webfont.eot'); src: url('fonts/titillium/titillium-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titillium/titillium-black-webfont.woff') format('woff'), url('fonts/titillium/titillium-black-webfont.ttf') format('truetype'), url('fonts/titillium/titillium-black-webfont.svg#TitilliumBdRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumBdBold'; src: url('fonts/titillium/titillium-bold-webfont.eot'); src: url('fonts/titillium/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titillium/titillium-bold-webfont.woff') format('woff'), url('fonts/titillium/titillium-bold-webfont.ttf') format('truetype'), url('fonts/titillium/titillium-bold-webfont.svg#TitilliumBdBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumLtBold'; src: url('fonts/titillium/titillium-light-webfont.eot'); src: url('fonts/titillium/titillium-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titillium/titillium-light-webfont.woff') format('woff'), url('fonts/titillium/titillium-light-webfont.ttf') format('truetype'), url('fonts/titillium/titillium-light-webfont.svg#TitilliumLtBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumRegular'; src: url('fonts/titillium/titillium-regular-webfont.eot'); src: url('fonts/titillium/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titillium/titillium-regular-webfont.woff') format('woff'), url('fonts/titillium/titillium-regular-webfont.ttf') format('truetype'), url('fonts/titillium/titillium-regular-webfont.svg#TitilliumRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumBold'; src: url('fonts/titillium/titillium-semibold-webfont.eot'); src: url('fonts/titillium/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titillium/titillium-semibold-webfont.woff') format('woff'), url('fonts/titillium/titillium-semibold-webfont.ttf') format('truetype'), url('fonts/titillium/titillium-semibold-webfont.svg#TitilliumBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TitilliumLtRegular'; src: url('fonts/titillium/titillium-thin-webfont.eot'); src: url('fonts/titillium/titillium-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/titillium/titillium-thin-webfont.woff') format('woff'), url('fonts/titillium/titillium-thin-webfont.ttf') format('truetype'), url('fonts/titillium/titillium-thin-webfont.svg#TitilliumLtRegular') format('svg'); font-weight: normal; font-style: normal; } @media screen { /* html5 resets */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body{line-height:1;} article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary{display:block;} nav ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;} ins{background-color:#ff9;color:#000;text-decoration:none;} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help;} table{border-collapse:collapse;border-spacing:0;} hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;} input, select{vertical-align:middle;} ol, ul{list-style:none outside none;} /* Typography styles =============================================================== */ /* ===== colors petra blue: #1D3764, #4A5F83, #7787A2, #A5AFC1, #E8EBEF petra orange: #F89822 */ body{ font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;} /* Link styles */ a{outline:none;text-decoration:none; color:#1B3564;} a:hover{color:#DE7D06;} /* heading styles */ h1,h2,h3,h4,h5,h6 { color:#333333;margin:0 0 10px; } h1,h2,h3,h4{ font-family:"DINWebPro", Gadget, sans-serif } .decide h1, .decide h2, .decide h3, .decide h4{ font-family:"TitilliumRegular", Gadget, sans-serif } h1{ font-size:32px; line-height:1.5em; font-family:"DINWebPro", Gadget, sans-serif } .decide h1{ font-size:32px; line-height:1.5em; font-family:"TitilliumRegular", Gadget, sans-serif } h2{ font-size:24px; } h3{ font-size:20px; } h4{ font-size:15px; } p { margin:0 0 1.5em;line-height:1.5; } p.meta { margin:0 0 0.5em 0; } strong { font-weight:bold;} /* Base layout styles ============================================================== */ html { /*text-align:center;width:100%;*/ background:#F9FAFB url(images/bg_body.png) 0 0 repeat-x;} body { background:transparent url(images/bg_body_top.png) center 128px repeat-x; height:100%;text-align:left;width:100%; } html.page { background:#fff url(images/bg_body_sub_page.png) 0 0 repeat-x;} html.page body{ background-position:center 128px; } .container{width:960px; margin:0 auto; } #page-wrap{width:960px; margin:0 auto; } .lft{float:left;}.rgt{float:right;} .clr{clear:both;height:0px;}.clear{clear:both;} .rounded{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .rounded-big{ border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; } .shadow { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; } .home .shadow.container { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; } .shadow:nth-child(1n) { border: none; } /* reset border for smart browsers */ .home .shadow { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .row{margin:0 auto;width:960px;} /* Header styles =================================================================== */ /* header */ header {margin:0 auto;width:960px;} /* logo */ #logo,#logo a{width: 172px;height: 50px;} #logo{background: transparent url(images/logo.png) no-repeat;margin:40px 0 0 0;float:left;} #logo a{float: left;} #logo span{position: absolute;margin-left: -9999px;} /* contact social */ #search-menu{ width:750px; height:125px;} /* menu */ .menu{display:block; height:40px; float:left; width:100%; margin-top:20px;} .menu ul{float:right;} .menu ul li{float:left;} .menu ul li a{ font-family: "DINWebProMedium", Arial, Helvetica, sans-serif; color:#757575;font-size:16px; font-weight:normal; display:block;text-decoration:none; padding:7px 12px;text-shadow:0 1px 0 #fff; } .decide .menu ul li a{ font-family:"TitilliumRegular", Gadget, sans-serif } .menu ul li a.active, .menu ul li a:hover{ color:#1D3764;} .menu ul li a:hover, .sf-menu li.sfHover > a{ color:#fff; background:transparent url(images/trans_dot.png) repeat 0 0; text-shadow:none; -moz-border-radius-topleft: 6px; -khtml-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; /*--top right rounded corner.menu ul li:first-child > a--*/ -moz-border-radius-topright: 6px; -khtml-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px;} .menu ul li a span{ color:#E48107;} .menu ul li a:hover,.menu ul li.sfHover a span{ color:#567792;} li#menu-item-105 a, li#home_link a{padding-left:1.5em; padding-right:1.5em;} .menu ul li:last-child a{ padding-right:2px;} /**with sf**/ .sf-menu, .sf-menu *{list-style:none outside none;margin:0;padding:0;} .sf-menu ul{position:absolute;top:-999em;width:19em;z-index:999;} .sf-menu ul li{width:100%;} .sf-menu li:hover{visibility:inherit;} .sf-menu li{float:left;position:relative;} .sf-menu a{display:block;position:relative;} .sf-menu ul li a{ text-shadow:none;} .sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0;top:2.5em;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul{top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{left:19.4em;top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul{top:-999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul{left:20em;top:0;} .sf-menu{float:left;} .sf-menu a{text-decoration:none; display:block;color:#fff;} .sf-menu li li, .sf-menu li li li{} .sf-menu li li a, .sf-menu li li li a{ font-size:13px;color:#fff; padding:8px 15px;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:hover, .sf-menu a:active{outline:0;color:#fff;} .sf-menu a:focus{color:#F5984B;} .sf-menu a.sf-with-ul{padding-right:1.5em;min-width:1px;} .sf-sub-indicator{/*position:absolute;display:block;right:.75em;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden; background:url(images/arrows-ffffff.png) no-repeat -10px -100px;*/} a > .sf-sub-indicator{top:.8em;background-position:0 -100px;} a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;} .sf-menu ul .sf-sub-indicator{background-position:-10px 0;} .sf-menu ul a > .sf-sub-indicator{background-position:0 0;} .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;} .sf-shadow ul ,.menu #nav.sf-menu ul{/*background:url(images/shadow.png) no-repeat bottom right;*/padding:0 5px 6px 0;background:transparent url(images/trans_dot.png) repeat 0 0 ;/*--bottom right rounded corner--*/ -moz-border-radius-bottomleft: 6px; -khtml-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; /*--bottom right rounded corner-moz-box-shadow: 3px 3px 1px #E8E8E8; -webkit-box-shadow: 0 0 10px #bbb; box-shadow: 0 0 10px #bbb;--*/ -moz-border-radius-bottomright: 6px; -khtml-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -khtml-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-right:solid 1px #ccc;border-bottom:solid 1px #ccc; } .sf-shadow ul.sf-shadow-off{background:transparent;} /****/ /* secondary menu, search */ #net-search{margin-top: 30px; display:block; overflow:hidden;} #login-menu{ width: 270px; } #search-site{ width: 220; margin-left:10px; } /** search **/ .search{ position:relative;} .search input,.search .holding .holder{font:12px "DINWebPro",Arial,sans-serif;} .search .holding .holder{line-height:36px;padding-left:6px;color:#555;} .search input{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;padding:4px 12px 5px;width:178px;background:rgba(255,255,255,0.6);} .search .glass{display:block;position:absolute;left:179px;top:6px;cursor:pointer;background:none;} .search .glass i{background-image:url(images/sprite-icons2.png);background-position:-19px 0;width:14px;height:14px;display:block;font-size:0;} .search form .holding input{border:none!important;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2);background-color:white;color:#567792;opacity:.7;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;} .search form .holding:hover span{color:#777;} .search form .holding:hover input{opacity:.9;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);} .search form .holding input:focus,.search form .holding input.focused{-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9) -moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);opacity:1;outline:none;} /* login links */ #login-menu ul, #login-menu li{ float:left; } a.blue-button, a.orange-button{font-family: "DINWebProMedium", Arial, Helvetica, sans-serif; font-size:14px; display:block;text-decoration:none; padding:5px 12px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; float:left; text-shadow:0 1px 0 #fff; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc;} #login-menu a.blue-button, #login-menu a.orange-button{color:#1D3764; background:#F0F1F1 url(images/petra_arrows.png) no-repeat 0 -25px; } #login-menu a.blue-button:hover, #login-menu a.orange-button:hover {color:#E48107; background:#F0F1F1 url(images/petra_arrows.png) no-repeat 0 -25px;} #login-menu a.orange-button {margin-left: 20px; } /* Main Content Sections =========================================================== */ /* Banners =========================================================== */ #banner-wrapper{ width:960px; height:340px; margin-top: 13px; } .banner{height:340px;width:960px;color:#E7E7E7;} #slider-wrapper { width: 960px; height: 340px; float: left; position: relative;} .anythingSlider { background: transparent; display: inline; } .home .banner div.headings { float:left; width: 440px; padding-top:30px; } .home .banner div.imgs { position:relative; float:left; height: 340px; width: 960px; background: transparent url(images/bg_banner_img.png) no-repeat scroll top right;} .home .banner div.imgs img{ width:470px; height:240px; } .home .banner div.headings h1{ width: 400px; font-size: 3.1em; margin-bottom: 15px; line-height: 1.2em; color:#E9E5E3; text-transform:uppercase; font-weight:normal; } .home .banner div.headings h1 em{ color:#4A5F83; font-style:normal; } .home .banner div.headings h1 strong{ color:#F79721; } .banner .buttons{ margin-top:0; } .home .banner div.headings h2 { font-weight:normal; font-size: 1.6em; line-height: 1.2em; width: 400px; color:#9F9F9F; margin-bottom: 20px; /*text-shadow:0 2px 0 #fff;#33A5E8*/ } .home .banner a.banner-link { color:#4A5F83; font-family: "DINWebPro", Arial, Helvetica, sans-serif; font-size:1.6em; text-decoration:none; padding:0; } .decide .banner a.banner-link{ font-family:"TitilliumRegular", Gadget, sans-serif } .home .banner a.banner-link:hover {color:#F79721; } .banner a.white-button:hover { background-image: none; } .home .banner a.white-button {margin-left: 30px; } /* Slider Styles===================================================== */ .anythingSlider { width: 960px; height: 340px; float: left; position: relative; } .anythingSlider .wrapper { width: 960px; overflow: auto; height: 340px; margin: 0px; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider ul li { display: block; float: left; padding: 0; height: 340px; width: 960px; margin: 0; position: relative;} .anythingSlider .arrow { display: block; height: 340px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -100px; } .anythingSlider .back { background-position: -67px 0; left: -100px; } .anythingSlider .forward:hover { background-position: 0 -342px; } .anythingSlider .back:hover { background-position: -67px -342px; } #thumbNav { position: relative; top: 240px; left: 0; width: 200px;} #thumbNav a { font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 0em; display: inline-block; padding: 0px 0px; text-align: center; height: 12px; line-height:12px; width: 12px; margin: 0 10px 0 0; background-color:#4A5F83;border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -khtml-border-radius: 12px; } #thumbNav a:hover { background-color:#666; } #thumbNav a.cur { background-color:#F79721; } #start-stop { display: none;} #start-stop.playing { background-color: red; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /**** post ****/ .post{margin-top:30px; color:#E9E5E3; } .post h2{ color:#E9E5E3;} /* home about us section */ .about-section {margin-top:-40px; } #about-services-news ul.ctls, #about-services-news{width:960px; height:250px;margin:0 auto;} #about-services-news ul.ctls li.cts{width:300px; height:250;display:block;float:left; background:#fff url(images/bg_ctl.jpg) 0 0 no-repeat; -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; position:relative; margin-bottom:20px;} #about-services-news ul.ctls li.cts .inner{ padding:10px; } #about-services-news ul.ctls li.cts span{ display:block; margin:0 -7px -18px 0; background:transparent url(images/bg_drop_shadow.png) bottom right no-repeat; padding-bottom:5px; } #about-services-news ul.ctls li.cts p{ margin-bottom:0; overflow:hidden; } #about-services-news .cts{margin-left:30px; } #about-services-news ul.ctls li.cts:first-child{margin-left:0 !important;} #about-services-news ul.ctls li.cts:last-child{margin-left:0 !important; float:right !important;} #about-services-news .cts h2{font-family: "DINWebPro", Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px; color:#0077B7; padding:2px 0 10px 0; border-bottom:solid 1px #E6E6E6; text-transform:uppercase; text-shadow: 0 1px 0 #fff;} .decide #about-services-news .cts h2 { font-family:"TitilliumRegular", Gadget, sans-serif } #about-services-news .cts .link-button{ display:block; margin-top:25px; float:right; } .link-button:hover { cursor: pointer;} .link-button::-moz-focus-inner { border:0;} .link-button { font-family: 'DINWebPro',Arial,sans-serif; font-size: 12px; line-height: 1; padding: 4px 10px; text-align: center; text-shadow: 0 1px 0 #999; width: auto; text-decoration: none;} .decide .link-button{ font-family:"TitilliumRegular", Gadget, sans-serif } .link-button:hover { cursor: pointer; text-shadow: 0 1px 0 #999; -moz-box-shadow: 0 0 5px rgba(136,136,136,0.5); -webkit-box-shadow: 0 0 5px rgba(136,136,136,0.5); box-shadow: 0 0 5px rgba(136,136,136,0.5); text-decoration: none;} .link-button.blue { background: #4A5F83; background: -moz-linear-gradient(top, #4A5F83 0%, #A5AFC1 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5F83), to(#7787A2)); border: 1px solid #4A5F83; color: #fff;} .link-button.blue:hover { background: #FAB158; background: -moz-linear-gradient(top, #FAB158 0%, #FAB158 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAB158), to(#F79720)); border: 1px solid #E38109; border-bottom: 1px solid #cc9d1a; color: #fff;text-shadow: inset 0 1px 0 #999;} .link-button.blue:active { text-shadow: inset 0 1px 0 #999; -moz-box-shadow: inset 0 0 6px rgba(136,136,136,0.5); -webkit-box-shadow: inset 0 0 6px rgba(136,136,136,0.5); box-shadow: inset 0 0 6px rgba(136,136,136,0.5);} /*.ctls li:nth-child(1) .inner{ background:transparent url(images/pblue.png) no-repeat 0 12px; } .ctls li:nth-child(2) .inner{ background:transparent url(images/porange.png) no-repeat 0 12px; } .ctls li:nth-child(3) .inner{ background:transparent url(images/pgrey.png) no-repeat 0 12px; }*/ #about-services-news .ctls h2 a{padding-left:22px;} #about-services-news .ctls li:nth-child(1) h2 a{background:transparent url(images/icon_individuals.png) no-repeat 0 5px; color: #1D3764; } #about-services-news .ctls li:nth-child(2) h2 a{background:transparent url(images/icon_corporates.png) no-repeat 0 5px; color: #E78205; } #about-services-news .ctls li:nth-child(3) h2 a{background:transparent url(images/icon_services.png) no-repeat 0 5px; color: #626262; } /* Form styles =================================================================== */ .sub-page form{margin:10px 0 15px 5px;background:none repeat scroll 0 0 #F4F4F4;border:1px solid #E8E8E8;} .login-content{font-size:12px; margin:30px auto; width:400px;} .login-content input.text{width:370px; padding: 6px 8px 5px;} fieldset{margin:0 0 20px;padding:20px;} fieldset div{margin:0 0 10px;} fieldset div:after{clear:both;content:".";display:block;height:0;visibility:hidden;} label{color:#6A6A6A;font-size:12px;display:block;font-weight:bold;margin:0 0 5px;} .btn{background:url(images/bg_btn.png) repeat-x scroll 0 0 #1D3764;width:auto;overflow:visible;margin:0 5px 0 0;padding:5px 10px 6px;border:1px solid #ABA83A;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;font:bold 14px Arial,Sans-serif;color:#fff;text-shadow:0 -1px 0 #999;} .btn::-moz-focus-inner{padding:0;border:0;} .btn:hover,.btn:focus{background-position:0 -5px;cursor:pointer;} .btn:active{background-image:none;} .mc_input, input.text, textarea, select{background:url(images/bg_input.png) repeat-x scroll 0 0 #FFFFFF;border:1px solid #E1E1E1;font:1.2em Helvetica,Arial,sans-serif;margin:0;padding:4px 8px;} input[type=text]:focus,.fancy-form input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:none;border-color:#7787A2 !important;box-shadow:0 0 8px #A5AFC1;-moz-box-shadow:0 0 8px #A5AFC1;-webkit-box-shadow:0 0 8px #A5AFC1;} .page input.disabled{ background:#CFD6DA; } .inline *, .mc_merge_var *{display:inline;margin:0;vertical-align:middle;} .inline label, .mc_merge_var label {left:-9999px;position:absolute;} .inline .text, .mc_merge_var .mc_input{width:93%; height:18px; color:#595346; font-size:12px;} select {padding:5px;width:100px;border:solid 1px #E1E1E1; margin-right:10px;} .mc_success_msg, .success { background:#E3FFDF url(images/icons/accept.png);border:1px solid #97FF88;color:#009900; } .mc_error_msg, .error {background:#FFE1E1 url(images/icons/icon-error.gif); border:1px solid #FF9595;color:#CC3300; } .information { background:#D7DFFF url(images/icons/information.png);border:1px solid #93A8FF;color:#0033FF;} .attention {background:#FFFBCC url(images/icons/error.png);border:1px solid #FFF35E;color:#C69E00;} .mc_error_msg, .mc_success_msg, .success, .error, .information, .attention { padding: 10px 10px 10px 40px; margin-top: 5px; margin-bottom: 15px; background-repeat: no-repeat; background-position: 10px center; font-weight: bold; text-transform: none; font-size: 11px; line-height: 20px;-moz-border-radius:3px;border-radius: 3px; } /** for mailchimp **/ .mc_success_msg, .mc_error_msg {display:block;} /* Admin styles =================================================================== */ /* pagination & news */ #pagination {clear:both; padding-top:10px;} #pagination li{font-size:11px;} #pagination a{font-size:11px;border:solid 1px #DDD;margin-right:2px;font-weight:bold;-moz-border-radius:3px;border-radius: 3px;} #pagination .previous-off,#pagination .next-off {color:#A88C37;display:block;float:left;padding:3px 4px;} #pagination .next a,#pagination .previous a {border:solid 1px #DDD;} #pagination .active{color:#A88C37;display:block;float:left;padding:4px 6px;} #pagination a:link,#pagination a:visited {display:block;float:left;padding:3px 6px;text-decoration:none;} #pagination a:hover{border:solid 1px #666;background-color:#F3EDDA;} /* table list */ .tlist table { margin: 1em 0; width: 100%; font-size:12px; border:solid 1px #f7f7f7;} .tlist thead th { border-bottom: 2px solid #ADD8EA; color: #fff; font-weight: bold;background-color: #D6D15F;} .tlist td, .tlist th { padding: .6em .6em;} .tlist tr.even, tr.odd, .tlist tbody th {border: solid #D6EBF4; border-width: 1px 0;} .tlist tr.odd { background-color: #EFF7FB;} .tlist tr.even { background-color: #fff;} /* Pages =================================================================== */ .page #content{ margin-top:10px; } /* sub page framework */ .home .row-strip{ width:960px; padding:0;} .home .two-col.one{width:238px;} .home .two-col.two{margin-left:20px;width:700px;} .entry-header{ height:150px; margin-top: 15px; } .entry-header h1.entry-title { padding-top: 47px; } .page #content h1, .entry-header h1.entry-title { font-weight:normal; text-transform:uppercase; color:#f2f2f2; line-height:1em; } .page #content h1 strong, .entry-header h1.entry-title strong{ color:#DE7D06; } .page #content h1 span, .entry-header h1.entry-title span{ text-transform:none; font-size:22px; color:#4A5F83; display:block;} .home aside { width: 200px; float:right; display:inline; padding: 15px; margin:20px 0 40px 0; color: #666; background-color:#F3F3F3; border:solid 1px #E5E5E5; } .page .two-col.one{width:205px;} .page .two-col.two{width:725px; padding:15px 0 20px 30px;} .page .two-col.three{width:155px; margin-left:40px; } .page .three-col.one{width:205px;} .page .three-col.two{width:530px; padding:15px 0 20px 30px;} .page .three-col.three{width:160px; margin-left:30px; } .sidebar { background:transparent url(images/bg_sidebar.jpg) no-repeat right 40px; min-height:500px; } .page aside.rounded-big { padding: 15px 0; margin:0 0 40px 0; color: #666; } .page aside h2{ color:#DE7D06; font-size:15px; text-transform:uppercase; margin-bottom:13px; text-shadow:0 1px 0 #fff;} .breadcrumb{ padding:0 0 15px 0;color:#3C3E41;font-size:9px; border-bottom: 1px solid #EAEAEA;text-transform: uppercase;margin: 0 0 20px; } .breadcrumb a{ color:#1B3564; } .breadcrumb a:hover, .breadcrumb span{ color:#F79720;} .breadcrumb span{color:#F79720; font-size:13px; padding:0 3px; } .page #site-tools { padding:11px 0 15px 0;border-bottom: 1px solid #EAEAEA;} .page .three .block{padding:20px 0 20px 0;border-bottom: 1px solid #EAEAEA;} .page .three .block.last{border:none;} .page .three h3{ color:#1D3764; font-size:22px; font-family: "DINWebPro", Arial, Helvetica, sans-serif; font-weight:normal; } .page .three #support-call-us span{ font-size:20px;font-family: "DINWebPro", Arial, Helvetica, sans-serif; font-weight:lighter;} .page .three p{ margin: .5em 0 0; } .page #content .main-content img{margin-bottom:15px;} /* .page #content .main-content .entry-content{ margin:40px 0; } .page-id-13 #content ul {padding:0 0 10px 30px;} .page-id-13 #content ul li{ line-height:15px;}*/ /* sub nav links */ .sub_nav ul{ display: inline; } .sub_nav ul li{ border-bottom: 1px #E2E2E2 solid; border-top: 1px #FFFFFF solid; } .sub_nav ul li:first-child{border-top: 1px #E2E2E2 solid !important; } .sub_nav li a{ padding: 12px 0 10px 15px; color:#1B3564; display:block; font-family: "DINWebProMedium", Arial, Helvetica, sans-serif; font-size:14px; background:transparent url(images/bullet_blue.png) no-repeat left center;} .sub_nav li a:hover{ color:#DE7D06;} .sub_nav li.current_page_item > a{ background:#fff url(images/bullet_orange.png) no-repeat left center; color:#DE7D06; } /*.sub_nav ul.children {display:none;}*/ .sub_nav ul.children li a{ margin-left:10px; font-size:12px;} .sub_nav ul.children li:last-child{border-bottom: 1px #fff solid !important; } /*.sub_nav li a:hover ul.children {display:block;}*/ /** news + insights page **/ .news-lists li {border-bottom: 1px dotted #CCCCCC; padding-bottom:20px; margin-bottom:20px; } /*** staff list **/ .staff-lists .thumb{ float:left; } .staff-lists .bio{ /*margin-left: 20px; float:left;*/ } .staff-lists .bio h4{ font-family: Arial, Helvetica, sans-serif; color:#DE7D06; } .staff-lists ul li { margin-bottom:30px; overflow:hidden; display:block; border-bottom:1px solid #E2E2E2; padding-bottom:10px; } .staff-lists ul li:nth-child(odd) .thumb { float:left; margin-right:20px;} .staff-lists ul li:nth-child(even) .thumb { float:right; margin-left:20px;} .staff-lists ul li:nth-child(even) .bio { margin-left:0; } /**** Benefits calculator helpers */ #psal_slider, #pgro_slider,#pret_slider{ display:block;} .range-label{ color:#f6931f; font-weight:bold; background-color:#f2f2f2; font-size: 14px; } .page input.btn2{background-color:#1D3764; color: #fff; font-size: 15px; text-shadow: 0 1px 0 #000; border: solid 1px #1D3764;} #lumpsum{ font-size:16px; color:#DE7D06; font-weight:bold; } #results{ background-color:#fff; padding:20px; } #results2 label{font-size:16px; color:#fff;} #results2{ background-color:#1B3564; padding:20px; margin-bottom:5px; } .calfrm{background:#f2f2f2; margin:20px auto; border:solid 1px #ccc;} .calfrm .padd{ padding:5px 0 10px 0; } .calfrm .disable{background-color:#fff; padding:0 8px; width:40px; height:20px; border:0;color:#f6931f; font-weight:bold;} /*********** clients **********/ ul.client-list{margin-left:-20px;overflow:hidden;} .client-logo{text-align:center; border:solid 1px #BCBDC0; margin-bottom:20px;} .page #content .main-content #clients .client-logo img{ margin-bottom:0; } ul.client-list p{display:block;} section.client{width:220px;float:left;margin:20px 0 0 20px;} /**** contact us page ****/ #contact-us{ min-height:470px;} #contact-us .ctitle{ color:#1D3764; text-transform:uppercase; font-weight:lighter; margin-bottom:15px; } #container_1 { margin-right:-20px; } #container_1 .block{ width:470px; margin-right:20px; float:left; } #container_1 .block .box1{ width:225px;margin-right:20px; float:left;} #container_1 .block .box2{ width:225px;margin-right:0; float:left;} #container_2 { margin-right:-20px; margin-bottom:40px;} #container_2 .block1{ width:310px; margin-right:20px; float:left; } #container_2 .block2{ width:630px; margin-right:20px; float:left; min-height:400px; } /*.contact_bar{background: url("images/porange.png") no-repeat scroll center left #1D3764; color: #fff; height:30px; line-height:33px; }*/ .contact_bar{ background: url(images/porange.png) no-repeat scroll center left #F0F1F1; text-shadow: 0 1px 0 #FFFFFF; height:30px; line-height:33px; } .contact_bar h4{ padding-left:20px; color: #1D3764; } .contactform fieldset { padding:20px 0; } .contactform label {display:block;float:left; line-height:2em; width:150px;} .contactform input, .contactform textarea { -moz-border-radius:4px 4px 4px 4px; border:1px solid #BBBBBB; color:#777; font-family:'helvetica neue',arial,sans-serif; font-size:12px; font-weight:bold; margin-bottom:5px; padding:5px 8px; width:300px;} .contactform textarea { height:75px; margin-left:150px;} .contactform .button { margin-left:150px; width:318px;} .contactform .button .btn2{width: 318px; cursor:pointer; } .contactform input#name { background:url(images/name.png) no-repeat scroll 288px 5px #fff;} .contactform input#email { background:url(images/email.png) no-repeat scroll 288px 7px #fff;} .contactform input#phone { background:url(images/phone.png) no-repeat scroll 290px 4px #fff;} #main .contactdetails p { font-size:18px; margin:0.5em 0;} #main .contactdetails h4 { margin:0; width:350px;} #contact-map{} #contact-us .inner{ margin-top:14px; overflow:hidden; } #contact-map .googleMapPlaceholder{ height:380px; color: #333; border: 1px solid #ccc;font: normal 12px arial,helvetica,sans-serif; } .errors{margin-left: 150px; color:#F00; } .valid{ color:#093; font-size:18px; line-height:10px; } .page #contact-us h3{ color:#1D3764; font-size:21px; font-family: "DINWebPro", Arial, Helvetica, sans-serif; font-weight:normal; } .page #contact-us span.txt{ margin-bottom:20px; display:block; font-size:16px;font-family: "DINWebPro", Arial, Helvetica, sans-serif; font-weight:lighter; line-height:20px;} /*** follow us **/ #follow-us { height:30px; overflow:hidden; margin:15px 0 0 -7px;} #follow-us li{float:left;width:30px;height:30px;margin-left:8px;} #follow-us li a{display:block;width:30px;height:30px;background:transparent url(images/icons_social.png) no-repeat 0 0;text-indent:-9999px;} #follow-us li a#fbk{background-position:0 0;} #follow-us li a#fbk:hover{background-position:0 -30px;} #follow-us li a#twt{background-position:-30px 0px;} #follow-us li a#twt:hover{background-position:-30px -30px;} #follow-us li a#lin{background-position:-60px 0px;} #follow-us li a#lin:hover{background-position:-60px -30px;} #follow-us li a#rss{background-position:-90px 0px;} #follow-us li a#rss:hover{background-position:-90px -30px;} /** decide page ***/ .three-col.two ul {padding:0 0 10px 30px;} .three-col.two ul li{ line-height:20px; list-style-type:disc; margin-bottom:10px;} .decide#content ul {padding:0 0 10px 30px;} .decide#content ul li{ line-height:25px; list-style-type:disc;} .decide ul#decide-links {padding:0; margin-right: -20px; } .decide ul#decide-links li{ float:left; margin-right: 20px; list-style-type:none; } /* Footer styles =================================================================== */ /*** news+insight list footer ***/ #recent-news li{ } #recent-news .date-day{ font-family: "DINWebProMedium", Arial, Helvetica, sans-serif; font-size:13px; display:block; width:18px; height:10px; padding:10px; margin:0 15px 20px 0; background-color:#E4E4E4; color:#999999; float:left; text-shadow:0 1px 0 #fff;} .decide #recent-news .date-day{ font-family:"TitilliumRegular", Gadget, sans-serif } #recent-news .date-month{color:#999999; font-size:10px; } #recent-news li, #insights-news li{display:block; margin-bottom:20px; border-bottom:dotted 1px #B9B9B9; padding-bottom:20px; min-height:45px; text-shadow:0 1px 0 #fff;} #contacts-info li{display:block; margin-bottom:25px; color:#939393;line-height:20px;} footer{ font-size:12px; overflow:hidden; background: #FAFAFA url(images/bg_footer_top.png) repeat-x 0 top; margin-top:20px;} footer #footer, footer fieldset{padding:0; } #legal { height:60px; } #footer-bottom { background-color:#000; } .legal,.credit{width:480px; height:57px; line-height:60px; font-size:11px; color:#929292; } .credit{text-align:right;} .copy-right{width:500px;} .site-by{width:60px; line-height:60px;} .site-by a{font-size:11px; color:#929292; padding:0 20px 0 0;background:transparent url(images/kava_icon.png) no-repeat center right; display:block; width:40px;} .site-by a span{margin-left:-99999px; position:absolute;} footer .block {width:235px;margin-bottom:30px;} footer h3{color:#7D7D7D; font-family: "DINWebPro", Arial, Helvetica, sans-serif; font-size:1.7em; font-weight:normal; padding:8px 0;text-shadow:0 1px 0 #fff;} .decide footer h3{ font-family:"TitilliumRegular", Gadget, sans-serif } #fmenu {margin:20px auto 0;} #fmenu li{margin-right:20px; } #fmenu a {padding:0 0 5px 0; display:block; color:#939393; line-height:20px; } #fmenu a:hover { color:#DE7D06;} /** mailchimp signup form **/ #mc_signup{ width:235px;margin-bottom:30px; float:left; } #mc_signup .mc_form_inside .mc_merge_var{ margin:0 0 10px; } #mc_signup .mc_signup_submit{ text-align:left; } /**NB for text inputs styles refer to forms **/ } /* END screen media */ @media print { .do-not-print { display: none; } #comments { page-break-before: always; } body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; } h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; } h1 { font-size: 19pt; } h2 { font-size:17pt; } h3 { font-size:15pt; } h4,h5,h6 { font-size:12pt; } code { font: 10pt Courier, monospace; } blockquote { margin: 1.3em; padding: 1em; } img { display: block; margin: 1em 0; } a img { border: none; } table { margin: 1px; text-align:left; } th { border-bottom: 1px solid #333; font-weight: bold; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } caption { background: #fff; margin-bottom: 2em; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } a { text-decoration: none; color: black; } } /* END print media */