/*----------------------------------------------------------------------------------- COLORS: default font color #666666 light font color #999999 dark font color #333333 light grey backgrounds #019cd5 grey border #d9d9d9 main color #1e7987 /*----------------------------------------------------------------------------------- 0. RESET & CLEARFIX 1. BASICS (body, headers, links, etc) -----------------------------------------------------------------------------------*/ /*---------------------------------------------- 0. RESET & CLEARFIX ------------------------------------------------*/ html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, four_equalsquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, tr, th, td, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, input, textarea, blockquote,figure {margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; vertical-align:baseline;} body {line-height:1} ul {list-style:none} four_equalsquote, q {quotes:none} four_equalsquote:before, four_equalsquote:after, q:before, q:after {content:''; content:none} :focus {outline:0} a {text-decoration:none} * {box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; *behavior: url(css/boxsizing.htc);} /*---------------------------------------------- 1. BASICS ------------------------------------------------*/ html { height: 100%; font-size: 100%; /*overflow-y: scroll; /* Force a scrollbar in non-IE */ /*overflow-x: hidden;*/ -webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */ -ms-text-size-adjust: 100%; position: relative; } body {width:100%; height:100%; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:13px; color:#666666; text-align: left; line-height:20px; position: relative; float:left; font-family: 'MyriadPro-Regular'; color:#585858; font-size:14px; background:#019cd5 url(../images/topBg.png) no-repeat center top;} ::selection { background:#019cd5; color:#fff; } ::-moz-selection { background:#019cd5; color:#fff; } ::-webkit-selection { background:#019cd5; color:#fff; } #wrapper {width:100%; height:auto; float:left;} /* -------------------------------------------------- 2.:: Global Class -------------------------------------------------- */ .push-10 {margin-top:10px !important;} .alpha {margin-left:0px !important;} .omega {margin-right: 0 !important;} .left {float:left !important;} .right {float:right;vertical-align:top;} .row {width:100%; height:auto; float:left; margin:35px 0 0 0;} .align-center {text-align:center;} .center-align {width:960px; height:auto; margin:0 auto;} .clear {clear: both;display: block;height: 0;overflow: hidden;visibility: hidden;width: 0;} .extra-wrap {overflow: hidden;} /* -------------------------------------------------- 3.:: TYPOGRAPHY -------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {font-family: 'MyriadProBold'; display:inline-block; width:100%;} h1 { font-size: 36px; line-height: 44px; } h2 { font-size: 28px; line-height: 34px; } h3 { font-size: 26px; line-height: 26px; } h4 { font-size: 22px; line-height: 23px; } h5 { font-size: 18px; line-height: 20px; } h6 { font-size: 14px; line-height: 19px; } h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight: 700} small { font:normal 12px Tahoma, Geneva, sans-serif; } div h1, div h2, div h3, div h4, div h5, div h6 {margin-top: 35px;} div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {margin-top: 0px;} .title {font-family: 'MyriadProLight'; } .subtitle {} p {display:inline-block; font:normal 13px Tahoma, Geneva, sans-serif; color:#ffffff; margin:15px 0 0 0; line-height:24px; } .colored {color: #1e7987; } .colored-white {color: #ffffff; } .colored-gray {color: #757575; } .colored-greeen {color:#6bb808; } ol { padding-left:5%; } /* -------------------------------------------------- 4.:: LINKS -------------------------------------------------- */ a {text-decoration: none;color: #1e7987;cursor: pointer;} a.link-white {text-decoration: underline !important;color: #ffffff;} a:hover {color:#333333;} a.link-green {color:#55b80d !important; text-decoration:underline;} a.link-green:hover {text-decoration:none;} a.link-two {color:#6bb808; text-decoration:underline;} a.link-two:hover {color: #757575;} /* Embedded content ---------------------------------------- */ img, object, video {max-width: 100%; height: auto;display: inline-block;margin:0;vertical-align:top;} img {width: auto;max-width: 100%; border: 0;-ms-interpolation-mode: bicubic;} p img {margin-top: 20px; } p img:first-child {margin-top: 0px; } img.alignleft {margin: 3px 20px 20px 0; float: left; } img.alignright {margin: 3px 0px 20px 20px; float: right; } .clearfix:before, .clearfix:after {content: ""; display: table; line-height: 0;} .clearfix:before, .clearfix:after {content: ""; display: table; line-height: 0;} .clearfix:after {clear: both;} .thumbnail.indent_bot {margin-bottom: 25px;} .thumbnail {display: block;line-height: 20px;overflow: hidden;} .thumbnail.alignleft {float: left;margin: 10px 10px 10px 0;} .thumbnail + .extra-wrap {padding: 10px 0 20px 0;} /* -------------------------------------------------- :: Grid -------------------------------------------------- */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { float: left; margin-left: 10px; margin-right: 10px; width:100px; } /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ #wrapper .grid_1 {width: 60px;}#wrapper .grid_2 { width: 140px;}#wrapper .grid_3 {width: 220px;}#wrapper .grid_4 {width: 300px;}#wrapper .grid_5 {width: 380px;}#wrapper .grid_6 {width: 460px;} #wrapper .grid_7 {width: 540px;}#wrapper .grid_8 {width: 620px;} #wrapper .grid_9 {width: 700px;}#wrapper .grid_10 {width: 780px;}#wrapper .grid_11 {width: 860px;}#wrapper .grid_12 {width: 940px;} /***************** BUTTONS *****************/ .btn {width:auto; height:auto; display:inline-block; padding:8px 20px; font-family: 'BreeSerifRegular'; font-size:19px; color:#fff; cursor:pointer;} .btn:hover {color:#fff; } .btn.btn-black {color:#fff; border:#090909 solid 1px; background-color: #3D7A99; background-color: #3D7A99; background-image: -moz-linear-gradient(top, #151515, #3D7A99); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#3D7A99)); background-image: -webkit-linear-gradient(top, #151515, #3D7A99); background-image: -o-linear-gradient(top, #151515, #3D7A99); background-image: linear-gradient(to bottom, #151515, #3D7A99); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#151515', endColorstr='#3D7A99', GradientType=0);-moz-box-shadow:inset 0px 0px 1px #333333;-webkit-box-shadow:inset 0px 0px 1px #333333;box-shadow:inset 0px 0px 1px #333333;} .btn.btn-black:hover {color:#000; background-image: -moz-linear-gradient(bottom, #fff, #fff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff)); background-image: -webkit-linear-gradient(bottom, #fff, #fff); background-image: -o-linear-gradient(bottom, #fff, #fff); background-image: linear-gradient(to top, #fff, #fff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);-moz-box-shadow:inset 0px 0px 1px #333333;-webkit-box-shadow:inset 0px 0px 1px #333333;box-shadow:inset 0px 0px 1px #333333; background-color:#fff; } .btn.btn-black1 {color:#fff; border:#090909 outset 1px; background-color: #3D7A99; background-color: #66C285; -moz-box-shadow:inset 0px 0px 1px #333333;-webkit-box-shadow:inset 0px 0px 1px #333333;box-shadow:inset 0px 0px 1px #333333;} .btn.btn-black1:hover {color:#000; background-image: -moz-linear-gradient(bottom, #fff, #fff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff)); background-image: -webkit-linear-gradient(bottom, #fff, #fff); background-image: -o-linear-gradient(bottom, #fff, #fff); background-image: linear-gradient(to top, #fff, #fff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0);-moz-box-shadow:inset 0px 0px 1px #333333;-webkit-box-shadow:inset 0px 0px 1px #333333;box-shadow:inset 0px 0px 1px #333333; background-color:#fff; } .btn.btn-wight {color:#757575; border-top:#fff solid 1px; background-color:#eeeeee; border-radius:20px; vertical-align:middle; background-color: #d8d8d9; background-image: -moz-linear-gradient(top, #eeeeee, #d8d8d9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#d8d8d9)); background-image: -webkit-linear-gradient(top, #eeeeee, #d8d8d9); background-image: -o-linear-gradient(top, #eeeeee, #d8d8d9); background-image: linear-gradient(to bottom, #eeeeee, #d8d8d9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d8d8d9', GradientType=0);} .btn.btn-wight:hover {color:#757575; border-top:#090909 solid 1px; background-color: #151515; background-color: #222222; background-image: -moz-linear-gradient(top, #151515, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#222222)); background-image: -webkit-linear-gradient(top, #151515, #222222); background-image: -o-linear-gradient(top, #151515, #222222); background-image: linear-gradient(to bottom, #151515, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#151515', endColorstr='#222222', GradientType=0);} .btn.btn-blue {color:#fff; border:#31a7e5 solid 1px; background-color: #30a7e7; background-color: #048fda; background-image: -moz-linear-gradient(top, #30a7e7, #048fda); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#30a7e7), to(#048fda)); background-image: -webkit-linear-gradient(top, #30a7e7, #048fda); background-image: -o-linear-gradient(top, #30a7e7, #048fda); background-image: linear-gradient(to bottom, #30a7e7, #048fda); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30a7e7', endColorstr='#048fda', GradientType=0);} .btn.btn-blue:hover {color:#fff; border:#31a7e5 solid 1px; background-color: #048fda; background-color: #30a7e7; background-image: -moz-linear-gradient(top, #048fda, #30a7e7); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#048fda), to(#30a7e7)); background-image: -webkit-linear-gradient(top, #048fda, #30a7e7); background-image: -o-linear-gradient(top, #048fda, #30a7e7); background-image: linear-gradient(to bottom, #048fda, #30a7e7); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048fda', endColorstr='#30a7e7', GradientType=0);} .btn.full {width:100%; text-align:center; padding-left:10px; padding-right:10px; } .btn.btn-wight.full {text-align:left; padding:5px 20px 8px 20px; } .btn.btn-wight .iconS { margin-top:2px;} /***************** LIST *****************/ ul.list {display:block; margin:25px 0 0 0;} ul.list li {display:block; margin:12px 0 0 0; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#58585a; } ul.list li:first-child {margin:0 0 0 0;} ul.list li a {color:#666} ul.list.arrow {width:100%; height:auto; float:left;} ul.list.arrow li {width:95%; height:auto; float:left; margin:0px; padding:8px 18px; background:url(../images/list-style.png) no-repeat left center; line-height:normal; color:#fff; } ul.list.arrow.divider li {border-top:#FFF solid 1px; } ul.list.arrow li a {width:auto; color:#fff;} ul.list.arrow li a:hover {color:#55b80d;} /************************************************************************************* JUMBOTRON *************************************************************************************/ .jumbotron {width:100%; height:auto; float:left; text-align:center;} .jumbotron p.lead {font:italic 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fefefe; line-height:23px;} .jumbotron h1 {font-family: 'MyriadProLight'; font-size:45px; color:#939393; line-height:43px;} /***************** TAB-LIST *****************/ /***************** FORM *****************/ /************************************************************************************* table *************************************************************************************/ /************************************************************************************* icons *************************************************************************************/ .footer1{float:left;color:#000;font-weight:bold;font-family:Bodoni MT;width:100%;} .cent{color:#000;font-weight:bold;font-family:Bodoni MT;text-align:center;} .cent a{color:#000;font-weight:bold;font-family:Bodoni MT;} .fleft { text-align:right; width:14%; } .enovusfooter { color:#000;font-weight:bold;font-family:Bodoni MT; width:50%; } .read-icon {float:right;color:#000;font-weight:bold;} .read-icon:hover{color:#000;} .read-icon1 {float:right;font-weight:bold;cursor:pointer;background:none;} .iconS {width:16px; height:16px; float:left;} .iconS.all {background:url(../images/all-icon.png) no-repeat;} .iconS.right {float:right; margin-left:10px;}