home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / moviecompany / style.css < prev   
Cascading Style Sheet File  |  2005-09-19  |  7KB  |  459 lines
  1. * {
  2.     margin: 0px;
  3.     padding: 0px;
  4. }
  5.  
  6. body {
  7.     background: url('images/body_background.gif') #4a4848 repeat-x 0px 0px;
  8.     color: #a7a7a7;
  9.     font-family: tahoma, arial, sans-serif;
  10.     font-size: 9px;
  11.     text-align: center;
  12. }
  13.  
  14. a {
  15.     color: #fff;
  16.     text-decoration: none;
  17. }
  18.  
  19. a:hover {
  20.     color: #ea9a2e;
  21. }
  22.  
  23. span {
  24.     display: none;
  25. }
  26.  
  27. img {
  28.     border: none;
  29. }
  30.  
  31. ul {
  32.     list-style-type: none;
  33. }
  34.  
  35. li {
  36.     list-style-type: none;
  37. }
  38.  
  39. p {
  40.     margin: 10px 0px 20px;
  41.     text-align: justify;
  42.     line-height: 13px;
  43. }
  44.  
  45. .clearthis {
  46.     margin : 0px;
  47.     height : 1px;
  48.     clear : both;
  49.     float : none;
  50.     font-size : 1px;
  51.     line-height : 0px;
  52.     overflow : hidden;
  53.     visibility: hidden;
  54. }
  55.  
  56.  
  57. #container {
  58.     margin: 0px auto;
  59.     width: 780px;
  60.     text-align: left;
  61. }
  62.  
  63.  
  64. /* Page Header */
  65.  
  66. #page_header {
  67.     width: 780px;
  68.     height: 122px;
  69.     background: url('images/header_background.gif') no-repeat 0px 0px;
  70. }
  71.  
  72. #company_name {
  73.     padding-left: 204px;
  74.     height: 122px;
  75.     background: url('images/header_image.gif') no-repeat 18px 9px;
  76. }
  77.  
  78. #company_name h1 {
  79.     width: 155px;
  80.     height: 32px;
  81.     background: url('images/company_name.gif') no-repeat 0px 0px;
  82. }
  83.  
  84.  
  85. /* Page Menu */
  86.  
  87. #page_menu {
  88.     margin-bottom: 14px;
  89.     width: 780px;
  90.     height: 42px;
  91.     background: url('images/menu_background.gif') no-repeat 0px 0px;
  92.     text-align: center;
  93. }
  94.  
  95. #page_menu ul {
  96.     margin: 0px auto;
  97.     height: 29px;
  98.     width: 606px;
  99. }
  100.  
  101. #page_menu li {
  102.     width: 101px;
  103.     height: 29px;
  104.     background: url('images/menu_link_bg.gif') no-repeat 0px 0px;
  105.     float: left;
  106. }
  107.  
  108. #page_menu li a {
  109.     margin-top: 11px;
  110.     height: 10px;
  111.     width: 101px;
  112.     display: block;
  113. }
  114.  
  115. #page_menu .home a {
  116.     background: url('images/menu_home.gif') no-repeat 50% 0px;
  117. }
  118.  
  119. #page_menu .aboutus a {
  120.     background: url('images/menu_aboutus.gif') no-repeat 50% 0px;
  121. }
  122.  
  123. #page_menu .gallery a {
  124.     background: url('images/menu_gallery.gif') no-repeat 50% 0px;
  125. }
  126.  
  127. #page_menu .portfolio a {
  128.     background: url('images/menu_portfolio.gif') no-repeat 50% 0px;
  129. }
  130.  
  131. #page_menu .procedure a {
  132.     background: url('images/menu_procedure.gif') no-repeat 50% 0px;
  133. }
  134.  
  135. #page_menu .contact a {
  136.     background: url('images/menu_contact.gif') no-repeat 50% 0px;
  137. }
  138.  
  139.  
  140. /* Page Body Content */
  141.  
  142. .content_header {
  143.     height: 38px;
  144.     background: url('images/main_bg_topright.gif') #353434 no-repeat 100% 0px;
  145.     overflow: hidden;
  146. }
  147.  
  148. .content_header h2 {
  149.     padding-left: 41px;
  150.     height: 38px;
  151.     background: url('images/main_bg_topleft.gif') no-repeat 0px 0px;
  152. }
  153.  
  154. .content_box_right {
  155.     margin-bottom: 8px;
  156.     background: url('images/main_bg_botright.gif') #353434 no-repeat 100% 100%;
  157. }
  158.  
  159. .content_box_left{
  160.     padding-bottom: 12px;
  161.     background: url('images/main_bg_botleft.gif') no-repeat 0px 100%;
  162. }
  163.  
  164. .content_box {
  165.     padding: 5px 13px;
  166. }
  167.  
  168. .content_box .thumbnail {
  169.     float: left;
  170.     border: #a1a19e 1px solid;
  171. }
  172.  
  173. .content_box h3 {
  174.     padding-top: 10px;
  175.     padding-bottom: 3px;
  176.     font-size: 9px;
  177.     font-weight: normal;
  178. }
  179.  
  180.  
  181. /* Left Sidebar */
  182.  
  183. #left_sidebar {
  184.     padding-left: 17px;
  185.     float: left;
  186. }
  187.  
  188. #left_sidebar .content_header {
  189.     width: 134px;
  190. }
  191.  
  192. #left_sidebar .content_header h2 {
  193.     color: #9bb74b;
  194.     font-weight: bold;
  195.     font-size: 11px;
  196.     line-height: 11px;
  197. }
  198.  
  199. #left_sidebar .content_header h2 span {
  200.     display: block;
  201.     padding-top: 10px;
  202. }
  203.  
  204. #left_sidebar .content_box_left {
  205.     width: 134px;
  206. }
  207.  
  208. #left_sidebar .content_box {
  209.     background: url('images/left_sidebar_bg.gif') repeat-y 0px 0px;
  210. }
  211.  
  212. #left_sidebar .content_box h3 {
  213.     color: #ea912e;
  214.     clear: both;
  215. }
  216.  
  217. #left_sidebar .link-more {
  218.     padding-top: 2px;
  219.     text-align: right;
  220. }
  221.  
  222. #left_sidebar .link-more a {
  223.     color: #a7a7a7;
  224.     font-weight: bold;
  225. }
  226.  
  227. #left_sidebar .link-more a:hover {
  228.     color: #f1af3b;
  229. }
  230.  
  231.  
  232. /* Main Content */
  233.  
  234. #main_content {
  235.     padding-right: 17px;
  236.     float: right;
  237. }
  238.  
  239. #main_content .content_header {
  240.     width: 594px;
  241. }
  242.  
  243. #main_content .content_header h2 {
  244.     color: #f89d31;
  245.     font-size: 12px;
  246.     line-height: 12px;
  247. }
  248.  
  249. #main_content .content_header h2 span {
  250.     display: block;
  251.     padding-left: 3px;
  252.     padding-top: 10px;
  253. }
  254.  
  255. #main_content .content_box_left {
  256.     width: 594px;
  257. }
  258.  
  259. #main_content .content_box {
  260.     padding: 5px 11px 0px 0px;
  261.     background: url('images/main_background.gif') no-repeat 100% 0%;
  262.     border-width: 0px 2px;
  263.     border-color: #d2913d;
  264.     border-style: solid;
  265. }
  266.  
  267. #main_content_border {
  268.     padding-left: 42px;
  269.     background: url('images/main_bg_side.gif') repeat-y 5px -1px;
  270. }
  271.  
  272. #main_content .link-more {
  273.     padding-bottom: 7px;
  274.     padding-right: 5px;
  275.     text-align: right;
  276.     line-height: 11px;
  277. }
  278.  
  279. #main_content .link-more a {
  280.     color: #ea9a2e;
  281.     font-weight: bold;
  282. }
  283.  
  284. #main_content .link-more a:hover {
  285.     color: #f7ec37;
  286. }
  287.  
  288. #main_content .divider {
  289.     margin: 0px auto 7px 2px;
  290.     width: 522px;
  291.     height: 3px;
  292.     background: url('images/main_divider.gif') repeat-x 0px 0px;
  293.     overflow: hidden;
  294. }
  295.  
  296.  
  297. /* Top Masters */
  298.  
  299. .topmasters {
  300.     padding: 6px 0px;
  301. }
  302.  
  303. .topmasters_info {
  304.     float: right;
  305.     width: 383px;
  306. }
  307.  
  308. .topmasters_info h3 {
  309.     padding: 2px 0px 2px;
  310.     width: 383px;
  311.     color: #9bb74b;
  312. }
  313.  
  314. .topmasters_info p {
  315.     margin: 0px;
  316.     padding: 10px 5px 10px 0px;
  317.     clear: both;
  318. }
  319.  
  320.  
  321. /* Login Box */
  322.  
  323. #loginbox_left {
  324.     margin-bottom: 5px;
  325.     margin-top: 10px;
  326.     padding-left: 14px;
  327.     background: url('images/loginbox_bgleft.gif') #686765 no-repeat 0px 0px;
  328.     float: left;
  329. }
  330.  
  331. #loginbox_right {
  332.     padding-right: 14px;
  333.     background: url('images/loginbox_bgright.gif') no-repeat 100% 0px;
  334. }
  335.  
  336. #loginbox {
  337.     width: 160px;
  338.     height: 99px;
  339.     overflow: hidden;
  340.     color: #fafafa;
  341.     font-size: 9px;
  342.     font-weight: bold;
  343.     line-height: 9px;
  344. }
  345.  
  346.  
  347. #loginbox a {
  348.     text-decoration: underline;
  349. }
  350.  
  351. #loginbox a:hover {
  352.     color: #f7b637;
  353. }
  354.  
  355. #loginbox h2 {
  356.     padding-top: 7px;
  357.     color: #f7b637;
  358.     font-size: 12px;
  359.     line-height: 12px;
  360.     font-weight: bold;
  361. }
  362.  
  363. #loginbox form {
  364.     margin: 13px 0px 3px;
  365. }
  366.  
  367. .loginbox_formfield {
  368.     padding: 0px 3px 2px 2px;
  369. }
  370.  
  371. .loginbox_formfield strong {
  372.     padding-top: 3px;
  373.     float: left;
  374.     width: 55px;
  375.     display: block;
  376. }
  377.  
  378. #loginbox input {
  379.     width: 97px;
  380.     color: #fff;
  381.     padding-top: 2px;
  382.     background-color: #4a4948;
  383.     border: #8e8c89 1px solid;
  384.     font-family: tahoma, arial, sans-serif;
  385.     font-size: 9px;
  386.     font-weight: bold;
  387.     float: right;
  388. }
  389.  
  390. #loginbox input.button {
  391.     margin-top: 1px;
  392.     width: 41px;
  393.     height: 14px;
  394.     border: none;
  395.     text-align: center;
  396.     font-weight: normal;
  397.     cursor: pointer;
  398. }
  399.  
  400. #loginbox_register {
  401.     padding-top: 10px;
  402.     line-height: 10px;
  403. }
  404.  
  405.  
  406. /* Tips of the Day */
  407.  
  408. #tips {
  409.     padding: 8px 10px 5px 17px;
  410.     border-left: #62615f 1px solid;
  411.     float: right;
  412. }
  413.  
  414. #tips_box {
  415.     width: 295px;
  416.     font-weight: bold;
  417. }
  418.  
  419. #tips_box a {
  420.     color: #f1ab30;
  421.     text-decoration: underline;
  422. }
  423.  
  424. #tips_box a:hover {
  425.     color: #f7f037;
  426. }
  427.  
  428. #tips_box h2 {
  429.     padding-bottom: 9px;
  430.     color: #9bb74b;
  431.     font-size: 12px;
  432. }
  433.  
  434. #tips_box ul {
  435.     padding: 3px 0px 3px;
  436. }
  437.  
  438. #tips_box li {
  439.     padding: 3px 0px;
  440. }
  441.  
  442.  
  443. /* Page Footer */
  444.  
  445. #page_footer {
  446.     padding: 2px 10px 15px;
  447.     color: #adacab;
  448.     text-align: center;
  449. }
  450.  
  451. #page_footer a {
  452.     color: #adacab;
  453.     text-decoration: underline;
  454. }
  455.  
  456. #page_footer a:hover {
  457.     color: #f7ec37;
  458. }
  459.