/* base
----------------------------------------------- */

html, body {
height: 100%;
height:100%;
margin: 0;
padding: 0;
}

body {
font-family: Verdana;
color: #006a72;
background-color: #DDD;
font-size:11px;
line-height:15px;
}

.heading{
font-weight:bold;
font-size:14px;
line-height:20px;
}

#container{
z-index:1;
}

/* LAYOUT AND BACKGROUND  */

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#site {
position:absolute;
top: 50%;
left: 50%;
width:850px;
height:520px;
margin-top: -260px; /*set to a negative number 1/2 of your height*/
margin-left: -425px; /*set to a negative number 1/2 of your width*/
/* background-color: none; NOT POSSIBLE !!! */
}


#BGnav{
background-image:url(http://www.mariemiquel.com/site-design/nav.png);
width:210px;
height:520px;
float:left;
}

#BGcontent{
background-image:url(http://www.mariemiquel.com/site-design/center.png);
width:600px;
height:520px;
float:left;
left:0px;
}

#BGcontentsmall{
background-image:url(http://www.mariemiquel.com/site-design/center.png);
width:300px;
height:520px;
float:left;
left:0px;
}

#BGending{
background-image:url(http://www.mariemiquel.com/site-design/ending.png);
width:40px;
height:520px;
float:left;
}

/* NAVIGATION  */

#nav{
position:absolute;
left:150px;
top:40px;
}

/* LINKS */

a {
text-decoration:none;
color: #006a72;
}

a:hover {
color:#FFFFFF;
background-color: #006a72;

}

a img {
border:0px;

}

/* CONTENT  */

p{
/*width:450px;*/
width:440px;
padding:0px;
margin:0px;
/* border:1px solid #FF0000; */
}

#content{
position:absolute;
top:50px;
overflow:auto;
width:500px;
height:430px;
margin-left:40px; /* margin in stead of padding!  http://webdesign.about.com/od/faqsandhelp/f/bl_faq5_7a.htm */
margin-top:10px;
padding:0px;
/*border: 1px solid #00FF00;*/
}

.content-text{
width:450px;
}

#films-item{
width:450px;

}

#films-single{
width:450px;
}


.ike-slideshow {
border-top: 0px;
border-bottom: 0px;
margin: 10px 0px;
padding-top: 10px;
}
.ike-slideshow ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.ike-slideshow ul li {
display: none;
margin: 0px;
padding: 0px;
list-style: none;
height: inherit;
line-height: inherit;
}
.ike-slideshow ul li.first {
display: block;
}
.ike-slideshow-image {
text-align: center;
padding: 0px;
font-size: 1px;
letter-spacing: 0;
}
.ike-slideshow-info {
margin-top: 10px;
text-align: center;
}
.ike-slideshow-caption {
}
.ike-slideshow-caption p {
margin: 0 0 10px 0;
}
.ike-slideshow-pagination {
font-size: 10px;
vertical-align: 2px;
padding: 2px 5px;
color: #006a72;
}
.ike-slideshow img {
border: 0px;
padding: 0px;
display: inline;
margin: 0px;
}
.ike-slideshow-controls {
text-align: center;
margin: 0 0 10px 0;
}
.ike-slideshow-controls a {
border: 0px;
padding: 2px 10px;
margin: 4px;
color: #006a72;
font-size: 14px;
background: #f4f4f4;
}