/* CSS Document */ /* resets and standards */ * {margin:0;padding:0;} html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* content areas */ #main {padding-bottom: 100px; width:100% ; margin-bottom:10px;} /* must be same height as the footer */ .wrap { margin:0px auto; width:960px;} * {background:repeat-x;} /* Typography */ * {color:#2e2e2e;} a {color:#28338f; text-decoration:none;} a:hover {text-decoration:underline;} p, a, h1, h2, h3, h4, h5, h6 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} p { font-size:0.81em; text-align:justify; margin-bottom:1.25em; line-height:1.5em;} #title p {font-size:0.75em;} p.avenir { font-size:1.13em; line-height:1.5em;} p.avenir:first-line {margin-bottom:1em;} #other-services p { font-size:0.81em; text-align:justify;} h2, h4 {color:#28338f;} h3 {color:#fff;} h4 span {font-style:italic; color:#00aef0;} h2 {font-size:1.5em;font-style:italic; font-weight:bold; background:url(images/h2-sep.png) bottom repeat-x; margin-right:-20px; margin-bottom:1em; padding-bottom:0.63em; } .home-title h2, .home-title p { margin-bottom:0.5em; color:#FFF;} .home-title h2 {background:url(images/home-h2-sep.png) bottom repeat-x; margin-right:-19px;} h3, h4 {font-size:1.31em; } h3 {padding-top:15px;} h4 { margin-bottom:0.3em;} /* Styles for titles with logos etc. */ h2.subtitle {font-size:1.31em;} h2.cabcam-logo, h2.televox-logo, h2.mpl-logo, h2.ivoxlite-logo, h2.ivox-logo {display:block; text-indent:-9999px; margin-bottom:5px; } h2.cabcam-logo {background:url(images/cabcam-logo.png) no-repeat; width:153px; height:76px;} h2.televox-logo {background:url(images/televox-logo.png) no-repeat; width:245px; height:72px;} h2.mpl-logo {background:url(images/mpl-logo.png) no-repeat; width:267px; height:56px;} h2.ivoxlite-logo {background:url(images/ivoxlite-logo.png) no-repeat; width:172px; height:76px;} h2.ivox-logo {background:url(images/ivox-logo.png) no-repeat; width:115px; height:75px;} h4.services-ivox a, h4.services-ivox-lite a{ display:block; width:188px; height:64px; text-indent:-9999px; background:bottom center no-repeat; margin-bottom:5px;} h4.services-ivox a { background-image:url(images/ivox-logo-small.png);} h4.services-ivox-lite a { background-image:url(images/ivoxlite-logo-small.png);} h4.os-televox a, h4.os-cabcam a, h4.os-mpl a { margin-bottom:5px; display:block; text-indent:-9999px; text-align:center; width:188px; height:64px; } h4.os-televox a {background:url(images/televox-logo-small.png) bottom center no-repeat;} h4.os-cabcam a {background:url(images/cabcam-logo-small.png) bottom center no-repeat;} h4.os-mpl a {background:url(images/mpl-logo-small.png) bottom center no-repeat;} li {list-style-position:inside;} .title {} li.title-list {font-size:1.13em; line-height:1.5em; list-style-type:square; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} .page-template-home-php li.title-list {color:#fff; font-weight:bold;} ul.ivox-bul { list-style-image:url(images/bul-ivox.png); margin-bottom:0.25em;} ul.cabcam-bul { list-style-image:url(images/cabcam-bul.png); margin-bottom:1em;} ul.televox-bul { list-style-image:url(images/televox-bul.png); margin-bottom:1em;} ul.mpl-bul { list-style-image:url(images/mpl-bul.png); margin-bottom:1em;} a.view-more {float:right; display:block; background:url(images/view-more-link.png) no-repeat left top; padding:5px 0 0 0px; text-align:center; text-decoration:none; font-weight:bold; height:28px; width:112px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; line-height:1.3em; font-size:0.88em; color:#28338f;} #home-services a.view-more { float:none; margin-left:37px; text-align:center;} a.view-more:hover {background-position:0px -33px;} a.view-more span:hover {background-position:right -33px;} /* Header */ #header {width:100%; background:url(images/header-bg.png); position:relative;} #header .wrap {height:139px; background:url(images/header.png); position:relative;} .page-template-home-php #header .wrap { margin-bottom:15px;} /**/ #top-bar {width:410px; height:23px; position:absolute; top:4px; right:5px;} #top-bar p {float:left; margin:0; padding:0px; font-family:Verdana; font-size:0.75em;} .ajax-loader {display:none;} #top-bar input.callback, #top-bar img, #top-bar .submit, #top-bar p.callback-title {float:left; margin-right:5px; margin-top:1px;} #top-bar img {margin-top:2px;} #top-bar p.callback-title {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:0.75em; margin-top:2px;} #top-bar input.callback { width:94px; height:14px; padding:2px; background:#fff; border:1px solid #bbbdbe; font-family:Verdana; font-size:0.75em; margin-top:2px;} #top-bar input.callback:hover {border-color:#2e2e2e;} #top-bar label.callback-label {display:none;} #top-bar .submit {width:58px; height:23px; margin-top:1px; background:url(images/callback-submit.png) top; border:0px; text-align:center; color:#28338f; padding-bottom:2px;} #top-bar .submit:hover {background-position:bottom;} /* .wpcf7-form-control-wrap .callback {display:none;} */ .hide-form {display:none;} .wpcf7ResponseOutput {float:right; width:250px;} h1.logo a {display:block; text-indent:-9999px; float:left; width:179px; height:120px; background:url(images/logo.png) bottom left no-repeat; padding-top:3px; margin-left:-2px;} ul#nav { margin:0; padding:10px 0 0 10px; list-style:none; position:absolute; bottom:42px; right:0px;} ul#nav li { display:inline; margin:0; padding:0; } ul#nav li a {float:left; background:url(images/link.png) no-repeat left top; padding:0 0 0 9px; text-decoration:none; font-weight:bold; height:45px; display:block; margin-left:3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; line-height:2em; font-size:0.88em;} ul#nav li a span { float:left; display:block; background:#E7F1F8 url(images/link.png) no-repeat right top; padding:4px 15px 3px 6px; height:38px; display:block;color:#28338f;} ul#nav li a:hover {background-position:left bottom;} ul#nav li a span:hover {background-position:right bottom;} ul#nav li.current_page_item a {background-position:left bottom;} ul#nav li.current_page_item a span {background-position:right bottom;} /* Twitter */ #twitter_div {position:absolute; top:114px; padding:0px; padding-bottom:3px; width:100%; height:auto; background:url(images/tweet-bg.png) bottom repeat-x;} #twitter_div .wrap {background:none; height:auto;} #twitter_div .wrap #the-tweet {float:left; margin-left:120px; padding-left:23px; width:740px; background:url(images/icon-twitter.png) top left no-repeat;} #twitter_update_list {list-style-type:none; list-style-position:inside; padding-left:0px; text-indent:0px; padding-top:2px; margin-bottom:3px;} #twitter_update_list li {} #twitter_div {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:0.75em; font-weight:bold; color:#2b3795; margin-bottom:0px;} #twitter_update_list span {font-weight:normal; } span.tweet-meta {margin-bottom:0em;} span.tweet-meta a {font-weight:normal; font-size:0.88em;} #socmed {float:right; width:auto;margin:0; padding-left:8px; border-left:1px solid #dedede;} .fbook {color:#3c5fad;} #socmed ul { height:auto;margin:0; list-style-type:none; padding-top:2px;} #socmed ul li { float:left; list-style-image:none; margin:0px;} #socmed ul li a {color:#2b3795; display:block; background:url(images/icon-facebook.png) top left no-repeat; padding-left:23px; height:25px;} #socmed ul li a:hover {text-decoration:underline;} /* Title */ #title {width:100%; background:url(images/title-bg.png) bottom repeat-x;} .page-template-home-php #title { width:100%; background:url(images/home-title.jpg) bottom repeat-x;} #title .wrap {min-height:329px; position:relative;} .home-title {height:305px;} .ivox-title {height:315px; } .ivoxlite-title {height:307px; } .televox-title {height:270px; } .mpl-title { height:200px;} .contact-title {height:540px;} .title-left, .title-right { width:460px; } .title-left {float:left; padding:10px 20px 0px 0px; background:url(images/title-sep.png) right repeat-y; position:absolute; bottom:60px;} .page-template-home-php .title-left {background:url(images/home-title-sep.png) right repeat-y} .title-right {float:right; padding:0px 0px 0px 20px; position:relative;} .title-right img.home-img { position:absolute; top:30px; left:1px; z-index:1;} #FLVPlayer { position:absolute; z-index:2; top:46px;} .title-right img.ivox-img { margin-left:80px;} .title-right img.cabcam-img { margin-top:15px;} .title-right img.televox-img { position:absolute; top:0px; margin-left:50px;} .title-right img.ivoxlite-img { position:absolute; top:5px; margin-left:60px;} .title-right img.mpl-img { margin-top:25px; margin-left:50px;} .mpl-title .title-left { width:480px;} .mpl-title .title-right {width:440px;} .contact-title .title-right {padding-top:40px;} .contact-title .title-right h4 {font-size:0.88em;} /* Content */ #content-title { width:100%; background:url(images/content-title.png) repeat-x;} #content-title .wrap { height:52px;} #content {width:100%;} .home, .ivox, .televox { background:url(images/ivox-bg.png) center repeat-y;} .cabcam { background:url(images/cabcam-bg.png) center repeat-y;} /* Changed to ivox bg *.televox { background:url(images/televox-bg.png) center repeat-y;}*/ .ivoxlite { background:url(images/ivoxlite-bg.png) center repeat-y;} .mpl { background:url(images/mpl-bg.png) center repeat-y;} .content-left, .content-right { background:url(images/title-sep.png) repeat-y; padding-top:10px; padding-bottom:86px; height:300px; position:relative;} .content-left {float:left; background-position:left; padding-left:20px;width:410px;} .content-right {float:right; background-position:right; padding-right:20px;width:410px; } .home-content {height:100px; padding-bottom:50px;} .home-content p, #other-services p {text-align:center; font-style:italic; font-weight:bold; margin-bottom:0;} #home-services {width:100%; background:url(images/home-services.png) repeat-x; height:262px;} #home-services .wrap {height:262px;} #home-services h3 {margin-bottom:12px; color:#26308a;} #home-services ul { list-style-type:none; background-color:#81bad2;} #home-services ul li { float:left; width:186px; height:144px; padding:3px; background:url(images/service.png); display:block;} #home-services p {font-size:0.69em; line-height:1em; text-align:center;} .content-footer {width:407px; height:36px; background:url(images/content-footer-top.png) repeat-x; margin:0px -19px; padding:0px 20px; padding-top:7px; position:absolute; bottom:0;} .page { height:76px; background:url(images/page-content-footer-top.png) repeat-x;} .page dl { width:381px; margin-left:15px; margin-top:5px; } .page dl dt { float:left; display:block; font-size:0.81em; font-family:"Trebuchet MS", Helvetica, Arial; background:url(images/contact-bg.png); padding:0px 8px; padding-top:13px; width:265px; height:46px; text-align:right; font-weight:bold; } .page dl dd a {float:right;display:block; width:100px; height:59px; text-indent:-9999px; background:url(images/contact-link.png) top left;} .page dl dd a:hover {background-position:0 -64px;} #content-footer-bottom {width:100%; height:22px; background:url(images/content-footer-bottom.png);} /* Other services */ #other-services {width:100%; background:url(images/other-servies-bg.png) top #f0f0f0; height:120px;} #other-services .wrap { background:url(images/os-wrap-bg.gif) repeat-y; height:120px;} #os-foot {width:100%; height:48px; background:url(images/other-servies-foot.png); margin-bottom:5px;} #os-foot .wrap {height:34px; padding-top:8px; background:url(images/os-wrap-bg.gif) repeat-y;} .other-services-left, .other-services-center, .other-services-right { width:300px; float:left; padding:10px; padding-bottom:0px;} #os-foot .wrap .other-services-left, #os-foot .wrap .other-services-center, #os-foot .wrap .other-services-right {padding-top:0px;} /* Gallery */ .gallery {width:410px; height:230px; position:relative; background:#2e2e2e; padding:1px; clear:both; margin-top:15px;} .gallery .wrapper {width: 410px; /* .gallery width - (.wrapper margin-left + .wrapper margin-right) */ overflow: auto; height: 230px; margin:0px;position: absolute; top:1px; left:1px;} .gallery .wrapper ul {width: 9999px; /* single item * n */ list-style-image:none; list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top: 0;} .gallery ul li {display:block;float:left; background:#2e2e2e; width:410px; height:230px; padding:0px; position:relative; } .gallery .arrow {display: block;height: 33px;width: 48px;background:url(images/gallery-links.png) no-repeat 0 0;text-indent:-9999px;position:absolute;top:240px; cursor: pointer;outline: 0;} .gallery .forward {background-position: -50px 0;right: 10px;} .gallery .back {background-position: 0px 0px; left:10px;} .gallery .forward:hover {background-position: -50px -33px;right: 10px;} .gallery .back:hover {background-position: 0px -33px; left:10px;} .caption { position:absolute; left:0px; bottom:0px; text-indent:0px; width:450px; background:#2e2e2e;color:#fff;filter:alpha(opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;} .caption h2 {color:#00aef0; background:none; padding-bottom:0; padding-top:0.31em; margin:0;} .caption p {color:#fff; background:none; padding:10px 20px;margin-bottom:0;} /* Footer */ #footer {position: relative; clear:both; height: 100px; margin-top: -100px; /* negative value of footer height */ } #footer-meta { width:100%; background:url(images/footer-bg.png);} #footer-meta .wrap {width:960px; height:48px; padding-top:31px; /* background:url(images/footer-wrap.png); */ position:relative;} #latest-tweet { width:100%; background:url(images/tweet-bg.png) top repeat-x; background-color:#f2f2f2;} #latest-tweet .wrap { width:960px; height:38px; padding-top:5px;} #tweet-left {float:left; width:160px; text-align:right;} #tweet-right/*, #twitter_div */{float:right; width:790px; text-align:left; padding-top:1px;} #copyright { width:100%; background:url(images/copyright-bg.png);} #copyright .wrap {width:960px; height:39px; padding-top:12px;} /**/ h6.logo a {display:block; text-indent:-9999px; float:left; width:74px; height:48px;background:url(images/footer-logo.png) bottom left no-repeat; margin-right:10px; margin-top:-8px; } ul#foot-nav { padding:0 0 0 10px; list-style:none; position:absolute; top:30px; right:0px;} ul#foot-nav li { display:inline;} ul#foot-nav li a {float:left; background:url(images/footer-nav.png) no-repeat left top; padding:0 0 0 9px; text-decoration:none; height:33px; display:block; margin-left:3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; line-height:1.2em; font-size:0.81em;} ul#foot-nav li a span { float:left; display:block; background:#E7F1F8 url(images/footer-nav.png) no-repeat right top; padding:7px 10px 3px 1px; height:23px; display:block;color:#28338f;} ul#foot-nav li a:hover {background-position:left -38px;} ul#foot-nav li a span:hover {background-position:right -38px;} ul#foot-nav li.current_page_item a {background-position:left -38px;} ul#foot-nav li.current_page_item a span {background-position:right -38px;} /**/ .copyright-info, .rbc {font-size:0.69em; color:#626262;} .copyright-info {float:left;} .rbc {float:right;} .rbc a {color:#626262; font-weight:bold;} /* Contact Form */ .wpcf7-form {text-align:left;} .wpcf7-form p {font-size:0.75em; font-family:"Trebuchet MS", Verdana; font-weight:bold;color:#2b3795; margin:0;} .contact-form {height:16px;} .contact-form, .contact-form-textarea {float:left; width:454px; background-color:#fff;border:1px solid #bbbdbe; padding:2px 2px; margin-bottom:5px; font-family:"Trebuchet MS", Verdana; font-weight:bold; color:#2e2e2e;} .contact-form-textarea {height:80px; font-size:0.88em;} .contact-form:hover, .contact-form-textarea:hover { border-color:#2e2e2e;} .services { width:454px; height:20px;border:1px solid #bbbdb3; padding:2px 2px; margin-bottom:5px; float:left;} .services:hover {border-color:#2e2e2e;} .contact-form-radio {text-align: left; padding:2px 0px;} .wpcf7-list-item {font-size:13px;font-family:"Trebuchet MS", Verdana; font-weight:normal; color:#bbbdbe; padding:2px; text-align:left;} .wpcf7-list-item:hover {color:#2e2e2e;} .submit {float:right; width:58px; height:23px; margin-top:1px; background:url(images/callback-submit.png) top; border:0px; text-align:center; color:#28338f; padding-bottom:2px;} .submit:hover {background-position:bottom;} /* Responses */ .wpcf7-mail-sent-ok { position:absolute; z-index:999999;} .wpcf7-mail-sent-ok, .wpcf7-mail-sent-ng, .wpcf7-not-valid-tip { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; background-color:#fff;}