@charset "utf-8";
/* PrincessFX global stylesheet
Created by David Long from Little Design Planet on 30.08.08
david@littledesignplanet.co.uk */
* {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
color: #fff;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}

body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
background: #000;
color: #fff;
padding: 5px 0;
}
h1 {
font-size: 110%;
margin-bottom: 8px;
color: #fff;
font-weight:bold;
}
/*header */
#top {
height: 90px;
border-bottom: 1px solid #fff;
}
.wrap {
width: 980px;
margin: 0 auto;
}
#top #logo {
float: left;
}
#top h2 {
display: block;
width: 300px;
float: right;
font-size: 110%;
font-weight: normal;
text-align: right;
margin-top: 25px;
}
#top h2 strong {
font-size: 150%;
font-weight: normal;
}

#banner {
width: 980px;
border: 1px solid #fff;
border-top: none;
margin: 0 auto 10px auto;
height: 276px;
background: url('../images/bg/hdr-home.jpg') no-repeat left top;
}
/* main nav */
#mainnav {
float: right;
display: block;
width: 160px;
margin-top:30px;
}
/*#mainnav li {
padding-left: 35px;
background: url(../images/bg/nav-bul.gif) no-repeat 5% 60%;
}*/

#mainnav li a {
display: block;
height: 38px;
background-position: 0 50%;
background-repeat: no-repeat;
}
#mainnav li a span {
display: none;
}
#mainnav li.home a {
background-image: url(../images/nav/home.gif);
}
#mainnav li.gallery a {
background-image: url(../images/nav/gallery.gif);
}
#mainnav li.rates a {
background-image: url(../images/nav/rates.gif);
}
#mainnav li.faqs a {
background-image: url(../images/nav/faqs.gif);
}
#mainnav li.links a {
background-image: url(../images/nav/links.gif);
}
#mainnav li.contact a {
background-image: url(../images/nav/contact.gif);
}
/*#mainnav li.gallery {
background-position: 5% 50%;
}
#home #mainnav li.home {
background: url(../images/bg/nav-bul-selected.gif) no-repeat 0 50%;
}*/


/* selected state */
#home #mainnav li.home a, #mainnav li.home a:hover {
background-image: url(../images/nav/home-selected.gif);
}
#gallery #mainnav li.gallery a, #mainnav li.gallery a:hover {
background-image: url(../images/nav/gallery-selected.gif);
}
#rates #mainnav li.rates a, #mainnav li.rates a:hover {
background-image: url(../images/nav/rates-selected.gif);
}
#faqs #mainnav li.faqs a, #mainnav li.faqs a:hover {
background-image: url(../images/nav/faqs-selected.gif);
}
#links #mainnav li.links a, #mainnav li.links a:hover {
background-image: url(../images/nav/links-selected.gif);
}
#contact #mainnav li.contact a, #mainnav li.contact a:hover {
background-image: url(../images/nav/contact-selected.gif);
}


#mainContent {
display: block;
clear: both;
}

/* homepage */
#home #mainContent .primary {
width: 370px;
float: left;
margin-right: 20px;
}
#home h1 {
}
#home h1 img {
position: relative;
top: 4px;
}
#mainContent p {
margin: 0 0 10px 0;
font-size: 0.9em;
}
#home #mainContent .secondary {
width: 590px;
float: left;
}
.featured {
display: block;
float: left;
padding: 10px;
}
.featured h3 {
color: #000;
font-weight: bold;
font-size: 150%;
opacity:0.7;
}
.featured h3 a {
color: #000;
height: 158px;
display: block;
}
.featured h3 a:hover {
color: #e80e5f;
text-decoration: none;
}
.featured.gallery {
width: 198px;
height: 198px;
background:url(../images/bg/galleryfeat.jpg) no-repeat top left;
margin-right: 30px;
}
.featured.occasions {
width: 295px;
height: 217px;
background: url(../images/bg/pinkbox.png) no-repeat top left;
}
.featured.occasions ul {
padding-left: 20px;
}
.featured.occasions ul li {
font-weight: bold;
font-size: 110%;
color: #fff;
line-height: 30px;
}
.featured.occasions ul li.item2 {
margin-left: 20px;
}
.featured.occasions ul li.item3 {
margin-left: 40px;
}
.featured.occasions ul li.item4 {
margin-left: 60px;
}

/* gallery page */
.flashgallery {
width: 485px;
margin: 0 auto;

}
#rates #mainContent .primary, #faqs #mainContent .primary {
width: 500px;
float: left;
}

#rates #mainContent .secondary, #faqs #mainContent .secondary {
width: 410px;
float: right;
padding-bottom: 15px;
}

/* FAQs Page */
#faqs #mainContent .primary p {
margin-bottom: 15px;
}
#faqs #mainContent .primary p strong {
display: block;
clear: both;
font-weight: bold;
}
/* links page */
.link {
width: 256px;
height: 240px;
float: left;
padding: 0 35px 10px 35px;
position: relative;
}
.link a img {
margin: 0 auto;
display: block;
clear: both;
}
.link a span {
display: block;
clear: both;
text-align: center;
position: absolute;
bottom: 10px;
width: 256px;
}
.link a:hover img {
opacity:0.6;
}
.link a:hover span {
color: #FF0066;
}
/* contact page */
#contact #mainContent .primary {
width: 550px;
float: left;
}

#contact #mainContent .secondary {
width: 280px;
float: right;
padding-bottom: 15px;
background: #003466;
padding: 20px 30px;
margin-bottom: 20px;
}
#contact label {
display: block;
clear: both;
font-size: 0.9em;
font-weight: bold;
}
#contact input {
display: block;
clear: both;
width: 280px;
margin-bottom: 10px;
}
#contact textarea {
width: 280px;
height: 100px;
display: block;
clear: both;
margin-bottom: 10px;
}
#contact button {
margin-left: 240px;
}
.imgLeft {
float: left;
margin-right: 10px;
}

/* Footer */
#footer {
display: block;
clear: both;
height: 50px;
border-top: 1px solid #fff;
padding-top: 5px;
margin: 5px 0;
font-size: 0.7em;
color: #ccc;
}

#footer #subnav {
float: right;
}

#footer #subnav li {
float: left;
padding: 0 5px;
border-right: 1px solid #ccc;
}
#footer #subnav li.last {
border-right: none;
padding-right: 0;
}
#footer #subnav li a {
font-weight: normal;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}
#footer a {
color: #ccc;
}
/* micoformats */
#contact .vcard em {
position: absolute;
left: -3000px;
}