/* Beyond Computer Style Sheet */ /* By Mustenso Creative @Mustenso.com */ /* Last Updated September 27th, 2012 */ /**************** Table of Contents ***************** 1 ........Reset 2 ........Layout 3 ........LayerSlider ***************************************************/ /*************** 1. Reset *************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-align: left; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body {line-height: 1;} img {border: none;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} hr {border: 0; background-color: #B7B7B7; height: 1px; width: 100%; margin-bottom: 0px;} /*************** 2. Layout ***********************/ body {background: url(../images/elements/bg.png) repeat; font-family: 'Puritan', sans-serif;} #header-wrapper {background: #212123; min-height: 131px; height: 131px !important;} #header {background: #212123; display: block; height: 130px !important; width: 970px; clear: both; margin: 0 auto;} #header .logo {float: left; padding: 15px 0 10px 0;} #header h1 { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr;} #network {background: #1c1c1c; height: 26px;display: none; border: 1px solid #525252;} #network a {color: #fff; text-decoration: none;} #network a:hover {border-bottom: 1px dotted #666;} #network .color-blue {color: #0075be;} #network .color-orange {color: #dc5300;} #network .color-green {color: #00c63d;} #network ul { margin: 0 auto; width: 900px; } #network ul li {display: inline; float: left; text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing:1px; padding: 0 8px 0 8px; border-left: 1px solid #d1d1d1; margin: 6px 0 10px 0;} #network ul li:first-child {border: none; margin-left: 455px;} #network-pulldown {float: right; background: url(../images/elements/beyondnetwork-ribbon.png) no-repeat center top; margin-top: -35px;} #header .btn-slide { width: 36px; height: 150px; display: block; } #header .active {background-position: right 12px;} #banner {clear: both; background: #262627; margin-top: 0px; border-top: 1px solid #525252; border-bottom: 1px solid #525252;} #wrapper {position: relative; z-index: 3; margin-top: -50px;} #main-content {display: block; width: 960px; margin: 0 auto; color:#818181; font-family: 'Puritan', sans-serif;} #main-content p {font-size: 13px; line-height: 20px; text-align: left; padding-bottom: 10px;} #main-content-bg {float: left; width: 910px; background: #f9f9f9; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-radius: 10px 10px 0 0; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; box-shadow-bottom: 1px #000000; } #content {background: url(../images/elements/bg-heading.jpg) repeat-x top; margin: 10px; float: left; width: 650px; padding: 10px;} #content h2 { color: #6e6e6e; font-size: 16px; text-align: left; } #content .shadow {background: url(../images/elements/bg-heading.jpg) repeat-x top; padding: 10px 0 10px;} #content .icon {height:25px; padding: 10px 0 0 35px;} #content .who {background: url(../images/elements/icon-who.jpg) no-repeat left;} #content .how {background: url(../images/elements/icon-how.jpg) no-repeat left;} #content .why {background: url(../images/elements/icon-why.jpg) no-repeat left;} #content .services { background: url(../images/elements/icon-services.jpg) no-repeat left; text-align: left; } #content .showcases { background: url(../images/elements/icon-showcases.jpg) no-repeat left; text-align: left; } #content .last {padding: 0px !important;} .one-third { float: left; width:195px; padding: 0 15px 0 0; margin-bottom: 10px; } .one-third p {padding: 10px 0 0 5px;} .clear-left {clear: left;} .clear-right {clear: right;} .clear-both {clear: both;} .float-left {float: left;} .float-right {float: right;} .border-left {padding: 10px 10px 0 0;} .opacity {opacity:0.7; filter:alpha(opacity=0);} .opacity2 {opacity:0.9; filter:alpha(opacity=0);} .icon {padding: 0 0 0 25px; font-size: 13px; line-height: 20px; margin-bottom: 10px;} .icon span {color: #444 !important;} .phone {background: url(../images/elements/content-phone.jpg) no-repeat;} .skype {background: url(../images/elements/content-skype.jpg) no-repeat;} .email {background: url(../images/elements/content-email.jpg) no-repeat;} .msn {background: url(../images/elements/content-msn.jpg) no-repeat;} .address {background: url(../images/elements/content-address.jpg) no-repeat;} #sidebar {float: right; width: 210px; margin: 10px 10px 0 0;} #sidebar h2 {color: #6e6e6e; font-size: 16px;} #sidebar .shadow {background: url(../images/elements/bg-heading.jpg) repeat-x; padding: 20px 0 20px 10px;} #social li {float: left; padding: 0 20px 15px 10px;} #twitter_update_list {margin: 0 0 0 20px; font-size: 13px; line-height: 20px;} #twitter_update_list li {list-style-type: circle !important; padding-bottom: 10px;} #footer {clear: both; background: #212123; height: 75px;} #footer p {color: #9e9e9e; font-size: 13px; margin: 0 auto; width: 920px; padding: 10px 0 0 0;} /************* 3. Layer Slider *******************/ #layerslider {width: 1222px; height: 321px; margin: 0px auto 0px auto;} a img{border:none !important;} a {color: #1B75BC;} .ls-inner {position: relative;} .ls-inner, .ls-layer {width: 100%; height: 100%;overflow: hidden;} .ls-layer {position: absolute;display: none; background-position: center center;} .ls-active, .ls-animating {display: block !important;} .ls-layer > * {position: absolute; left: 0px; top: 0px;} .ls-layer .ls-bg {left: 50%; top: 50%;} .ls-bottom-nav-wrapper {z-index: 2; height: 0px;} .ls-bottom-nav-wrapper a, .ls-nav-prev, .ls-nav-next {outline: none;} .ls-vpcontainer {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;} .ls-videopreview {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; cursor: pointer;} .ls-playvideo {position: absolute;left: 50%; top: 50%; cursor: pointer;} .ls-wp-forceresponsive-container {width: 100%; position: relative;} .ls-wp-forceresponsive-helper {position: absolute; margin-left: 50%;} #main {overflow: visible !important;}