/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Title:		Molly Mook Holiday House Screen Styles
Author: 	info@hinterlands.com.au - Chris Blown
Copyright:	2010, Hinterlands Pty Limited. (please don't re-use without permission).
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

CSS powered by


                    .   . ..=78DNNNNNDDDDN87,.. .                               
                   ..,??887I777777IIIII???==+IO88+.                             
             ....,7$877$$ZZZ$$$$$7777IIII???++++=+Z8?.. .                       
             .+8D77$$$ZZZZZZZ$$$$$7777IIII???+++==+=OD7..                       
         .. OD7I7$$$ZZZZZZZZZZ$$$$7777IIII????++++====N8, .                     
          O8II7$$$$ZZZZZZZZZZZZ$$$$7777IIII???++++=====ZZ+..                    
      ..,8ZI77$$$$ZZZZZZZZZZZZZ$$$$$7777IIII???+++======OZ..                    
       .OZ7777$$$$$ZZZZZZZZZZZZ$$$$$77777IIII??+++======OZ                      
      .OOI7777$$$$$ZZZZZZZZZZZZZZ$$$777777III???+++==+==ZZ..     ..             
      =ZII777$$$$$$$ZZZZZZZZZZZZZZ$$$$$$777III???+++=+==$N...     .             
      7ZI77777$$$$$ZZZZZ$$+:777III?IIIII777$$7II??+++++$NM8OOZOZ$7Z7:...        
      +87777777$$$$$$7?.IIII????+++++++++????7777I??+?ONNM8DDD8D8888DDDI.       
       8$777777$$$$7I???II????++++++++++++=+++?I777IONMMMMNNN8O7:.~ON8NNM+..    
      .,88$77777$7I????I?????+++++++++========++?7ONMMD8MMMMMMMMMMMMMNMNMN7     
       .?DZ8$777II???III????+++++++++=========I$NMMNMMOZZ$+=:,::+7DNMMMMNDM8.   
       .,?ODZ8O$I??????????+++++++++=====+IIOMMMNNNNMMO$?. .      .. 7NMMMMM....
       . :I78DZ$ZO$I???????+++++++=++I7$ONMMMMNNNNNNMMZ7? .     ......~DMMMM+...
         .+I$ZZO8DDD8888DDDDDDNNNNMMMMMMMMNNNNNNNNDDMMZ7+ ..............NNMMO...
          :+7$$ZOOO8DDNNMMMMMMMMMMMMMNNNNDDDDDDDDD88MMZ7~...............~NMM8...
         ..~I7$ZZZOO8DDNNNNNNNNMMMMNNNNNNDDDDDD8888OMMZI,................8DM8...
          ..+I7$ZZOOO88DDDNNNNNNNNNNNNDNDDDD888888OOMM7I................=8DNZ...
            ~?77$ZZOOO88DDDNNNNNNNNNNNDDDDDD88888OOOMM7?................7MDD+...
            .=I77$ZZOOO888DDDDDDDDDDDDDDDDD88888OOOOMM7+..............+INMDD....
            .,+I7$$ZZOO8888DDDDDDDDDDDDDDDD88888OOOOMM7~.............$78MD8?....
             .~?I7$ZZZOO88888DDDDDDDDDDDDDD8888OOOOOMM7:..........,$$$MMDD=.....
              ,=I7$$ZZOOO88888DDDDDDDDDDD888888OOOZOMM7. .......:7ZZDMMNDZ......
               :?I7$ZZOOOO888888DDDDDDDD8888888OOOZZMMO.    ,+ZOO8MMMMD8........
                +I7$ZZOOOOO888888888DDDD888888OOOOZZMMN,$Z8DNNMMMMMMDD:.........
               .:?7$ZZOO88O888888888D88D8888888OOOOZMMMNMMMMMMMMMMD8............
            .....+7$ZZOO8OO888888888D8DD88888888888ONMDMMMMMMMMD8:..............
         .......,,I$ZZOO8O8888888888D8DD888888888DD8DMMMMMMNN$..................
       ......,,,,,+7ZZOO888888888888888888888888DNNDZMNMD+......................
      ....,,,,,,,,,?$ZOO88888888888888888888OO88DNNNO+..........................
    .....,,,,,,,,,,:7$ZO88888DDD8D88888888OOOO88DNNNNZ7?~:,.....................
   .....,,,,,,,::::,I7ZOO88DDDDDD88888888OOOO88DDNNNNOZZ$$I?=:,.................
 ......,,,,,:::::::::7$ZOO8DDDDDDDDD8888888OO88DDDMM8OZ$$$777I+=:,..............
......,,,,::::::::::::$ZOO88DDDDDDDDD8888O8888DDDDDDOZZ$$77777I?~:,.............
......,,,:::::::::::::~7ZO888DDDDDDDDD88888888DDDN7?+?II7777II??~:,.............
......,,::::::::::::::::$ZO8DDDDDNDDDDDDD88888DN87??++===+++++==:,.......  .....
.....,,,:::::::::::::::::~$888DDDNDNDDDDDD8DDNZI++==~~~~~~:::::,,.........  ....
.....,,,::::::::::::::::~:~~~+8DDDDNNNNNNND$+~:,,,,,,,,,,,,,,,,.................
.....,,,:::::~::::::::~:::~~~~~~~=?III+===:,,,......................... ........
.....,,,,:::::~~:::::~~:::~~~~~~~~~~~~~:,,,.....................................

*/

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Clears / Resets
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles!
:focus {
	outline: 0;
} 
*/

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Font Faces 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

@font-face {
	font-family: "GothamLight";
	src: url("../fonts/GothamLight.eot");		// IE
} 

@font-face {
	font-family: "GothamMedium";
	src: url("../fonts/GothamMedium.eot");		// IE
} 

@font-face {
	font-family: "GothamLight";
	src: url("../fonts/GothamLight.ttf") format("truetype");	
}

@font-face {
	font-family: "GothamMedium";
	src: url("../fonts/GothamMedium.ttf") format("truetype");
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Master
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

body {
	font-size: 10px;
	line-height: 1.4;
	font-family: Gotham, GothamLight, "Lucida Sans Unicode", Arial, sans-serif;
	background-color: #fff;
	color: #454545;
	font-weight: 200;
} 

#page {
	position: relative;
	width:1000px;
	height:750px;
	background: url("../images/fullbg.gif") no-repeat #fff;
	margin: 0 auto;
}

#page a.home {
	position: absolute;
	top: 25px;
	left: 410px;
	display:block;
	width: 178px;
	height: 98px;
	text-indent: -9999px;
}

a, a:hover, a:visited, a:link, a:focus {
	color: #454545;
	text-decoration: none;
}


/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Nav
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#nav {
	width: 625px;
	padding-top: 152px;
	margin: 0 auto;
	height: 48px;
	padding-bottom: 29px;
}

#nav ul {
	list-style:none;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	display:block;
	float:left;
	height: 48px;
	text-indent: -9999px;
}

#nav ul li.place a { 
	width: 152px;
	background: url("../images/menu-sprite-48.gif") 0 0 no-repeat #fff;
}

#nav ul li.todo a { 
	width: 179px;
	background: url("../images/menu-sprite-48.gif") -152px 0 no-repeat #fff;
}

#nav ul li.rates a { 
	width: 142px;
	background: url("../images/menu-sprite-48.gif") -331px 0 no-repeat #fff;
}

#nav ul li.contact a {
	width: 150px;
	background: url("../images/menu-sprite-48.gif") -473px 0 no-repeat #fff;
}

#nav ul li.place a:hover,   #nav ul li.place a.selected   { background-position: 0 -48px;      }
#nav ul li.todo a:hover,    #nav ul li.todo a.selected    { background-position: -152px -48px; }
#nav ul li.rates a:hover,   #nav ul li.rates a.selected   { background-position: -331px -48px; }
#nav ul li.contact a:hover, #nav ul li.contact a.selected { background-position: -473px -48px; }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Content
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#content {
	clear:both;
	width:757px;
	height: 429px;
	margin: 0 auto;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
DEFAULT Styles
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

h1 {
	font-family: Gotham, GothamMedium;
	font-weight: 500;
}

p { }

strong {
	font-family: Gotham, GothamMedium;
	font-weight: 500;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
BODY - Place
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

body.place #content {
	padding-top: 62px;
	height: 367px;
}

body.place #copy {
	width: 630px;
	height: 305px;
	margin: 0 auto;
}

body.place #left {
	width: 324px;
	height: 302px;
	float:left;
}


body.place #right {
	width: 306px;
	height: 302px;
	float:left;
}

body.place h1 {
	padding-top: 22px;
	padding-bottom: 0px;
}

body.place p {
	padding-top: 10px; 
	padding-right: 28px;
}



/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
The Place Gallery
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#gallery {
	display:block;
	width: 305px;
	height:282px;
	list-style:none;
	margin-top:10px;
}

#gallery li {
	display:inline;
}

#gallery li a {
	display:block;
	float:left;
	width:76px;
	height: 56px;
}

#gallery li.one a { background: url("../images/gallery-sprite-282.jpg") 0 0 no-repeat #fff;}
#gallery li.two a { background: url("../images/gallery-sprite-282.jpg") -76px 0 no-repeat #fff;}
#gallery li.three a {background: url("../images/gallery-sprite-282.jpg") -152px 0 no-repeat #fff;}
#gallery li.four a {background: url("../images/gallery-sprite-282.jpg") -228px 0 no-repeat #fff;}
#gallery li.five a {background: url("../images/gallery-sprite-282.jpg") 0 -56px no-repeat #fff;}
#gallery li.six a {background: url("../images/gallery-sprite-282.jpg") -76px -56px no-repeat #fff;}
#gallery li.seven a {background: url("../images/gallery-sprite-282.jpg") -152px -56px no-repeat #fff;}
#gallery li.eight a {background: url("../images/gallery-sprite-282.jpg") -228px -56px no-repeat #fff;}
#gallery li.nine a {background: url("../images/gallery-sprite-282.jpg") 0 -112px no-repeat #fff;}
#gallery li.ten a {background: url("../images/gallery-sprite-282.jpg") -76px -112px no-repeat #fff;}
#gallery li.eleven a {background: url("../images/gallery-sprite-282.jpg") -152px -112px no-repeat #fff;}
#gallery li.twelve a {background: url("../images/gallery-sprite-282.jpg") -228px -112px no-repeat #fff;}
#gallery li.thirteen a {background: url("../images/gallery-sprite-282.jpg") 0 -168px no-repeat #fff;}
#gallery li.fourteen a {background: url("../images/gallery-sprite-282.jpg") -76px -168px no-repeat #fff;}
#gallery li.fifteen a {background: url("../images/gallery-sprite-282.jpg") -152px -168px no-repeat #fff;}
#gallery li.sixteen a {background: url("../images/gallery-sprite-282.jpg") -228px -168px no-repeat #fff;}
#gallery li.seventeen a {background: url("../images/gallery-sprite-282.jpg") 0 -225px no-repeat #fff;}
#gallery li.eighteen a {background: url("../images/gallery-sprite-282.jpg") -76px -225px no-repeat #fff;}
#gallery li.nineteen a {background: url("../images/gallery-sprite-282.jpg") -152px -225px no-repeat #fff;}
#gallery li.twenty a {background: url("../images/gallery-sprite-282.jpg") -228px -225px no-repeat #fff;}

#gallery li.one a:hover   { background-position: 0 -282px }
#gallery li.two a:hover   { background-position: -76px -282px }
#gallery li.three a:hover { background-position: -152px -282px }
#gallery li.four a:hover  { background-position: -228px -282px }
#gallery li.five a:hover { background-position: 0 -338px }
#gallery li.six a:hover { background-position: -76px -338px }
#gallery li.seven a:hover { background-position: -152px -338px }
#gallery li.eight a:hover { background-position: -228px -338px }
#gallery li.nine a:hover { background-position: 0 -394px }
#gallery li.ten a:hover { background-position: -76px -394px }
#gallery li.eleven a:hover { background-position: -152px -394px }
#gallery li.twelve a:hover { background-position: -228px -394px }
#gallery li.thirteen a:hover  { background-position: 0 -450px }
#gallery li.fourteen a:hover { background-position: -76px -450px }
#gallery li.fifteen a:hover { background-position: -152px -450px }
#gallery li.sixteen a:hover { background-position: -228px -450px }
#gallery li.seventeen a:hover { background-position: 0 -507px }
#gallery li.eighteen a:hover { background-position: -76px -507px }
#gallery li.nineteen a:hover { background-position: -152px -507px }
#gallery li.twenty a:hover { background-position: -228px -507px }

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Things to do
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

body.todo #content {
	padding-top: 62px;
	height: 367px;
}

body.todo #copy {
	width: 630px;
	height: 305px;
	margin: 0 auto;
}

body.todo #left {
	width: 335px;
	height: 302px;
	float:left;
}

body.todo #right {
	width: 292px;
	height: 302px;
	float:left;
}

body.todo h1 {
	padding-top: 22px;
	padding-bottom: 0px;
}

body.todo #left p, body.todo #right p {
	padding-top: 10px; 
}

body.todo ul {
	
}

body.todo #copy ul li {
	padding-left: 8px;
	padding-top:10px;
	padding-right: 38px;
	background: url("../images/bullet.gif") 0 11px no-repeat #fff;
}

body.todo #right a span {
	color:#6ec6e9;
	text-decoration: none;
	font-size: 9px;
}

body.todo #right a:hover span {
	text-decoration:underline;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Rates
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

body.rates #content {
	padding-top: 18px;
	height: 398px;
}

body.rates #copy {
	width: 655px;
	height: 398px;
	margin: 0 auto;
}

body.rates #left {
	width: 294px;
	height: 303px;
	float:left;
	padding-top: 105px;
	padding-left: 20px;
}

body.rates #right {
	width: 340px;
	height: 398px;
	float:left;
}

body.rates #right a.topfloor {
	display:block;
	width: 336px;
	height: 175px;
	background: url("../images/floor-plan-sprite-225-190.jpg") 0 -5px no-repeat #fff;
}

body.rates #right a.bottomfloor {
	display:block;
	width: 336px;
	height: 208px;
	background: url("../images/floor-plan-sprite-225-190.jpg") 0 -195px no-repeat #fff;
}

body.rates #right a.topfloor:hover { background-position: 0 -410px }
body.rates #right a.bottomfloor:hover { background-position: 0 -600px }

body.rates table th {
	font-family: Gotham, GothamMedium;
	font-weight: 500;
}

body.rates table td, body.rates table th  {
	padding-bottom: 12px;
}

body.rates table td.center, body.rates table th.center {
	text-align: center;
}

body.rates table th.week {
	width:72px;
}

body.rates table th.wend {
	width: 80px;
}

body.rates table td span, body.rates table th span {
	font-size:9px;
	font-weight: 200;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Rates Full Floor Plan
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#fullfloor {
	display:none;
	position: absolute;
	top:10px;
	left:50%;
	margin-left:-312px;
	border: 1px solid #d7d7d7; 
}

#fullfloor button {
	width: 40px;
	height: 16px;
	border: 1px solid #d6d6d6;
	margin:0;
	padding:0;
	background-color: #fff;
	font-family: inherit;
	font-size: 9px;
	text-transform: uppercase;
	position: absolute;
	right:5px;
	top:5px;
}

#fullfloor button:hover {border: 1px solid #51aad2; }

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Contact
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

body.contact #content {
	padding-top: 62px;
	height: 367px;
}

body.contact #copy {
	width: 630px;
	height: 305px;
	margin: 0 auto;
}

body.contact #left {
	width: 324px;
	height: 302px;
	float:left;
}

body.contact #right {
	width: 306px;
	height: 302px;
	float:left;
	padding-top: 5px;
}

body.contact h1 {
	padding-bottom: 10px;
}

body.contact p {
	padding-top: 10px; 
	padding-bottom: 5px;
}

body.contact form {
	display:block;
	padding-right:30px;
}

body.contact form label {
	display:block;
	clear:both;
	padding:0;
	margin:0;
	line-height: 18px;
}

body.contact form input.text {
	border: 1px solid #d6d6d6;
	float:right;
	font-family: inherit;
	font-size: 9px;
	height: 17px;
	margin-bottom:3px;
	padding:0;
	line-height:17px;
	
}

body.contact form input.first { width:225px;}
body.contact form input.last { width:234px;}
body.contact form input.email { width:207px;}
body.contact form input.phone { width:247px;}
body.contact form input.mobile { width:247px;}
body.contact form input.dates { width:205px;}

body.contact form input.radio {
	margin:0;
	padding:0;
	margin-left: 4px;
}

body.contact form textarea {
	width:233px;
	height:50px;
	border: 1px solid #d6d6d6;
	font-family: inherit;
	font-size: 9px;
	padding:0;
	margin:0;
}

body.contact form textarea:focus, body.contact form input.text:focus { border: 1px solid #51aad2; }

body.contact form button {
	width: 52px;
	height: 16px;
	border: 1px solid #d6d6d6;
	margin:0;
	padding:0;
	background-color: #fff;
	font-family: inherit;
	font-size: 9px;
	text-transform: uppercase;
	vertical-align: bottom;
	margin-left:4px;
}

body.contact form button:hover {border: 1px solid #51aad2; }

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Footer
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#footer {

}

#footer a {

}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Miscellaneous
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.left { float: left; }
.right { float: right; }
.nopad { padding:0; }


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
The Place Gallery
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#panel, #next, #prev, #grid { display:none;}

#panel {
	position: absolute;
	top:229px;
	left:123px;
	width:757px;
	height: 429px;
}

#next {
	position: absolute;
	right: 103px;
	top:424px;
	width:12px;
	height: 18px;
	text-indent:-9999px;
	background: url("../images/next-sprite-18.gif") no-repeat #fff;
}

#next:hover { background-position: 0 -18px;}

#prev {
	position: absolute;
	left: 105px;
	top:424px;
	width:12px;
	height: 18px;
	text-indent:-9999px;
	background: url("../images/prev-sprite-18.gif") no-repeat #fff;
}

#prev:hover { background-position: 0 -18px;}

#grid {
	position: absolute;
	left: 100px;
	top:230px;
	width:20px;
	height: 18px;
	text-indent:-9999px;
	background: url("../images/grid-sprite-18.gif") no-repeat #fff;
}

#grid:hover { background-position: 0 -18px;}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Form Error Dialog
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#errors {
	width: 230px;
	padding-bottom:40px;
	border: 1px solid #d7d7d7;
	position: absolute;
	left: 50%;
	top:250px;
	margin-left: -115px;
	background-color: #f5f5f5;
}

#errors ul {
	padding: 20px 30px;
}

#errors button {
	width: 52px;
	height: 16px;
	border: 1px solid #d6d6d6;
	margin:0;
	padding:0;
	background-color: #fff;
	font-family: inherit;
	font-size: 9px;
	text-transform: uppercase;
	vertical-align: bottom;
	margin-left:90px;
	position: absolute;
	bottom: 20px;
}

#errors button:hover {border: 1px solid #51aad2; }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Form Thank you Dialog
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#thanks {
	width: 230px;
	padding-bottom:40px;
	border: 1px solid #d7d7d7;
	position: absolute;
	left: 50%;
	top:250px;
	margin-left: -115px;
	background-color: #f5f5f5;
}

#thanks ul {
	padding: 20px 30px;
}

#thanks button {
	width: 52px;
	height: 16px;
	border: 1px solid #d6d6d6;
	margin:0;
	padding:0;
	background-color: #fff;
	font-family: inherit;
	font-size: 9px;
	text-transform: uppercase;
	vertical-align: bottom;
	margin-left:90px;
	position: absolute;
	bottom: 20px;
}

#thanks button:hover {border: 1px solid #51aad2; }