/* CSS definition file  */
/*      Name:   style1.css
        Author: me!
        Date:   14th July 2009
*/

/* Common Template */


body { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif;
           width: 100%;
           margin: 0px;
           padding: 0px;
           background-image:url('../images/background.gif');
           background-repeat:repeat-y;}

.justify { text-align: justify }

#header
{
                z-index: 3;
                background-image:url('http://holiday-denia.com/images/javea_bay.jpg');
		color: #FF7200;
		position: absolute;
		top: 0px;
		width: 100%; 
		padding: 0px;
		margin: 0px;
		height: 144px;
		text-align: center;
		padding-top: 1.5em;
}

#header h1 {
	font-style: italic;
	font-size: 3em;
}


#menu
{
        z-index: 9;
        position: absolute;
        top:180px;
        left: 10px;
        width: 140px;
        height: 200px;
/*        border: 2px solid #FFffFF; */
        text-decoration: none;
}

#menu ul
{
        margin: 0;
        padding: 0;
        list-style-type: none;
}

/*#menu li { margin: 0 0 .2em 0; } */

#menu a
{
        display: block;
        background: url(../images/menu/___Np1.gif) no-repeat top left;
        width: 130px;
        height:22px;
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom:0px;
        text-decoration: none;
        color: blue;
        font-size: .8em;
}

#menu a:hover
{
        font-style:italic;
        color: black;
        font-weight: bold;
}

#active a
{
        display: block;
        background: url(../images/menu/___Hp3.gif) no-repeat top left;
        color: black;
        width: 130px;
        height:22px;
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom:0px;
        text-decoration: none;
}

.pic_val
{
        position:absolute;
        top:290px;
        left:10px;
        width: 88px;
        height: 31px;
        margin: 0px;
/*        border: 4px solid #22FFff; */
}


img.left_image{
	float: left;
	clear: left;
	margin: 0 3em 3em 0;
}

img.right_image{
	float: right;
	clear: right;	
	margin: 0 3em 3em 3em;
}


#content
{
	position: absolute;
	left: 0px;
	top: 0px;
        z-index: 1;
        padding: 160px 20px 0px 160px;
}

/*************** Index Page **********************/


#content h1 {font-size: 1.4em;
                     display: block;
                 text-align: center;}

#content h2 {font-size: 1.0em;
                 display: block;
                 text-align: center;}

#content h3 {clear: both;}

#content img#breakfast{float: left;
                                       padding-left: 10%;}

#content img#mountain{float: right;
                          padding-right: 15%;}

#content img#pool{float: right;
                      padding-right: 15%;}

#content img#valencia{float: left;
                          border: 1px solid #000000;
                          margin-right: 20px;}



/* -------- Prices & Avail Page -------- */


td.Header
{
        background-color: #CCCCFF;
        text-align: left;
        text-indent: 8px;
        font-weight: bold;
        font-size: 1.1em;
        color: #404040;
}

table.defaults
{
        table-layout: auto;
        text-align: left;
        text-indent: 5px;
        font-family: Arial;
        font-weight: normal;
        font-size: 1em;
        width: 380px;
}



/* -------- Restaurants-------- */
table.restaurants
{
        table-layout: auto;
        text-align: left;
        text-indent: 5px;
        font-family: Arial;
        font-weight: normal;
        font-size: 1em;
}

/* -------- What to do -------- */

table.ToDo
{
        table-layout: auto;
        text-align: left;
        text-indent: 5px;
        font-family: Arial;
        font-weight: normal;
        font-size: 0.8em;
/*        width: 380px; */
}


/* -------- Info -------- */

table.Info
{
        table-layout: auto;
        text-align: left;
        text-indent: 5px;
        font-family: Arial;
        font-weight: normal;
        font-size: 0.9em;
/*        width: 380px; */
}