home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template27 / style.css < prev    next >
Cascading Style Sheet File  |  2005-10-06  |  5KB  |  299 lines
  1. * {
  2.     margin: 0px;
  3.     padding: 0px;
  4. }
  5.  
  6. body {
  7.     padding: 10px 0px 10px;
  8.     background-color: #484848;
  9.     color: #fff;
  10.     font-family: verdana, arial, sans-serif;
  11.     font-size: 12px;
  12.     text-align: center;
  13. }
  14.  
  15. a {
  16.     color: #fff;
  17.     background-color: inherit;
  18.     text-decoration: underline;
  19. }
  20.  
  21. a:hover {
  22.     color: #e1d9a7;
  23.     background-color: inherit;
  24. }
  25.  
  26. span {
  27.     display: none;
  28. }
  29.  
  30. img {
  31.     border: none;
  32. }
  33.  
  34. ul {
  35.     list-style-type: none;
  36. }
  37.  
  38. li {
  39.     list-style-type: none;
  40. }
  41.  
  42. p {
  43.     margin: 6px 0px 15px;
  44.     text-align: justify;
  45.     line-height: 14px;
  46. }
  47.  
  48. .clearthis {
  49.     margin : 0px;
  50.     height : 1px;
  51.     clear : both;
  52.     float : none;
  53.     font-size : 1px;
  54.     line-height : 0px;
  55.     overflow : hidden;
  56.     visibility: hidden;
  57. }
  58.  
  59.  
  60. #body_wrapper {
  61.     margin: 0px auto;
  62.     padding: 2px 0px;
  63.     width: 777px;
  64.     background-color: #fcfcfc;
  65.     color: inherit;
  66.     text-align: left;
  67. }
  68.  
  69. .add_shadow {
  70.     float: left;
  71.     background: url('images/shadow_bot.gif') no-repeat 0% 100%;
  72. }
  73.  
  74. .add_shadow div {
  75.     display: block;
  76.     float: left;
  77.     background: url('images/shadow_right.gif') no-repeat 100% 0%;
  78. }
  79.  
  80. .add_shadow div div {
  81.     display: block;
  82.     float: none;
  83.     padding: 0px 5px 5px 0px;
  84.     background: url('images/shadow_rightbot.gif') no-repeat 100% 100%;
  85. }
  86.  
  87. .add_shadow div div div {
  88.     padding: 0px;
  89.     background: none;
  90. }
  91.  
  92.  
  93. /* Company Logo */
  94.  
  95. #company_header {
  96.     margin: 45px 10px;
  97.     z-index: 1;
  98.     position: absolute;
  99. }
  100.  
  101. #company_logo {
  102.     padding: 3px;
  103.     background: url('images/company_poster.gif') #fff no-repeat 3px 3px;
  104.     color: #000;
  105. }
  106.  
  107. #company_logo h1 {
  108.     display: block;
  109.     background: url('images/company_logo.gif') no-repeat 50% 3px;
  110.     width: 368px;
  111.     height: 368px;
  112. }
  113.  
  114. #company_logo h1 span {
  115.     display: none;
  116. }
  117.  
  118.  
  119. /* Navigational Menu */
  120.  
  121. #nav_menu {
  122.     margin: 0px 2px;
  123.     width: 773px;
  124.     background-color: #5c3424;
  125.     color: #fff;
  126.     border-bottom: #fff 2px solid;
  127.     font-family: arial, sans-serif;
  128.     font-weight: bold;
  129.     letter-spacing: 1px;
  130.     text-transform: uppercase;
  131. }
  132.  
  133. #nav_menu ul {
  134.     margin-left: 130px;
  135.     width: 630px;
  136.     height: 27px;
  137.     overflow: hidden;
  138. }
  139.  
  140. #nav_menu li {
  141.     padding: 5px 11px 3px 10px;
  142.     background: url('images/navmenu_div.gif') no-repeat 100% 7px;
  143.     float: left;
  144. }
  145.  
  146. #nav_menu li#last {
  147.     padding-right: 10px;
  148.     background-image: none;
  149. }
  150.  
  151. #nav_menu a {
  152.     text-decoration: none;
  153. }
  154.  
  155.  
  156.  
  157. /* Content Body */
  158.  
  159. #content_body {
  160.     margin: 0px 2px;
  161.     padding: 17px 12px 15px 15px;
  162.     background-color: #dddacc;
  163.     border-bottom: #fff 2px solid;
  164.     color: #000000;
  165.     text-align: left;
  166. }
  167.  
  168. #content_body a {
  169.     background-color: inherit;
  170.     color: #000000;
  171. }
  172.  
  173. #content_body a:hover {
  174.     background-color: #dddacc;
  175.     color: #a64a26;
  176. }
  177.  
  178. #content_body .content_header2 {
  179.     display: block;
  180.     border: #000 2px solid;
  181. }
  182.  
  183. #content_body .content_header h2 {
  184.     padding: 3px 0px;
  185.     font-size: 14px;
  186.     font-weight: bold;
  187.     text-align: center;
  188.     text-transform: uppercase;
  189. }
  190.  
  191. #content_body .content_box {
  192.     padding: 10px 15px 20px 6px;
  193.     clear: both;
  194.     float: none;
  195. }
  196.  
  197.  
  198. /* Left Column */
  199.  
  200. #left_column {
  201.     margin-left: 5px;
  202.     margin-top: 395px;
  203.     width: 365px;
  204.     float: left;
  205. }
  206.  
  207. #left_column .content_header {
  208.     padding-bottom: 45px;
  209. }
  210.  
  211. #left_column .content_header h2 {
  212.     width: 351px;
  213.     background-color: #c4bea1;
  214.     color: #545246;
  215. }
  216.  
  217.  
  218. /* Right Column */
  219.  
  220. #right_column {
  221.     width: 353px;
  222.     float: right;
  223. }
  224.  
  225. #right_column .content_header h2 {
  226.     width: 348px;
  227.     background-color: #a64a26;
  228.     color: #fff;
  229. }
  230.  
  231.  
  232. /* Travel Gallery */
  233.  
  234. #travelgallery {
  235.     padding-bottom: 5px;
  236.     float: none;
  237.     clear: both;
  238.     text-align: center;
  239. }
  240.  
  241. .gallery_thumbnail {
  242.     float: left;
  243.     padding: 5px 5px 0px 0px;
  244. }
  245.  
  246. .gallery_thumbnail .add_shadow {
  247.     background-color: #000;
  248.     color: #fff;
  249. }
  250.  
  251. .gallery_thumbnail .add_shadow div div {
  252.     padding-bottom: 3px;
  253. }
  254.  
  255. .gallery_thumbnail .add_shadow img {
  256.     margin: 1px;
  257. }
  258.  
  259. #travelgallery .view_all {
  260.     margin: 15px auto 0px;
  261.     width: 154px;
  262.     height: 26px;
  263.     float: none;
  264.     clear: both;
  265. }
  266.  
  267. #travelgallery .view_all a {
  268.     padding: 3px 5px;
  269.     border: #000 1px solid;
  270.     background-color: #c4bea1;
  271.     color: #5c3424;
  272.     display: block;
  273.     font-weight: bold;
  274.     font-family: arial, sans-serif;
  275.     letter-spacing: 1px;
  276.     text-decoration: none;
  277.     text-transform: uppercase;
  278.     text-align: center;
  279. }
  280.  
  281. #travelgallery .view_all a:hover {
  282.     background-color: #be552c;
  283.     color: #fff;
  284. }
  285.  
  286.  
  287. /* Page Footer */
  288.  
  289. #page_footer {
  290.     margin: 0px 2px;
  291.     padding: 7px 0px;
  292.     width: 773px;
  293.     background-color: #5c3424;
  294.     color: inherit;
  295.     font-size: 11px;
  296.     font-weight: bold;
  297.     text-align: center;
  298. }
  299.