body
{
    font: 12px Verdana;
    color: #333333;
    margin-bottom: 50px;
    -webkit-text-size-adjust: none;
}

body#home-page
{
    background: url(/Content/Images/Backgrounds/home.jpg) no-repeat top center;
}

body#about-page
{
    background: url(/Content/Images/Backgrounds/about.jpg) no-repeat top center;
}

body#news-page
{
    background: url(/Content/Images/Backgrounds/news.jpg) no-repeat top center;
}

body#menu-page
{
    background: url(/Content/Images/Backgrounds/menu.jpg) no-repeat top center;
}

body#weddings-page
{
    background: url(/Content/Images/Backgrounds/weddings.jpg) no-repeat top center;
}

body#contact-page
{
    background: url(/Content/Images/Backgrounds/menu.jpg) no-repeat top center;
}

body#bookings-page
{
    background: url(/Content/Images/Backgrounds/booking.jpg) no-repeat top center;
}

body#error-page
{
    background: url(/Content/Images/Backgrounds/booking.jpg) no-repeat top center;
}

a
{
    color: #017D82;
    font-weight:bold;
}

a:hover
{
    color: #990033;
}

#page
{
    /*border: 1px solid green;*/
    position: relative;
    margin: 40px auto;
    width: 910px;
    height: 1250px;
}

#logo
{
    position: absolute;
    top: -40px;
    margin-left: -75px;
}


/* Navigation - Primary
------------------------------------------------------------------ */
#nav-primary
{
    float: right;
    width: 515px;
    height: 50px;
    margin: 3px 80px;
}

#nav-primary a
{
    text-align: center;
}

#nav-about
{
    float: left;
    width: 100px;
}

#nav-news
{
    float: left;
    width: 140px;
}

#nav-menu
{
    float: left;
    width: 70px;
}

#nav-weddings
{
    float: left;
    width: 110px;
}

#nav-contact
{
    float: left;
    width: 80px;
}

#nav-bookings
{
    position: absolute;
    top: 100px;
    right: 10px;
}

/* Homepage columns
------------------------------------------------------------------ */
#homepage-left
{
    float:left;
    width:590px;
    height:1055px;
    /*background:red;*/
}

#homepage-right
{
    float:right;
    width:260px;
    height:1055px;
    margin-right:50px;
    padding-top:15px;
}


/* Left panel
------------------------------------------------------------------ */
#left-panel
{
    width: 240px;
    height: 830px;
    float: left;
    margin-left: 35px;
    overflow: visible;
}

/* Navigation - Secondary */
ul#nav-secondary li
{
    height: 65px;
    margin-bottom: 7px;
    background: url(/Content/Images/Navigation/Secondary/nav-secondary-1.gif) no-repeat; /* Default */
    padding: 0 20px;
    line-height: 60px;
    font-size: 20px;
    font-family: Georgia,Times;
}

ul#nav-secondary li a
{
    color:#333333;
    font-weight:normal;
    width: 100%;
    display: block;
    text-decoration: none;
}

ul#nav-secondary li.active a
{
    color: #990033;
    background: url(/Content/Images/Navigation/Secondary/active-arrow.gif) no-repeat center left;
    padding-left: 15px;
}

ul#nav-secondary li.alt1
{
    background: url(/Content/Images/Navigation/Secondary/nav-secondary-1.gif) no-repeat;
}

ul#nav-secondary li.alt2
{
    background: url(/Content/Images/Navigation/Secondary/nav-secondary-2.gif) no-repeat;
}

ul#nav-secondary li.alt3
{
    background: url(/Content/Images/Navigation/Secondary/nav-secondary-3.gif) no-repeat;
}


/* Cross selling */
.cross-sell
{
    width: 234px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    position: relative;
    margin-top: 20px;
}

.cross-sell.green
{
    background-color: #749c40;
}

.cross-sell.purple
{
    background-color: #570282;
}

.cross-sell.red
{
    background-color: #a6150d;
}

.cross-sell.orange
{
    background-color: #cc6600;
}

.cross-sell.charcoal
{
    background-color: #333333;
}

.cross-sell .header
{
    position: absolute;
    top: 0;
}

.cross-sell div.content
{
    background: url(/Content/Images/Cross-Selling/sides.gif) repeat-y;
    padding: 20px 20px 30px 20px;
}

.cross-sell div.content h3
{
    font: 23px Georgia,Times;
    margin-top: 5px;
}

.cross-sell div.content p
{
    margin: 5px 0 10px;
}

.cross-sell .footer
{
    position: absolute;
    bottom: 0;
}

.cross-sell .button
{
    position: absolute;
    right: -13px;
    bottom: -12px;
}


/* Hero image
------------------------------------------------------------------ */
#hero-default
{
    display: block;
    margin: 46px 0 29px 42px;
    height: 190px;
}

#hero-homepage
{
    display: block;
    margin: 46px 0 29px 42px;
    height: 325px;
}

/* Sub-hero image
------------------------------------------------------------------ */
#sub-hero
{
    /*width: 524px;*/
    width: 505px;
    background: url(/Content/Images/SubHero/frame-sides.gif) no-repeat bottom;
    position: relative;
    text-align: center;
    overflow: hidden;
}

#sub-hero #sub-hero-head
{
    position: absolute;
    top: 0;
    left: 0;
}

#sub-hero #sub-hero-image
{
    padding: 7px 0 20px 0;
}

/* Main container
------------------------------------------------------------------ */
#main
{
    width: 525px;
    height: 800px;
    float: right;
    margin-right: 65px;
    padding: 10px 10px 10px 15px;
    overflow: auto;
    position:relative;
}

body#home-page #main
{
    margin-right: 0;
    margin-left:35px;
    float:none;
}

body#bookings-page #main
{
    width: 780px;
    padding: 10px;
}


body#error-page #main
{
    width: 780px;
    padding: 10px;
}

#main h1
{
    margin: 10px 0 10px;
    font: 25px Georgia,Times;
    color: #990033;
}

#main h2
{
    margin: 10px 0 10px;
    font: 22px Georgia,Times;
    color: #990033;
}

#main h3
{
    margin: 10px 0 10px;
    font: 16px Georgia,Times;
}

#main p
{
    margin: 10px 0 10px;
}

#main .dotted-line
{
    height:2px;
    background:url(/content/images/misc/dotted-line.gif);
    width:90%;
    margin:auto;
}


/* Footer
------------------------------------------------------------------ */
#footer
{
    text-align: center;
    font-size: 13px;
    color: #58585a;
    padding: 30px 30px;
}


/* Pager
------------------------------------------------------------------ */
.pager
{
    text-align: right;
    clear: both;
}


/* About Us
------------------------------------------------------------------ */
#aboutus-content img
{
    clear: right;
    background: url(/Content/Images/SquarePhotos/frame.gif) no-repeat;
    padding: 10px;
    padding: 5px 7px 9px 5px;
    margin: 0 0 10px 10px;
}

.jobsummary
{
    clear: both;
    border-top: 1px dashed #C0C0C0;
    margin-top: 10px;
    padding-bottom: 15px;
}

.employee
{
    clear:both;
}

.employee img
{
    float:right;
    margin-left:10px;
}


/* News & events
------------------------------------------------------------------ */
.articlesummary
{
    clear: both;
    border-top: 1px dashed #C0C0C0;
    margin-top: 20px;
    padding: 10px 0 1px 0;
}

.articlesummary img
{
    float: right;
    background: url(/Content/Images/SquarePhotos/framestack.gif) no-repeat;
    padding: 10px;
    padding: 20px 20px 25px;
    margin: 20px 0 10px 10px;
}

.articleimg
{
    float: right;
    background: url(/Content/Images/SquarePhotos/framestack.gif) no-repeat;
    padding: 10px;
    padding: 20px 20px 25px;
    margin: 0 0 10px 10px;
}


/* Menu
------------------------------------------------------------------ */
#menu-nav li
{
    float: left;
    margin: 0 2px;
    height: 31px;
    background-color: #c4c0b9;
}

#menu-nav li.active
{
    background-color: #eae8e4;
}

#menu-nav li div
{
    height: 31px;
    float: left;
}

#menu-nav li a
{
    color:#333333;
    font-size: 15px;
    margin: 0;
    line-height: 31px;
    float: left;
    padding: 0 5px;
    font-family: Georgia,Times New Roman;
    font-weight: bold;
    text-decoration: none;
}

.menu-page
{
    display: none;
    clear: both;
    background: #eae9e5;
    padding: 0 20px 20px;
}

.menu-page.qwertyactive
{
    display: block;
}

ul#recipe-list
{
    list-style-image:url(/content/images/misc/bullet-star.gif);
    list-style-position:inside;
    margin-top:20px;
    margin-left:10px;
}

ul#recipe-list li a
{
    color:#017d82;
    font-weight:bold;
}

a.recipes-back
{
    color:#017d82;
}


/* Homepage
------------------------------------------------------------------ */
#HomepageIntro img
{
    background: url(/Content/Images/SquarePhotos/frame.gif) no-repeat;
    padding: 5px 7px 9px 5px;
    margin: 0 0 10px 10px;
}

.articlesummary-homepage
{
    clear: both;
/*    margin-top: 20px;*/
    /*padding: 10px 0 1px 0;*/
}

.articlesummary-homepage img
{
    float: left;
    background: url(/Content/Images/SquarePhotos/framestack.gif) no-repeat;
    padding: 20px 20px 25px;
    margin: 10px 10px 10px 0px;
}

#home-page #footer
{
    padding: 50px 30px 30px;
}