body {
  text-align: center;   /* hack for IE */
  padding: 0;           /* avoid automatic margins and padding */
  margin: 0;
  width: 100%;
  height: 100%;
  color: #3959cc;
  font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
  margin-top:5px;
  margin-bottom:20px;
  font-size: 1.6em;
  background-image: url("../images/blue-gradient.jpg");
}

#mask{
  position:absolute;
  top:20px;
  left:16px;
  width:900px;
  height:67px;
  border-style: solid;
  border-width: 7px;
  border-color:#D7E5D6;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  z-index:22;
}

#mask2{
  position:absolute;
  top:198px;
  left:218px;
  width:493px;
  height:344px;
  border-style: solid;
  border-width: 9px;
  border-color:#D7E5D6;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  z-index:22;
}

DIV.all {
  position:relative;
  padding:0;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  width: 899px;
  height:900px;
  border: groove #888888 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  text-align: left;
  background-color: #d7e5e4;
  padding: 0.6cm;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  background-image: url("../images/MainImage.jpg");
  background-repeat:no-repeat;
}

DIV.allArt {
  position:relative;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  width: 900px;
  height:1000px;
  border: groove #888888 2px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  text-align: left;
  background-color: #D7E5D6;
  padding: 0.6cm;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: black;
  background-image: url("../images/MainImage.jpg");
  background-repeat:no-repeat;
}


#nav {
     position:relative;
     display:inline;
     left:0px;
     top:0px;
     margin: 0px;
     padding-right: 2px;
     padding-bottom:2px;
     padding-left:-10px;
     list-style-type: none;
     /* border: 1px solid #2E4156;   */
     border-width:0px;
     /* border-top-style:groove;  used this to add a dotted line at the top of the menu */
     width: 135px;
     color: #999999;
     text-shadow: 1px 1px 1px blue;
     font-size: 15px;
   }
   #nav li {
     margin: 0px;
     padding-bottom:6px;
     float: left;
     display: block;
    /* background: #60668a;  */
     background-image: url('../images/buttonUp2.jpg');
     background-repeat:no-repeat;
     /* background-position: 0px 50%;    */
     height: 25px;
     width: 135px;
     border-width:0px;
     border-color:#e3e3e3;
     border-top-style:groove;
     border-left-style:groove;
     border-right-style:groove;

   }

   #nav li a:link, #nav li a:visited {
     text-decoration: none;
     color: white;   /* sets the text colour */
     display: block;
     width: 135px;
     margin: 0px;
     height: 25px;
     text-align: center;
     padding: 5px 0px 0px 0px;
     float: left;
     /*text-shadow: 1px 1px 1px #ffffff;   */
   }
   #nav li a:hover {
     text-decoration: none;
     text-shadow: 1px 1px 1px #000000;
     color:white;
     /* background-color:#979cba;  */
     background-image: url('../images/buttonDown2.jpg');
     background-repeat:no-repeat;
   }
   #nav li a:active{      /* active MUST come after hover */
     color:red;
     background-image: url('../images/buttonDown2.jpg');
     background-repeat:no-repeat;
   }

#mainTitle{
  position:relative;
  font-size:18pt;
  font-family:Comic Sans MS;
  font-style: oblique;
  font-weight:bold;
  top:139px;
  color:#ff4adb;
}
   
.inner{
 position:relative;
 top:230px;
 -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
    width: 60%;
    border: groove #888888 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    background-color: #ffffff;
    padding: 0.6cm;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: black;
}


#textLayer1,#textLayer2,#textLayer3,#textLayer4,#Layer6{
  line-height: 1.5;
  position:absolute;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  color: black;
}

#textLayer1{
  top:250px;
  width: 280px;
  left:450px;
}

#textLayer2{
  top:540px;
  width: 470px;
}

#textLayer3{
  top:710px;
  width: 800px;
}
#textLayer4{
  top:800px;
  width: 900px;
}

#links a:link, #links a:visited {
  position:relative;
  text-decoration: none;
  font-size:12px;
  color: black;   /* sets the text colour */
}

#image1,#image2,#accomodation1Image,#accomodation2Image,#ima,#ima2,#imaArt,#imaArtRight,#imaArtLeft{
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  width: 400px;
  height: 230px;
}
#image1{
  position:relative;
  top:200px;
  background-image: url('../images/027.jpg');
}

#image2{
  position:relative;
  top: 230px;
  background-image: url('../images/AlicanteCastle.jpg');
  left: 500px;
}
#accomodation1Image{
  position:absolute;
  padding:0px;
  top: 340px;
  background-image: url('../images/accomodation1.jpg');
  left: 520px;
}
#accomodation2Image{
  position:absolute;
  top: 620px;
  background-image: url('../images/accomodation2.jpg');
  left: 20px;
}

#scroll {
    position:absolute;
    top:0;
    bottom: -0.1px;
    width: 1em;
    z-index: -1;
}
#LayerTemp{
   position:absolute;
   left: 0px;
   top: 208px;
   width:948px; height:26px;
   z-index: 10;
   visibility:visible;
   font-size: 15px;
}
.Layer1 {
    margin-left:480px;
    width:400px;
    margin-top:180px;
    font-size: 17px;
}
.Layer2 {
    margin-left:20px;
    margin-right:200px;
    font-size: 16px;
}
#Layer3 {
   position:absolute;
   left: 25px;
   top: 99px;
   width:900px; height:30px;
   z-index: 10;
   visibility:visible;
   font-size: 15px;
}
.Layer4 {
   position: relative;
   left:10px;
   top:45px;
   width:390px;
   font-size: 17px;
}
.Layer5 {
   margin-left:20px;
   margin-right:20px;
   font-size: 17px;
}
.Layer6 {
   position:relative;
   top:190px;
   left:20px;
   font-size: 17px;
   line-height:1.5;
}

.Layer7 {
   position:absolute;
   top:40px;
   left:20px;
   font-size: 17px;
   line-height:1.5;
}

.Layer1Art {
    margin-left:460px;
    width:440px;
    margin-top:180px;
    font-size: 17px;
    line-height:1.5;
}

.Layer4Art {
   position: relative;
   left:10px;
   top:75px;
   width:410px;
   font-size: 17px;
   line-height:1.5;
}

#accomodation1 {
  position:absolute;
  width:200px;
  height:300px;
  margin-top:120px;
  left:-16px;
}

#apartment{
  font-family: "BRUSH SCRIPT MT";
  font-size: 28px;
  font-style:bold;
  color: #ff4adb;
  margin-left: 20px;
  color: #ff4adb;
}

.headings{
   margin-left: 10px;
   font-size: 18px;
   font-style:normal;
   color: #ff4adb;
}

#Logo{
   position:absolute;
   left: 20px; top: 20px;
   background-color : #9fff9d;
   visibility:visible;
}
#ima{
   position:absolute;
   width:450px;
   height:270px;
   left: 30px;
   top: 290px;
   background-image: url('../images/details1.jpg');
   visibility:visible;
}

#imaArtRight{
   position:absolute;
   left: 30px;
   top: 290px;
   height: 260px;
   width:420px;
   background-image: url('../images/mural.jpg');
   visibility:visible;
}

#imaArtLeft{
   position:absolute;
   left: 510px;
   top: 560px;
   height: 450px;
   width:320px;
   background-image: url('../images/Lyndis2.jpg');
   visibility:visible;
}

.imageLeft{
   position:absolute;
   left: 50px; top: 35px;
   border: 0px;
}

.imageRight{
   position:absolute;
   right: 50px; top: 35px;
   border: 0px;
}

#ima2{
   position:absolute;
   width:450px;
   height:270px;
   left: 465px;
   top: 590px;
   background-image: url('../images/details2.jpg');
   visibility:visible;
}
.space{
   padding: 1em;
}

.sHeading {
  font-family: "BRUSH SCRIPT MT";
  font-size: x-large;
  font-style: normal;
  font-size: 28pt;
  font-weight: bold;
  color: #4e4e4e;
}

h1 {font-size: xx-large; color: blue }


.tCen{
  position:relative;
  top:180px;
  font-family: "BRUSH SCRIPT MT";
  font-size: 28pt;
  font-style: normal;
  font-weight: bold;
  color: #4e4e4e;
}

.ttable{
  font-family: "comic sans ms";
  left:120px;
  font-size: large;
  font-style: normal;
  font-weight: normal;
  color: black;
}
#bakimg{
  position: absolute;
  top:240px;
  left:40px;
  margin-right:700px;
}
.pearl{
   color:blue;
   font-size: 1.0em;
   text-align: center;
}
label {
  width: 10em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block
  background: #eaeaea;
}

.submit input {
  margin-left: 1.5em;
}
input {
  color: #000000;;
  background: #eaeaea;
  border: 1px solid #781351
}

.submit input {
  color: #000000;
  background: #ff4adb;
  border: 2px outset #d7b9c9
}


fieldset {
  border: groove #888888 2px;
  /*border: 2px solid #781351; */
  width: 30em;
  color: #000000;
}

legend {
  color: #000000;
  background: #ff4adb;
  border: 1px solid #781351;
  padding: 2px 16px
}

text{
  color: #000000;
  background: #eaeaea;
}
textarea{
  margin-left:80px;
  color: #000000;
  background: #eaeaea;
  border: 1px solid #781351;
  padding: 2px 6px
}
.details{
 position:relative;
   left: 27px;
   top: 25px;
}
.conNumbers{
   position:relative;
   left: 27px;;
}
p.myTab{
   position:relative;
   left: 170px;
}
#navbar LI {display: inline}

#holidays{
  position:relative;
  top: 180px;
}
#accomodation1{
  position:relative;
  top: 70px;
  width: 450px;
}

#accomodation2{
  position:absolute;
  left: 470px;
  width: 450px;
  top: 610px;
}

#goo{
  position:relative;
  top:50px;
  padding:0;
  width: 550px;
  z-index:1;
}

#TEMP{
   margin-left: auto;
   margin-right:auto;
   width:560px;
   top:50px;
   height:380px;
}

#imFmask{
  position:absolute;
  padding:0;
  width: 550px;
  top:0px;
  border-style: solid;
  border-width: 7px;
  border-color:grey;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  height:360px;
  z-index:2;
}

#imageField{
  position:relative;
  left:6px;
  top:6px;
}
#pos{
  width:40px;
  height:50px;
   background-color:blue;
  z-index:-1;
}

#filmStrip,#filmStrip2{
  border-color:#51bfbf;
  background: #51bfbf;
  border-style: solid;
  border-width: 3px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 width:890px;
 height:70px;
}
#filmStrip{
  position:relative;
  top:90px;
}

#filmStrip2{
 position:relative;
 top:130px;
}
#fStripHeadings,#fStripHeadings2{
  position:absolute;
  text-align:center;
  width:100%;
  font-family: "comic sans ms";
  font-size: x-large;
  font-style: normal;
  font-weight: bold;
  color: #4e4e4e;
}

#fStripHeadings{
  top:530px;
}

#fStripHeadings2{
  top:650px;
}

#cursorHand{
  cursor: pointer;
  cursor: hand;
}
#weather{
  position:absolute;
  top:255px;
  left:750px;
}
#cont_72b343189a2f3314726fdc5c56f9f7a1{
  -moz-border-radius-topright: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
#LyndisWynne,#artPrice{
  font-family: "BRUSH SCRIPT MT";
  font-size: 20pt;
  font-style: normal;
  font-weight: bold;
  color: #4e4e4e;
  font-style: normal;
  font-weight: bold;
}
#artPrice{
  font-size: 17pt;
}
#arrowNextPage{
   position:relative;
   top:190px;
   left:860px;
   width:51px;
   height:41px;
   cursor: hand;
   cursor:pointer;
   background-image: url('../images/right_arrow_pink.png');
}

#artHolsPage2DIV1,#artHolsPage2DIV2,#artHolsPage2DIV3,#artHolsPage2DIV4,#artHolsPage2DIV5{
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;

}

#artHolsPage2DIV1{
  position:relative;
  float:left;
  clear:left;
  top:185px;
  left:10px;
  width: 450px;
  height: 281px;
  background-image: url('../images/clay.jpg');
}
#artHolsPage2DIV2{
  position:relative;
  float:left;
  text-align:left;
  font-size: 12pt;
  font-weight:normal;
  color:black;
  top:185px;
  left:30px;
  width: 410px;
  height: 420px;
}
#artHolsPage2DIV3{
  position:relative;
  float:left;
  clear:left;
  top:65px;
  left:10px;
  width: 350px;
  height: 420px;
  background-image: url('../images/stillLife.jpg');
  
}
#artHolsPage2DIV4{
  position:relative;
  float:left;
  top:205px;
  left:40px;
  width: 450px;
  height: 281px;
  background-image: url('../images/landscape.jpg');
}