/* Name: Strategic Enterprise Consulting Group Design: Lift22 Creative Author URL: www.lift22.com Version: 1.0 */ 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0 none; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: 1; margin: 0; padding: 0; text-align: left; vertical-align: baseline; } /*a img, :link img, :visited img { border : 0; } */ * { margin:0;padding:0; } /* FRAMEWORK ---------------------------------------------------------- */ html, body { height: 100%; background-color: #d9d9d9; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; } #wrap { width: 100%; min-height: 100%;} #header { background: #000 url('../images/head_bg_small.png') repeat-x; /*height:66px;*/ height:40px; } #subhead { background: #000 url('../images/subhead_bg_small.png') repeat-x; /*height:202px;*/ height:125px; } #main {background: #d9d9d9 url('../images/body_bg.png') repeat-x; min-height: 542px; overflow:auto; padding-bottom: 124px; /* must be same height as the footer */ clear:both; } .container { width: 960px; margin: 0px auto; padding: 0px; /*border: 1px solid red;*/ } .sidebar { float: left; padding: 0px; width: 200px; /*border: 1px solid red;*/ } .content { float: right; padding: 0px; width: 730px; /*border: 1px solid red;*/ } .footer { position: relative; height: 124px; z-index: 20; margin-top: -124px; /* negative value of footer height */ clear:both; } #social { background: #000 url('../images/social_bg.png') repeat-x; height: 63px; z-index: 20; } #bottom { background: #000 url('../images/bottom_bg.png') repeat-x; height: 61px; z-index: 20; } #body_content { margin: 30px 0px 0px 0px; font-size:13px; position: relative; z-index: 600; } /* TYPOGRAPHY ---------------------------------------------------------- */ a { color: #333; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", Helvetica, Arial, sans-serif; font-weight: bold; outline: none; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; text-transform: uppercase; } a:hover { color: #666; } a#footer { color: #666; text-shadow: rgba(51, 51, 51, 0.7) 0px 1px 0px; } a#footer:hover { color: #669933; } p { font-size: 12px; line-height: 22px; margin: 0px 0px 20px 0px; } ol ul { list-style: none; } li { font-size: 11px; line-height: 1.4em; margin: 0 0 1em; } h1 { font-size: 26px; color: #222222; line-height: 1.25em; margin: 0px 0px 10px 0px; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; } h2 { font-size: 20px; color: #666; line-height: 1.25em; margin: 0px 0px 20px 0px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; text-transform: uppercase; } h3 { font-size: 18px; color: #669933; line-height: 1.25em; margin: 0px 0px 20px 0px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif; text-transform: uppercase; } h4 { font-size: 15px; color: #444; line-height: 1.25em; margin: 0px 0px 20px 0px; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; padding: 4px 8px; background: #dbdbdb; } div.hr { height: 2px; margin: 0px 0px 20px 0px; background: #d9d9d9 url('../images/line.gif') repeat-x; scroll center; } div.hr hr { display : none; } /* HEADER--------------------------------------------------------------- */ #date { padding-left: 10px; width: 200px; height: 25px; /*margin: 20px 0px;*/ margin: 7px 0px; border: } #date p { font-size: 10px; font-weight: normal; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 0px; margin: 0px; padding: 1px 0px 0px 5px; color: #999; } #search_container { float: right; width: 225px; height: 25px; /*margin: 17px 0px;*/ margin: 6px 0px; } #search { float: left; width: 185px; height: 25px; border: solid 1px #1b1b1b; background: url('../images/search_bg.png') repeat-x scroll center top #333333; border-color: #1b1b1b; color: #666; } #search p { font-size: 10px; font-weight: normal; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: rgba(51, 51, 51, 0.7) 0px 1px 0px; color: #666; margin: 0px; padding: 1px 0px 1px 5px; } #search input { background-color: #333333; font-size: 10px; font-weight: normal; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: rgba(51, 51, 51, 0.7) 0px 1px 0px; color: #999999; margin: 5px; padding: 1px 0px 1px 5px; } #search_icon { float: left; } /* NAV ----------------------------------------------------------------- */ #nav { margin: 30px 0px 10px 10px; } #nav ol { list-style: none; } #nav li { list-style: none; margin: 0px; } #nav li a { display: block; margin: 0px; padding: 10px 15px; } #nav li a:hover { background: url('../images/nav-hover-plus.png') no-repeat scroll left 50% transparent; transition: none; -webkit-transition: none; -moz-transition: none;} #nav li.active a { background: url('../images/nav-active_bg.png') repeat-x scroll center top #324b36; border-color: #4c6f40; border-right: 1px solid rgba(0, 0, 0, 0.3); border-style: solid; border-width: 1px; color: #fff; display: block; margin-bottom: -2px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8); } /* IMAGES ------------------------------------------------------------- */ #logo { /*padding: 12px 0px 0px 20px;*/ padding: 0px 0px 0px 5px; } #title { /*padding: 12px 0px 0px 0px;*/ padding: 0px 0px 0px 0px; } #twitter_icon { padding: 0px 10px 0px 24px; } #follow_btn { padding: 0px 17px 0px 17px; } .loader { padding: 0px; margin: 0px 0px -5px 0px; position: absolute; right: 0; top: 0; margin: 20px; } .industry_pic { margin: 0px 0px 10px 0px; } .about_us_logo { margin: 0px 97px 20px 97px; } /* TWITTER BOX -------------------------------------------------------- */ #tweet_box { position: relative; width: 730px; min-height: 100%; margin: 20px 0px 40px 0px; padding: 0px; z-index: 40; } #tweet_box #tweet_top { float: left; background: url('../images/twitter-top.png') no-repeat; width: 730px; height: 20px; border: } #tweet_box #tweet_middle { float: left; background: url('../images/twitter-middle.png') repeat-y; width: 730px; /*min-height: 71px;*/ position: relative; } #tweet_box #tweet_bottom { float: left; background: url('../images/twitter-bottom.png') no-repeat; width: 730px; height: 20px; margin: 0px; } #tweet_box #tweet_middle .tweet_left { float: left; width: 100px; /*min-height: 71px;*/ } #tweet_box #tweet_middle .tweet_main { float: left; width: 520px; /*min-height: 71px;*/ } #tweet_box #tweet_middle .tweet_right { float: left; width: 100px; /*min-height: 71px;*/ } #tweet_box #tweet_middle .tweet_main, .tweet_text { font-size: 14px; font-family: "HelveticaNeue-LightItalic", "Helvetica Neue Light Italic", Helvetica, Arial, sans-serif; font-style: italic; color: #666; margin: 0px; padding: 13px 10px 10px 10px; line-height: 24px; width: 500px; border: } #tweet_box #tweet_middle .tweet_main, #tweet_text a { font-size: 12px; color: #666; margin: 0px; } #tweet_box #tweet_middle .tweet_main, #tweet_text a:hover { color: #669933; } #tweet_box #tweet_middle .tweet_main, #tweet_text ul { font-size: 14px; font-family: "HelveticaNeue-LightItalic", "Helvetica Neue Light Italic", Helvetica, Arial, sans-serif; font-style: italic; color: #666; margin: 0px; color: #666; } #tweet_box #tweet_middle .tweet_main, #tweet_text ul li { font-size: 14px; font-family: "HelveticaNeue-LightItalic", "Helvetica Neue Light Italic", Helvetica, Arial, sans-serif; font-style: italic; color: #666; margin: 0px; line-height: 24px; color: #666; } /* THREE COL ----------------------------------------------------------- */ #three_col { } #three_col .feature { } #three_col .feature li { background: rgba(255, 255, 255, 0.2); background-image: url(../images/feature-white_bg.png) repeat-x 50% 0px; border: 1px solid rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(255, 255, 255, 0.9); min-height: 204px; width: 190px; float: left; display: inline; list-style: none; margin: 0px 17px 15px 0px; padding: 15px 20px; position: relative; z-index: 600; -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 10px;} #three_col .feature h5 { margin: 0px 0px 15px 0px; font-size: 12px; text-transform: uppercase; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", Helvetica, Arial, sans-serif; font-style: bold; color: #333; /*background: #ccc; border: 1px solid #cfcfcf;*/ padding: 0px 0px 0px 0px; } #three_col .feature p { font-size: 12px; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px; line-height: 22px; margin-top: 5px; margin-bottom: 0px; padding: 1px; } #three_col .feature .last { margin: 0px 0px 17px 0px; padding: 15px 20px; } /* SOCIAL BAR --------------------------------------------------------- */ #social_text { float: left; width: 200px; margin: 27px 0px 0px 0px; color: #333; font-size: 11px; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; } #social_links { float: right; padding: 15px 0px; width: 750px; height: 33px; } #social_links .logos { padding-left: 59px; clear: both; } /* BOTTOM ------------------------------------------------------------- */ #bottom_left { float: left; width: 360px; height: 33px; margin: 25px 0px 0px 0px; color: #999; font-size: 10px; text-transform: uppercase; text-shadow: rgba(51, 51, 51, 0.7) 0px 1px 0px; } #bottom_right { float: right; width: 600px; margin: 20px 0px 0px 0px; } #bottom_right ul { list-style: none; color:#666; text-align: right; text-shadow: rgba(51, 51, 51, 0.7) 0px 1px 0px;} #bottom_right li { list-style: none; margin: 0px; display: inline; } #bottom_right li a { color: #999; font-size: 10px; font-weight: normal; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-shadow: rgba(51, 51, 51, 0.7) 0px 1px 0px; } #bottom_right li a:hover { color: #669933; } #bottom_right li.active a { color: #fff; } .footer_divider { font-size: 11px; color: #666; padding: 0px 10px; text-shadow: rgba(51, 51, 51, 0.7) 0px 1px 0px; } #watermark { position: absolute; left:50%; bottom: 50px; width: 617px; height: 614px; background: url('../images/watermark.png') no-repeat; z-index: -10; } /* SLIDER -------------------------------------------------------------- */ /*.slide_container { float: right; position: relative; width: 730px; margin: 30px 0px 60px 0px; } #home_slide { background-color: #d9d9d9; -webkit-box-shadow: rgba(0, 0, 0, 0.09375) 0px 0px 5px; border: 1px solid rgba(255, 255, 255, 0.894531); border-top: 1px solid rgba(255, 255, 255, 0.894531); width: 730px; height: 350px; } #home_slide li { /*display: none;*!/ height: 318px; list-style: none; width: 698px; margin: 15px; border: 1px solid #eeeeee; } #home_slide li#cover { background: url('../images/slide_images/slide-home.jpg') no-repeat; } .menu { position: absolute; bottom: -40px; left: 290px; margin: 0px; padding: 3px 15px; width: 433px; z-index: 21; } .menu a { background: url(../images/slider-btn.png) no-repeat; display: block; float: right; width: 17px; height: 17px; margin: 0px 0.5em 0px 0px; text-indent: -9999px; } .menu .active_slide { background: url(../images/slider-btn-active.png) no-repeat; display: block; float: right; width: 17px; height: 17px; margin: 0px 0.5em 0px 0px; text-indent: -9999px; }*/ /* TRANSITIONS ---------------------------------------------------------- */ input, textarea, a, span, .button, ul li a, form div div, a img:hover, h1 a:hover { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } a img:hover { opacity: 0.8; }