Advertisement
Guest User

Untitled

a guest
May 28th, 2017
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.54 KB | None | 0 0
  1. /*** CSS Reset ***/
  2.  
  3. html, body, div, span, applet, object, iframe,
  4. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  5. a, abbr, acronym, address, big, cite, code,
  6. del, dfn, em, font, img, ins, kbd, q, s, samp,
  7. small, strike, strong, sub, sup, tt, var,
  8. dl, dt, dd, ol, ul, li,
  9. fieldset, form, label, legend,
  10. table, caption, tbody, tfoot, thead, tr, th, td {
  11.     margin: 0;
  12.     padding: 0;
  13.     border: 0;
  14.     outline: 0;
  15.     font-weight: inherit;
  16.     font-style: inherit;
  17.     font-size: 100%;
  18.     font-family: inherit;
  19.     vertical-align: baseline;
  20. }
  21. /* remember to define focus styles! */
  22. :focus {
  23.     outline: 0;
  24. }
  25. body {
  26.     line-height: 1;
  27.     color: black;
  28.     background: white;
  29. }
  30. ol, ul {
  31.     list-style: none;
  32. }
  33.  
  34. img {
  35.     border:0;
  36.     margin:0;
  37.     padding:0;
  38. }
  39.  
  40. /* tables still need 'cellspacing="0"' in the markup */
  41. table {
  42.     border-collapse: separate;
  43.     border-spacing: 0;
  44. }
  45. caption, th, td {
  46.     text-align: left;
  47.     font-weight: normal;
  48. }
  49. blockquote:before, blockquote:after,
  50. q:before, q:after {
  51.     content: "";
  52. }
  53. blockquote, q {
  54.     quotes: "" "";
  55. }
  56.  
  57. /*** Global Styles / Float Clearing ***/
  58.  
  59. .clearfix:after, .container:after, .content:after {
  60.     clear: both;
  61.     content: ".";
  62.     display: block;
  63.     height: 0;
  64.     visibility: hidden;
  65. }
  66.  
  67. .clearfix, .container, .content {
  68.     zoom: 1;     /* triggers hasLayout */
  69. }
  70.  
  71. .clear{
  72.     clear: both;
  73. }
  74.  
  75. div.clear{
  76.     font-size: .001em;
  77.     height: 0px;
  78. }
  79.  
  80. .left{ float: left; }
  81.  
  82. .right{ float: right; }
  83.  
  84.  
  85. body {
  86.     color:#737373;
  87.     font-family:Arial, Helvetica, sans-serif;
  88.     font-size:12px;
  89.     background:url(../img/bckg_gradient.jpg) left 51px repeat-x #e5e5e5;
  90. }
  91.  
  92. p {
  93.     line-height:16px;
  94.     padding-bottom:10px;
  95. }
  96.  
  97. a {
  98.     color:#41bcc7;
  99.     font-weight:bold;
  100.     text-decoration:none;
  101.     letter-spacing:-1px;
  102. }
  103.  
  104. a:hover {
  105.     color:#276c87;
  106. }
  107.  
  108. strong {
  109.     color:#41bcc7;
  110.     font-family:Georgia, "Times New Roman", Times, serif;
  111.     font-weight:bold;
  112. }
  113.  
  114. /* Site Specific Styles */
  115.  
  116. /* Layout */
  117.  
  118. .top_bar {
  119.     height:10px;
  120.     background:#000000;
  121. }
  122.  
  123. .container {
  124.     width:960px;
  125.     margin:0 auto;
  126.     text-align: left;
  127. }
  128.  
  129.  
  130. /* Typography */
  131.  
  132. #navigation {
  133.     color:#93cdeb;
  134.     background:url(../img/main_nav.gif) left top repeat-x;
  135.     height:52px;
  136.     font:13px/16px normal Arial, Helvetica, sans-serif;
  137. }
  138.  
  139. .main_nav {
  140.     width:960px;
  141.     margin:0 auto;
  142.     display:block;
  143. }
  144.  
  145. .main_nav a {
  146.     height:34px;
  147.     display:block;
  148.     color:#93cdeb;
  149.     text-decoration:none;
  150. }
  151.  
  152. .main_nav li{
  153.     float:left;
  154.     padding:17px 55px;
  155.     background:url(../img/divider.gif) 0 20px no-repeat;
  156. }
  157.  
  158. .main_nav li.first {
  159.     padding-left:0;
  160.     background:none;
  161. }
  162.  
  163. .main_nav li.last {
  164.     border-right:none;
  165. }
  166.  
  167. .main_nav .curr a, .main_nav a:hover {
  168.     color:#FFFFFF;
  169. }
  170.  
  171. .main_nav .curr a {
  172.     background:url(../img/nav_curr.gif) center bottom no-repeat;
  173. }
  174.  
  175. h1 {
  176.     font-family:Georgia, "Times New Roman", Times, serif;
  177.     font-size:35px;
  178.     color:#518c13;
  179.     background:url(../img/green.gif) center 20px no-repeat;
  180.     letter-spacing:-1px;
  181.     font-weight:normal;
  182.     text-align:center;
  183.     margin-bottom:10px;
  184.     line-height:40px;
  185. }
  186.  
  187. h1 span {
  188.     background:#fff;
  189.     padding:0 10px 0 10px;
  190. }
  191.  
  192. h1#logo {
  193.     background:url(../img/sterling_logo.gif) 10px 20px no-repeat;
  194.     width:350px;
  195.     height:80px;
  196.     margin-bottom:10px;
  197. }
  198.  
  199. h1#logo span {
  200.     display:block;
  201.     text-indent:-1000px;
  202.     overflow:hidden;
  203.     background:none;
  204. }
  205.  
  206. h2 {
  207.     font-family:Georgia, "Times New Roman", Times, serif;
  208.     font-size:23px;
  209.     color:#fca32b;
  210.     background:url(../img/orange.gif) center 14px no-repeat;
  211.     letter-spacing:-1px;
  212.     font-weight:normal;
  213.     text-align:center;
  214.     margin:5px 0 10px;
  215. }
  216.  
  217. h2 span {
  218.     background:#fff;
  219.     padding:0 10px 0 10px;
  220. }
  221.  
  222. h3 {
  223.     font-family:Georgia, "Times New Roman", Times, serif;
  224.     font-style:italic;
  225.     font-size:25px;
  226.     color:#fca32b;
  227.     font-weight:normal;
  228.     padding-bottom:10px;
  229. }
  230.  
  231. h4 {
  232.     padding-top:10px;
  233.     font-family:Arial, Helvetica, sans-serif;
  234.     font-size:13px;
  235.     color:#12abb9;
  236.     font-weight:bold;
  237.     letter-spacing:-1px;
  238.     text-decoration:none;
  239. }
  240.  
  241. h4#hot {
  242.     padding:22px 0 5px 30px;
  243.     background:url(../img/hot.gif) left top no-repeat;
  244. }
  245.  
  246. h4 a {
  247.     color:#12abb9;
  248. }
  249.  
  250. h4 a:hover {
  251.     color:#276c87;
  252. }
  253.  
  254. h5 {
  255.     font-family:Georgia, "Times New Roman", Times, serif;
  256.     font-size:13px;
  257.     color:#fca32b;
  258.     background:url(../img/orange.gif) center 5px no-repeat;
  259.     text-align:center;
  260.     padding-bottom:10px;
  261. }
  262.  
  263. h5 span{
  264.     background:#fff;
  265.     padding:0 10px 0 10px;
  266. }
  267.  
  268. .position_link {
  269.     display:block;
  270.     font-weight:normal;
  271.     letter-spacing:normal;
  272.     background:url(../img/careers_box.jpg) left top no-repeat;
  273.     font-family:Georgia, "Times New Roman", Times, serif;
  274.     font-size:11px;
  275.     font-style:italic;
  276.     color:#fff;
  277.     text-align:center;
  278.     height:25px;
  279.     padding:10px;
  280. }
  281.  
  282. .services_link {
  283.     display:block;
  284.     letter-spacing:normal;
  285.     font-weight:normal;
  286.     background:url(../img/services_btn.jpg) left top no-repeat;
  287.     font-family:Georgia, "Times New Roman", Times, serif;
  288.     font-size:11px;
  289.     font-style:italic;
  290.     color:#fff;
  291.     text-align:center;
  292.     height:25px;
  293.     padding:10px;
  294. }
  295.  
  296. a:hover.position_link, a:hover.services_link {
  297.     color:#fff;
  298. }
  299.  
  300. .btn {
  301.     float:right;
  302.     display:block;
  303.     background:url(../img/btn.gif) right top no-repeat;
  304.     font-family:Arial, Helvetica, sans-serif;
  305.     font-weight:bold;
  306.     font-size:11px;
  307.     color:#fff;
  308.     text-align:center;
  309.     height:25px;
  310.     width:113px;
  311.     padding-top:6px;
  312.     margin-bottom:30px;
  313.     letter-spacing:-1px;
  314. }
  315.  
  316. a:hover.btn, a:hover.btn_2  {
  317.     color:#8ecef1;
  318. }
  319.  
  320. .btn_2 {
  321.     float:right;
  322.     display:block;
  323.     background:url(../img/btn.gif) right top no-repeat;
  324.     font-family:Arial, Helvetica, sans-serif;
  325.     font-weight:bold;
  326.     font-size:11px;
  327.     color:#fff;
  328.     text-align:center;
  329.     height:25px;
  330.     width:113px;
  331.     padding-top:6px;
  332.     letter-spacing:-1px;
  333. }
  334.  
  335. .long {
  336.     padding-bottom:20px;
  337. }
  338.  
  339. /* Columns */
  340.  
  341. .col_1 {
  342.     float:left;
  343.     width:275px;
  344. }
  345.  
  346. .col_2 {
  347.     float:left;
  348.     width:672px;
  349.     padding-left:13px;
  350. }
  351.  
  352. .col_3 {
  353.     width:280px;
  354.     float:left;
  355.     padding-left:15px;
  356. }
  357.  
  358. .col_4 {
  359.     width:280px;
  360.     float:right;
  361.     padding-right:15px;
  362. }
  363.  
  364. .top {
  365.     background:url(../img/top.gif) left top no-repeat;
  366.     height:8px;
  367. }
  368.  
  369. .mid {
  370.     padding:10px 20px 20px 20px;
  371.     background:#fff;
  372. }
  373.  
  374. .bottom {
  375.     background:url(../img/bottom.gif) left top no-repeat;
  376.     height:8px;
  377. }
  378.  
  379. .main_top {
  380.     background:url(../img/top_main.gif) left top no-repeat;
  381.     height:8px;
  382. }
  383.  
  384. .main_mid {
  385.     background:#FFFFFF;
  386.     padding:20px;
  387. }
  388.  
  389. .main_bott {
  390.     background:url(../img/bottom_main.gif) left top no-repeat;
  391.     height:8px;
  392. }
  393.  
  394. /* General */
  395.  
  396. .line {
  397.     background:url(../img/hr.gif) center center no-repeat;
  398.     padding:10px 0 10px;
  399. }
  400.  
  401. .box_img {
  402.     margin:12px 0 12px;
  403. }
  404.  
  405. .header_img {
  406.     display:block;
  407.     padding-bottom:20px;
  408. }
  409.  
  410. /* List */
  411. #main_list li{
  412.     background:url(../img/bullet.gif) left top no-repeat;
  413.     padding-left:30px;
  414.     color:#41bcc7;
  415.     font-weight:bold;
  416.     padding-bottom:10px;
  417.     line-height:14px;
  418. }
  419.  
  420. /* Footer */
  421.  
  422. #footer {
  423.     background:#173645;
  424.     height:70px;
  425.     margin-top:30px;
  426.     padding-top:20px;
  427.     font-size:11px;
  428.     color:#4986a4;
  429. }
  430.  
  431. #footer p {
  432.     float:left;
  433. }
  434.  
  435. .footer_nav {
  436.     float:right;
  437.     display:block;
  438. }
  439.  
  440. .footer_nav a {
  441.     color:#4986a4;
  442. }
  443.  
  444. .footer_nav a:hover {
  445.     color:#76b8d8;
  446. }
  447.  
  448. .footer_nav li {
  449.     display:inline;
  450.     padding:0 7px 0 7px;
  451.     border-right:1px solid #4986a4;
  452. }
  453.  
  454. li.last_footer {
  455.     border:none;
  456. }
  457.  
  458.  
  459. /* Page Specific */
  460.  
  461. #home .main_mid {
  462.     height:500px;
  463. }
  464.  
  465. .com_name {
  466.     font-family:Georgia, "Times New Roman", Times, serif;
  467.     font-style:italic;
  468.     display:block;
  469.     padding-bottom:3px;
  470. }
  471.  
  472. #contact .com_name{
  473.     padding-bottom:15px;
  474. }
  475.  
  476. .com_name b {
  477.     font-style:normal;
  478.     font-family:Arial, Helvetica, sans-serif;
  479. }
  480.  
  481. #position .com_name, #position .com_name b {
  482.     font-size:15px;
  483.     letter-spacing:-1px;
  484.     padding-bottom:10px;
  485. }
  486.  
  487.  
  488. /* Form */
  489.  
  490. form {
  491.     padding-top:20px;
  492.     margin-bottom:20px;
  493. }
  494.  
  495. label {
  496.     width:65px;
  497.     display:block;
  498.     float:left;
  499.     color:#999999;
  500.     font-size:14px;
  501.     font-family:Georgia, "Times New Roman", Times, serif;
  502.     font-style:italic;
  503.     letter-spacing:-1px;
  504.     padding-right:10px;
  505.     margin-top:5px;
  506.     line-height:17px;
  507. }
  508.  
  509. input {
  510.     display:block;
  511.     float:left;
  512.     width:195px;
  513.     border:1px solid #9ed2e0;
  514.     padding:3px;
  515. }
  516.  
  517. textarea {
  518.     display:block;
  519.     float:left;
  520.     width:195px;
  521.     height:100px;
  522.     border:1px solid #9ed2e0;
  523.     padding:3px;
  524. }
  525.  
  526. select {
  527.     display:block;
  528.     float:left;
  529.     width:203px;
  530.     border:1px solid #9ed2e0;
  531.     padding:3px;
  532. }
  533.  
  534. .input_sm {
  535.     width:100px;
  536. }
  537.  
  538. .phone {
  539.     width:55px;
  540.     float:left;
  541.     margin-right:5px;
  542. }
  543.  
  544. .height {
  545.     height:45px;
  546. }
  547.  
  548. #position .col_3 {
  549.     padding-left:0px;
  550. }
  551.  
  552. #contact_form {
  553.     padding-top:10px;
  554. }
  555.  
  556. #contact .btn_2 {
  557.     margin-top:20px;
  558. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement