Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*** CSS 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-weight: inherit;
- 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;
- }
- img {
- border:0;
- margin:0;
- padding:0;
- }
- /* 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: "" "";
- }
- /*** Global Styles / Float Clearing ***/
- .clearfix:after, .container:after, .content:after {
- clear: both;
- content: ".";
- display: block;
- height: 0;
- visibility: hidden;
- }
- .clearfix, .container, .content {
- zoom: 1; /* triggers hasLayout */
- }
- .clear{
- clear: both;
- }
- div.clear{
- font-size: .001em;
- height: 0px;
- }
- .left{ float: left; }
- .right{ float: right; }
- body {
- color:#737373;
- font-family:Arial, Helvetica, sans-serif;
- font-size:12px;
- background:url(../img/bckg_gradient.jpg) left 51px repeat-x #e5e5e5;
- }
- p {
- line-height:16px;
- padding-bottom:10px;
- }
- a {
- color:#41bcc7;
- font-weight:bold;
- text-decoration:none;
- letter-spacing:-1px;
- }
- a:hover {
- color:#276c87;
- }
- strong {
- color:#41bcc7;
- font-family:Georgia, "Times New Roman", Times, serif;
- font-weight:bold;
- }
- /* Site Specific Styles */
- /* Layout */
- .top_bar {
- height:10px;
- background:#000000;
- }
- .container {
- width:960px;
- margin:0 auto;
- text-align: left;
- }
- /* Typography */
- #navigation {
- color:#93cdeb;
- background:url(../img/main_nav.gif) left top repeat-x;
- height:52px;
- font:13px/16px normal Arial, Helvetica, sans-serif;
- }
- .main_nav {
- width:960px;
- margin:0 auto;
- display:block;
- }
- .main_nav a {
- height:34px;
- display:block;
- color:#93cdeb;
- text-decoration:none;
- }
- .main_nav li{
- float:left;
- padding:17px 55px;
- background:url(../img/divider.gif) 0 20px no-repeat;
- }
- .main_nav li.first {
- padding-left:0;
- background:none;
- }
- .main_nav li.last {
- border-right:none;
- }
- .main_nav .curr a, .main_nav a:hover {
- color:#FFFFFF;
- }
- .main_nav .curr a {
- background:url(../img/nav_curr.gif) center bottom no-repeat;
- }
- h1 {
- font-family:Georgia, "Times New Roman", Times, serif;
- font-size:35px;
- color:#518c13;
- background:url(../img/green.gif) center 20px no-repeat;
- letter-spacing:-1px;
- font-weight:normal;
- text-align:center;
- margin-bottom:10px;
- line-height:40px;
- }
- h1 span {
- background:#fff;
- padding:0 10px 0 10px;
- }
- h1#logo {
- background:url(../img/sterling_logo.gif) 10px 20px no-repeat;
- width:350px;
- height:80px;
- margin-bottom:10px;
- }
- h1#logo span {
- display:block;
- text-indent:-1000px;
- overflow:hidden;
- background:none;
- }
- h2 {
- font-family:Georgia, "Times New Roman", Times, serif;
- font-size:23px;
- color:#fca32b;
- background:url(../img/orange.gif) center 14px no-repeat;
- letter-spacing:-1px;
- font-weight:normal;
- text-align:center;
- margin:5px 0 10px;
- }
- h2 span {
- background:#fff;
- padding:0 10px 0 10px;
- }
- h3 {
- font-family:Georgia, "Times New Roman", Times, serif;
- font-style:italic;
- font-size:25px;
- color:#fca32b;
- font-weight:normal;
- padding-bottom:10px;
- }
- h4 {
- padding-top:10px;
- font-family:Arial, Helvetica, sans-serif;
- font-size:13px;
- color:#12abb9;
- font-weight:bold;
- letter-spacing:-1px;
- text-decoration:none;
- }
- h4#hot {
- padding:22px 0 5px 30px;
- background:url(../img/hot.gif) left top no-repeat;
- }
- h4 a {
- color:#12abb9;
- }
- h4 a:hover {
- color:#276c87;
- }
- h5 {
- font-family:Georgia, "Times New Roman", Times, serif;
- font-size:13px;
- color:#fca32b;
- background:url(../img/orange.gif) center 5px no-repeat;
- text-align:center;
- padding-bottom:10px;
- }
- h5 span{
- background:#fff;
- padding:0 10px 0 10px;
- }
- .position_link {
- display:block;
- font-weight:normal;
- letter-spacing:normal;
- background:url(../img/careers_box.jpg) left top no-repeat;
- font-family:Georgia, "Times New Roman", Times, serif;
- font-size:11px;
- font-style:italic;
- color:#fff;
- text-align:center;
- height:25px;
- padding:10px;
- }
- .services_link {
- display:block;
- letter-spacing:normal;
- font-weight:normal;
- background:url(../img/services_btn.jpg) left top no-repeat;
- font-family:Georgia, "Times New Roman", Times, serif;
- font-size:11px;
- font-style:italic;
- color:#fff;
- text-align:center;
- height:25px;
- padding:10px;
- }
- a:hover.position_link, a:hover.services_link {
- color:#fff;
- }
- .btn {
- float:right;
- display:block;
- background:url(../img/btn.gif) right top no-repeat;
- font-family:Arial, Helvetica, sans-serif;
- font-weight:bold;
- font-size:11px;
- color:#fff;
- text-align:center;
- height:25px;
- width:113px;
- padding-top:6px;
- margin-bottom:30px;
- letter-spacing:-1px;
- }
- a:hover.btn, a:hover.btn_2 {
- color:#8ecef1;
- }
- .btn_2 {
- float:right;
- display:block;
- background:url(../img/btn.gif) right top no-repeat;
- font-family:Arial, Helvetica, sans-serif;
- font-weight:bold;
- font-size:11px;
- color:#fff;
- text-align:center;
- height:25px;
- width:113px;
- padding-top:6px;
- letter-spacing:-1px;
- }
- .long {
- padding-bottom:20px;
- }
- /* Columns */
- .col_1 {
- float:left;
- width:275px;
- }
- .col_2 {
- float:left;
- width:672px;
- padding-left:13px;
- }
- .col_3 {
- width:280px;
- float:left;
- padding-left:15px;
- }
- .col_4 {
- width:280px;
- float:right;
- padding-right:15px;
- }
- .top {
- background:url(../img/top.gif) left top no-repeat;
- height:8px;
- }
- .mid {
- padding:10px 20px 20px 20px;
- background:#fff;
- }
- .bottom {
- background:url(../img/bottom.gif) left top no-repeat;
- height:8px;
- }
- .main_top {
- background:url(../img/top_main.gif) left top no-repeat;
- height:8px;
- }
- .main_mid {
- background:#FFFFFF;
- padding:20px;
- }
- .main_bott {
- background:url(../img/bottom_main.gif) left top no-repeat;
- height:8px;
- }
- /* General */
- .line {
- background:url(../img/hr.gif) center center no-repeat;
- padding:10px 0 10px;
- }
- .box_img {
- margin:12px 0 12px;
- }
- .header_img {
- display:block;
- padding-bottom:20px;
- }
- /* List */
- #main_list li{
- background:url(../img/bullet.gif) left top no-repeat;
- padding-left:30px;
- color:#41bcc7;
- font-weight:bold;
- padding-bottom:10px;
- line-height:14px;
- }
- /* Footer */
- #footer {
- background:#173645;
- height:70px;
- margin-top:30px;
- padding-top:20px;
- font-size:11px;
- color:#4986a4;
- }
- #footer p {
- float:left;
- }
- .footer_nav {
- float:right;
- display:block;
- }
- .footer_nav a {
- color:#4986a4;
- }
- .footer_nav a:hover {
- color:#76b8d8;
- }
- .footer_nav li {
- display:inline;
- padding:0 7px 0 7px;
- border-right:1px solid #4986a4;
- }
- li.last_footer {
- border:none;
- }
- /* Page Specific */
- #home .main_mid {
- height:500px;
- }
- .com_name {
- font-family:Georgia, "Times New Roman", Times, serif;
- font-style:italic;
- display:block;
- padding-bottom:3px;
- }
- #contact .com_name{
- padding-bottom:15px;
- }
- .com_name b {
- font-style:normal;
- font-family:Arial, Helvetica, sans-serif;
- }
- #position .com_name, #position .com_name b {
- font-size:15px;
- letter-spacing:-1px;
- padding-bottom:10px;
- }
- /* Form */
- form {
- padding-top:20px;
- margin-bottom:20px;
- }
- label {
- width:65px;
- display:block;
- float:left;
- color:#999999;
- font-size:14px;
- font-family:Georgia, "Times New Roman", Times, serif;
- font-style:italic;
- letter-spacing:-1px;
- padding-right:10px;
- margin-top:5px;
- line-height:17px;
- }
- input {
- display:block;
- float:left;
- width:195px;
- border:1px solid #9ed2e0;
- padding:3px;
- }
- textarea {
- display:block;
- float:left;
- width:195px;
- height:100px;
- border:1px solid #9ed2e0;
- padding:3px;
- }
- select {
- display:block;
- float:left;
- width:203px;
- border:1px solid #9ed2e0;
- padding:3px;
- }
- .input_sm {
- width:100px;
- }
- .phone {
- width:55px;
- float:left;
- margin-right:5px;
- }
- .height {
- height:45px;
- }
- #position .col_3 {
- padding-left:0px;
- }
- #contact_form {
- padding-top:10px;
- }
- #contact .btn_2 {
- margin-top:20px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement