API tools faq
paste
Guest User

Untitled

a guest
May 24th, 2018
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.08 KB | None | 0 0
raw download clone embed print report
  1. /* Template by freewebsitetemplates.com */
  2. body {
  3. font-family: Arial, Helvetica, sans-serif;
  4. margin:0;
  5. padding: 0;
  6. }
  7. #header {
  8. margin:0 auto;
  9. padding: 0;
  10. overflow: hidden;
  11. width: 960px;
  12. }
  13. #header #logo {
  14. float: left;
  15. height: 280px;
  16. width: 355px;
  17. }
  18. #header #logo img {
  19. border: 0;
  20. }
  21. #header ul {
  22. float: right;
  23. margin: 0;
  24. padding: 70px 0 0 0;
  25. overflow: hidden;
  26. width: 605px;
  27. }
  28. #header ul li {
  29. list-style-type: none;
  30. float: left;
  31. margin: 0;
  32. padding: 0;
  33. width: 121px;
  34. }
  35. #header ul li a,
  36. #header ul li a span,
  37. #header ul li a:hover,
  38. #header ul li a:hover span,
  39. #header ul li.selected a,
  40. #header ul li.selected a span {
  41. background: url(images/menu.gif);
  42. }
  43. #header ul li a {
  44. background-position: 10px 0;
  45. color: #2a4f5e;
  46. display: block;
  47. font-size: 14px;
  48. height: 36px;
  49. line-height: 36px;
  50. margin: 0;
  51. padding: 0 0 0 10px;
  52. text-align: center;
  53. text-decoration: none;
  54. text-transform: uppercase;
  55. text-shadow: 1px 1px 1px #fff;
  56. }
  57. #header ul li a span{
  58. background-position: -70px 0;
  59. display: block;
  60. margin: 0;
  61. padding: 0 10px 0 0;
  62. }
  63. #header ul li a:hover {
  64. background-position: -186px -37px;
  65. color: #346b84;
  66. text-shadow: none;
  67. }
  68. #header ul li a:hover span {
  69. background-position: -70px -37px;
  70. }
  71. #header ul li.selected a{
  72. background-position: 10px 36px;
  73. color: #fff;
  74. text-shadow: none;
  75. }
  76. #header ul li.selected a span{
  77. background-position: -70px -74px;
  78. }
  79.  
  80. #body {
  81. background: url(images/bg-content.gif) repeat-x top left;
  82. margin: 0;
  83. padding: 0;
  84. min-width: 960px;
  85. }
  86. #body .header {
  87. background: url(images/bg-body.gif) repeat-x bottom center;
  88. margin: 0 0 30px 0;
  89. }
  90. #body .header div {
  91. background: url(images/logo.gif) no-repeat bottom right;
  92. height: 472px;
  93. margin: 0 auto;
  94. padding: 0;
  95. width: 960px;
  96. }
  97. #body .header div div {
  98. background: none;
  99. margin: 0;
  100. padding: 0 0 0 13px;
  101. height: 200px;
  102. width: 490px;
  103. }
  104. #body .header div h3 {
  105. color: #2a4f5e;
  106. font-size: 20px;
  107. line-height: 30px;
  108. margin: 18px 0 0 0;
  109. padding: 0;
  110. text-shadow: 1px 1px 1px #fff;
  111. }
  112. #body .header div h3 span {
  113. display: block;
  114. font-size: 25px;
  115. }
  116. #body .header div h3 a {
  117. color: #2a4f5e;
  118. text-decoration: none;
  119. }
  120. #body .header div h3 a:hover {
  121. color: #507685;
  122. }
  123. #body .header div p {
  124. color: #507685;
  125. font-size: 14px;
  126. line-height: 24px;
  127. margin: 12px 0 6px 0;
  128. padding: 0;
  129. text-shadow: 1px 1px 1px #fff;
  130. }
  131. #body .header div p a {
  132. color: #507685;
  133. }
  134. #body .header div p a:hover {
  135. color: #2a4f5e;
  136. }
  137. #body .header ul {
  138. overflow: hidden;
  139. margin: 0;
  140. padding: 49px 0 0;
  141. }
  142. #body .header ul li {
  143. float: left;
  144. list-style: none;
  145. padding: 0 5px;
  146. }
  147. #body .body {
  148. border: 1px solid #e0e0e0;
  149. margin: 0 auto 34px auto;
  150. overflow: hidden;
  151. padding: 0 2px;
  152. width: 954px;
  153. }
  154. #body .body div {
  155. float: left;
  156. }
  157. #body .body .section {
  158. background: url(images/bg-section.gif) repeat-x top left;
  159. height: 193px;
  160. margin: 0;
  161. padding: 35px 0 0 40px;
  162. width: 186px;
  163. }
  164. #body .body .section img {
  165. display: block;
  166. }
  167. #body .body .section a {
  168. color: #2a4f5e;
  169. display: block;
  170. font-size: 14px;
  171. font-weight: bold;
  172. height: 145px;
  173. text-align: center;
  174. text-decoration: none;
  175. text-transform: uppercase;
  176. width: 145px;
  177. }
  178. #body .body .section a:hover {
  179. color: #507685;
  180. }
  181. #body .body .section img {
  182. border: 0;
  183. }
  184. #body .body .article {
  185. background: url(images/bg-article.gif) no-repeat top center;
  186. overflow: hidden;
  187. padding: 19px 16px;
  188. width: 470px;
  189. }
  190. #body .body .article img {
  191. border: 0;
  192. float: left;
  193. padding: 0 10px 0 0;
  194. }
  195. #body .body .article h4 {
  196. color: #2a4f5e;
  197. font-size: 15px;
  198. font-weight: bold;
  199. margin: 12px 0;
  200. padding: 0;
  201. }
  202. #body .body .article h4 a {
  203. color: #2a4f5e;
  204. text-decoration: none;
  205. }
  206. #body .body .article h4 a:hover {
  207. color: #507685;
  208. }
  209. #body .body .article p {
  210. color: #2a4f5e;
  211. font-size: 14px;
  212. line-height: 22px;
  213. margin: 0;
  214. padding: 0;
  215. }
  216. #body .body .article p a {
  217. color: #2a4f5e;
  218. }
  219. #body .body .article p a:hover {
  220. color: #346b84;
  221. }
  222. #body .footer {
  223. margin: 0 auto;
  224. overflow: hidden;
  225. padding: 0 0 15px 0;
  226. width: 960px;
  227. }
  228. #body .footer div {
  229. float: left;
  230. margin: 0;
  231. padding: 0;
  232. }
  233. #body .footer div ul {
  234. margin: 0;
  235. padding: 0;
  236. }
  237. #body .footer div ul li {
  238. list-style: none;
  239. margin: 0 0 15px;
  240. padding: 0 0 15px;
  241. }
  242. #body .footer h3 {
  243. color: #2a4f5e;
  244. font-size: 14px;
  245. line-height: 26px;
  246. margin: 0 0 12px 0;
  247. padding: 0;
  248. text-align: justify;
  249. text-transform: uppercase;
  250. }
  251. #body .footer h3 a {
  252. color: #2a4f5e;
  253. text-decoration: none;
  254. }
  255. #body .footer h3 a:hover {
  256. color: #507685;
  257. }
  258. #body .footer .section {
  259. padding: 0 10px;
  260. width: 220px;
  261. }
  262. #body .footer ul li {
  263. background: url(images/border-dashed.gif) repeat-x bottom left;
  264. }
  265. #body .footer ul li:last-child {
  266. background: none;
  267. }
  268. #body .footer li p {
  269. color: #5d5d5d;
  270. font-size: 14px;
  271. line-height: 20px;
  272. margin: 0;
  273. padding: 0;
  274. text-align: justify;
  275. }
  276. #body .footer li p a {
  277. color: #5d5d5d;
  278. text-decoration: underline;
  279. }
  280. #body .footer li p a:hover {
  281. color: #aeaeae;
  282. }
  283. #body .footer li span {
  284. color: #aeaeae;
  285. display: block;
  286. font-size: 10px;
  287. line-height: 16px;
  288. margin: 5px 0 0;
  289. padding:0;
  290. }
  291. #body .footer ul.news li p {
  292. background: url(images/bullets.gif) no-repeat 0 8px;
  293. padding: 0 0 0 15px;
  294. }
  295. #body .footer .featured {
  296. padding: 0 18px 0 24px;
  297. width: 438px;
  298. }
  299. #body .footer .featured ul li {
  300. overflow: hidden;
  301. }
  302. #body .footer .featured img {
  303. border: 1px solid #dbddde;
  304. float: left;
  305. margin: 0 20px 0 0;
  306. padding: 1px;
  307. }
  308. #body .footer .featured p {
  309. margin: 0;
  310. padding: 0;
  311. }
  312. #body .contact,
  313. #body .about,
  314. #body .services,
  315. #body .blog {
  316. margin: 0 auto;
  317. padding: 25px 10px 50px 10px;
  318. width: 940px;
  319. }
  320. #body h1 {
  321. color: #2a4f5e;
  322. font-size: 27px;
  323. font-weight: bold;
  324. height: 74px;
  325. line-height: 74px;
  326. margin: 0;
  327. padding: 0;
  328. text-indent: 10px;
  329. text-transform: uppercase;
  330. }
  331. #body .contact p {
  332. color: #7b7b7b;
  333. font-size: 15px;
  334. font-weight: bold;
  335. line-height: 26px;
  336. margin: 0;
  337. padding: 40px 0;
  338. text-align: justify;
  339. width: 830px;
  340. }
  341. #body .contact p a {
  342. color: #7b7b7b;
  343. }
  344. #body .contact p a:hover {
  345. color: #2a4f5e;
  346. }
  347. #body .contact div {
  348. margin: 0;
  349. padding: 0 0 30px 0;
  350. }
  351. #body .contact div h3 {
  352. color: #5d5d5d;
  353. font-size: 14px;
  354. font-weight: bold;
  355. margin: 0;
  356. padding: 0 0 5px 0;
  357. }
  358. #body .contact div ul {
  359. margin: 0;
  360. padding: 0 0 20px 0;
  361. }
  362. #body .contact div ul li {
  363. color: #5d5d5d;
  364. font-size: 14px;
  365. list-style: none;
  366. margin: 0;
  367. padding: 5px 0;
  368. }
  369. #body .about div {
  370. padding: 50px 0 0 0;
  371. }
  372. #body .about h2 {
  373. color: #2a4f5e;
  374. font-size: 16px;
  375. font-weight: bold;
  376. margin: 0;
  377. padding: 0;
  378. text-transform: uppercase;
  379. }
  380. #body .about p {
  381. color: #5d5d5d;
  382. font-size: 14px;
  383. line-height: 24px;
  384. margin: 10px 0 0;
  385. padding: 0;
  386. text-align: justify;
  387. width: 830px;
  388. }
  389. #body .about p a {
  390. color: #5d5d5d;
  391. }
  392. #body .about p a:hover {
  393. color: #2a4f5e;
  394. }
  395. #body .services div {
  396. overflow: hidden;
  397. margin: 0;
  398. padding: 40px 0 0;
  399. }
  400. #body .services h2 {
  401. color: #2a4f5e;
  402. font-size: 16px;
  403. font-weight: bold;
  404. line-height: 24px;
  405. margin: 0;
  406. padding: 0;
  407. text-transform: uppercase;
  408. }
  409. #body .services h2 a {
  410. color: #2a4f5e;
  411. }
  412. #body .services h2 a:hover {
  413. color: #507685;
  414. }
  415. #body .services h3 {
  416. color: #2a4f5e;
  417. font-size: 14px;
  418. font-weight: bold;
  419. line-height: 24px;
  420. margin: 15px 0 0;
  421. padding: 0 30px 0 0;
  422. text-transform: uppercase;
  423. }
  424. #body .services h3 a {
  425. color: #2a4f5e;
  426. }
  427. #body .services h3 a:hover {
  428. color: #507685;
  429. }
  430. #body .services h4 {
  431. color: #2a4f5e;
  432. font-size: 16px;
  433. font-weight: normal;
  434. line-height: 24px;
  435. margin: 0;
  436. padding: 0;
  437. text-transform: uppercase;
  438. }
  439. #body .services p {
  440. color: #5d5d5d;
  441. font-size: 14px;
  442. line-height: 24px;
  443. }
  444. #body .services p a {
  445. color: #5d5d5d;
  446. }
  447. #body .services p a:hover {
  448. color: #2a4f5e;
  449. }
  450. #body .services div ul {
  451. float: left;
  452. margin: 0;
  453. padding: 20px 0 0;
  454. width: 312px;
  455. }
  456. #body .services div ul li {
  457. background: url(images/bullets.gif) no-repeat center left;
  458. color: #5d5d5d;
  459. font-size: 14px;
  460. list-style: none;
  461. margin: 0;
  462. padding: 5px 0 5px 12px;
  463. text-align: left;
  464. }
  465. #body .services div div {
  466. overflow: hidden;
  467. margin: 0;
  468. padding: 0 0 5px 0;
  469. }
  470. #body .services div div img {
  471. float: left;
  472. padding: 0 10px 0 0;
  473. }
  474. #body .services div div p {
  475. padding: 0 30px 0 0;
  476. text-align: justify;
  477. }
  478. #body .products {
  479. margin: 0 auto;
  480. padding: 25px 0 70px 0;
  481. width: 960px;
  482. }
  483. #body .products h2 {
  484. color: #2a4f5e;
  485. font-size: 26px;
  486. margin: 0;
  487. text-align: center;
  488. text-transform: uppercase;
  489. padding: 90px 0 30px 0;
  490. }
  491. #body .products p {
  492. color: #5d5d5d;
  493. font-size: 14px;
  494. line-height: 24px;
  495. margin: 0;
  496. padding: 0 10px;
  497. text-align: justify;
  498. }
  499. #body .products p a {
  500. color: #5d5d5d;
  501. }
  502. #body .products p a:hover {
  503. color: #2a4f5e;
  504. }
  505. #body .products div {
  506. overflow: hidden;
  507. margin: 0 0 45px 0;
  508. padding: 0;
  509. }
  510. #body .products div div {
  511. float: left;
  512. margin: 0;
  513. padding: 0 10px;
  514. text-align: center;
  515. width: 300px;
  516. }
  517. #body .products div div h3 {
  518. color: #2a4f5e;
  519. font-size: 16px;
  520. line-height: 24px;
  521. margin: 0;
  522. padding: 0 0 10px 0;
  523. text-align: justify;
  524. text-transform: uppercase;
  525. }
  526. #body .products div p {
  527. font-size: 16px;
  528. }
  529. #body .products div div p {
  530. font-size: 14px;
  531. margin: 0;
  532. padding: 0;
  533. text-align: justify;
  534. }
  535. #body .blog {
  536. overflow: hidden;
  537. }
  538. #body .blog div {
  539. float: left;
  540. padding: 60px 0 0 0;
  541. width: 630px;
  542. }
  543. #body .blog ul {
  544. float: left;
  545. margin: 0;
  546. padding: 38px 0 0 30px;
  547. width: 280px;
  548. }
  549. #body .blog ul li {
  550. background: url(images/border-dashed.gif) repeat-x bottom left;
  551. list-style: none;
  552. margin: 0;
  553. padding: 22px 0;
  554. }
  555. #body .blog ul li:last-child {
  556. background: none;
  557. }
  558. #body .blog h2 {
  559. color: #2a4f5e;
  560. font-size: 16px;
  561. margin: 0;
  562. padding: 0;
  563. text-transform: capitalize;
  564. }
  565. #body .blog h3 {
  566. color: #5d5d5d;
  567. font-size: 14px;
  568. margin: 0;
  569. padding: 0;
  570. text-align: justify;
  571. }
  572. #body .blog h3 a {
  573. color: #5d5d5d;
  574. }
  575. #body .blog h3 a:hover {
  576. color: #2a4f5e;
  577. }
  578. #body .blog p {
  579. color: #5d5d5d;
  580. font-size: 14px;
  581. line-height: 24px;
  582. margin: 0;
  583. padding: 0;
  584. text-align: justify;
  585. }
  586. #body .blog p a {
  587. color: #5d5d5d;
  588. }
  589. #body .blog p a:hover {
  590. color: #2a4f5e;
  591. }
  592. #body .blog div p {
  593. padding: 15px 0;
  594. }
  595. #body .blog div p.article {
  596. font-weight: bold;
  597. }
  598. #footer {
  599. background: #f5f5f5 url(images/bg-footer.gif) repeat-x top left;
  600. margin: 0;
  601. min-width: 960px;
  602. padding: 0;
  603. }
  604. #footer div {
  605. margin: 0 auto;
  606. overflow: hidden;
  607. padding: 26px 0 0;
  608. width: 960px;
  609. }
  610. #footer div div {
  611. float: left;
  612. margin: 0;
  613. padding: 0;
  614. text-align: center;
  615. width: 192px;
  616. }
  617. #footer div div h3 {
  618. color: #818a8c;
  619. font-size: 12px;
  620. font-weight: bold;
  621. margin: 0 0 5px 0;
  622. padding: 0;
  623. text-transform: uppercase;
  624. }
  625. #footer div div ul,
  626. #footer div div ul li {
  627. margin: 0;
  628. list-style: none;
  629. padding: 0;
  630. }
  631. #footer div div ul li {
  632. font-size: 12px;
  633. line-height: 22px;
  634. color: #818a8c;
  635. }
  636. #footer div a.facebook,
  637. #footer div a.twitter {
  638. display: block;
  639. float: left;
  640. height: 27px;
  641. margin: 10px 0 0;
  642. text-indent: -99999em;
  643. width: 40px;
  644. }
  645. #footer div a.facebook,
  646. #footer div a.twitter {
  647. background: url(images/icons.gif) no-repeat;
  648. }
  649. #footer div a.facebook {
  650. background-position: 0 0;
  651. margin: 10px 0 0 58px;
  652. _margin: 10px 0 0 28px;
  653. }
  654. #footer div a.twitter {
  655. background-position: 0 -37px;
  656. }
  657. #footer div p {
  658. color: #c1c1c1;
  659. font-size: 12px;
  660. margin: 0;
  661. padding: 0 0 30px 0;
  662. text-align: center;
  663. text-shadow: 1px 1px 1px #fff;
  664. }
  665. /*Featured Item*/
  666. .new {
  667. position: absolute;
  668. top: -3px;
  669. right: 0px;
  670. }
  671.  
  672. #slider #featureditem1 .itemdescription span, #slider #featureditem2 .itemdescription span, #slider #featureditem3 .itemdescription span {
  673. font-family: Arial, Helvetica, sans-serif;
  674. font-size: 14px;
  675. color: #b9b9b9;
  676. padding-left: 10px;
  677. }
  678. #slider #featureditem1 .itemdescription, #slider #featureditem2 .itemdescription, #slider #featureditem3 .itemdescription {
  679. background-image: url(../images/itemdescription.png);
  680. background-repeat: no-repeat;
  681. height: 40px;
  682. width: 825px;
  683. position:relative;
  684. top: 187px;
  685. padding: 16px 55px 0 60px;
  686. }
  687. #featureditem1 {
  688. background-image: url(../images/featured1.png);
  689. background-repeat: no-repeat;
  690. height: 243px;
  691. width: 940px;
  692. margin-top: 30px;
  693. }
  694. #featureditem2 {
  695. background-image: url(../images/featured2.png);
  696. background-repeat: no-repeat;
  697. height: 243px;
  698. width: 940px;
  699. margin-top: 30px;
  700. }
  701. #featureditem3 {
  702. background-image: url(../images/featured3.png);
  703. background-repeat: no-repeat;
  704. height: 243px;
  705. width: 940px;
  706. margin-top: 30px;
  707. }
  708. #slider {
  709. height: 243px;
  710. width: 940px;
  711. overflow: hidden;
  712. padding-bottom: 30px;
  713. }
  714. /*End of featured item*/
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!