html, body {
    height: 100%;
}

body {
    font-family: ff-profile-web,Arial,sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: #5A5B51;
    text-align: center;
    line-height: 1;
}

#wrap {
    min-height: 100%;
    /*    background-image: url('/images/bg/header.png');
        background-repeat: repeat-x;*/
    margin: 0px auto;
    width: 100%;
}
#main {
    padding-bottom: 200px; /* must be same height as the footer */
}
#main {
    overflow: auto;
    margin: 0px auto;
    width: 980px;
    text-align: left;
	
}

#content {
    margin: 0px auto;
    width: 980px;
    text-align: left;
	clear: left;
}

#bigimage {
    
    width: 980px;
	height: 360px;
	
    
}

#shopleft {
    
   
	float: left;
    
}




#header {
    border-top: 3px solid #B31B34;
}

#header-content {
    margin: 0px auto;
    width: 980px;
    text-align: left;
}
#header-image {
    height: 500px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E1D9', endColorstr='#F1F0EC');
    background-image: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#E4E1D9), to(#F1F0EC));
    background-image: -moz-linear-gradient(50% 50% 90deg,#F1F0EC, #E4E1D9);
    background-color: #F1F0EC;
}
#header-image-container {
    margin: 0px auto;
    width: 980px;
    height: 500px;
    border-left: 4px solid white;
    border-right: 4px solid white;
	background-color: white;
}

#header-image.content-page, #header-image.content-page #header-image-container {
    height: 360px;
}

#footer {
    position: relative;
    /*    width: 100%;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F0EC', endColorstr='#E4E1D9');
    background-image: -webkit-gradient(linear, 0% 30%, 0% 100%, from(#F1F0EC), to(#E4E1D9));
    background-image: -moz-linear-gradient(50% 50% 90deg,#E4E1D9, #F1F0EC);
    background-color: #E4E1D9;
    margin-top: -200px; /* negative value of footer height */
    height: 200px;
    clear: both;
}
#footer-content {
    text-align: left;
    margin: 0px auto;
    width: 980px;
    font-size: 0.9em;
}
#footer-content #footer-top {
    height: 150px;
    padding-top: 20px;
}
#footer-content #footer-top #footer-address {
    line-height: 1.2;
    float: left;
}

#footer-main-navig {
    width: 100%;
}

#footer-content #footer-top #footer-address h2 {
    margin-bottom: 6px;
}
#footer-content #footer-bottom {
    height: 30px;
}


img {
    outline: none;
}

strong {
    font-family: ff-profile-web-n5,ff-profile-web,Arial,sans-serif;
    font-style: normal;
    font-weight: 500;
}
strong em {
    font-family: ff-profile-web-n5,ff-profile-web,Arial,sans-serif;
    font-style: normal;
    font-weight: 500;
}
em {
    font-style: italic;
}
em strong {
    font-style: italic;
}

a {
    text-decoration: none;
    outline: none;
    color: #5A5B51;
}
a:hover {
    color: #b31b34;
}

#contentboxes a.more-button, #contentboxbar a.more-button {
    display: block;
    width: 60px;
    height: 14px;
    padding-top: 1px;
    margin-top: 15px;
    color: white;
    font-size: 0.8em;
    line-height: 14px;
    padding-left: 3px;
    background-image: url('/images/more.png');
    background-repeat: no-repeat;
}

#contentboxes a.more-button:hover, #contentboxbar a.more-button:hover {
    background-image: url('/images/more_hover.png');
} 

.clear {
    clear: both;
}

noscript div {
    width: 100%;
    height: 35px;
    color: white;
    font-weight: bold;
    font-size: 1.4em;
    background-color: #A5080B;
    text-align: center;
}

/*Opera Fix for sticky footer*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* coma specific parts*/

#preview_main {
    font-family: ff-profile-web,Arial,sans-serif;
    font-weight: 300;
    padding: 5px;
    text-align: left;
}
/*#preview_main p, #preview_main h1 {
    text-align: left;
}
#preview_main h1 {
    margin-bottom: 6px;
}*/

#preview_main h1 {
    color: #B31B34;
    font-size: 1.5em;
    font-family: ff-profile-web-n5,ff-profile-web,Arial,sans-serif;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 20px;
}

#preview_main h2 {
    color: #B31B34;
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 5px;
}

#preview_main.doc_1 h2 {
    font-size: 1em;
    color: #5A5B51;
    margin-bottom: 6px;
}

#preview_main p {
    line-height: 1.2;
}

#preview_main a {
    color: #b31b34;
    outline: none;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

#preview_main a:hover {
    font-family: ff-profile-web-n5,ff-profile-web,Arial,sans-serif;
    font-style: normal;
    font-weight: 500;
}

#preview_main.doc_1 a {
    text-decoration: none;
    outline: none;
    color: #5A5B51;
}
#preview_main.doc_1 a:hover {
    color: #b31b34;
    font-family: ff-profile-web,Arial,sans-serif;
    font-weight: 300;
    transition: none;
}

img.reception {
    margin-right: 10px;
}

p.lead {
    line-height: 1.1;
    font-size: 1.4em;
}