/* CSS Document - PS2 Minisite */ /* STANDARD PAGE FORMATTING */ body { background:#9eadb6 url("http://www.places2stay.co.uk/p2sminisite/graphics/bkgd.jpg"); color: #666; font: normal 62.5% "Lucida Sans Unicode",sans-serif; } * { margin: 0; padding: 0; } table { padding: 5px; } a { color: #666666; text-decoration: none; } a:hover { color: #aaaaaa; } p { font-size: 1.1em; padding-bottom: 0.2em; padding-top: 0.3em; text-align:left; } h1 { font-size: 36px; margin-bottom: 4px; color: #444444; font-weight: bold; padding-top: 2px; padding-bottom: 4px; } h2 { color: #666666; padding-top: 0px; padding-bottom: 6px; font-size: 11px; font-weight: bold; text-align: left; } h3 { color: #666666; padding-top: 0px; padding-bottom: 3px; font-size: 11px; font-weight: bold; clear: both; text-align: left; border-bottom: 1px solid #dddddd; margin-bottom: 5px; } ol { font-size: 12px; margin-top: 10px; margin-bottom: 8px; margin-left: 35px; } ul { list-style-type:none; } .clearer { clear: both; } /* CONTAINER */ .container { margin: 0 auto; padding-top: 10px; padding-bottom: 6px; width: 620px; background-color: #dbdbdb; margin-top: 8px; border: 3px solid #fefefe; } /*******END CONTAINER*********/ /* HEADER */ .header { height: 60px; background: url('http://www.places2stay.co.uk/p2sminisite/graphics/banner.jpg'); text-align: center; padding: 15px 0px 5px 0px; } /*******END HEADER*********/ /* MAIN */ .main { clear: both; padding: 0px 10px 0px 10px; background-color: #dbdbdb; } /*******END MAIN*********/ /* SIDE NAVIGATION */ .sidenav { padding: 0px 0px 0px 0px; width: 180px; float: left; background-color: #dbdbdb; margin-top: 10px; } .side_top { background: url('http://www.places2stay.co.uk/p2sminisite/graphics/side_bkgd_top.jpg'); height: 15px; } .side_content { background: url('http://www.places2stay.co.uk/p2sminisite/graphics/side_bkgd.jpg'); padding: 0px 0px 0px 10px; } .side_bottom { background: url('http://www.places2stay.co.uk/p2sminisite/graphics/side_bkgd_bot.jpg'); height: 25px; } .address { padding: 1px 1px 0px 5px; width: 130px; color: #333333; } #menu5 { width: 153px; font-size: 11px; background-color: #FFF; } #menu5 li { list-style: none; } #menu5 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #333333; display: block; background: url('http://www.places2stay.co.uk/p2sminisite/graphics/menu5.gif'); padding: 8px 0 0 10px; } #menu5 li a:hover { color: #333333; background: url('http://vplaces2stay.co.uk/p2sminisite/graphics/menu5.gif') 0 -32px; padding: 8px 0 0 10px; } #menu5 #current a{ background-color: #945e3e; } .bold { font-weight: bold; } /*******END SIDE NAVIGATION*********/ /* CONTENT */ .content { float: right; width: 420px; text-align: left; background-repeat: repeat-y; padding: 0px 0px 0px 0px; margin-top: 10px; } .content_top { background: url('http://www.places2stay.co.uk/p2sminisite/graphics/content_bkgd_top.jpg'); height: 15px; } .content_content { background: url('http://www.places2stay.co.uk/p2sminisite/graphics/content_bkgd.jpg'); padding: 0px 10px 0px 10px; text-align: left; } .content_bottom { background: url('http://www.places2stay.co.uk/p2sminisite/graphics/content_bkgd_bot.jpg'); height: 25px; } .quote { background: #dbdbdb; padding: 5px 25px 5px 25px; margin-top: 5px; margin-bottom: 10px; text-align: left; } /*******END CONTENT*********/ /* FOOTER */ .footer { background: #dbdbdb; color: #999999; font-size: 1.0em; margin: 0 auto; text-align: justify; padding: 3px 5px 3px 5px; } .footer a { color: #444444; text-decoration: none; } .footer a:hover { color: #bbbbbb; } .ftleft { float: left; width: 50%; } .ftright { float: right; width: 50%; } /* CLEARER */ .clearfix:after { content: "."; /* the period is placed on the page as the last thing before the div closes */ display: block; /* inline elements don't respond to the clear property */ height: 0; /* ensure the period is not visible */ clear: both; /* make the container clear the period */ visibility: hidden; /* further ensures the period is not visible */ } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display: inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ * html .clearfix{ height: 1px; } /* Navigation +++++++++++++++++++++++++++++++++++*/ #nav { width: 153px; } #nav a { height: 32px; height: 24px; text-decoration: none; color: #333333; display: block; padding: 8px 0 0 10px; font-size: 11px; } * html #nav a { width: 130px; } #nav a:hover { background-color: #dddddd; } #current a{ background-color: #dddddd; } .gr{}