/* Theme Name: TAG Description: The Ascendance Group Version: 1.0 Author: Obox Design Author URI: http://www.obox-design.com/ */ /*-----------------------------------------------------------------------------------------*/ /*- 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus {outline: 0;} body {line-height: 1; color: black; background: white;} ol, ul {list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*--*********************************************************************************--------*/ /*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/ /*-------------------------------------------------------------------------------------------*/ .no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; } .no_ie h1{font-size: 22px; color: #a60000;} .no_ie p{margin: 0px; padding: 0px;} .no_ie a{color: #a60000; text-decoration: underline;} .no_ie a:hover{color: #000;} /*-------------------------------------------------------------------------------------------*/ /*- SETUP STD CLASSES -----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ html{margin: 0px; padding: 0px} body{margin: 0px; padding: 0px; font-size: 11pt; color: #333; background: #fff; font-family: Arial, Helvetica, sans-serif; width: 100%;} p{color: #333; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; line-height: 22px;} h1{margin: 0px 0px 15px; color: #000; letter-spacing: -1px; font-size: 20pt; font-weight: lighter;} h2{margin: 0px 0px 10px; color: #2c4160; font-weight: lighter; font-size: 16pt;} h3{color: #333; font-size: 10.5pt; margin: 0px; padding: 0px 0px 8px; font-weight: bold;} h4{color: #000; font-size: 11pt; margin: 0px; padding: 0px 0px 10px; font-weight: bold;} h5{color: #333; font-size: 8pt; margin: 0px; padding: 0px 0px 10px 0px;} h6{color: #333; font-size: 7pt; margin: 0px; padding: 0px 0px 10px 0px;} li{line-height: 20px;} blockquote{clear: both; text-align: left; padding: 10px 20px 8px; margin: 20px 20px; color: #333; background: #f0f0f0; border-left: 3px solid #c0c0c0; font-size: 10pt;} form{font-family: Arial, Helvetica, sans-serif;} input[type=radio]{margin: 0px 5px 0px 0px; padding: 0px;} input[type=checkbox]{margin: 0px 5px 0px 0px; padding: 0px;} input[type=image]{margin: 0px 5px 0px 0px; padding: 0px;} label{display: block; margin-bottom: 5px; clear: both; position: relative; font-weight: bold;} textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 0px;} /*-----------------------------*/ /*- FORMS ---------------------*/ .note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;} .form-left{width: 320px; float: left; margin-bottom: 20px;} .form-input, .form-input-small-left, .form-input-number-field, .form-textarea{padding: 4px; margin: 0px 15px 20px 0px; width: 250px; float: left; margin-right: 15px;} select.form-input{width: 260px;} .button{clear: both; display: block; padding: 10px 0px 0px;} .next-button{float: left; margin: 0px 20px 20px 0px;} .prev-button{clear: left; float: left; margin: 0px 20px 20px 0px;} .form-input-small-left{width: 111px;} select.form-input-small-left{width: 120px;} a.add-form{width: 16px; height:16px; display: block; float: left; background: url(images/layout/plus.png) top left no-repeat; text-indent: -9999px; margin: 6px 0px 0px; position: relative;} .form-input-number-field{width: 65px;} .number-bracket{float: left; margin: 0px 15px 0px 0px;} .number-bracket input{width: 48px; padding: 4px; margin: 0px 3px;} .form-quote{float: right; width: 240px; text-align: right;} .form-quote h2{margin-top: 20px; text-transform: none; font-style: italic; letter-spacing: 0px; line-height: 25px;} .radio-item{margin: 5px 0px 20px; width: 120px; float: left;} .radio-item-medium{margin: 5px 0px 5px; width: 300px; float: left;} .radio-item-long{margin: 5px 0px 20px; width: 450px; float: left;} .form-textarea{width: 370px; height: 180px;} .form-note{color: #4c709c; margin-left: 20px; font-style: italic; font-size: 8pt;} /*-------------------------------------------------------------------------------------------*/ /*- GLOBAL CLASSES --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--- Links ---*/ a{color: #5a80b0; text-decoration: none;} a:hover{color: #333;} a.link-arrow{padding-right: 12px; margin-right: 5px; background: url(images/layout/link-arrow.gif) right 2px no-repeat;} /*--- Layouts ---*/ .no_bg{background-image: none;} .floatleft{float:left;} .floatright{float:right;} .clearnone{clear: none;} .clearboth{clear: both;} .t-center{text-align: center;} .notice{color: #900; font-size: 8pt;} .small-font{font-size: 8pt;} .underline{text-decoration: underline;} /*--- Forms ---*/ .no_display{display: none;} /*-------------------------------------------------------------------------------------------*/ /*- GENERAL LAYOUT --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #container{ width: 960px; margin: auto;} #header-container{width: 960px; margin: -1px auto 0px; position: relative; overflow: hidden;} #header{height: 165px; background: url(images/layout/blog-header.jpg) no-repeat;} #page-container{margin: 30px 0px 0px;} #page-container #page{} #left-column{width: 600px; float: left; padding: 0px 0px 20px;} #right-column{width: 310px; float: right;} #services-container{padding: 30px 0px 0px; background: url(images/layout/services-bg.jpg) top no-repeat;} #index-container{padding: 30px 0px 0px; background: url(images/layout/home-bg.jpg) top no-repeat;} #footer-container{clear: both;} .footer-header{clear: both; width: 960px; height: 10px; background: url(images/layout/footer-header.gif) no-repeat; overflow: hidden;} .footer{padding: 1px 20px; background: #333; border: 1px solid #000; border-top: none; border-bottom: none;} .footer-footer{clear: both; width: 960px; padding: 20px 0px 0px; background: url(images/layout/footer-footer.gif) top no-repeat;} /*-------------------------------------------------------------------------------------------*/ /*- HEADER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .login-form-container{background-color: #666666; border-left: 1px solid #000; border-right: 1px solid #000; padding: 10px;} form.login-form{float: right; width: 425px;} form.login-form input.details{float: left; width: 100px; height: 14px; font-size: 10px; color: #555; padding: 3px; margin-right: 10px;} form.login-form label.remember{float: left; clear: none; display: inline-block; width: 95px; color: #fff; font-size: 10px; padding: 6px 0px 0px;} form.login-form input.login-button{float: left;} ul.sign-up-options{list-style: none; margin: 0px; padding: 0px; float: right;} ul.sign-up-options li{float: left; margin: 0px 10px; font-size: 12px; color: #ccc;} ul.sign-up-options li a{color: #ccc; text-decoration: underline;} ul.sign-up-options li a:hover{color: #fff;} .login{width: 155px; height: 38px; position: absolute; right: 20px; top: -10px; background:url(images/layout/login-bg.png) no-repeat;} .login a.sign-up-button{float: left; margin: 19px 0px 0px 23px; text-transform: uppercase; color: #fff; font-size: 8pt;} .login a.login-button{float: right; margin: 19px 20px 0px 0px; text-transform: uppercase; color: #fff; font-size: 8pt;} h1.logo{float: left; width: 214px; height: 68px; position: relative; top: 79px; left: 20px; background: url(images/blog-logo.png) no-repeat; text-indent: -9999px; overflow: hidden;} h1.logo a{display: block; width: 214px; height: 68px;} ul.menu{clear: both; width: 960px; height: 40px; background: url(images/layout/menu-bg.png);} ul.menu li.parent{float: left; height: 30px; padding: 10px 15px 0px; font-size: 10pt; border-right: 1px solid #717171; border-left: 1px solid #0f0f0f; position: relative;} ul.menu li.parent:first-child{border-left: none;} ul.menu li.parent:last-child{border-right: none;} ul.menu li.parent a{color: #fff;} ul.menu li.selected{} ul.menu li.rss{float: right; padding-right: 30px; margin-right: 15px; background: url(images/layout/rss-icon.png) right no-repeat; border: none;} ul.menu li.rss a{color: #fff;} ul.menu li.rss a:hover{color: #ccc;} .menu-hover{position: absolute; z-index: 2; width: 198px; top: 30px; left: -0px; display: none;} .menu-hover-header{background: url(images/layout/menu-header-bg.png) no-repeat; width: 198px; height: 10px;} ul.sub-menu{background: url(images/layout/menu-content-bg.png) repeat-y; width: 198px;} ul.sub-menu li{border-bottom: 1px solid #000; border-top: 1px solid #333; padding: 8px 5px 8px 10px; color: #ccc; margin: 0px 5px;} ul.sub-menu li a{color: #fff; font-size: 10pt; display: block;} ul.sub-menu li a:hover{color: #ccc; text-decoration: none;} ul.sub-menu li:first-child{border-top: none;} ul.sub-menu li:last-child{border-bottom: none;} .menu-hover-footer{background: url(images/layout/menu-footer-bg.png) no-repeat; width: 198px; height: 10px; clear: both;} /*-------------------------------------------------------------------------------------------*/ /*- LEFT COLUMN AND GENERAL CONTENT ---------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #left-column .header{width: 610px; height: 10px; background: url(images/layout/left-column-container-header.gif) no-repeat;} #left-column .header-dark{width: 610px; height: 34px; background: url(images/layout/left-column-container-header-dark.gif) no-repeat; border-bottom: 1px solid #ccc; display: block; cursor: pointer;} #left-column .content-container{width: 608px; padding: 1px 0px; background: #f8f8f8; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} #left-column .div-footer{width: 610px; height: 10px; background: url(images/layout/left-column-container-footer.gif) no-repeat; margin-bottom: 30px;} blockquote{color: #5a80b0;} blockquote .quoted{margin-top: 10px; font-weight: bold; display: block;} blockquote .quoted-light{margin-top: 10px; font-weight: lighter; display: block;} blockquote h2{font-weight: bold; font-size: 12pt; color: #5a80b0; margin-bottom: 5px; padding: 0px; text-transform: none; font-style: normal;} /*blockquote h2.who-you-know{font-size: 20pt; font-weight: bold;}*/ #left-column .header-dark ul{padding: 7px 20px 0px;} #left-column .header-dark ul li{float: left; width: 170px; margin-right: 30px; font-weight: bold;} #left-column .header-dark ul li.wide-header{width: 205px;} #left-column .header-dark ul li.wide-header-right{width: 235px;} #left-column .header-dark ul li:last-child{margin-right: 0px;} #left-column ul.content-container li{padding: 10px 20px; border-bottom: 1px solid #ccc;} #left-column ul.content-container li span.detail{float: left; width: 170px; margin-right: 30px; font-weight: bold;} #left-column ul.content-container li span.description{float: left; width: 300px;} #left-column ul.content-container li span.tick{background: url(images/layout/big-tick.png) left no-repeat; padding-left: 36px;} #left-column ul.content-container li span.logo-image{float: left; width: 300px; text-align: center; padding: 10px 0px;} #left-column ul.content-container li span.logo-description{float: left; width: 220px; padding: 10px 0px;} #left-column ul.content-container li .column-one, #left-column .header-dark ul li.column-one{float: left; display: block; width: 340px; margin-right: 30px;} #left-column ul.content-container li .column-two, #left-column .header-dark ul li.column-two{float: left; display: block; width: 80px; text-align: center; margin-right: 30px;} #left-column .header-dark ul li.column-two{padding: 0px;} #left-column ul.content-container li .column-three, #left-column .header-dark ul li.column-three{float: left; display: block; width: 80px; text-align: center;} #left-column .header-dark ul li.column-three{padding: 0px;} .icon{padding: 4px 0px;} #left-column ul.content-container li ul{margin: 10px 0px 0px;} #left-column ul.content-container li ul li{padding: 0px 0px 0px 25px; border: none;} #left-column ul.content-container li.tick{background: url(images/layout/big-tick.png) 20px 10px no-repeat; padding-left: 60px;} #left-column ul.content-container li.last, #left-column ul.content-container li:last-child{border: none;} ul.std-list{margin-bottom: 20px;} ul li.plus{background: url(images/layout/plus.png) 0px 3px no-repeat; margin: 0px 0px 00px 20px; padding: 0px 0px 10px 30px;} ul li.negative{background: url(images/layout/negative.png) 0px 4px no-repeat; margin: 0px 0px 5px 20px; padding: 0px 0px 5px 30px;} ul li.tick-small{background: url(images/layout/tick-small.png) 0px 3px no-repeat; margin: 0px 0px 00px 20px; padding: 0px 0px 10px 30px;} span.sub-point-quote{display: block; color: #666; font-size: 10pt; font-style: italic;} ul.social-list li{background: none; padding-left: 20px;} a.rss-icon, a.twitter-icon, a.linkedin-icon, a.facebook-icon{ background: url(images/layout/social-sprite.gif) no-repeat; height: 20px; display: block; padding: 0px 30px 0px;} a.rss-icon{background-position: 0px 0px;} a.twitter-icon{background-position: 0px -50px;} a.linkedin-icon{background-position: 0px -100px;} a.facebook-icon{background-position: 0px -150px;} ol.std-ol{list-style: decimal; margin: 10px 0px 20px 40px; padding: 0px 0px 10px;} ol.std-ol li{margin: 0px 0px 10px;} ul.std-ul{list-style: disc; margin: 10px 0px 10px 40px; padding: 0px 0px 0px;} ul.std-ul li{margin: 0px 0px 10px;} a.a-header-dark{width: 610px; min-height: 34px; background: url(images/layout/dark-header-bg.gif) no-repeat; border-bottom: 1px solid #ccc; display: block; cursor: pointer; height: auto;} a.a-header-dark span.title{float: left; color: #000; font-size: 11pt; letter-spacing: 0px; text-transform: none; font-style: inherit; font-weight: bold; position: relative; padding: 0px 0px 5px; margin: 8px 0px 0px 20px; width: 500px;} .down-arrow, .up-arrow{float: right; width: 15px; height: 10px; position: relative; top: 14px; right: 20px; background: url(images/layout/up-down-arrow.gif) top no-repeat; display: block; overflow: hidden; text-indent: -9999px;} .up-arrow{background-position: 0px -20px;} #large-column .header{width: 960px; height: 10px; background: url(images/layout/large-container-bg.gif) top no-repeat;} #large-column .content-container{width: 958px; padding: 1px 0px; background: #f8f8f8; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .content{padding: 10px 20px 0px;} #large-column .div-footer{width: 960px; height: 10px; background: url(images/layout/large-container-bg.gif) bottom no-repeat; margin-bottom: 20px;} /*--------------------------------------------------*/ /*- SIGN UP ----------------------------------------*/ /*--------------------------------------------------*/ .form-notice{margin-bottom: 10px;} .step-list li{float: left; text-align: right; width: 225px; font-weight: bold; color: #999;} .step-list li.selected{ color: #333;} .step-one, .step-two, .step-three, .step-four, .threestep-one, .threestep-two, .threestep-three {clear: both;background: url(images/layout/form-progess-fourstep.gif) no-repeat; overflow: hidden; width: 920px; height: 20px; margin-bottom: 20px;} .step-one{ background-position: 0px 0px;} .step-two{ background-position: 0px -22px;} .step-three{ background-position: 0px -44px;} .step-four{ background-position: 0px -66px;} .threestep-one{ background-position: 0px -88px;} .threestep-two{ background-position: 0px -110px;} .threestep-three{ background-position: 0px -132px;} /*--------------------------------------------------*/ /*- BLOG -------------------------------------------*/ h1.title a{color: #333;} h1.title a:hover{color: #5a80b0;} h4.post-details{display: block; font-size: 9pt; margin-top: 10px; color: #999; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px;} h4.post-details-bottom{display: block; font-size: 9pt; margin-bottom: 10px; color: #999; border-top: 1px solid #ccc; padding-top: 15px; margin-top: 15px;} a.action-link{display: inline-block; padding: 5px 10px; margin: 10px 0px 0px; border: 1px solid #222; background-color: #333; color: #ccc; font-weight: bold; font-style: italic; font-size: 10pt;} a.action-link:hover{color: #fff; background-color: #292929;} .video{margin-bottom: 20px;} /*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS -*/ .copy p{clear: none;} .copy ol, .copy ul{list-style: disc; margin: 0px 0px 10px 30px; color: #333;} .copy ol li, .copy ul li{line-height: 22px; padding-bottom: 10px;} .copy ol{list-style: decimal;} .copy code, .copy pre{background-color: #333; border: 1px solid #5b5367; width: 540px; padding: 20px; overflow: scroll; line-height: 20px; font-family: "Courier New", Courier, monospace; color: #ccc; margin-bottom: 20px;} .copy img{padding: 5px; border: 1px solid #ccc; background-color: #f3f3f3;} .copy{margin-bottom: 10px;} .feature-image{margin-bottom: 20px; max-width: 564px; max-height: 200px; overflow: hidden; padding: 5px; border: 1px solid #ccc; background-color: #f3f3f3;} .feature-image img{border: none; padding: 0px; background: none;} /*--------------------------------------------------*/ /*- READ MORE BUTTON -------------------------------*/ a.read-more{display: inline-block; padding: 0px 0px 0px 10px; background: url(images/read-more.png) left no-repeat;} a.read-more span{display: inline-block; height: 24px; padding: 8px 12px 0px 0px; background: url(images/read-more.png) right no-repeat; color: #fff; font-weight: bold; font-style: italic; font-size: 10pt; text-align: center;} a.read-more:hover span{color: #ccc;} /*--------------------------------------------------*/ /*- NEXT OR PREVIOUS BUTTONS -----------------------*/ .previous_page{float: left; margin-left: 10px;} .next_page{float: right; margin-right: 10px;} .previous_page a, .next_page a{display: inline-block; width: 120px; height: 20px; padding: 5px 0px 0px; background: url(images/next-press-btn.png) no-repeat; color: #fff; font-weight: bold; font-style: italic; font-size: 10pt; text-align: center;} .previous_page a:hover, .next_page a:hover{color: #ccc;} /*--------------------------------------------------*/ /*- SOCIAL YOAST BUTTONS ---------------------------*/ .sociable{ padding: 10px; border: 1px solid #ccc; background: #fff;} .sociable strong{display: block; margin-bottom: 10px;} /*--------------------------------------------------*/ /*- COMMENTS ---------------------------------------*/ .comment-form-note{color: #555;} .comment{clear: both; padding: 10px 0px; margin: 0px 0px 10px; border-bottom: 1px solid #ccc;} .comment-image{width: 86px; float: left; margin-right: 20px;} .comment-image img{border: 5px solid #fff;} .comment-copy{float: left; width: 450px;} .comment-copy h3 span.date{display: block; font-size: 9pt; font-style: italic; margin-top: 10px;} /*--------------------------------------------------*/ /*- DISQUS -----------------------------------------*/ #choose-subscription{background-color: #fff; color: #000;} /*-------------------------------------------------------------------------------------------*/ /*- RIGHT COLUMN ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul.tabs{list-style: none; margin: 0px; padding: 0px; height: 31px; overflow: hidden; position: relative; top: 1px; left: 10px;} ul.tabs li{float: left; height: 31px; padding-left: 15px; margin-right: 10px; background: url(images/layout/right-bar-tabs.gif) bottom left no-repeat;} ul.tabs li.selected{background-position: top left;} ul.tabs li a{height: 25px; padding: 6px 15px 0px 0px; color: #999; font-size: 12px; font-weight: bold; text-decoration: none; background: url(images/layout/right-bar-tabs.gif) bottom right no-repeat; display: block;} ul.tabs li.selected a{background-position: top right; color: #333;} ul.tabs li a:hover{color: #000;} #right-column .header{width: 310px; height: 10px; background: url(images/layout/right-bar-header.gif) no-repeat; clear: both;} #right-column .content-container{width: 308px; padding: 10px 0px; background: #f8f8f8; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} #right-column .right-column-content{border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px;} #right-column .div-footer{width: 310px; height: 10px; background: url(images/layout/right-bar-footer.gif) no-repeat; margin-bottom: 30px;} #right-column h3, #right-column p{margin: 0px 20px 0px 20px; clear: both;} #right-column h3{color: #333; font-weight: bold; font-size: 13pt; text-transform: uppercase;} #right-column p{color: #555; font-size: 10pt;} #right-column a{color: #5a80b0; text-decoration: none;} #right-column a:hover{color: #000;} #right-column ul.std-list{margin: 0px 0px 10px; font-size: 10pt; color: #555;} #right-column ul.std-list li{padding: 5px 20px 5px 40px; background: url(images/layout/right-bar-li-bg.gif) 20px 8px no-repeat; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; color: #000;} #right-column ul li:first-child{border-top: none;} #right-column ul li:last-child{border-bottom: none; margin-bottom: 0px;} #right-column ul li.no-border{border: none; margin-bottom: 0px;} /*--------------------------------------------------*/ /*- RIGHT COLUMN STYLES ----------------------------*/ #right-column ul li.cat-item{float: left; width: 114px; border-top: none; border-bottom: 1px solid #ccc; font-size: 8pt; background: none; padding-left: 20px;} #right-column ul li.cat-item:last-child{border-bottom: 1px solid #ccc;} ol.order-list{margin: 0px 0px 10px; font-size: 10pt; color: #555; padding: 0px 20px;} ol.order-list li{clear: both; background: url(images/layout/ol/one.gif) 0px 5px no-repeat; padding: 0px 30px 10px;} ol.order-list li.one{background: url(images/layout/ol/one.gif) 0px 2px no-repeat;} ol.order-list li.two{background: url(images/layout/ol/two.gif) 0px 2px no-repeat;} ol.order-list li.three{background: url(images/layout/ol/three.gif) 0px 2px no-repeat;} ol.order-list li.four{background: url(images/layout/ol/four.gif) 0px 2px no-repeat;} ol.order-list li.five{background: url(images/layout/ol/five.gif) 0px 2px no-repeat;} ol.order-list li.six{background: url(images/layout/ol/six.gif) 0px 2px no-repeat;} ol.order-list li.seven{background: url(images/layout/ol/seven.gif) 0px 2px no-repeat;} ol.order-list li.eight{background: url(images/layout/ol/eight.gif) 0px 2px no-repeat;} #right-column ul.social-list li{background: none; padding: 8px 0px 8px 20px;} a.rss-icon, a.twitter-icon, a.linkedin-icon, a.facebook-icon{ background: url(images/layout/social-sprite.gif) no-repeat; height: 20px; display: block; padding: 0px 30px 0px;} a.rss-icon{background-position: 0px 0px;} a.twitter-icon{background-position: 0px -50px;} a.linkedin-icon{background-position: 0px -100px;} a.facebook-icon{background-position: 0px -150px;} #right-column ul.social-list li:last-child{border-bottom: 1px solid #ccc;} .email-form{padding: 0px 20px 20px;} #right-column .email-form .form-input-small-left{width: 160px; float: left; margin-right: 10px;} #right-column .email-form label{color: #333; font-size: 10pt;} #right-column .email-form .button-sml{float: left; clear: none; width: 70px;} .refer-graphic{width: 280px; height: 215px; margin: 0px auto 20px; overflow: hidden; text-indent: -9999px; background: url(images/layout/refer-graphic.png) no-repeat;} .student-pro-diagram{text-align: center; margin: 20px 0px 20px 20px; width: 260px;} /*-------------------------------------------------------------------------------------------*/ /*- FOOTER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .footer .footer-title{color: #7db8f9; font-weight: bold; text-transform: uppercase; font-size: 9pt;} .footer h3{margin-bottom: 10px;} .footer p{color: #ccc; font-size: 10pt;} .footer .about{width: 250px; float: left; padding: 10px 10px 10px 0px; border-right: 1px solid #000; min-height: 145px;} .footer .company{width: 170px; float: left; padding: 10px; border-right: 1px solid #000; border-left: 1px solid #555; min-height: 145px;} .footer .twitter{width: 340px; float: left; padding: 10px; border-right: 1px solid #000; border-left: 1px solid #555; min-height: 145px;} .footer .contact{width: 260px; float: left; padding: 10px; border-left: 1px solid #555; min-height: 145px;} .footer ul{float: left; padding: 0px 9px 10px; font-size: 9pt;} .footer ul li{color: #ccc; padding: 2px 0px; font-weight: lighter;} .footer ul li .footer ul li a{display: block; color: #ccc;} .footer ul li a:hover{color: #fff;} .footer ul.first{border-left: none; padding-left: 0px; margin-left: 2px;} .footer ul.last{border-right: none; padding-right: 0px;} .footer .contact label{color: #ccc; font-size: 10pt;} .footer .contact textarea{width: 250px; height: 150px} .footer-callus{background: #333 url(images/layout/footer-callme-sep.gif) top repeat-x; padding: 1px 0px 1px; border: 1px solid #000; border-top: none; border-bottom: none;} .footer-callus h6.call-us{width: 419px; height: 5px; margin: 10px auto 0px; background:url(images/layout/call-us.gif) no-repeat; overflow: hidden; text-indent: -9999px;} .footer-footer p{text-align: center; font-size: 8pt; color: #555;} .footer a:hover{color: #fff;} /*-------------------------------------------------------------------------------------------*/ /*- SPRITES ---------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--- Buttons -------*/ a.big-sign-up-button{display: block; width: 280px; height: 40px; margin: 0px auto; background: url(images/layout/big-sign-up.gif) no-repeat; text-indent: -9999px; overflow: hidden;} a.big-sign-up-button:hover{ background-position: 0 -40px;} /*-----------------------------------------------------------------------------------------------------------------------------------*/ /*- CLEARFIX --- * I prefer not to touch this code, I don't recommend you do so either, it works... so don't fix whats working ;) * -*/ /*-----------------------------------------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after{clear: both; content: '.'; display: block; visibility: hidden; height: 0;} .clearfix{display: inline-block;} * html .clearfix{height: 1%;} .clearfix{display: block;}