home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / royal_policy / style.css < prev    next >
Cascading Style Sheet File  |  2007-01-05  |  9KB  |  305 lines
  1. /* CSS Document */
  2. body{
  3.     padding:0;
  4.     margin:0;
  5.     font-family:Arial, Helvetica, sans-serif;
  6.         }
  7. div, img, p, h1, h2, h3, ul, li{
  8.     padding:0;
  9.     margin:0;
  10.     }
  11. .blank {
  12.     font-size:0px; line-height:0px; clear:both;
  13.     }
  14. ul{    
  15.     list-style-type:none;
  16.     }
  17. /*---------------upperpan-----------*/
  18. #updiv{
  19.     width:100%;    background:url(images/updiv_bg.gif) repeat-x #FFFFFD; color:#584200; float:left; margin:0 auto 0 auto;
  20.     }
  21. /*---------------------header part-------*/
  22. #header{
  23.     width:778px;
  24.     margin:0 auto 0 auto;
  25.     height:275px;
  26.     }
  27. #header img{
  28.     width:243px;
  29.     margin:31px 0 0 49px;
  30.     float:left;
  31.     }
  32. #header h1{
  33.     font:13px/16px Arial, Helvetica, sans-serif; background-color:#FEF4D6;
  34.     margin:40px 0 0 17px; width:114px;    display:block;    float:left;    color:#988345;    font-weight:normal;
  35.     }
  36. #header ul{
  37.     width:306px;
  38.     display:block;
  39.     margin:15px 0 0 49px;
  40.     float:left;
  41.     font-size:0px;
  42.     }
  43. #header ul li{
  44.     display:block;
  45.     margin:0 1px 0 0px;
  46.     float:left;
  47.     }
  48. #header ul li a{
  49.     display:block;
  50.     height:74px;
  51.     text-indent:-2000px;
  52.     }
  53. #header ul li a.home{
  54.     background:url(images/home_icon.gif) no-repeat; width:60px;
  55.     }
  56. #header ul li a.search{
  57.     background:url(images/search.gif) no-repeat; width:60px;
  58.     }
  59. #header ul li a.ser{
  60.     background:url(images/services.gif) no-repeat; width:60px;
  61.     }
  62. #header ul li a.blog{
  63.     background:url(images/blog.gif) no-repeat; width:60px;
  64.     }
  65. #header ul li a.contact{
  66.     background:url(images/contact_icon.gif) no-repeat; width:60px;
  67.     }
  68. #header ul.navi{
  69.     width:306px;
  70.     display:block;
  71.     margin:0px 0 0 0px;
  72.     float:left;
  73.     font-size:0px;
  74.     padding:0 0 0 472px;
  75.     }
  76. #header ul.navi li{
  77.     display:block;
  78.     margin:0 0px 0 0px;
  79.     float:left;
  80.     }
  81. #header ul.navi li a.navi1{
  82.     background:url(images/navi_bg.gif) no-repeat; width:61px; background-color:#FEF4D6;
  83.     font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;    color:#FFFFFF;
  84.     text-decoration:none; padding-top:9px;    height:20px; text-indent:0px; text-align:center; 
  85.     }
  86. #header ul.navi li a.nobor{
  87.     background:url(images/navi_bg1.gif) no-repeat; width:61px;    font-family:Arial, Helvetica, sans-serif;
  88.     font-size:11px;    font-weight:bold; color:#FFFFFF; text-decoration:none; height:29px;    text-indent:0px;
  89.     text-align:center;    line-height:29px;  background-color:#FEF4D6;
  90.     }
  91. #header ul.navi li a.navi1:hover{
  92.     background:url(images/navi_bgh.gif) no-repeat; width:61px;
  93.     }
  94. #header ul.navi li a.nobor:hover{
  95.     background:url(images/navi_bgh.gif) no-repeat; width:61px;
  96.     }
  97. #header h2{
  98.     width:128px; padding:32px 0 0 49px;    font-family:Georgia, "Times New Roman", Times, serif;
  99.     font-size:48px;    color:#1892AC;    font-weight:normal;    display:block;    float:left; background-color:#FFFFFF;
  100.     }
  101. #header h2 span{
  102.     font-size:30px;
  103.     }
  104. #header p{
  105.     width:531px;
  106.     display:block;
  107.     margin:20px 0 13px 24px;
  108.     float:left;
  109.     font-size:14px;
  110.     line-height:18px;
  111.     }
  112. #header h3{
  113.     font-size:24px; 
  114.     line-height:18px; width:auto;
  115.     height:20px; font-weight:normal;
  116.     margin:0 0 0 0px; 
  117.     padding:0px 60px 0 1px; display:block; float:right;
  118.     }
  119. /*-------------------------middle-------------*/
  120. #mid{
  121.     width:100%;
  122.     margin:20px auto 0 auto;
  123.     float:left; color:#584200;
  124.     background-color:#FFF9E5;
  125.     }
  126. #midDiv{
  127.     width:778px; height:auto; margin:0 auto 0 auto;    padding-bottom:32px; padding-left:100px; padding-top:47px;
  128.     }
  129. #midDiv div.Davis{
  130.     width:243px; float:left; 
  131.     }
  132. #midDiv div.Davis h2{
  133.     width:165px; background-color:#FFF9E8; display:block; color:#1B92AB; font:24px Arial, Helvetica, sans-serif;
  134.     font-weight:bold; padding:0 0 0 0;    float:left;
  135.     }
  136. #midDiv div.Davis h2 span{
  137.     color:#948047; background-color:#FFF9E8; font-size:20px; float:left;
  138.     }
  139. #midDiv div.Davis p{
  140.     width:201px; float:left; padding:5px 0 24px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  141.     font-size:15px; background-color:#FFF9E8; color:#584200; line-height:18px;
  142.     }
  143. #midDiv div.Davis p span{
  144.     font-size:30px;
  145.     line-height:30px;
  146.     }
  147. #midDiv div.Davis a{
  148.     background:url(images/more_bg.gif) no-repeat 0px 0px #FFF9E8;
  149.     width:109px; height:38px; display:block;
  150.     padding:8px 30px 0 43px;
  151.     color:#444131;
  152.     float:left;    font:16px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;    
  153.     }
  154. #midDiv div.Davis a:hover{
  155.     background:url(images/more_bgh.gif) no-repeat 0 0 #FFF9E6; color:#444131;
  156.     }
  157. /*------------------------------------------------down table-----------------------*/
  158. #downv{
  159.     background:url(images/down_table_bg.gif) repeat-x;
  160.     width:100%;
  161.     height:271px;
  162.     margin:0 auto 0 auto;
  163.     float:left;
  164.     padding:0 0 0 0;
  165.     }
  166. #bestv{
  167.     width:778px;
  168.     height:271px;
  169.     margin:0 auto 0 auto;
  170.     background:url(images/best_bg.gif) no-repeat right top;
  171.     }
  172. #best{
  173.     width:283px;
  174.     float:left;
  175.     background:url(images/line.gif) repeat-y right;
  176.     height:270px;
  177.     }
  178. #best h2{
  179.     width:136px; display:block;    color:#FFF9E3;    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  180.     font-weight:normal;    padding:23px 0 0px 49px; font-size:36px; line-height:36px;
  181.     background:url(images/mid_h2_bg.gif) repeat-x #584200;
  182.     }
  183. #best h2 span{
  184.     color:#FFF9E7; background-color:#584200;
  185.     font-size:30px;
  186.     }
  187. #best ul{
  188.     width:190px; display:block;    margin:20px 0 0 49px;    
  189.     }
  190. #best ul li{
  191.     height:24px; display:block;    background:url(images/arrow.gif) no-repeat 0px 5px;
  192.     }
  193. #best ul li a{
  194.     font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFF9E9; margin:0 0 0 16px;    text-decoration:none;
  195.     display:block; background-color:#584200;
  196.     }    
  197. #best ul li a:hover{
  198.     text-decoration:underline;
  199.     }
  200. #best a.more{
  201.     background:url(images/more2_bg.gif) no-repeat #fff;    width:43px;    height:16px; display:block;    margin:16px 0 0 49px;
  202.     font-family:Arial, Helvetica, sans-serif; color:#352800; font-weight:bold;    padding:0 0px 0 147px;
  203.     font-size:12px;    text-decoration:none;
  204.     }
  205. #best a.more:hover{
  206.     background:url(images/more2_bgh.gif) no-repeat;
  207.     }
  208. #best1{
  209.     width:283px; float:left; height:270px;
  210.     }
  211. #best1 h2{
  212.     width:136px; display:block;    color:#FFF9f6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  213.     font-weight:normal;    padding:23px 0 0px 49px; font-size:36px; line-height:36px;
  214.     background:url(images/mid_h2_bg.gif) repeat-x #584200;
  215.     }
  216. #best1 h2 span{
  217.     color:#FFF9f8;    font-size:30px; background-color:#584200;
  218.     }
  219. #best1 ul{
  220.     width:190px; display:block;    margin:20px 0 0 49px;    
  221.     }
  222. #best1 ul li{
  223.     height:24px; display:block;    background:url(images/arrow.gif) no-repeat 0px 5px;
  224.     }
  225. #best1 ul li a{
  226.     font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFF9E0; margin:0 0 0 16px;
  227.     text-decoration:none; display:block;  background-color:#584200;
  228.     }    
  229. #best1 ul li a:hover{
  230.     text-decoration:underline;
  231.     }
  232. #best1 a.more{
  233.     background:url(images/more2_bg.gif) no-repeat #fff;
  234.     width:43px;    height:16px; display:block;    margin:16px 0 0 49px;    font-family:Arial, Helvetica, sans-serif;
  235.     color:#352800;    font-weight:bold; padding:0 0px 0 147px; font-size:12px; text-decoration:none;
  236.     }
  237. #best1 a.more:hover{
  238.     background:url(images/more2_bgh.gif) no-repeat;
  239.     }
  240. /*---------------footer---------*/
  241. #foo1{
  242.     width:100%;    height:206px; float:left;    background-color:#353535; color:#fff;
  243.     }
  244. #footer_div{
  245.     width:303px;
  246.     margin:0 auto 0 auto;
  247.     height:150px;
  248.     }
  249. #footer_div ul{
  250.     width:303px;
  251.     height:20px;
  252.     display:block;
  253.     list-style-type:none;
  254.     margin:32px 0 0px 20px;
  255.     }
  256. #footer_div ul li{
  257.     display:block;
  258.     float:left;
  259.     font:12px/11px Arial, Helvetica, sans-serif;
  260.     color:#FFFFFF; background-color:#353535;
  261.         }
  262. #footer_div ul li a{
  263.     font:12px/16px Arial, Helvetica, sans-serif; color:#FDFDFD;    text-decoration:none; background-color:#353535;
  264.     margin:0 8px 0 8px;
  265.     }
  266. #footer_div ul li a:hover{
  267.     text-decoration:underline;
  268.     }
  269.  
  270. #footer_div p{
  271.     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;    font-size:11px;    color:#FFF9E0;    margin:0px 0 0 50px;
  272.     background-color:#353535;
  273.     }
  274. #footer_div p a {
  275.     color:#FDFDFD; background-color:#353535; text-decoration:underline;
  276.     }
  277. #footer_div p a:hover {    
  278.     color:#FDFDFD;
  279.     background-color:#4E4E4E;
  280.     }
  281. #footer_div ul.css{
  282.     width:160px;
  283.     display:block;
  284.     margin:10px 0 0px 75px;
  285.     font-size:0px;
  286.     padding:0px;
  287.     }
  288. #footer_div ul.css li{
  289.     display:block;
  290.     float:left;
  291.     margin:0 0 0 0;
  292.     }
  293. #footer_div ul.css li a{
  294.     display:block;
  295.     text-indent:-2000px;
  296.     height:24px;
  297.     margin:0 2px 0 0;
  298.     font-size:0px;
  299.     }
  300. #footer_div ul.css li a.htm{
  301.     background:url(images/html.gif) no-repeat 0 0; width:75px;
  302.         }
  303. #footer_div ul.css li a.cs{
  304.     background:url(images/css.gif) no-repeat; width:75px;
  305.         }