/* ------- design notes ------- xhtml and css by: Nick Smithson | Satori project began: 2011.07.13 last updated: 2011.07.28 stylesheet-type: all | screen ------- design notes ------- */ /* ------- reset_begin ------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; } body { line-height:1.4; font-family: Verdana, Sans Serif; } ol, ul { list-style:none; } blockquote:before, blockquote:after { content:none; } q { quotes:'"' '"' "'" "'"; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } sub, sup { font-size:.5em; } /* ------- reset_end ------- */ /* ------- typography begin ------- */ /* font */ body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea { font-family:verdana, sans-serif; font-size:12px; } /* font */ /* text */ p { margin:0; padding:5px 0; } .pdf_block { background: url(../images/logos/filetypes/pdf-sm.png) no-repeat top left; padding-left: 65px; min-height: 57px; margin-top: 10px; } .pdf_block span { padding-top: 10px; font-weight: normal; font-style: italic; } .pdf_block span a { font-style: italic; } blockquote { margin:10px; padding:10px; color:#555555; background:#fcfcfc; border-left:1px solid #f0f0f0; } blockquote span { margin:0; padding:0 0 10px 0; font-weight:bold; display:block; color:#333333; background:transparent; } .quote_block { margin:10px; padding:0; text-indent:60px; text-shadow:1px 1px 5px #ffffff; color:#333333; background:transparent url(../images/bgi/quote_left.png) no-repeat scroll left top; border-left:0px solid #f5f5f5; line-height: 1.5em; } .quote_block span { padding:10px; display:block; text-indent:40px; background: url(../images/bgi/quote_right.png) no-repeat scroll right bottom; } ins { font-style:oblique; } abbr { font-style:italic; text-decoration:underline; } acronym { font-style:italic; text-decoration:underline; } dfn { font-style:italic; font-weight:bold; } pre { margin:10px; white-space:pre; font-size:0.9em; } code { margin:10px; white-space:pre; font-size:0.9em; } tt { margin:10px; font-size:0.9em; } /* text */ /* headings */ h1 { margin:0; padding:0 0 20px 0; font-size:1.5em; font-weight:normal; } h2 { margin:0; padding:0px 0px 5px 0px; font-size:1.4em; font-weight:normal; } h3 { margin:0; padding:20px 0; font-size:1.3em; font-weight:normal; } h4 { margin:0; padding:15px 0; font-size:1.2em; font-weight:normal; } h5 { margin:0; padding:15px 0; font-size:1.1em; font-weight:normal; } h6 { margin:0; padding:10px 0; font-size:1.0em; font-weight:normal; } /* headings */ /* anchors */ a:link, a:visited, a:active { font-weight:normal; text-decoration:underline; color: #6ca0b2; background:transparent; } a:hover { text-decoration:underline; color:#000000; background:transparent; } h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { text-decoration:none; } h1, h2, h3, h4, h5, h6 a:hover { text-decoration:none; } a span { } /* anchors */ /* colors */ .colorBlack, a.colorBlack { color: #000000; } .colorNavyBlue, a.colorNavyBlue { color: #245fa4; } a.colorNavyBlue:hover{ color: #000000; } .noUnderline, a.noUnderline { text-decoration: none; } a.noUnderline:hover { text-decoration: underline; } /* colors */ /* ------- typography end ------- */ /* ------- elements begin ------- */ /* divs */ div { position:relative; } /* divs */ /* alignment */ .center_block { margin:0 auto; padding:0; display:block; } .float_left { margin:0; padding:0 10px 0 0; float:left; } .float_right { margin:0; padding:0 0 0 10px; float:right; } /* alignment */ /* clears */ .float_clear { height:0; clear:both; } .float_clear-right { height:0; clear:right; } .float_clear-left { height:0; clear:left; } /* clears */ /* tables */ table { margin:0; padding:0; } tr { margin:0; padding:0; } .tr_heading { color:#333333; background:#f0f0f0; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; border-left:1px solid #aaaaaa; } .tr_even { color:#555555; background:#fcfcfc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; } .tr_odd { color:#555555; background:#f7f7f7; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; } th { margin:0; padding:5px; text-align:left; border-right:1px solid #aaaaaa; } td { margin:0; padding:0px; } td.shadow-right { background: url(../images/divider-shadow-right.png) no-repeat top right; } td.shadow-left { background: url(../images/divider-shadow-left.png) no-repeat top left; } td.shadow-left-sm { background: url(../images/divider-shadow-left-sm.png) no-repeat top left; } td.shadow-right-sm { background: url(../images/divider-shadow-left-sm.png) no-repeat top left; } td.shadow-left-tiny { background: url(../images/divider-shadow-left-tiny.png) no-repeat top left; } .table_840 { width:840px; } .table_840 td { width:209px; } /* tables */ /* lists */ dl dt { margin:0; padding:0 0 2px 10px; } dl dd { margin:0; padding:0 0 2px 15px; font-size:0.9em; } ul.empty { margin:0 0 0 30px; padding:2px 30px 2px 0; list-style:none; } ul { margin:0 0 0 30px; padding:2px 30px 2px 0; list-style:disc outside; } ol { margin:0 0 0 30px; padding:2px 30px 2px 0; list-style:decimal outside; } ul ul, ol ul { margin:0 0 0 20px; padding:2px 10px 2px 0; list-style:circle outside; font-size:0.9em; } ol ol, ul ol { margin:0 0 0 20px; padding:2px 10px 2px 0; list-style:lower-alpha outside; font-size:0.9em; } li { margin:0; padding:2px 0 2px 0; text-align: left; } .list_image_00 { margin:0 0 0 30px; padding:5px 20px 5px 0; list-style:none outside; } .list_image_00 li { margin:0; padding:7px 0 7px 0; } .list_image_00 li span { margin:0 10px -5px -30px; padding:4px 0 0 0; width:20px; height:16px; vertical-align:bottom; display:inline-block; overflow:hidden; text-align:center; font-size:9px; font-style:italic; color:#333333; background:transparent url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -160px 0; } .list_image_00 li:hover span { color:#333333; background:transparent url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -180px 0; } .list_image_01 { margin:0 0 0 80px; padding:5px 5px 5px 0; list-style:none outside; } .list_image_01 li { margin:0; padding:5px 0 10px 0; border-bottom:1px dashed #dddddd; } .list_image_01 li span { margin:0 10px -5px -80px; padding:4px 0px 0px 2px; width:68px; height:16px; vertical-align:bottom; display:inline-block; overflow:hidden; font-size:9px; font-style:italic; color:#333333; background:transparent url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -360px 0; } .list_image_01 li:hover span { color:#000000; background:transparent url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -430px 0; } /* lists */ /* ------- elements end ------- */ /* ------- forms begin ------- */ input, select, textarea{ color:#696969; border:1px solid #D3D3D3; background:url(../images/template-gfx/input_background.png) left bottom repeat-x; } /* ------- forms end ------- */ /* ------- global begin ------- */ /* body */ html { height:100%; } body { height:100%; } body.ocean { color:#000000; background:#0e0e0e url(../images/bgi/ocean_body.jpg) repeat scroll 0 0; } body.island { color:#000000; background:#707070 url(../images/bgi/island_body.jpg) repeat scroll 0 0; } /* body */ /* root */ .root_matrix { margin:0; padding:0; min-width:920px; min-height:100%; } .root_matrix { background:url(../images/bgi/ocean_root_matrix.jpg) repeat-x center top; } body.ocean .root_00 { position:absolute; top:0; width:100%; height:100%; background:url(../images/bgi/ocean_root_00.jpg) no-repeat center top; } .root_01 { position:absolute; top:902px; left:565px; width:300px; height:300px; background:url(../images/bgi/ocean_root_01-05.png) no-repeat 0 0; } .root_02 { position:absolute; top:744px; left:104px; width:300px; height:300px; background:url(../images/bgi/ocean_root_01-05.png) no-repeat -300px 0; } .root_03 { position:absolute; top:437px; left:43px; width:300px; height:300px; background:url(../images/bgi/ocean_root_01-05.png) no-repeat -600px 0; } .root_04 { position:absolute; top:447px; right:143px; width:300px; height:300px; background:url(../images/bgi/ocean_root_01-05.png) no-repeat -900px 0; } .root_05 { position:absolute; top:700px; right:250px; width:300px; height:300px; background:url(../images/bgi/ocean_root_01-05.png) no-repeat -1200px 0; } body.island .root_matrix { background:url(../images/bgi/island_root_matrix.jpg) repeat-x center top; } body.island .root_00 { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/bgi/island_root_00.jpg) no-repeat center top; } .root_11 { position:absolute; top:-108px; left:37px; width:300px; height:300px; background:url(../images/bgi/island_root_01-05.png) no-repeat 0 0; } .root_12 { position:absolute; top:-12px; left:55px; width:300px; height:300px; background:url(../images/bgi/island_root_01-05.png) no-repeat -300px 0; } body.island .root_13 { position:absolute; top:-154px; right:141px; width:300px; height:300px; background:url(../images/bgi/island_root_01-05.png) no-repeat -600px 0; } body.island .root_14 { position:absolute; top:-14px; right:221px; width:300px; height:300px; background:url(../images/bgi/island_root_01-05.png) no-repeat -900px 0; } .root_15 { position:absolute; top:-89px; right:77px; width:300px; height:300px; background:url(../images/bgi/island_root_01-05.png) no-repeat -1200px 0; } .root { margin:0 auto; padding:0; width:776px; height:100%; min-height:1400px; } /* root */ /* ------- global end ------- */ /* ------- modules begin ------- */ /* header */ .header_matrix { margin:0; padding:10px 0 0 0; width:100%; height:179px; } .header { margin:0 auto; padding:0; width:776px; height:179px; } .header_logo_00 { position:absolute; top:0; left:24px; width:115px; height:110px; overflow:hidden; } .header_logo_00 h1 { margin:0; padding:0; } .header_logo_00 a:link, .header_logo_00 a:visited, .header_logo_00 a:active { width:115px; height:110px; display:block; background:url(../images/bgi/malama_kai_logo_00.png) no-repeat scroll 0 0; } .header_logo_00 a:hover { background:url(../images/bgi/malama_kai_logo_00.png) no-repeat scroll 0 -110px; } .header_logo_00 a span { display:none; } .header_logo_01 { position:absolute; top:24px; left:115px; width:350px; height:55px; overflow:hidden; } .header_logo_01 a:link, .header_logo_01 a:visited, .header_logo_01 a:active { width:350px; height:55px; display:block; background:url(../images/bgi/malama_kai_logo_01.png) no-repeat scroll 0 0; } .header_logo_01 a:hover { background:url(../images/bgi/malama_kai_logo_01.png) no-repeat scroll 0 -55px; } .header_logo_01 a span { display:none; } .header_contact { position:absolute; top:0; right:24px; width:263px; height:110px; overflow:hidden; } .header_contact h6.email { position:absolute; top:30px; right:0; margin:0; padding:5px 0 0 0; height:15px; width:185px; text-indent:25px; font-size:0.8em; font-weight:normal; text-shadow:1px 1px 2px #eeeeee; color:#333333; background:transparent; } .header_contact h6.email:hover { text-shadow:1px 1px 2px #ffffff; color:#000000; background:transparent; } .header_contact h6.email span { position:absolute; top:0; left:0; width:20px; height:20px; overflow:hidden; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll 0 0; } .header_contact h6.email:hover span { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -20px 0; } .header_contact h6.phone { position:absolute; top:55px; right:0; margin:0; padding:5px 0 0 0; height:15px; width:185px; text-indent:25px; font-size:0.8em; font-weight:normal; text-shadow:1px 1px 2px #eeeeee; color:#333333; background:transparent; } .header_contact h6.phone:hover { text-shadow:1px 1px 2px #ffffff; color:#000000; background:transparent; } .header_contact h6.phone span { position:absolute; top:0; left:0; width:20px; height:20px; overflow:hidden; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -40px 0; } .header_contact h6.phone:hover span { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -60px 0; } .header_contact h6.contactlink { position:absolute; top:83px; right:0; margin:0; padding:5px 0 0 0; height:15px; width:185px; text-indent:25px; font-size:0.8em; font-weight:normal; text-shadow:1px 1px 2px #eeeeee; color:#333333; background: transparent; } .header_contact h6.contactlink a { font-weight:normal; text-shadow:1px 1px 2px #eeeeee; color:#333333; } .header_contact h6.contactlink a:hover { text-shadow:1px 1px 2px #ffffff; color:#000000; background:transparent; } .header_contact h6.contactlink span { position:absolute; top:0; left:0; width:185px; height:20px; overflow:hidden; background:transparent url(../images/bgi/malama_kai_nav_sidebar.png) no-repeat scroll -10px -181px; } .header_contact h6.contactlink:hover a span { background:transparent url(../images/bgi/malama_kai_nav_sidebar.png) no-repeat scroll -10px -181px; } /* header */ /* slider */ .slider_matrix { margin:30px 0 105px 0; padding:0; width:776px; background:url(../images/bgi/malama_kai_surfaces.png) repeat-y scroll 0 0; } .slider_top { position:absolute; top:-30px; left:0; width:776px; height:30px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -776px 0; } .slider_bottom { position:absolute; bottom:-105px; left:0; width:776px; height:105px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -776px -30px; } .slider { margin:0; padding:0 24px; width:728px; height:288px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -1552px 0; } .slider_images { position:absolute; top:0; left:32px; width:712px; height:237px; color:#000000; background-color:#014a81; } .slider_images_left { position:absolute; top:0; left:0; width:356px; height:237px; } .slider_images_left .slider_images_arrow { position:absolute; top:98px; left:-32px; width:25px; height:40px; } .slider_images_left:hover .slider_images_arrow { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll 0 -50px; } .slider_images_right { position:absolute; top:0; right:0; width:356px; height:237px; } .slider_images_right .slider_images_arrow { position:absolute; top:98px; right:-32px; width:25px; height:40px; } .slider_images_right:hover .slider_images_arrow { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -40px -50px; } .slider_tabs { position:absolute; bottom:-10px; left:32px; width:712px; height:61px; } .slider_tab_01 { position:absolute; top:0; left:0; width:234px; height:61px; } .slider_tab_02 { position:absolute; top:0; left:238px; width:234px; height:61px; } .slider_tab_03 { position:absolute; top:0; right:0; width:234px; height:61px; } .slider_tab_divider_00 { position:absolute; top:0; left:235px; width:1px; height:61px; color:#000000; background-color:#dedede; border-right:1px solid #efefef; } .slider_tab_divider_01 { position:absolute; top:0; right:235px; width:1px; height:61px; color:#000000; background-color:#dedede; border-right:1px solid #efefef; } .slider_tab_arrow { position:absolute; top:-18px; right:107px; width:20px; height:20px; color:#000000; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -200px 0; } .slider_tab_01:hover .slider_tab_arrow, .slider_tab_02:hover .slider_tab_arrow, .slider_tab_03:hover .slider_tab_arrow { position:absolute; top:-19px; right:107px; width:20px; height:20px; color:#000000; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -200px 0; } .slider_tabs a { position:absolute; top:0; right:0; margin:0; padding:10px 5px 10px 39px; width:190px; height:41px; font-size:10px; text-decoration:none; color:#555555; background:transparent; } .slider_tabs a:hover { text-decoration:none; color:#000000; background:transparent; } .slider_tabs a span { position:absolute; top:10px; left:4px; margin:0; padding:6px 10px; width:10px; height:18px; font-size:14px; font-style:italic; color:#333333; background:transparent url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll 0 -20px; } .slider_tabs a:hover span { color:#000000; background:transparent url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -30px -20px; } /* slider */ /* surface_00 */ .surface_00_matrix { margin:-60px 0 0 0; padding:0; width:776px; } .surface_00_top { } .surface_00_bottom { } .surface_00 { margin:0; padding:0 32px; width:712px; } .subsurface_00 { text-align:center; text-shadow:1px 1px 2px #000000; color:#ffffff; background:transparent; } .subsurface_00 h1 { margin:0; } .subsurface_00 a { text-shadow:1px 1px 2px #000000; color:#dddddd; background:transparent; } .subsurface_00 a:hover { text-shadow:1px 1px 1px #000000; color:#ffffff; background:transparent; } /* surface_00 */ /* surface_01 */ .surface_01_matrix { margin:30px 0 65px 0; padding:0; width:776px; background:url(../images/bgi/malama_kai_surfaces.png) repeat-y scroll -2328px 0; } .surface_01_top { position:absolute; top:-35px; left:0; width:776px; height:35px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -3104px 0; } .surface_01_bottom { position:absolute; bottom:-35px; left:0; width:776px; height:35px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -3104px -35px; } .surface_01 { margin:0; padding:0 24px; width:728px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -3880px 0; } .subsurface_01 { margin:0 0 0 1px; padding:0 10px 10px 10px; width:221px; float:left; text-align:center; color:#ffffff; background:transparent; } .subsurface_01 a { text-decoration:none; color:#dddddd; background:transparent; } .subsurface_01 a:hover { text-decoration:none; text-shadow:1px 1px 2px #555555; color:#ffffff; background:transparent; } .subsurface_01 h2 { font-size:1.4em; } .subsurface_01:hover h2 { text-decoration:none; font-weight: bold; font-size: 1.4em; } .subsurface_01 p { font-size:0.9em; } /* surface_01 */ /* surface_02 */ .surface_02_matrix { margin:45px 0 65px 0; padding:0; width:776px; } .surface_02_top { } .surface_02_bottom { } .surface_02 { margin:0; padding:0 24px; width:728px; } .subsurface_02 { margin:0; padding:0; width:242px; float:left; text-align:left; text-shadow:1px 1px 2px #333333; color:#ffffff; background:transparent; } .subsurface_02 h3 { margin:0 5px 10px 5px; padding:0 0 5px 0; font-size:1.1em; font-weight:normal; border-bottom:2px solid #0093ce; } .subsurface_02 p, .subsurface_02 li { font-size:0.9em; } .subsurface_02 a { text-decoration:underline; color:#dddddd; background:transparent; } .subsurface_02 a:hover { text-decoration:underline; color:#ffffff; background:transparent; } .subsurface_02 li a { text-decoration:none; color:#dddddd; background:transparent; } .subsurface_02 li a:hover { text-decoration:none; color:#ffffff; background:transparent; } .subsurface_02 li span { text-shadow:1px 1px 2px #999999; } .subsurface_02_social { margin:0; padding:10px 0 20px 10px; width:212px; font-size:0.8em; } .subsurface_02_social a { height:30px; width:242px; display:block; text-decoration:none; } .subsurface_02_social a:hover { text-decoration:none; } .subsurface_02_social a.facebook span { margin:0 10px 0 0; padding:0; width:30px; height:30px; display:inline-block; overflow:hidden; vertical-align:middle; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -60px -20px; } .subsurface_02_social a.facebook:hover span { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -90px -20px; } .subsurface_02_social a.twitter span { margin:0 10px 0 0; padding:0; width:30px; height:30px; display:inline-block; overflow:hidden; vertical-align:middle; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -120px -20px; } .subsurface_02_social a.twitter:hover span { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -150px -20px; } .subsurface_02_social a.rss span { margin:0 10px 0 0; padding:0; width:30px; height:30px; display:inline-block; overflow:hidden; vertical-align:middle; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -180px -20px; } .subsurface_02_social a.rss:hover span { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -210px -20px; } .subsurface_02-00 { margin:0 0 0 1px; padding:0 10px 10px 10px; width:221px; } .subsurface_02-01_matrix, .subsurface_02-02_matrix { margin:25px 0; padding:0; width:242px; background:url(../images/bgi/malama_kai_surfaces.png) repeat-y scroll -4656px 0; } .subsurface_02-01_top { position:absolute; top:-15px; left:0; width:242px; height:15px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -4898px 0; } .subsurface_02-02_top { position:absolute; top:-15px; left:0; width:242px; height:15px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -4898px -15px; } .subsurface_02-01_bottom, .subsurface_02-02_bottom { position:absolute; bottom:-15px; left:0; width:242px; height:15px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -4898px -30px; } .subsurface_02-01 { margin:0; padding:0 15px 10px 15px; width:211px; } .subsurface_02-01 span { margin:5px 0 10px 0; padding:0; font-size:0.8em; width:211px; display:block; color:#dddddd; background:transparent; } .subsurface_02-01 a.facebook { margin:-5px 0 0 0; padding:0; width:16px; height:16px; float:right; overflow:hidden; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -220px 0; } .subsurface_02-01 a.facebook:hover { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -240px 0; } .subsurface_02-01 a.twitter { margin:-5px 0 0 0; padding:0; width:16px; height:16px; float:right; overflow:hidden; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -260px 0; } .subsurface_02-01 a.twitter:hover { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -280px 0; } .subsurface_02-01 a span { display:none; } .subsurface_02-02 { margin:0; padding:0 15px 10px 15px; width:211px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -5140px -0; } .subsurface_02-02 h6 { margin:0; padding:0 0 10px 0; font-size:1.0em; font-style:italic; } .subsurface_02-02 .testimonial_pic { margin:0 10px 60px 0; padding:0; width:59px; height:59px; float:left; border:1px solid #569acd; } /* surface_02 */ /* surface_03 */ .surface_03_matrix { margin:0 0 0 0; padding:0; width:776px; } .surface_03_top { } .surface_03_bottom { } .surface_03 { margin:0; padding:0; width:776px; } .subsurface_03-left_matrix { margin:20px 0 20px 14px; padding:0; width:302px; float:left; background:url(../images/bgi/malama_kai_surfaces.png) repeat-y scroll -5382px 0; } .subsurface_03-left_top { position:absolute; top:-20px; left:0; width:302px; height:20px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -5684px 0; } .subsurface_03-left_bottom { position:absolute; bottom:-20px; left:0; width:302px; height:20px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -5684px -20px; } .subsurface_03-left { margin:0; padding:0 18px 0 20px; width:261px; min-height:141px; color:#555555; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -5986px 0; } .subsurface_03-right { margin:15px 34px 15px 0; padding:0 0 10px 0; width:420px; float:right; text-shadow:1px 1px 2px #dddddd; color:#555555; background:transparent; } .subsurface_03-right h1 { margin:0; padding:0 0 10px 0; font-size:1.4em; text-shadow:1px 1px 2px #ffffff; color:#003663; background:transparent; } .subsurface_03-right a { text-shadow:1px 1px 2px #cccccc; color:#333333; background:transparent; } .subsurface_03-right a:hover { text-shadow:1px 1px 1px #eeeeee; color:#000000; background:transparent; } /* surface_03 */ /* surface_04 */ .surface_04_matrix { margin:55px 0 200px 0; padding:0; width:776px; min-height:550px; background:url(../images/bgi/malama_kai_surfaces.png) repeat-y scroll -9140px 0; } .surface_04_top { position:absolute; top:-35px; left:0; width:776px; height:35px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -7064px 0; } .surface_04_00 { position:absolute; top:0; left:0; width:776px; height:520px; background:url(../images/bgi/malama_kai_surfaces.png) repeat-y scroll -6288px 0; } .surface_04_01 { position:absolute; top:520px; left:0; width:776px; height:200px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -7064px -35px; } .surface_04_bottom { position:absolute; bottom:-200px; left:0; width:776px; height:200px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -9916px -35px; } .surface_04 { margin:0; padding:1px 0 0 0; width:776px; } .subsurface_04-sidebar_matrix { position:absolute; top:0; left:0; width:204px; height:650px; } .subsurface_04-sidebar_top { } .subsurface_04-sidebar_bottom { } .subsurface_04-sidebar { margin:0; padding:10px 30px 10px 40px; width:134px; color:#555555; background:transparent; } .subsurface_04-main_matrix { margin:0px 0 80px 126px; padding:0; width:650px; background:url(../images/bgi/malama_kai_surfaces.png) repeat-y scroll -7840px 0; } .subsurface_04-main_top { position:absolute; top:-35px; left:0; width:650px; height:35px; background:url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -8490px 0; } .subsurface_04-main_bottom { position:absolute; bottom:-80px; left:0; width:650px; height:80px; background: url(../images/bgi/malama_kai_surfaces.png) no-repeat scroll -8490px -35px; } .subsurface_04-main { margin:0 0 0 76px; padding:10px 20px 30px 20px; width:510px; min-height:509px; color:#555555; background:transparent; text-align: left; } .subsurface_04-main h1 { font-size:1.7em; display: block; text-align:center; text-shadow:1px 1px 2px #ffffff; color:#003663; background:transparent; border-bottom: 4px solid #123563; margin-bottom: 15px; } .subsurface_04-main h2 { text-align:auto; } .subsurface_04-main h3 { font-weight:bold; font-style: italic; text-align:left; } /* surface_04 */ /* content */ .content_00 { } .content_01 { } .content_02 { } .content_03 { } .subsurface_02 .content_04 { width: 250px; } .subsurface_02 .content_05 { width: 250px; } .subsurface_02 .content_06 { width: 250px; } /* content */ /* footer */ .footer_matrix { margin:50px 0 100px 0; padding:0; width:776px; } .footer_top { position:absolute; top:-40px; left:0; width:776px; height:40px; } .footer_bottom { position:absolute; bottom:-40px; left:0; width:776px; height:40px; } .footer { margin:0; padding:0 24px; width:728px; height:125px; } body.ocean .footer_matrix { background:url(../images/bgi/malama_kai_footer.png) repeat-y scroll 0 0; } body.ocean .footer_top { background:url(../images/bgi/malama_kai_footer.png) no-repeat scroll -776px 0; } body.ocean .footer_bottom { background:url(../images/bgi/malama_kai_footer.png) no-repeat scroll -776px -40px; } body.ocean .footer { background:url(../images/bgi/malama_kai_footer.png) no-repeat scroll -1552px 0; } body.island .footer_matrix { background:url(../images/bgi/malama_kai_footer.png) repeat-y scroll -2328px 0; } body.island .footer_top { background:url(../images/bgi/malama_kai_footer.png) no-repeat scroll -3104px 0; } body.island .footer_bottom { background:url(../images/bgi/malama_kai_footer.png) no-repeat scroll -3104px -40px; } body.island .footer { background:url(../images/bgi/malama_kai_footer.png) no-repeat scroll -3880px 0; } .footer_contact { position:absolute; top:35px; left:24px; width:200px; height:60px; } .footer_contact h6.email { position:absolute; top:10px; left:15px; margin:0; padding:5px 0 0 0; height:15px; width:180px; text-indent:25px; font-size:0.8em; font-weight:normal; text-shadow:1px 1px #333333; color:#cccccc; background:transparent; } .footer_contact h6.email:hover { text-shadow:1px 1px #000000; color:#eeeeee; background:transparent; } .footer_contact h6.email span { position:absolute; top:0; left:0; width:20px; height:20px; overflow:hidden; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -80px 0; } .footer_contact h6.email:hover span { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -100px 0; } .footer_contact h6.phone { position:absolute; top:30px; left:15px; margin:0; padding:5px 0 0 0; height:15px; width:180px; text-indent:25px; font-size:0.8em; font-weight:normal; text-shadow:1px 1px #333333; color:#cccccc; background:transparent; } .footer_contact h6.phone:hover { text-shadow:1px 1px #000000; color:#eeeeee; background:transparent; } .footer_contact h6.phone span { position:absolute; top:0; left:0; width:20px; height:20px; overflow:hidden; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -120px 0; } .footer_contact h6.phone:hover span { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -140px 0; } .footer_social { position:absolute; top:95px; left:24px; width:200px; height:30px; } .footer_social a.facebook { position:absolute; top:0; left:15px; width:30px; height:30px; overflow:hidden; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -60px -20px; } .footer_social a.facebook:hover { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -90px -20px; } .footer_social a.twitter { position:absolute; top:0; left:45px; width:30px; height:30px; overflow:hidden; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -120px -20px; } .footer_social a.twitter:hover { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -150px -20px; } .footer_social a.rss { position:absolute; top:0; left:75px; width:30px; height:30px; overflow:hidden; background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -180px -20px; } .footer_social a.rss:hover { background:url(../images/bgi/malama_kai_sprite_map.png) no-repeat scroll -210px -20px; } .footer_social a span { display:none; } .footer_info { position:absolute; top:45px; right:24px; width:400px; height:30px; } .footer_info p { margin:0; padding:10px 18px 0 0; text-align:right; font-size:10px; text-shadow:1px 1px #333333; color:#cccccc; background:transparent; } .footer_info a { text-decoration:none; text-shadow:1px 1px #333333; color:#dddddd; background:transparent; } .footer_info a:hover { text-decoration:underline; text-shadow:1px 1px #000000; color:#ffffff; background:transparent; } .footer_powered { position:absolute; top:90px; right:24px; width:400px; height:30px; } .footer_powered p { margin:0; padding:10px 18px 0 0; text-align:right; font-size:10px; text-shadow:1px 1px #333333; color:#cccccc; background:transparent; } .footer_powered a { margin:0; padding:0; text-decoration:none; text-shadow:1px 1px #333333; color:#dddddd; background:transparent; } .footer_powered a:hover { text-decoration:underline; text-shadow:1px 1px #000000; color:#ffffff; background:transparent; } .design_valid { width:130px; float:right; } .design_valid p { margin:0; padding:0; text-align:right; font-size:10px; color:#707070; background:transparent; } .design_valid a { margin:0; padding:0 5px 0 0; text-decoration:none; color:#505050; background:transparent; } .design_valid a:hover { text-decoration:underline; color:#909090; background:transparent; } .browser_update { width:110px; float:right; } .browser_update p { margin:0; padding:0; text-align:right; font-size:10px; color:#707070; background:transparent; } .browser_update a { margin:0; padding:0 0 0 5px; text-decoration:none; color:#505050; background:transparent; } .browser_update a:hover { text-decoration:underline; color:#909090; background:transparent; } /* footer */ /* ------- modules end ------- */ /* ------- navigation begin ------- */ /* nav_main */ .nav_main_matrix { position:absolute; top:120px; left:0; width:776px; height:69px; z-index:10; background:transparent url(../images/bgi/malama_kai_nav_main.png) no-repeat scroll 0 0; } .nav_main { position:absolute; top:15px; left:42px; margin:0; padding:0; width:692px; height:39px; text-align:center; } .nav_main a:link, .nav_main a:visited, .nav_main a:active { margin: 0; padding: 0px 13px; height:39px; display:inline-block; vertical-align:top; outline:none; font-size:11px; font-weight:normal; text-decoration:none; text-shadow:1px 1px 2px #000000; color:#ffffff; background:transparent; } .nav_main a span { margin:-1px; padding:14px 10px; display:inline-block; } .nav_main a:hover { color:#ffc900; background:transparent url(../images/bgi/malama_kai_nav_main.png) no-repeat scroll -200px -69px; } .nav_main a:hover span { } .nav_main a.current:link, .nav_main a.current:visited, .nav_main a.current:active { color:#edc635; background:transparent; } .nav_main a.current span { } .nav_main a.current:hover { color:#ffc900; background:transparent url(../images/bgi/malama_kai_nav_main.png) no-repeat scroll -200px -69px; } .nav_main a.current:hover span { } .nav_main .nav_divider { margin:0 -10px; padding:0; width:10px; height:39px; display:inline; background:url(../images/bgi/malama_kai_nav_main.png) no-repeat scroll 0 -108px; } /* nav_main */ /* nav_sub */ .nav_sub { } .nav_sub a:link, .nav_sub a:visited, .nav_sub a:active { } .nav_sub a span { } .nav_sub a:hover { } .nav_sub a:hover span { } .nav_sub a.current:link, .nav_sub a.current:visited, .nav_sub a.current:active { } .nav_sub a.current span { } .nav_sub a.current:hover { } .nav_sub a.current:hover span { } /* nav_sub */ /* nav_footer */ .nav_footer_matrix { position:absolute; top:-10px; left:32px; width:712px; height:40px; z-index:10; background:transparent url(../images/bgi/malama_kai_nav_footer.png) no-repeat scroll 0 0; } .nav_footer { position:absolute; top:0; left:20px; margin:0; padding:0; width:672px; height:40px; text-align:center; } .nav_footer a:link, .nav_footer a:visited, .nav_footer a:active { margin:0; padding:0px 8px; height:40px; display:inline-block; vertical-align:top; outline:none; font-size:9px; font-weight:normal; text-decoration:none; text-shadow:1px 1px 2px #333333; color:#ffffff; background:transparent; } .nav_footer a span { margin:0; padding:15px 10px; display:inline-block; } .nav_footer a:hover { text-shadow:1px 1px 2px #000000; color:#ffc900; background:transparent url(../images/bgi/malama_kai_nav_footer.png) no-repeat scroll -200px 0px; } .nav_footer a:hover span { } .nav_footer a.current:link, .nav_footer a.current:visited, .nav_footer a.current:active { color:#edc635; background:transparent; } .nav_footer a.current span { } .nav_footer a.current:hover { color:#ffc900; background:transparent url(../images/bgi/malama_kai_nav_footer.png) no-repeat scroll -200px 0px; } .nav_footer a.current:hover span { } .nav_footer .nav_divider { margin:0 -10px; padding:0; width:10px; height:40px; overflow:hidden; display:inline; background:url(../images/bgi/malama_kai_nav_footer.png) no-repeat scroll 0 -80px; } /* nav_footer */ /* nav_sidebar */ .nav_sidebar_matrix { position:absolute; top:25px; left:24px; margin:0; padding:5px 0 0 0; width:180px; height:400px; overflow:hidden; } .nav_sidebar { } .nav_sidebar a:link, .nav_sidebar a:visited, .nav_sidebar a:active { margin:-5px 0 0 0; padding:0 0 0 14px; width:178px; height:35px; display:block; outline:none; font-size:9px; font-weight:normal; text-decoration:none; text-shadow:1px 1px 2px #cccccc; color:#555555; background:transparent; } .nav_sidebar a.sidebar_00:link, .nav_sidebar a.sidebar_00:visited, .nav_sidebar a.sidebar_00:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar.png) no-repeat scroll 0 -70px; } .nav_sidebar a.sidebar_01:link, .nav_sidebar a.sidebar_01:visited, .nav_sidebar a.sidebar_01:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar.png) no-repeat scroll 0 -105px; } .nav_sidebar a.sidebar_02:link, .nav_sidebar a.sidebar_02:visited, .nav_sidebar a.sidebar_02:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar.png) no-repeat scroll 0 -140px; } .nav_sidebar a.sidebar_03:link, .nav_sidebar a.sidebar_03:visited, .nav_sidebar a.sidebar_03:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar.png) no-repeat scroll 0 -175px; } } .nav_sidebar a.sidebar_corals_00:link, .nav_sidebar a.sidebar_corals_00:visited, .nav_sidebar a.sidebar_corals_00:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -70px; } .nav_sidebar a.sidebar_corals_01:link, .nav_sidebar a.sidebar_corals_01:visited, .nav_sidebar a.sidebar_corals_01:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -105px; } .nav_sidebar a.sidebar_corals_02:link, .nav_sidebar a.sidebar_corals_02:visited, .nav_sidebar a.sidebar_corals_02:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -140px; } .nav_sidebar a.sidebar_corals_03:link, .nav_sidebar a.sidebar_corals_03:visited, .nav_sidebar a.sidebar_corals_03:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -175px; } .nav_sidebar a.sidebar_corals_04:link, .nav_sidebar a.sidebar_corals_04:visited, .nav_sidebar a.sidebar_corals_04:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -210px; } .nav_sidebar a.sidebar_corals_05:link, .nav_sidebar a.sidebar_corals_05:visited, .nav_sidebar a.sidebar_corals_05:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -245px; } .nav_sidebar a.sidebar_corals_06:link, .nav_sidebar a.sidebar_corals_06:visited, .nav_sidebar a.sidebar_corals_06:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -280px; } .nav_sidebar a.sidebar_corals_07:link, .nav_sidebar a.sidebar_corals_07:visited, .nav_sidebar a.sidebar_corals_07:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -315px; } .nav_sidebar a.sidebar_corals_08:link, .nav_sidebar a.sidebar_corals_08:visited, .nav_sidebar a.sidebar_corals_08:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -350px; } .nav_sidebar a.sidebar_corals_09:link, .nav_sidebar a.sidebar_corals_09:visited, .nav_sidebar a.sidebar_corals_09:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -385px; } .nav_sidebar a.sidebar_corals_10:link, .nav_sidebar a.sidebar_corals_10:visited, .nav_sidebar a.sidebar_corals_10:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -420px; } .nav_sidebar a.sidebar_corals_11:link, .nav_sidebar a.sidebar_corals_11:visited, .nav_sidebar a.sidebar_corals_11:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -455px; } .nav_sidebar a.sidebar_corals_12:link, .nav_sidebar a.sidebar_corals_12:visited, .nav_sidebar a.sidebar_corals_12:active { background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -490px; } .nav_sidebar a span { margin:0; padding:8px 0 16px 20px; width:144px; display:inline-block; } .nav_sidebar a:hover, .nav_sidebar a.sidebar_00:hover, .nav_sidebar a.sidebar_01:hover, .nav_sidebar a.sidebar_02:hover, .nav_sidebar a.sidebar_03:hover { color:#000000; background:transparent url(../images/bgi/malama_kai_nav_sidebar.png) no-repeat scroll 0 -35px; } .nav_sidebar a:hover, .nav_sidebar a.sidebar_corals_00:hover, .nav_sidebar a.sidebar_corals_01:hover, .nav_sidebar a.sidebar_corals_02:hover, .nav_sidebar a.sidebar_corals_03:hover, .nav_sidebar a.sidebar_corals_04:hover, .nav_sidebar a.sidebar_corals_05:hover, .nav_sidebar a.sidebar_corals_06:hover, .nav_sidebar a.sidebar_corals_07:hover, .nav_sidebar a.sidebar_corals_08:hover, .nav_sidebar a.sidebar_corals_09:hover, .nav_sidebar a.sidebar_corals_10:hover, .nav_sidebar a.sidebar_corals_11:hover, .nav_sidebar a.sidebar_corals_12:hover { color:#000000; background:transparent url(../images/bgi/malama_kai_nav_sidebar2.png) no-repeat scroll 0 -35px; } .nav_sidebar a:hover span { padding:8px 0 16px 0; width:164px; } .nav_sidebar a.current:link, .nav_sidebar a.current:visited, .nav_sidebar a.current:active { color:#003663; background:transparent url(../images/bgi/malama_kai_nav_sidebar.png) no-repeat scroll 0 0; } .nav_sidebar a.current span { padding:8px 0 16px 0; width:164px; } .nav_sidebar a.current:hover { color:#000000; background:transparent url(../images/bgi/malama_kai_nav_sidebar.png) no-repeat scroll 0 -35px; } .nav_sidebar a.current:hover span { } .nav_sidebar .nav_divider { margin:0; padding:0; width:178px; height:0px; } /* nav_sidebar */ /* buttons */ a.button_00 { margin:20px 0 0 0; padding:0; height:30px; float:left; overflow:hidden; text-decoration:none; text-shadow:1px 1px 2px #dddddd; color:#000000; background:transparent url(../images/bgi/malama_kai_buttons.png) no-repeat scroll 0 0; } a.button_00 span { margin:0 0 0 28px; padding:8px 28px 8px 0; height: 30px; float:left; background:url(../images/bgi/malama_kai_buttons.png) no-repeat scroll right -30px; } a.button_00:hover { text-shadow:1px 1px 2px #eeeeee; color:#000000; background:transparent url(../images/bgi/malama_kai_buttons.png) no-repeat scroll 0 -60px; } a.button_00:hover span { background:url(../images/bgi/malama_kai_buttons.png) no-repeat scroll right -90px; } div.button_donate { position:absolute; top:450px; left:24px; width:178px; height:100px; } div.button_donate a { width:178px; height:100px; display:block; background:url(../images/bgi/malama_kai_buttons.png) no-repeat scroll 0 -120px; } div.button_donate a span { display:none; } div.button_donate a:hover { background:url(../images/bgi/malama_kai_buttons.png) no-repeat scroll -178px -120px; } div.button_donate a:hover span { } /* buttons */ /* ------- navigation end ------- */ /* image effects */ .image_shadow_300 { margin:5px 5px 10px 5px; width:310px; text-align:center; } .image_shadow_300-left { margin:5px 20px 10px 0; width:310px; float:left; text-align:left; } .image_shadow_300-right { margin:5px 0 10px 20px; width:310px; float:right; text-align:right; } .image_shadow_300 img, .image_shadow_300-left img, .image_shadow_300-right img { padding:5px 5px 15px 5px; width:300px; min-height:85px; background:url(../images/bgi/image_shadows.png) no-repeat scroll 0 bottom; } .image_shadow_180 { margin:5px 5px 10px 5px; padding:0; width:190px; text-align:center; } .image_shadow_180-left { margin:5px 20px 10px 0; padding:0; width:190px; float:left; text-align:left; } .image_shadow_180-right { margin:5px 0 10px 20px; padding:0; width:190px; float:right; text-align:right; } .image_shadow_180 img, .image_shadow_180-left img, .image_shadow_180-right img { padding:5px 5px 15px 5px; width:180px; min-height:85px; background:url(../images/bgi/image_shadows.png) no-repeat scroll -310px bottom; } .image_shadow_75 { margin:5px 5px 10px 5px; padding:0; width:85px; text-align:center; } .image_shadow_75-left { margin:5px 20px 10px 0; padding:0; width:85px; float:left; text-align:left; } .image_shadow_75-right { margin:5px 0 10px 20px; padding:0; width:85px; float:right; text-align:right; } .image_shadow_75 img, .image_shadow_75-left img, .image_shadow_75-right img { padding:5px 5px 15px 5px; width:75px; min-height:75px; background:url(../images/bgi/image_shadows.png) no-repeat scroll -500px bottom; } .image_shadow_225 { margin:5px 5px 10px 5px; padding:0; width:235px; text-align:center; } .image_shadow_225-left { margin:5px 20px 10px 0; padding:0; width:235px; float:left; text-align:left; } .image_shadow_225-right { margin:5px 0 10px 20px; padding:0; width:235px; float:right; text-align:right; } .image_shadow_225 img, .image_shadow_225-left img, .image_shadow_225-right img { padding:5px 5px 15px 5px; width:225px; min-height:85px; background:url(../images/bgi/image_shadows.png) no-repeat scroll -585px bottom; } .image_shadow_300 p, .image_shadow_300-left p, .image_shadow_300-right p, .image_shadow_180 p, .image_shadow_180-left p, .image_shadow_180-right p, .image_shadow_75 p, .image_shadow_75-left p, .image_shadow_75-right p, .image_shadow_225 p, .image_shadow_225-left p, .image_shadow_225-right p { padding:5px 5px 15px 5px; font-family;Verdana, sans-serif; font-size:1.1em; color:#555555; background:transparent; } .image_window_180 { margin:5px 5px 10px 5px; padding:0; width:190px; text-align:center; } .image_window_180-left { margin:0px 0px 10px 0px; padding:0; width:190px; float:left; text-align:center; } .image_window_180-right { margin:5px 0 10px 20px; padding:0; width:190px; float:right; text-align:center; } .image_window_180 img, .image_window_180-left img, .image_window_180-right img { padding:5px 5px 15px 5px; width:180px; height:180px; } .image_window_180 span, .image_window_180-left span, .image_window_180-right span { position:absolute; top:5px; left:5px; width:180px; height:180px; display:block; overflow:hidden; background:url(../images/bgi/image_windows.png) no-repeat scroll -5px -5px; } .image_window_75 { margin:5px 5px 10px 5px; padding:0; width:85px; height:75px; text-align:center; } .image_window_75-left { margin:5px 20px 10px 0; padding:0; width:85px; height:75px; float:left; text-align:center; } .image_window_75-right { margin:5px 0 10px 20px; padding:0; width:85px; height:75px; float:right; text-align:center; } .image_window_75 img, .image_window_75-left img, .image_window_75-right img { padding:5px 5px 15px 5px; width:75px; height:75px; } .image_window_75 span, .image_window_75-left span, .image_window_75-right span { position:absolute; top:5px; left:5px; width:75px; height:75px; background:url(../images/bgi/image_windows.png) no-repeat scroll -195px -110px; } .image_window_180 p, .image_window_180-left p, .image_window_180-right p, .image_window_75 p, .image_window_75-left p, .image_window_75-right p { padding:5px 5px 15px 5px; font-family:Impact,Verdana, sans-serif; font-size:1.1em; color:#555555; background:transparent; } /* image effects */ .disclaimer, a.disclaimer { font-size: 11px; } a.back-to-top { font-size: 9px; } img.social, a.social { margin-right: 10px; margin-left: 0px; } img.padding-left, input.padding-left, .padding-left { padding-left: 10px; } img.padding-right, input.padding-right, .padding-right { padding-right: 10px; } img.padding-top, input.padding-top, .padding-top { padding-left: 5px; } img.padding-bottom, input.padding-bottom, .padding-bottom { padding-right: 20px; } .fish { background: no-repeat top right; min-height: 375px; } .bluefish { background-image:url(../images/big-fish/bluefish.png); } .redfish { background-image:url(../images/big-fish/redfish.png); } .yellowfish { background-image:url(../images/big-fish/yellowfish.png); } .orangefish { background-image:url(../images/big-fish/orangefish.png); } .greenfish { background-image:url(../images/big-fish/greenfish.png); } .bigblue { background-image:url(../images/big-fish/bigblue.png); } .spikeyfish { background-image:url(../images/big-fish/spikey.png); }