1 | table.myTable
|
---|
2 | {
|
---|
3 | width:100%;
|
---|
4 | }
|
---|
5 |
|
---|
6 | .myTable td
|
---|
7 | {
|
---|
8 | border: solid 1px #cecece;
|
---|
9 | }
|
---|
10 |
|
---|
11 | .myTable td.first
|
---|
12 | {
|
---|
13 | width:200px;
|
---|
14 | }
|
---|
15 |
|
---|
16 | .myTable td.last
|
---|
17 | {
|
---|
18 | width:50px;
|
---|
19 | }
|
---|
20 |
|
---|
21 | *{
|
---|
22 | margin: 0px;
|
---|
23 | padding: 0px;
|
---|
24 | }
|
---|
25 |
|
---|
26 | img, fieldset{
|
---|
27 | padding: 0px;
|
---|
28 | border: none;
|
---|
29 | margin: 0px;
|
---|
30 | line-height: 0px;
|
---|
31 | }
|
---|
32 |
|
---|
33 | a{
|
---|
34 | color: #ffffff;
|
---|
35 | text-decoration: none;
|
---|
36 | font-weight: bold;
|
---|
37 | }
|
---|
38 |
|
---|
39 | a:hover {
|
---|
40 | text-decoration: none;
|
---|
41 | color: #0870d7;
|
---|
42 | }
|
---|
43 |
|
---|
44 | h2{
|
---|
45 | font: 24px Arial, Helvetica, sans-serif;
|
---|
46 | font-weight: normal;
|
---|
47 | color: #0870d7;
|
---|
48 | padding: 30px 0px 10px 40px;
|
---|
49 | }
|
---|
50 |
|
---|
51 | h3{
|
---|
52 | background: url(../images/title.png) no-repeat top left;
|
---|
53 | font: 18px Arial, Helvetica, sans-serif;
|
---|
54 | color: #ffffff;
|
---|
55 | height: 43px;
|
---|
56 | width: 265px;
|
---|
57 | text-align: center;
|
---|
58 | line-height: 43px;
|
---|
59 | font-weight: normal;
|
---|
60 |
|
---|
61 | }
|
---|
62 |
|
---|
63 | body{
|
---|
64 | font-family: Arial, Helvetica, sans-serif;
|
---|
65 | font-size: 12px;
|
---|
66 | line-height: 18px;
|
---|
67 | color: #ffffff;
|
---|
68 | background: #000 url(../images/bg.jpg) no-repeat center 87px;
|
---|
69 |
|
---|
70 | }
|
---|
71 |
|
---|
72 | #bg2 {
|
---|
73 | background: url(../images/bg2.png) repeat-x top;
|
---|
74 | height: 87px;
|
---|
75 | position: absolute;
|
---|
76 | width: 100%;
|
---|
77 | }
|
---|
78 |
|
---|
79 | #wrapper1 {
|
---|
80 | position: relative;
|
---|
81 | width:900px;
|
---|
82 | margin: 0 auto;
|
---|
83 | }
|
---|
84 |
|
---|
85 | .clear{
|
---|
86 | clear: both;
|
---|
87 | }
|
---|
88 |
|
---|
89 | /*
|
---|
90 | menu
|
---|
91 | */
|
---|
92 |
|
---|
93 | #header2{
|
---|
94 |
|
---|
95 | height: 91px;
|
---|
96 | width: 900px;
|
---|
97 | margin: 0 93px;
|
---|
98 | }
|
---|
99 |
|
---|
100 | #header2 ul{
|
---|
101 | padding-left: 0px;
|
---|
102 | list-style: none;
|
---|
103 | width: 800px;
|
---|
104 | margin: 0 auto;
|
---|
105 | }
|
---|
106 |
|
---|
107 | #header2 ul li li2{
|
---|
108 | display: inline;
|
---|
109 | }
|
---|
110 |
|
---|
111 | #header2 ul li a{
|
---|
112 | font: 24px Arial, Helvetica, sans-serif;
|
---|
113 | color: #ffffff;
|
---|
114 | text-align: center;
|
---|
115 | font-weight: normal;
|
---|
116 | text-decoration: none;
|
---|
117 | display: block;
|
---|
118 | float: left;
|
---|
119 | width: 620px;
|
---|
120 | height: 120px;
|
---|
121 | line-height: 91px;
|
---|
122 | font-family:broadway;
|
---|
123 | font-size: 3em;
|
---|
124 | }
|
---|
125 | #header2 ul li2 {
|
---|
126 | font-size: .6em;
|
---|
127 | /*font-style: italic;*/
|
---|
128 | font-family:broadway;
|
---|
129 | color: #ffffff;
|
---|
130 | width: 620px;
|
---|
131 | height: 120px;
|
---|
132 | line-height: 91px;
|
---|
133 |
|
---|
134 | }
|
---|
135 |
|
---|
136 | #header2 ul li li2 a:hover, #menu ul li .active{
|
---|
137 | color: #FF0;
|
---|
138 |
|
---|
139 | }
|
---|
140 |
|
---|
141 |
|
---|
142 | /*logo*/
|
---|
143 |
|
---|
144 | #logo{
|
---|
145 | width: 1032px;
|
---|
146 | margin: 0 auto;
|
---|
147 | height: 112px;
|
---|
148 | padding-top: 50px;
|
---|
149 | padding-left: 60px;
|
---|
150 |
|
---|
151 | }
|
---|
152 |
|
---|
153 | #logo h1 a{
|
---|
154 | font: 14px Arial, Helvetica, sans-serif;
|
---|
155 | color: #ffffff;
|
---|
156 | font-weight: bold;
|
---|
157 | text-decoration: none;
|
---|
158 | }
|
---|
159 |
|
---|
160 | #logo a small{
|
---|
161 | font: 12px Arial, Helvetica, sans-serif;
|
---|
162 | color: #ffffff;
|
---|
163 | font-weight: normal;
|
---|
164 | text-decoration: none;
|
---|
165 | }
|
---|
166 |
|
---|
167 | #prew_img{
|
---|
168 | background: url(../images/img_prew.png) no-repeat top left;
|
---|
169 | height: 297px;
|
---|
170 | width: 1054px;
|
---|
171 | margin: 0 auto;
|
---|
172 | }
|
---|
173 |
|
---|
174 | /*
|
---|
175 | Content
|
---|
176 | */
|
---|
177 | #content_bg_top{
|
---|
178 | background: url(../images/content_top.png) no-repeat top left;
|
---|
179 | height: 10px;
|
---|
180 |
|
---|
181 | }
|
---|
182 | #content_bg_bot{
|
---|
183 | background: url(../images/content_bot.png) no-repeat bottom left;
|
---|
184 | height: 10px;
|
---|
185 | }
|
---|
186 | #content_box{
|
---|
187 | background: url(../images/content_repeat.png);
|
---|
188 | padding:0px 12px;
|
---|
189 |
|
---|
190 | }
|
---|
191 | /*
|
---|
192 | header
|
---|
193 | */
|
---|
194 | #header {
|
---|
195 | background: url(../images/header.jpg) no-repeat left top;
|
---|
196 | height: 326px;
|
---|
197 | width: 876px;
|
---|
198 | }
|
---|
199 |
|
---|
200 | /*
|
---|
201 | download_box
|
---|
202 | */
|
---|
203 |
|
---|
204 | #download_box{
|
---|
205 |
|
---|
206 | width: 876px;
|
---|
207 | height: 112px;
|
---|
208 |
|
---|
209 | }
|
---|
210 |
|
---|
211 | #download_box p {
|
---|
212 | color: #303030;
|
---|
213 | font: 12px Arial, Helvetica, sans-serif;
|
---|
214 | font-weight: normal;
|
---|
215 | }
|
---|
216 | #download_box p a {
|
---|
217 | color: #303030;
|
---|
218 | font: 12px Arial, Helvetica, sans-serif;
|
---|
219 | font-weight: bold;
|
---|
220 |
|
---|
221 | }
|
---|
222 | #download_box p a:hover {
|
---|
223 | color: #0870d7;
|
---|
224 | }
|
---|
225 | #download_left {
|
---|
226 | padding: 25px 0px 10px 25px;
|
---|
227 | float:left;
|
---|
228 | width: 638px;
|
---|
229 | }
|
---|
230 |
|
---|
231 | #download_right a{
|
---|
232 | font: 18px Arial, Helvetica, sans-serif;
|
---|
233 | font-weight: bold;
|
---|
234 | text-align: center;
|
---|
235 | line-height: 56px;
|
---|
236 | width: 195px;
|
---|
237 | height: 56px;
|
---|
238 | text-transform: uppercase;
|
---|
239 | background: url(../images/download_button.png) no-repeat top left;
|
---|
240 | display: block;
|
---|
241 | float: right;
|
---|
242 | margin: 38px 15px 0px 0px;
|
---|
243 | }
|
---|
244 |
|
---|
245 | #download_right a:hover{
|
---|
246 | color: #ffffff;
|
---|
247 | }
|
---|
248 |
|
---|
249 | /*
|
---|
250 | column_box
|
---|
251 | */
|
---|
252 | #column_box {
|
---|
253 | padding-left: 15px;
|
---|
254 | padding-bottom: 30px;
|
---|
255 | }
|
---|
256 | #column_box a {
|
---|
257 | color: #666666;
|
---|
258 | }
|
---|
259 | #column_box a:hover {
|
---|
260 | color: #ffffff;
|
---|
261 | }
|
---|
262 | #column_box p {
|
---|
263 | color: #666666;
|
---|
264 | padding-top: 5px;
|
---|
265 | }
|
---|
266 |
|
---|
267 | #column1{
|
---|
268 | float: left;
|
---|
269 | width: 280px;
|
---|
270 | }
|
---|
271 | #column2{
|
---|
272 | float: left;
|
---|
273 | width: 260px;
|
---|
274 | }
|
---|
275 | #column3{
|
---|
276 | float: left;
|
---|
277 | width: 580px;
|
---|
278 | }
|
---|
279 | #column2 {
|
---|
280 | margin: 0px 40px;
|
---|
281 | }
|
---|
282 | /*
|
---|
283 | footer_top
|
---|
284 | */
|
---|
285 |
|
---|
286 |
|
---|
287 |
|
---|
288 | #footer_top{
|
---|
289 | padding-top: 35px;
|
---|
290 | }
|
---|
291 |
|
---|
292 |
|
---|
293 | #footer_top a{
|
---|
294 | color: #ffffff;
|
---|
295 | font-weight: bold;
|
---|
296 | }
|
---|
297 |
|
---|
298 | #footer_top a:hover{
|
---|
299 | color: #0870d7;
|
---|
300 | }
|
---|
301 |
|
---|
302 | #footer_top p{
|
---|
303 | color: #ffffff;
|
---|
304 | line-height: 20px;
|
---|
305 | }
|
---|
306 |
|
---|
307 | #footer_column1, #footer_column2, #footer_column3{
|
---|
308 | width: 265px;
|
---|
309 | float: left;
|
---|
310 | }
|
---|
311 |
|
---|
312 | .footer_text{
|
---|
313 | background: url(../images/footer_top_border.png) no-repeat top left;
|
---|
314 | padding: 10px 0px 10px 20px;
|
---|
315 | }
|
---|
316 |
|
---|
317 | #footer_column2{
|
---|
318 | padding: 0px 38px 0px 31px;
|
---|
319 | }
|
---|
320 |
|
---|
321 | .foot_pad{
|
---|
322 | padding-left: 45px;
|
---|
323 | padding-top: 10px;
|
---|
324 | }
|
---|
325 |
|
---|
326 |
|
---|
327 | .ls{
|
---|
328 | list-style: none;
|
---|
329 | padding-left: 0px;
|
---|
330 | }
|
---|
331 |
|
---|
332 | .ls li{
|
---|
333 | background: url(../images/ls1.gif) no-repeat 0px 6px;
|
---|
334 | margin-bottom: 8px;
|
---|
335 | padding-left: 15px;
|
---|
336 | }
|
---|
337 |
|
---|
338 | /*
|
---|
339 | footer_bot
|
---|
340 | */
|
---|
341 |
|
---|
342 | #footer_bot{
|
---|
343 | padding: 25px;
|
---|
344 | text-align: center;
|
---|
345 | }
|
---|
346 |
|
---|
347 |
|
---|
348 | /*=================================*/
|
---|
349 | /* Nivo Slider Demo
|
---|
350 | /* November 2010
|
---|
351 | /* By: Gilbert Pellegrom
|
---|
352 | /* http://dev7studios.com
|
---|
353 | /*=================================*/
|
---|
354 |
|
---|
355 |
|
---|
356 | #slider-wrapper {
|
---|
357 | width: 876px;
|
---|
358 | height: 326px;
|
---|
359 | }
|
---|
360 |
|
---|
361 | #slider {
|
---|
362 | position:relative;
|
---|
363 | width: 876px;
|
---|
364 | height: 326px;
|
---|
365 | background:url(../images/loading.gif) no-repeat 50% 50%;
|
---|
366 | }
|
---|
367 | #slider img {
|
---|
368 | position:absolute;
|
---|
369 | top:0px;
|
---|
370 | left:0px;
|
---|
371 | display:none;
|
---|
372 | }
|
---|
373 | #slider a {
|
---|
374 | border:0;
|
---|
375 | display:block;
|
---|
376 | }
|
---|
377 |
|
---|
378 | .nivo-controlNav {
|
---|
379 | position:absolute;
|
---|
380 | left:260px;
|
---|
381 | bottom:-42px;
|
---|
382 | display: none;
|
---|
383 | }
|
---|
384 | .nivo-controlNav a.active {
|
---|
385 | background-position:0 -22px;
|
---|
386 | }
|
---|
387 |
|
---|
388 | .nivo-directionNav a {
|
---|
389 | display:block;
|
---|
390 | width:30px;
|
---|
391 | height:30px;
|
---|
392 | background:url(../images/arrows.png) no-repeat;
|
---|
393 | text-indent:-9999px;
|
---|
394 | border:0;
|
---|
395 | }
|
---|
396 | a.nivo-nextNav {
|
---|
397 | background-position:-30px 0;
|
---|
398 | right:15px;
|
---|
399 | }
|
---|
400 | a.nivo-prevNav {
|
---|
401 | left:15px;
|
---|
402 | }
|
---|
403 |
|
---|
404 | .nivo-caption {
|
---|
405 | text-shadow:none;
|
---|
406 | font-family: Helvetica, Arial, sans-serif;
|
---|
407 | }
|
---|
408 | .nivo-caption a {
|
---|
409 | color:#efe9d1;
|
---|
410 | text-decoration:underline;
|
---|
411 | }
|
---|
412 | .button {
|
---|
413 | cursor:pointer;
|
---|
414 | border-top: 1px solid #96d1f8;
|
---|
415 | background: #65a9d7;
|
---|
416 | background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
|
---|
417 | background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
|
---|
418 | background: -moz-linear-gradient(top, #3e779d, #65a9d7);
|
---|
419 | background: -ms-linear-gradient(top, #3e779d, #65a9d7);
|
---|
420 | background: -o-linear-gradient(top, #3e779d, #65a9d7);
|
---|
421 | padding: 3px 6px;
|
---|
422 | -webkit-border-radius: 6px;
|
---|
423 | -moz-border-radius: 6px;
|
---|
424 | border-radius: 6px;
|
---|
425 | -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
426 | -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
427 | box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
428 | text-shadow: rgba(0,0,0,.4) 0 1px 0;
|
---|
429 | color: white;
|
---|
430 | font-size: 14px;
|
---|
431 | font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
|
---|
432 | text-decoration: none;
|
---|
433 | vertical-align: middle;
|
---|
434 | }
|
---|
435 | .button:hover {
|
---|
436 | border-top-color: #28597a;
|
---|
437 | background: #28597a;
|
---|
438 | color: #ccc;
|
---|
439 | }
|
---|
440 | .button:active {
|
---|
441 | border-top-color: #b6c5cf;
|
---|
442 | background: #b6c5cf;
|
---|
443 | }
|
---|
444 | #button {
|
---|
445 | border-top: 1px solid #96d1f8;
|
---|
446 | background: #65a9d7;
|
---|
447 | background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
|
---|
448 | background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
|
---|
449 | background: -moz-linear-gradient(top, #3e779d, #65a9d7);
|
---|
450 | background: -ms-linear-gradient(top, #3e779d, #65a9d7);
|
---|
451 | background: -o-linear-gradient(top, #3e779d, #65a9d7);
|
---|
452 | padding: 3px 6px;
|
---|
453 | -webkit-border-radius: 6px;
|
---|
454 | -moz-border-radius: 6px;
|
---|
455 | border-radius: 6px;
|
---|
456 | -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
457 | -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
458 | box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
459 | text-shadow: rgba(0,0,0,.4) 0 1px 0;
|
---|
460 | color: white;
|
---|
461 | font-size: 12px;
|
---|
462 | font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
|
---|
463 | text-decoration: none;
|
---|
464 | vertical-align: middle;
|
---|
465 | }
|
---|
466 | #button:hover {
|
---|
467 | border-top-color: #28597a;
|
---|
468 | background: #28597a;
|
---|
469 | color: #ccc;
|
---|
470 | }
|
---|
471 | #button:active {
|
---|
472 | border-top-color: #b6c5cf;
|
---|
473 | background: #b6c5cf;
|
---|
474 | }
|
---|
475 |
|
---|
476 |
|
---|
477 |
|
---|
478 | .buttonc {
|
---|
479 | cursor:pointer;
|
---|
480 | border-top: 1px solid #96d1f8;
|
---|
481 |
|
---|
482 | padding: -1px 6px;
|
---|
483 | -webkit-border-radius: 6px;
|
---|
484 | -moz-border-radius: 6px;
|
---|
485 | border-radius: 6px;
|
---|
486 | -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
487 | -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
488 | box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
489 | text-shadow: rgba(0,0,0,.4) 0 1px 0;
|
---|
490 | color: black;
|
---|
491 | font-size: 14px;
|
---|
492 | font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
|
---|
493 | text-decoration: none;
|
---|
494 | vertical-align: middle;
|
---|
495 | }
|
---|
496 |
|
---|
497 | #buttonc {
|
---|
498 | border-top: 1px solid #96d1f8;
|
---|
499 | background: #65a9d7;
|
---|
500 | background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
|
---|
501 | background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
|
---|
502 | background: -moz-linear-gradient(top, #3e779d, #65a9d7);
|
---|
503 | background: -ms-linear-gradient(top, #3e779d, #65a9d7);
|
---|
504 | background: -o-linear-gradient(top, #3e779d, #65a9d7);
|
---|
505 | padding: 3px 6px;
|
---|
506 | -webkit-border-radius: 6px;
|
---|
507 | -moz-border-radius: 6px;
|
---|
508 | border-radius: 6px;
|
---|
509 | -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
510 | -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
511 | box-shadow: rgba(0,0,0,1) 0 1px 0;
|
---|
512 | text-shadow: rgba(0,0,0,.4) 0 1px 0;
|
---|
513 | color: white;
|
---|
514 | font-size: 12px;
|
---|
515 | font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
|
---|
516 | text-decoration: none;
|
---|
517 | vertical-align: middle;
|
---|
518 | }
|
---|
519 | #buttonc:hover {
|
---|
520 | border-top-color: #28597a;
|
---|
521 | background: #28597a;
|
---|
522 | color: #ccc;
|
---|
523 | }
|
---|
524 | #buttonc:active {
|
---|
525 | border-top-color: #b6c5cf;
|
---|
526 | background: #b6c5cf;
|
---|
527 | } |
---|