/* -------------------------------------------------------------------------------------------------------------------------------------- Classes -------------------------------------------------------------------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } .clear { display: block; clear: both; font-size: 1px; line-height: 1px; height: 1px; } .hidden { display: none; } .show { display: block; } .fleft { float: left; } .fright { float: right; } img.fleft { float: left; margin: 0 10px 5px 0; } img.fright { float: right; margin: 0 0 5px 10px; } img.all {margin: 5px 10px 5px 10px;} .aleft { text-align: left; } .aright { text-align: right; } .acenter { text-align: center; } .padding { padding: 10px; } .nopadding { padding: 0; } .margin { margin: 10px; } .nomargin { margin: 0; } .container { overflow: hidden; } .vouter { overflow: hidden; display: table; width: 100%; } /* Height!!! */ .vmiddle { display: table-cell; vertical-align: middle; } .w50 { width: 50%; } .w33 { width: 33.3%; } .w25 { width: 25%; } /* -------------------------------------------------------------------------------------------------------------------------------------- Îáùåå -------------------------------------------------------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { height: 100%; } body { position: relative; color: #000; font: 0.8em/1.2 Tahoma, Arial, sans-serif; background: #fff; height: 100%; } form fieldset { border: 0; } form input.text, form input.password, form input.file, form select, form textarea { font-size: 1em; font-family: Tahoma; border: 1px solid #A7A6A5; } form input.submit, form input.button { cursor: pointer; height: 32px; width: 110px; padding-left: 7px; padding-right: 7px; margin-top: 8px; color: #004071; font-size: 1em; font-family: Tahoma; background: #F4F6F4 url(/images/skipper/post.gif) repeat-x 0 bottom; border: 1px solid #A7A6A5; } form input.image { position: relative; top: 4px; } form input.radio { position: relative; top: 2px; } form p.label label { f1loat: left; width: 90px; } h1, h4, h5, h6 { padding: 10px 0 7px 0; color: #004071; font-family: Tahoma; font-weight: normal; } h1 { font-size: 1.6em; } h2 { font-size: 1.3em; padding: 10px 0 8px 0; color: #004071; font-family: Tahoma; font-weight: normal; } h3 { font-size: 1.3em; padding: 10px 0 3px 0; color: #004071; font-family: Tahoma; font-weight: normal; } h4 { font-size: 1.1em; } h5 { font-size: 1em; font-weight: bold; } h6 { font-size: 1em; font-weight: bold; font-style: italic; } p, ul, ol, dl, form { padding: 8px 0; } ol, ul { padding: 10px 35px } blockquote { padding: 8px 0 8px 30px; } td { padding: 5px 5px 5px 5px } a { color: #004071; text-decoration: underline; } a:hover { text-decoration: none; } a img { border: 0; } span.link_feedback { padding-left: 21px; background: url(/images/skipper/exe.gif) no-repeat 0 center; } .c_black { color: #000; } .c_grey { color: #747474; } .c_blue { color: #004071; } #center { position: relative; margin: 0 auto; background: #fff; width: 967px; min-height: 100%; } /* #center form.window {position: fixed; left: 50%; top:50%; width: 223px; } #center form.window input.text, #center form.window input.password, #center form.window input.file, #center form.window select { width: 200px; text-align: center; } #center form.window textarea { width: 200px; max-width: 200px; } #center form.window div.close { text-align: right;} #center form.window input.submit { border: 0;} #center form.window div.close img { cursor: pointer; } #center form.window fieldset { padding: 10px; background: #dcdbdb url(/images/skipper/form_bg.gif) 0 100% repeat-x; width: 203px; border: 1px solid #dcdbdb; } #center form.window fieldset h3 { font-size: 1.1em; padding: 0; text-align: center;} #center form.window fieldset p {padding: 0; text-align: center; color: #747474} #center form.window fieldset p label { display: block; text-align: center; width: 200px; padding: 8px 0 2px 0;} */ #center form.window {position: absolute; left: 40%; top: 40%; width: 223px; padding: 10px; background: #fff; border: 1px solid #ececec;} #center form.window input.text, #center form.window input.password, #center form.window input.file, #center form.window select { width: 200px; text-align: center; } #center form.window textarea { width: 200px; max-width: 200px; } #center form.window div.close { text-align: right;} #center form.window input.submit { border: 0;} #center form.window div.close img { cursor: pointer; } #center form.window fieldset { padding: 10px; background: #ececec url(/images/skipper/form_bg.gif) 0 100% repeat-x; width: 203px; border: 1px solid #ececec; } #center form.window fieldset h3 { font-size: 1.1em; padding: 0; text-align: center;} #center form.window fieldset p {padding: 0; text-align: center; color: #747474} #center form.window fieldset p label { display: block; text-align: center; width: 200px; padding: 8px 0 2px 0;} /* -------------------------------------------------------------------------------------------------------------------------------------- Øàïêà -------------------------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; height: 74px; } .header_bg2 { background: #055089 url(/images/skipper/header-bg.jpg) no-repeat center bottom; } #header #logo { position: absolute; z-index: 3; top: 9px; left: 43px;} .right_block{position:absolute; top:74px; left:872px;} .ico_block { position:absolute; top:78px; left:44px;} .ico_block a {display:block; width:14px; height:10px; float:left; margin:0 25px 0 0;} .home {background: url(/images/skipper/icons.gif) 0 0 no-repeat;} .sitemap {background: url(/images/skipper/icons.gif) -41px 0 no-repeat;} .email {background: url(/images/skipper/icons.gif) -85px 0 no-repeat;} #header #slogan { position: absolute; z-index: 3; top: 36px; left: 715px; } #header #navbar { position: absolute; top: 33px; left: 149px; z-index:2; } #header #navbar li { list-style: none; position: relative; float: left; } #header #navbar li a { text-decoration: none; position: relative; padding: 2px 7px 3px 7px; color: #fff; } #header #navbar li a:hover, #header #navbar li a.active { color: #fff; text-decoration: none;} #header #navbar li .sub { display: none; position: absolute; top: 18px; left: 0; padding: 8px 10px; background: #055089;} #header #navbar li .sub i { line-height: 1.5; font-style: normal; white-space: nowrap;} #header #navbar li .sub i a { text-decoration: none; color: #fff; } #header #navbar li .sub i a:hover, #header #navbar li .sub i a.active { color: #059be9; background: none;} /* -------------------------------------------------------------------------------------------------------------------------------------- Êîíòåíò -------------------------------------------------------------------------------------------------------------------------------------- */ #body { padding: 10px 0 50px 0; } #body .line { padding-bottom: 5px; font-size: 1px; line-height: 1px; border-top: 1px solid #969594; } #body h1 a.title_link { margin-left: 10px; padding-left: 10px; color: #000; font-size: 12px; font-weight: normal; background: url(/images/arrow.gif) no-repeat 0 center; } #body .title_panel { float: right; margin-top: -27px; } #body .title_panel span.item { margin-left: 10px; padding-left: 20px; } #body .title_panel span.bg1 { background: url(/images/skipper/exe.gif) no-repeat 0 center; } #body p.listing span { color: #747474; } #content_wrapper { float: left; width: 100%; } #content_wrapper #content { margin-left: 190px; margin-right: 30px; padding-bottom: 30px;} #content_wrapper #content #left_con {float:left; width: 436px; } #content_wrapper #content #right_pic {float:right; width: 300px; margin-top: 12px;} #content_wrapper #content #left_con1 {float:left; width: 536px; } #content_wrapper #content #right_pic1 {float:right; width: 200px; margin:0; padding:0;} #content_wrapper #content #right_pic img {float:right; margin: 0 0 12px 0;} ul.right {margin:0; padding:5px 0 0 0;} ul.right li {padding: 0 2px 2px 10px; margin: 0 0 5px 0; list-style:none; background: url(/images/skipper/ulbg.gif) repeat-y 0 0;} ul.right li a{text-decoration: none;} ul.right li a:hover{text-decoration: underline;} /* Index */ /* #content .main_list {margin: 0 -10px 0 0; padding: 0 0 10px 0;} #content .main_list a {text-decoration: none;} #content .main_list .program {display:block; float: left; margin: 0 12px 12px 0; height: 237px; width: 237px; border: 1px solid #004071; } #content .main_list .program img{height: 237px; width: 237px;} #content .main_list .program .text {position: relative; bottom: 60px; margin-bottom: 0px; padding: 8px 8px 5px 8px; text-decoration: none; font-size: 1.3em; text-align: center; width: 221px; height: 45px; background: #004071 url(/images/skipper/prog.gif) repeat center bottom; opacity: 0.9;} #content .main_list .program .text a {color: #fff;} */ #content .main_list {margin: 0 -10px 0 0; padding: 0 0 10px 0;} #content .main_list a {text-decoration: none;} #content .main_list .program {display:block; float: left; margin: 0 12px 12px 0; height: 237px; width: 237px; border: 1px solid #004071; } #content .main_list .program img{height: 237px; width: 237px;} #content .main_list .program .text {position: relative; vertical-align: middle; bottom: 52px; margin-bottom: 0px; text-decoration: none; width: 100%; height: 50px; color: #fff; text-align: center; background: #055089 url(/images/skipper/prog.gif) repeat center bottom; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/ -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */} #content .main_list .program .text a {color: #fff;} #content .main_list .program .text p.data {padding: 4px 7px 4px 7px; font-size: 1.3em;} #content table.three {border-collapse: collapse; margin: -2px 0 0 0; padding: 0; width: 742px;} #content table.three td {border-right: 1px solid#FFF; vertical-align: top;} #content table.three td ul {padding:0px 5px 5px 32px; list-style: url(/images/skipper/book.gif);} #content table.three td li {padding:0 0 5px 2px;} #content table.three td a {font-size: 14px;} #content h2.main {font-size: 1.6em; padding-top:0;} /* About */ #content .list_img {margin: 0 -10px 0 0; padding: 0 0 10px 0;} #content .list_img a {display:block; float:left; margin: 0 12px 10px 0;} #content .opinion { padding: 4px 0; } #content .opinion img.fleft { margin-top: 10px; } #content .opinion .text { margin-left: 117px; } #content .opinion .text p.header { margin-bottom: -8px; padding-bottom: 0; } #content .opinion .text p.citation { color: #747474; } /* News */ #content .news_navigation { padding: 5px 0; } #content .news_navigation a { color: #000; } #content .news_navigation p { padding: 3px 0; } #content .news_navigation p span { color: #747474; } #content .news_navigation p.months a { margin-right: 5px; } #content .news { margin-top: 13px; } #content .news .date {font-size:0.83em; color:#858585; font-style:italic;} #content .str {padding: 30px 0;} #content .news .text p.header span.date { color: #747474; font-size: 0.8em; font-style: italic; } #content .news .text p.header span.juice { color: #84CE3D; font-style: normal; } /* Calendar */ #content .calendar { padding: 5px 0 8px 0; } #content .calendar p { padding: 3px 0; } #content .calendar p.info { color: #747474; } #content .calendar p.info big { color: #004071; } #content table.calendar { border-collapse: collapse; width: 100%; } #content table.calendar th, #content table.calendar td { padding: 5px 10px; } #content table.calendar th { background: #065089; border-right: 1px solid #fff; color: #fff; } #content table.calendar td.row {font-size: 1.2em; color: #004071; } #content table.calendar td { border-right: 1px solid #fff; border-bottom: 1px solid #969594; text-align: center;} #content table.calendar tr.alt td { background: #f8f8f8; } #content table.calendar tr.over td { background: #d9f2ff; } /* Programs */ #content .program_list {margin: 0 -10px 0 0; padding: 0 0 10px 0;} #content .program_list a {text-decoration: none;} #content .program_list .program {display:block; float: left; margin: 0 12px 12px 0; height: 237px; width: 237px; border: 1px solid #004071; } #content .program_list .program img{height: 237px; width: 237px;} #content .program_list .program .text {position: relative; bottom: 65px; margin-bottom: 0px; text-decoration: none; width: 100%; height: 63px; color: #fff; text-align: center; background: #055089 url(/images/skipper/prog.gif) repeat center bottom; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/ -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */} #content .program_list .program .text a {color: #fff;} #content .program_list .program .text p.data {padding: 4px 7px 3px 7px; font-size: 1.3em;} #content .program_list .programa {display:block; float: left; margin: 0 12px 12px 0; height: 237px; width: 237px; border: 1px solid #004071; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/ -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */} #content .program_list .programa img{height: 237px; width: 237px;} #content .program_list .programa .text {position: relative; bottom: 65px; margin-bottom: 0px; text-decoration: none; width: 100%; height: 63px; color: #fff; text-align: center; background: #055089 url(/images/skipper/prog.gif) repeat center bottom;} #content .program_list .programa .text a {color: #fff;} #content .program_list .programa .text p.data {padding: 4px 7px 3px 7px; font-size: 1.3em;} /* #content .program { padding: 5px 0 8px 0; } #content .program img.fleft { margin-top: 5px; } #content .program .text { padding-left: 120px; } #content .program p { padding: 3px 0; } #content .program p.info { float: right; padding-left: 10px; color: #747474; } #content .program p.info big { color: #004071; } */ /* Programs2 */ #content .program_info { padding-bottom: 0px; } #content .program_info h1 { font-size: 1.3em; padding: 14px 0 8px 0;} #content .program_info p.info { float: right; margin-left: 10px; padding: 14px 0 8px 0; } #content .program_info p.info { float: right; padding-left: 10px; color: #747474; } #content .program_info p.info big { color: #004071; } #content .program_parts { padding: 8px 0; } #content .program_parts h3 { font-family: Tahoma; } #content .program_parts .col { float: left; width: 49.9%; } #content .program_parts .col .pad_left { padding-right: 10px; } #content .program_parts .col .pad_right { padding-left: 10px; } #content .program_parts .col p { padding: 1px 0; line-height: 1.5; } #content .program_parts .col p span.date { color: #747474; font-size: 0.8em; font-style: italic; } #content .program_parts .col p.title { padding: 8px 0 15px 0; } #content .program_yashts { padding: 20px 0; } #content .program_yashts h3 { font-family: Tahoma; } #content .program_yashts .col { float: left; width: 49.9%; } #content .program_yashts .col .title { padding-bottom: 5px; color: #747474; } #content .program_yashts .col .title a { color: #000; } #content .program_yashts .photos { padding-top: 20px; } #content .program_yashts .photos img { margin-left: 10px; } #content .program_additional { padding: 8px 0; line-height: 1.5; } #content .program_additional h3 { padding-bottom: 0; font-family: Tahoma; } #content .program_additional ul { padding: 0 0 0 15px; } #content .program_additional ul li { list-style: none; } #content .program_additional ul a { color: #000; } /* FAQ */ #content .faq { padding: 0 0 30px 0; } #content .faq dl { margin: 0; padding: 10px 0 0 0; } #content .faq dl dt { cursor: pointer; display: inline;} #content .faq dl dt strong { color: #004071; font-weight: normal; border-bottom: 1px dashed #727272; } #content .faq dl dt.active { } #content .faq dl dt.active strong { border: 0; } #content .faq dl dd { display: none; } #content .faq dl dd div.pad { padding: 4px 0; } #content .faq dl dd small.date { display: block; padding: 5px 0; color: #727272; font-size: 0.85em; } /* Press */ #content .press { padding-bottom: 20px; } #content .press p span.juice { color: #84CE3D; font-size: 0.8em; } /* Press2 */ #content .press_article h1, #content .press_article h2, #content .press_article h3, #content .press_article h4, #content .press_article h5, #content .press_article h6 { font-family: Tahoma; } /* Foto */ #content #foto_list {margin: 0 -10px 0 0; padding: 0 0 10px 0;} #content #foto_list img {float: left; border: 1px solid #004071; height: 111px; width: 136px; margin: 0 12px 12px 0; } #content .foto_gallery { padding: 8px 0; } #content .foto_gallery .gallery { overflow: hidden; float: left; margin: 10px 10px 0 0; width: 240px; height: 225px; } #content .foto_gallery .gallery .title { text-align: center; } /* Foto2 */ #content .foto_gallery_intro { padding-bottom: 8px; } #content .foto_gallery_intro img.fleft { margin-top: 11px; } #content .foto_gallery_intro .text { margin-left: 255px; } #content .foto_gallery_intro .text h3 { font-family: Tahoma; } #content .foto_gallery_view { padding: 8px 0; } #content .foto_gallery_view img { margin: 10px 10px 10px 0; } /* Video */ #content #video_list {margin: 0 -10px 0 0; padding: 0 0 10px 0;} #content #video_list .video{float: left; border: 1px solid #004071; height: 290px; width: 366px; margin: 0 10px 12px 0; } /* new tabmenu */ .path {color:#000; font-size:1.2em;} .path a {font-size:1.3em; text-decoration: none;} .path a:hover {text-decoration: underline;} ul.subsch {padding:0 15px; margin:0; list-style-type:disc;} ul.subsch li a{margin-left:-8px; font-size:0.9em;} ul.subsch li a.active{margin-left:-8px; font-size:0.9em; color:#059be9; text-decoration:none;} ul.schoolmenu {border: 1px #969594 solid; padding: 0; margin: -6px 0 0 0; height:28px; background: #fff url(/images/skipper/menubg.gif) repeat-x; list-style: none; overflow: hidden;} ul.schoolmenu li {float: left;} ul.schoolmenu li a {display: block; cursor: pointer; position:relative; padding: 6px 10px 8px 10px;} ul.schoolmenu li a.active{background: #055089; color:#fff; font-weight: bold; text-decoration:none;} ul.schoolmenu1{margin:-1px 0 0 0; padding:3px 10px 10px 0; list-style:none; background: #055089;} ul.schoolmenu1 li {padding:5px 10px 0 10px; color:#fff;} ul.schoolmenu1 li h2{padding:0; margin:0; fo1nt-weight: bold; font-size: 1em; color:#059be9;} ul.schoolmenu1 li a {color:#fff;} /* tabs */ ul.tabs { padding: 0; height: 25px; line-height: 25px; margin: 0 0 2px; list-style: none; width: 744px; } ul.tabs li { float: left; margin-right: 1px; } ul.tabs li a { display: block; padding: 0 13px 1px; margin-bottom: -1px; color: #fff; text-decoration: none; cursor: pointer; background: #065089; position: relative; } * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover { color: #059be9; padding: 0 13px 1px; background: #065089; } ul.tabs li.tab-current a { color: #000; font-weight: bold; background: #fff; padding: 0px 13px 1px; border: 1px solid #004071; border-bottom: 1px solid #fff; } div.t2, div.t3, div.t4 { display: none; } div.t1, div.t2, div.t3, div.t4 { border-top: 1px solid #004071; background: #fff; padding: 0 12px; } /* Yashts */ #content .yashts_options { padding-bottom: 8px; color: #747474; } #content .yashts_options .col { float: left; margin-right: 13px; width: 300px; } #content .yashts_options .col .set { padding: 8px 0; } #content .yashts_options .col .set .variants { padding-left: 10px; } #content form.yashts_search p big { color: #747474; } #content form.yashts_search label { margin-top: 2px; } #content form.yashts_search label.l1 { float: left; width: 70px; } #content form.yashts_search label.l2 { float: left; margin-left: 20px; width: 90px; } #content form.yashts_search select { float: left; width: 150px; } #content .yashts_novinki { padding: 8px 0; } #content .yashts_novinki h3 { padding-bottom: 0; font-family: Tahoma; } #content table.yashts_results { border-collapse: collapse; width: 100%; margin: 8px 0 8px 0;} #content table.yashts_results th, #content table.yashts_results td { padding: 5px 10px; } #content table.yashts_results th { background: #065089; border-right: 1px solid #fff; color: #fff; } #content table.yashts_results td.row {font-size: 1.2em; text-align: left;} #content table.yashts_results td.row1 {text-align: left;} #content table.yashts_results td.row a { text-decoration: none;} #content table.yashts_results td { border-right: 1px solid #fff; border-bottom: 1px solid #969594; text-align: center;} #content table.yashts_results tr.alt td { background: #f8f8f8; } #content table.yashts_results tr.over td { background: #d9f2ff; } #content .yashts_params { padding-bottom: 20px; } #content .yashts_params h3 { font-family: Tahoma; } #content .yashts_params .col { float: left; width: 49.9%; } #content .yashts_params p.params span { display: block; line-height: 1.3em; } #content .yashts_params p.params span label { float: left; color: #747474; width: 110px; } #content .yashts_gallery { padding: 8px 0; } #content .yashts_gallery img { margin: 1px 0 2px 0; } #content .yashts_info { padding: 8px 0; } #content .yashts_info h3 { font-family: Tahoma; } #content .yashts_info table { width: 100%; } #content .yashts_info table td { width: 50%; } /* ----------- Sidebar ----------- */ #leftside { float: left; margin-left: -100%; margin-top: 42px; padding-left: 12px; width: 152px; } #leftside img {margin-bottom: 10px;} #leftside .news_list { margin-top: 10px; margin-bottom: 15px;} #leftside .news_list .archive {float: left; padding: 2px 8px 0 0;} #leftside .news_list .news { margin-top: 8px; line-height:1.5;} #leftside .news_list .news a { text-decoration: none;} #leftside .news_list .news a:hover { text-decoration: underline;} #leftside .news_list .news .date {font-size:0.83em; color:#858585; font-style:italic;} #leftside .weather {margin-top: 30px; margin-bottom: 15px;} #leftside .weather a img {padding: 0 0 2px 0; margin:0;} #leftside form#cabinet { color: #747474; } #leftside form#cabinet .border { padding: 5px; border: 1px solid #969594; } #leftside form#cabinet .border .welcome { font-size: 0.9em; text-align: center; } #leftside form#cabinet .border ul { padding-left: 20px; } #leftside form#cabinet .border ul li { list-style: none; padding: 1px 0; } #leftside form#enter_form input.text { display: block; margin: 2px 0; width: 150px; } #leftside form#enter_form div.register a { color: #747474; } #leftside form.poll fieldset { padding: 0 8px; border: 1px solid #969594; } #leftside form.poll fieldset p { padding: 5px 0; } #leftside form.poll fieldset p.question { font-weight: bold; text-align: center; line-height: 1; } #leftside form#fsearch {float:left; margin-top:-2px; padding: 0; } #leftside form#fsearch input.text { width: 128px; color: #777; } /* -------------------------------------------------------------------------------------------------------------------------------------- Footer -------------------------------------------------------------------------------------------------------------------------------------- */ #footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; } #footer #fleft { float: left; padding: 8px 0px 0 12px;} #footer #fbottom { background: #055089 url(/images/skipper/footer.jpg) no-repeat top; height: 45px; color: #fff;} #footer #fbottom form#fsearch { float: left; margin-top: -5px; padding-left: 12px; } #footer #fbottom form#fsearch p { padding: 0; } #footer #fbottom form#fsearch input.text { width: 125px; } #footer #fbottom p#fcontacts { margin-left: 190px;} #footer #fbottom p#fcontacts a {font-size: 0.85em; color: #fafbff;} #footer #fbottom .ftel {float:right; font-size: 1.5em; width: 220px; padding: 12px 0 0 0; } /* -------------------------------------------------------------------------------------------------------------------------------------- Ñïåöèàëüíûå ñòðàíèöû (íàïðèìåð, search è 404) -------------------------------------------------------------------------------------------------------------------------------------- */ body#special_page { background: #fff; } body#special_page #header {height: 140px; } body#special_page #body { padding-left: 30px; padding-right: 30px; padding-bottom: 140px; } body#special_page #body #content {padding: 55px 0;} body#special_page ul.map li { list-style: url(/images/skipper/map-li.gif); margin-left: -40px; padding-bottom: 15px; font-size: 1.2em; line-height: 1.4; } body#special_page ul.map li ul { padding: 0; } body#special_page ul.map li ul li { list-style: none; margin-left:8px; padding-bottom: 0; font-size:0.8em; font-family: Tahoma; } body#special_page ul.map li ul li ul li { margin-left: 25px; font-size: 1em; } html:first-child body#special_page ul.map li { list-style: url(/images/skipper/map-li2.gif); } html:first-child body#special_page ul.map li ul li { list-style: none; } body#special_page #footer { height: 120px; }