/* Defaults & Globals */
html, body, table, h1, h2, h3, h4, h5, h6, p, span, input, textarea, select, ul, ol, li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial, sans-serif; font-weight: normal; outline: none; }
html, body { height: 100%; overflow: hidden; }
a, object, embed, img { outline: none; border: none; }
div { outline: none; border: none; background-position: top center; background-repeat: no-repeat; }

a { text-decoration: none; color: #A11312; }
a:link { text-decoration: none; color: #A11312; }
a:active { text-decoration: none; color: #A11312; }
a:visited { text-decoration: none; color: #A11312; }
a:hover { text-decoration: none; color: #A11312; }

/* Dimensions, Positioning & Alignment */
.overlay { width: 100%; height: 100%; position: absolute; z-index: 10010; margin: 0px 0px 0px 0px; }

.page { width: 100%; height: 100%; margin: 0px auto 0px auto; padding: 0px 0px 0px 114px; position: relative; }

.splash { position: absolute; z-index: 10000; margin: auto auto auto auto; }
.pop { width: 990px; height: 740px; position: absolute; z-index: 10020; margin: -370px auto auto -495px; left: 50%; top: 50%; }

.pop .polaroid { width: 500px; height: 600px; margin: -300px 0px 0px -250px; left: 50%; top: 50%; position: absolute; }
.pop .polaroid .photo { width: 360px; height: 370px; margin: 70px 0px 0px 90px; position: absolute; }
.pop .polaroid .background { width: 360px; height: 370px; margin: 70px 0px 0px 90px; position: absolute; }
.pop .polaroid .frame { width: 500px; height: 600px; margin: 0px 0px 0px 0px; position: absolute; }
.pop .polaroid h2 { width: 360px; height: 60px; margin: 450px 0px 0px 100px; position: absolute; }
.pop .polaroid .arrow.left { height: 40px; margin: 450px 0px 0px 105px; position: absolute; display: block; }
.pop .polaroid .arrow.right { height: 40px; margin: 440px 0px 0px 440px; position: absolute; }

.tooltip { position: absolute; height: 110px; margin: -35px 0px 0px 70px; z-index: 10100; }
.tooltip .content { margin: 13px 0px 0px 0px; }
.tooltip .left { margin: 0px 0px 0px -70px; float: left; }
.tooltip .right { margin: 0px -15px 0px 0px; float: right; }

.menu { width: 680px; height: 50px; margin: 0px auto 0px auto; position: relative; }
.menu li { float: left; display: block; }
.menu li img { width: 145px; height: 75px; }
.menu li.selected { margin-top: -10px; }

.book { width: 720px; height: 580px; margin: 2px auto 0px auto; position: relative; visibility: hidden; }

.book .content { width: 630px; height: 470px; margin: 25px 45px 0px 45px; position: absolute; }
.book .content .left { float: left; margin: 0px 10px 0px 0px; }
.book .content .right { float: right; margin: 0px 0px 0px 10px; }
.book .content .promotion { float: right; margin: -15px -55px 5px 10px; }

.book .content .map { width: 635px; height: 425px; margin: 35px 0px 0px -8px; position: absolute; }

.book .content .contact { width: 720px; height: 490px; margin: 0px 0px 0px -45px; position: absolute; }
.book .content .contact .details { width: 240px; height: 310px; margin: 45px 0px 0px 80px; position: absolute; }
.book .content .contact .enquiry { width: 280px; height: 310px; margin: 45px 0px 0px 350px; position: absolute; }

.book .content .contact .enquiry .input { overflow: hidden; height: 30px; line-height: 30px; }
.book .content .contact .enquiry .input h3 { float: left; height: 30px; }
.book .content .contact .enquiry .input input { margin-top: -5px; float: right; height: 30px; }

.book .content .contact .enquiry .textarea { }
.book .content .contact .enquiry .textarea h3 { }
.book .content .contact .enquiry .textarea textarea { width: 270px; height: 100px; margin: -10px 0px 0px 0px; padding: 5px 5px 5px 5px; }

.decoration { position: absolute; }
.decoration.pot { width: 370px; height: 360px; margin: 0px 0px 0px 0px; z-index: 9990; }
.decoration.polaroids { width: 330px; height: 380px; margin: 0px 0px 0px 0px; }

.decoration.polaroids .photo { width: 240px; height: 250px; margin: 20px 0px 0px 65px; position: absolute; }
.decoration.polaroids .frame { width: 330px; height: 380px; margin: 0px 0px 0px 0px; position: absolute; }
.decoration.polaroids h2 { width: 230px; height: 55px; margin: 265px 0px 0px 75px; position: absolute; }

.pop .clip { width: 230px; height: 90px; margin: -35px 0px 0px 410px; padding: 22px 0px 0px 25px; position: absolute; }
.book .content .clip { width: 230px; height: 90px; margin: -24px 0px 0px 410px; padding: 22px 0px 0px 25px; position: absolute; }

/* Typographic Styles & Colours */
.tooltip h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #51576F; line-height: 20px; text-align: left; font-size: 20px; font-weight: bold; }
.tooltip p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #51576F; line-height: 8px; text-align: left; font-size: 17px; font-weight: normal; }

.book .content h2 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; color: #333333; line-height: 30px; text-align: left; font-size: 25px; font-weight: bold; }
.book .content h3 { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; color: #333333; line-height: 25px; text-align: left; font-size: 18px; font-weight: bold; }
.book .content p { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; color: #000000; line-height: 17px; text-align: left; font-size: 12px; font-weight: normal; }

.book .content ul { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; }
.book .content li { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
.book .content li { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 18px; color: #000000; line-height: 18px; text-align: left; font-size: 12px; font-weight: normal; }
.book .content li p { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; color: #000000; line-height: 18px; text-align: left; font-size: 12px; font-weight: normal; }
.book .content li a { margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; line-height: 18px; text-align: left; font-size: 12px; font-weight: bold; }

input { background-color: transparent; border: none; }
.book .content .contact .enquiry .input input { color: #000000; text-align: left; font-size: 12px; font-weight: normal; background-color: transparent; border: none; }
.book .content .contact .enquiry .textarea textarea { color: #000000; line-height: 18px; text-align: left; font-size: 12px; font-weight: normal; background-color: transparent; border: none; overflow: auto; }

.polaroids h2 { color: #51576F; line-height: 55px; text-align: center; font-size: 32px; font-weight: bold; }
.pop .polaroid h2  {  color: #51576F; line-height: 32px; text-align: center; font-size: 30px; font-weight: bold; }
.pop .polaroid .arrow { color: #51576F; line-height: 40px; text-align: center; font-size: 46px; font-weight: bold; }

.clip span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #51576F; line-height: 20px; text-align: left; font-size: 20px; font-weight: bold; }
.clip a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #51576F; line-height: 20px; text-align: left; font-size: 20px; font-weight: bold; }

.signature { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #000000; line-height: 46px; text-align: right; font-size: 46px; font-weight: bold; }

.menu li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }

/* Background Images & Colours */
body { background-image: url(images/background-table.jpg); background-position: 50% 0px; background-repeat: no-repeat; background-color: #000000; }
.splash { background-image: url(images/background-splash.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-color: #000000; }
.overlay { background-color: #000000; }
.book { background-image: url(images/background-book.png); }
.tooltip { background-image: url(images/background-tooltip.png); background-repeat: repeat-x; }
.clip { background-image: url(images/background-clip.png); background-repeat: no-repeat; }
.book .content li { background-image: url(images/background-bullet.gif); background-position: 0px 3px; background-repeat: no-repeat; }
.book .content .contact { background-image: url(images/background-contact.jpg); background-repeat: no-repeat; }
.pop .polaroid .background { background-image: url(images/background-loader-polaroid.gif); }
.pop .polaroid .arrow.left { background-color: #F7F7F7; }
.pop .polaroid .arrow.right { background-color: #EFEFEF; }

/* Cursors & Effects */
.overlay { display: none; }
.pop { display: none; }
.splash { cursor: pointer; }
.clip { cursor: pointer; }

/* Animations */
.animation { position: absolute; z-index: 9980; }
.snail { top: 200px; left: -300px; }

/* Menus */
.menu a { }
.menu a:link { }
.menu a:visited { }
.menu a:active { }
.menu a:hover { }

/* Caps & Clears */
.clear { clear: both; line-height: 0px; overflow: hidden; display: block; }

/* Adjustments */
.black { color: #000000; }