@charset "UTF-8";
/* Miradoux House Styles */

body {margin: 0; padding: 0; background: url(IMAGES/bg.jpg) repeat #e3dcd0; font-family: Helvetica, Arial, Sans-serif; font-size: 0.85em;}
ul {font-size: 0.8em;  color: #3f4775;}
li {color: #3f4775;}
a {outline: none; text-decoration: none; font-family: Helvetica, Arial, Sans-serif; }

a:link, a:visited {color:#3f4775; }
a:hover, a:focus {color: #da721d;}
a:active { color: #da721d; }
.clearer {clear: both;}

/*---------text styles ------------------------------------------------------------------*/

p {font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.025em; margin: 16px 0px 0px 0px; color: #3f4775;  }
p.half { margin: 5px 0px 7px 0;   }
p.lastparagraph {padding: 0 0 15px 0; }

h1 {font-size: 1.2em; color: #3f4775; text-transform: uppercase; }
h2 {font-size: 1em; color: #eab182; letter-spacing: 0.125em;}
h3 {font-size: 1em; color: #eab182; font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; padding: 0px; margin: 0px; }
h5 {color: #cea990; font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.2em;} 
#mainContent {width: 996px; margin-left: 52px; background:#fff; padding: 0 50px 0 0; }
.backgroundImageAbout {width: 996px; }
.backgroundImageHouse {background: url(IMAGES/HouseBg.jpg) no-repeat #fff;  padding-top: 14px; width: 1047px;  }
.backgroundImageRates {background: url(IMAGES/contactBg.jpg) #bfced6 no-repeat; background-position: 0px 0px; padding-top: 14px; width: 1047px;   }
.backgroundImageGallery {background: #bfced6 ; padding-top: 14px; width: 1047px;  }
.backgroundImageContact {background: url(IMAGES/ratesBg.jpg) #bfced6 no-repeat; background-position:0px 0px; padding-top: 14px; width: 1047px;   }
.backgroundImageFaq {background: url(IMAGES/ratesBg.jpg) #bfced6; background-position: 0px 0px; padding-top: 14px; width: 1047px;    }


.header {position:relative;width: 1047px; height:546px; }
.imageHeader img { position: absolute; }

#navBar {width: 1047px; background:url(IMAGES/navBg.jpg) repeat-x; position:absolute; top: 14px; z-index: 10;   }
#navBar ul {padding-top: 19px; padding-left: 53px; height:86px;  }
#navBar ul, #navBar li {text-decoration:none; list-style:none; }
#navBar ul li {float: left; width: 121px;  padding-top: 4px; }
#navBar ul li#shortli {width: 50px; }
#navBar ul li a {display:block; font-size: 1.2em; text-transform:uppercase; }
#navBar ul li.selected a {color: #da721d;}

#navBar ul li#logo {width: 228px;  padding: 0px; } 
#navBar ul li#logo a {background:url(IMAGES/miradoux_logo.jpg) 0 0; width: 228px; height: 55px;  }
#navBar ul li#logo a:hover {background-position: -227px 0 ; }
#navBar ul li#logo a span {display:none;}

#navBar ul li.contact {  width: 238px; padding-top:0px; }
#navBar ul li.contact p {font-size: 1.1em; font-family: helvetica, arial; color: #666;}
#navBar ul li.contact a {color: #666; display: inline-block; padding: 0 0 0 5px; font-size: 1em;}
#navBar ul li.contact a:hover {color: #da721d;}

#navBar li#leftContact {padding-left: 241px;  }
#navBar li#rightContact {width: 170px; }

/*-------Bottom Nav-----------------*/

#navBar2 {width: 1047px; background:url(IMAGES/navBg.jpg) repeat-x; position:relative; margin-top: 40px; z-index: 10;   }
#navBar2 ul {padding-top: 19px; padding-left: 53px; height:86px;  }
#navBar2 ul, #navBar2 li {text-decoration:none; list-style:none; }
#navBar2 ul li {float: left; width: 121px;  padding-top: 4px; }
#navBar2 ul li#shortli {width: 50px; }
#navBar2 ul li a {display:block; font-size: 1.2em; text-transform:uppercase; }
#navBar2 ul li.selected a {color: #da721d;}

#navBar2 ul li#logo {width: 228px;  padding: 0px; } 
#navBar2 ul li#logo a {background:url(IMAGES/miradoux_logo.jpg) 0 0; width: 228px; height: 55px;  }
#navBar2 ul li#logo a:hover {background-position: -227px 0 ; }
#navBar2 ul li#logo a span {display:none;}

#navBar2 ul li.contact {  width: 238px; padding-top:0px; }
#navBar2 ul li.contact p {font-size: 1.1em; font-family: helvetica, arial; color: #666;}
#navBar2 ul li.contact a {color: #666; display: inline-block; padding: 0 0 0 5px; font-size: 1em;}
#navBar2 ul li.contact a:hover {color: #da721d;}

#navBar2 li#leftContact {padding-left: 241px;  }
#navBar2 li#rightContact {width: 170px; }

/*--------TEXT CONTENT--------*/
#textContent {padding: 25px 0 376px 68px;  background: url(IMAGES/homepage-bottompool.jpg) no-repeat #fff 68px bottom ;     } 
#textContent a {color: #ce5402;}
#textContent a:hover {color:#0d1335} 
.orange {color: #ce5402;}
.column {width: 188px; float: left; padding: 0 25px 0px 0;   }
.column #column1img {margin-top: 10px; }
#column2 {padding-top: 28px; }
#column3 {width: 454px; border: 1px solid #3f4775; padding: 3px 10px;margin-top: 47px; background: #fff;   }
#column3 ul {color: #ce5402; text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; display: block;
    		margin-left:-0.5px; padding-left: 1.5em;  }
#column3 li {padding-left: 0px; color:  #3f4775;}
#column3 h2 {margin-left: 18px; color: #3f4775; text-transform:uppercase; }
#column3 h3 {margin-left: 18px;  color: #3f4775; font-family: helvetica;text-transform: capitalize;  }
#column3 h3#extra {margin-top: 42px; }
#column3 h5 {padding: 0px 0px 10px 0px; margin: 0 0 0 18px; text-transform: none; font-family: helvetica; font-style: normal; font-size: 1em;   color: #ce5402;  }
#column3 div {float: left; width: 214px; padding: 0px 5px 0px 0px; }
#column3 div#overviewTitle {width: 380px; } 

.quote {background: #f4f3e9;   font-style: italic; padding: 8px 10px 10px 14px;  }
#textContent p.pullquote {font-size: 1em; letter-spacing: 0.05em;text-indent: -1.3em; line-height: 1.4em; margin-top: -0.2em; color: #ce5402; }
#textContent p.pullquote a {color: #da721d;}
#textContent p.readfull {font-family:helvetica; font-style:normal; font-size: 0.9em;  color: #cea990;}
#textContent p.readfull a {text-decoration:underline;  }
.pullquote:before {
    content: "‘";
    font-size: 3.2em;
    font-weight: bold;
	color: #cea990;}
p.hiddenquote { font-size: 1em; letter-spacing: 0.05em;text-indent: -1.3em; line-height: 1.4em; margin-top: -0.2em; text-indent: 0px; margin-top: 0; display: none;  color: #ce5402; width: 165px; }
#textContent a.expand {color: #cea990;}
#textContent a:hover.expand {color: #ce5402;} 
#textContent a:active.expand {color: #ce5402;} 
#textContent #column1 p{padding-top: 0px; }
	
/*------------ TEXT CONTENT HOUSE----------------*/

.otherpages #textContent {margin-top: 0px; width: 346px; padding: 130px 0 0 50px; background:#fff; float: left; min-height: 740px;  }
.otherpages #textContent ul, .otherpages #textContent ul p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; }
.otherpages #textContent .column {width: 291px; }
.otherpages #textContent .column img  {padding: 20px 0px;  }
.otherpages #textContent .column ul {margin: 0; padding: 0;  }
.otherpages #textContent .column li { list-style:outside; }

/*------------ TEXT IMAGES ----------------*/
#otherImages {float: left; width: 600px; padding: 0 ;   }
#otherImagesHouseGarden {float: left; width: 600px; padding: 0 ; background:#fff; margin-top: 510px;  }
.lowercontent {padding: 0px 20px 10px 52px; }
.lowercontent #images {width: 350px; float: left;}
.column1 {width: 230px; float: left; padding: 0 20px 0 0; margin: 0px;  }
.column2 {width: 230px; float: left;  padding: 0px 20px 0 0;  }
.column1 h2 {width: 100%; margin-bottom: 0px; }
.houseimages {width: 500px; } 
.houseimages img {float :left; padding: 0 10px 0px 0;  }
.caption {color: #06104f; font-family: helvetica, arial; font-size: 0.9em; padding: 8px; background:#fff; width: 210px; z-index: 999;   }
.photo2 {background: #fff url(IMAGES/house-bedroom.jpg) no-repeat; background-position: 0px 5px;  padding: 5px 0px 0px 0px; width: 600px; height: 420px;  }
.photo2 .caption {margin-top: -33px; }
.photo2 .caption #capA {margin-top:-33px; }

.photo3 {background: #fff url(IMAGES/bedrooms.jpg) no-repeat; background-position: 0px 10px;padding: 10px 0px 20px 0px; width: 600px; height: 256px;  }
.photo3 .caption#cap0 {margin: -30px 0 0 0px; width: 130px;  }
.caption#cap1 {margin-top: 235px; float: left; width: 130px; }
.caption#cap2 {margin-left: 202px; float: left; margin-top: 234px; }
.leftimagescaptions {font-family: helvetica, arial; font-size: 0.9em; padding: 8px; background:#fff; width: 150px; z-index: 999;  margin-top: -48px; position: relative; color:#3f4775;   }
.uppergarden {margin-top: -28px; }
.column1 h2 {width: 100%}

.houseimages {width: 500px; } 
.houseimages img {float :left; padding: 0 10px 0px 0;  }

/*---------Rates page & table ------ ------ ------ ------ ------ ------ ------ ------ ------ ------*/

.ratesPage #textContent {width: 508px; min-height:0px;  }
.ratesPage #textContent .column  {width: 460px; }
#rates #otherImages {padding: 0px ;}
#rates table{background:#fff; border-collapse:collapse;  text-align: left; margin: 10px 0px 20px 0px;  border-right: 1px solid #eee; }
tr, td {margin: 0px;border: none;font-size: 0.98em; }
#rates  h2 {color: #000; font-size: 1em;}
#rates  tr.grey {background:#eeeeee; border: none;  }
#rates  tr.grey td {padding: 10px 18px 10px 10px; border: 0; }
#rates  tr td {padding: 10px 18px 10px 5px;  border-bottom: 1px solid #eee;border-left: 1px solid #eee;  }
#rates  tr td span {color :#3f4775;}
#rates  tr td.one {border-right: 2px solid #eee; border-bottom: 0px;background: #eee;}
#rates  tr {width: 92px; border: none; }

/*---------Contact page  ------ ------ ------ ------ ------ ------ ------ ------ ------ ------------*/
.contactpage .otherpages #textContent {min-height: 500px; }
.contactpage #otherImages {padding: 470px 0 0 0 ;}
.contactblurb {padding-bottom: 30px; }
.contactpage {min-height:600px; }

/*---------Gallery page  ------ ------ ------ ------ ------ ------ ------ ------ ------ ------------*/

.gallerypage #textContent {width: 997px; min-height: 600px; background: #fff;  }
.gallerypage #textContent .gallery {width: 810px; margin-left: 122px; margin-top: 40px; background: #fff;  }
.gallerypage #textContent .row{width: 810px; margin: 0 0 20px 0;  }
.gallerypage #textContent .row .GalleryThumb {float:left; margin-right: 25px; cursor: pointer; }
.gallerypage #textContent .row .galleryCaption { font-family: helvetica, arial; font-size: 0.9em; padding: 8px 8px 8px 0; position: relative; color:#3f4775; width: 80px;  }
.gallerypage #textContent .row .GalleryThumbend  {margin: 0; }

.whiteout { background: #FFF; position: absolute; display: none; z-index:100; }
.gLoading { position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px;  z-index: 101; }
.galleryImage { position: absolute; z-index: 102; }
.gLeftBtn, .gRightBtn, .gCloseBtn { padding: 2px 6px 6px 6px; text-align: center;  position: absolute; z-index: 103; background: #eee; cursor: pointer; color:#3f4775;border: 1px solid #CCC;   }
.gLeftBtn { font-size: 1.4em; left: 20px; top: 50%; margin-top: -10px; } 
.gRightBtn { font-size: 1.4em; right: 20px; top: 50%; margin-top: -10px; }  
.gCloseBtn {font-size: 1.4em; top: 20px; right: 20px; }

/*---------Faq Page------ ------ ------ ------ ------ ------ ------ ------ ------ ------------*/

.faqQuest p {margin: 10px 0px 0 0;}
.faqQuest p.question {background:#f4f3e9; padding: 5px; width: 400px;  }
.faqQuest .answer {color: #da721d; width: 400px; padding-left: 5px;  }
a.expandanswer {padding-left: 5px; font-size: 0.95em; }
.faqContent #textContent {width: 550px; }
.faqContent #textContent .column {width: 550px; }
.faqContent #textContent .column {padding: 0 0 50px 0; }
.faqContent .contactpage #otherImages {padding: 0px; }