/* CSS Document */

body{
text-align: center;
background-color: #c1e1ed;
}

#container{
width: 738px;
height: auto;
border: solid 1px #000000;
text-align: center;
margin-left: auto;
margin-right: auto;
background-color: white;
padding-bottom: 24px;

}

#topbar{
margin-top: 0px;
width: 738px;
height: 101px;
border-bottom: solid 1px #000000;
text-align:center;
background-color: #d2dadd;
background-image: url(homepage/top-image.gif)}

#menubar{
margin-top: 0px;
width: 738px;
height: 50px;
border-bottom: solid 1px #000000;
text-align:left;
//background-color: #d2dadd;
background-repeat:no-repeat; 
}

#menulinks{
position: relative;
margin: 0px;
width: 100%;
height: 50px;
background-image:url(homepage/menu-items.gif);
background-repeat:no-repeat;
list-style:none;
background-position:0px top;
overflow:hidden;
 
}

#menulinks span{

}

#menulinks a{
 text-indent: -9999px;
 text-decoration: none;
 position: absolute;
 background-color: none;

 
}

.lone a{
top: 0;
width: 38px;
left: 24px;
height: 50px;
background-image:url(homepage/menu-items.gif);
background-position: -24px top;
background-repeat: no-repeat;

}

.lone a:hover{
top: 0;
width: 38px;
left: 24px;
height: 50px;
background-image:url(homepage/menu-items-rollover.gif);
background-position: -24px top;
background-repeat: no-repeat;

}

.ltwo a{
top: 0;
width: 71px;
left: 117px;
height: 50px;
background-image:url(homepage/menu-items.gif);
background-position: -117px top;
background-repeat: no-repeat;
}

.ltwo a:hover{
top: 0;
width: 71px;
left: 117px;
height: 50px;
background-image:url(homepage/menu-items-rollover.gif);
background-position: -117px top;
background-repeat: no-repeat;
}


.lthree a{
top: 0;
width: 63px;
left: 243px;
height: 50px;
background-image:url(homepage/menu-items.gif);
background-position: -243px top;
background-repeat: no-repeat;
}

.lthree a:hover{
top: 0;
width: 63px;
left: 243px;
height: 50px;
background-image:url(homepage/menu-items-rollover.gif);
background-position: -243px top;
background-repeat: no-repeat;
}



.lfour a{
top: 0;
width: 123px;
left: 363px;
height: 50px;
background-image:url(homepage/menu-items.gif);
background-position: -363px top;
background-repeat: no-repeat;
}

.lfour a:hover{
top: 0;
width: 123px;
left: 363px;
height: 50px;
background-image:url(homepage/menu-items-rollover.gif);
background-position: -363px top;
background-repeat: no-repeat;
}

.lfive a{
top: 0;
width: 53px;
left: 541px;
height: 50px;
background-image:url(homepage/menu-items.gif);
background-position: -541px top;
background-repeat: no-repeat;
}

.lfive a:hover{
top: 0;
width: 53px;
left: 541px;
height: 50px;
background-image:url(homepage/menu-items-rollover.gif);
background-position: -541px top;
background-repeat: no-repeat;
}

.lsix a{
top: 0;
width: 64px;
left: 649px;
height: 50px;
background-image:url(homepage/menu-items.gif);
background-position: -649px top;
background-repeat: no-repeat;
}

.lsix a:hover{
top: 0;
width: 64px;
left: 649px;
height: 50px;
background-image:url(homepage/menu-items-rollover.gif);
background-position: -649px top;
background-repeat: no-repeat;
}


#maintext{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border: solid 1px #4a98d6;
width: 290px;
padding: 15px;
text-align:justify;
color: #4a98d6;
font-weight: bold;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}

#headerspace{


margin-left: 24px;
margin-right: 24px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
border: none;
width: 690px;
height: 90px;
color: #4a98d6;
font-weight: bold;
text-indent: -9999px;
text-decoration: none;
overflow:hidden;

}

.homepage {
margin-top: 40px;
background-image: url(homepage/h1title.gif);
background-repeat: no-repeat;
height: 39px;
text-align: left;
padding: 0px;

}

#titlebar span{
display:none;

}

#titlebar h1{
 font-family:Arial, Helvetica, sans-serif;
 text-indent: -9999px;
 text-decoration: none;
 position:absolute;
 background-color: none;
 

}



.about {
margin-top: 30px;
background-image: url(about_us/about-us.gif);
background-repeat: no-repeat;
height: 39px;
text-align: left;
padding: 0px;

}

.gallery {
margin-top: 30px;
background-image: url(gallery/gallery-title.gif);
background-repeat: no-repeat;
height: 39px;
text-align: left;
padding: 0px;
span: display:none;

}

.prices {
margin-top: 30px;
background-image: url(prices/booking-title.gif);
background-repeat: no-repeat;
height: 39px;
text-align: left;
padding: 0px;


}

.advice {
margin-top: 30px;
background-image: url(advice/advice-title.gif);
background-repeat: no-repeat;
height: 39px;
text-align: left;
padding: 0px;


}

.contact {
margin-top: 30px;
background-image: url(contact/contact-us.gif);
background-repeat: no-repeat;
height: 39px;
text-align: left;
padding: 0px;


}




span.h1{
display:none;
}


#container #mainareascroll{
width: 676px;
position: relative;
border: solid 2px #b1c5cb;
padding-left: 11px;
text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
line-height:18px;
font-weight: normal;
top: 0px;
margin-left: 24px;
margin-right: 24px;



}

#container #mainarea{
width: 666px;
border: solid 2px #b1c5cb;
padding: 11px;
text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
line-height:18px;
font-weight: normal;
top: 0px;
margin-left: 24px;
margin-right: 24px;
position: relative;


}



#container #contactarea{
width: 666px;
height: auto;
border: solid 2px #b1c5cb;
padding: 11px;
padding-bottom: 20px;
text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
line-height:18px;
font-weight: normal;
top: 0px;
margin-left: 24px;
margin-right: 24px;
position: relative;
overflow: hidden;

}


#container #gallery{
width: 683px;
border: solid 2px #b1c5cb;
text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
line-height:18px;
font-weight: normal;
top: 0px;
margin-left: 24px;
margin-right: 24px;
position: relative;

}

.advicebox{
width: 647px;
height: auto;
border: solid 1px #b1c5cb;
padding: 8px;
text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color: #b1517e;
line-height:18px;
font-weight: bold;
margin-top: 15px;
top: 0px;
text-decoration:none;
position: relative;

}





#container #mainareascroll #text{

text-align: left;
border: none;
width: 290px;
font-size:11px;
margin-top: 10px;
margin-right: 50px;
margin-bottom: 5px;
}

.text{

font-size:11px;

}


.mainmessage{
text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#999999;
line-height:14px;
font-weight: normal;
text-decoration:none;
}

.signiature{
text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color: #b1517e;
line-height:18px;
font-weight: bold;
text-decoration:none;
}

#container #mainareascroll #right{
position: absolute;
border: solid 1px #000000;
width: 300px;
height: 400px;
text-align: right;
background-color: #CC9900;
top: 15px;
right:15px;
background-image:url(about_us/make-up-image.jpg);
}

#container #mainareascroll #right2{
position: absolute;
border: solid 1px #000000;
width: 300px;
height: 400px;
text-align: right;
background-color: #CC9900;
top: 430px;
right:15px;
background-image:url(about_us/head-image.jpg);
}


#container #contactright{
position: absolute;
border: dashed 1px #FF9933;
width: 300px;
height: 350px;
text-align: left;
top: 15px;
right:15px;
padding: 5px;
margin-bottom:15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#b1517e;

}

#container #mainareascroll #text a{
text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#0099FF;
line-height:18px;
font-weight: normal;
text-decoration:none;

}

#footer {
width: 650px;
border: none;
height: 30px;
text-align:center;
padding: 5px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
margin-top:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color:#CE35A2;

}

#footer ul{
text-align:center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
list-style: none;


}

#footer li{
display:inline;
text-align: center;
margin-bottom:10px;
padding: 4px;
margin: 4px;
}

#footer a{

text-decoration:none;
color:#3399CC;

}

#footer a:hover{

text-decoration:underline;
color:#FF0000;

}



#sammakko {

font-size:10px;
text-decoration:none;
color:#FF0000;

}

#sammakko a{

text-decoration:none;
color:#FF0000;

}

#sammakko a:hover {

text-decoration:underline;
color:#FF0000;

}


#wedding{
width:400px;
margin-left:auto;
margin-right:auto;
text-align:center;
border-top:solid 2px #b1c5cb;
border-bottom:solid 2px #b1c5cb;
}	

#wedding img{
border:none;
}

#wedding p{
margin:5px 0 0 0;
color:#666666;
}

.hitched img{
border:none;
}