/*
Theme Name: Monabella
Theme URI:
Author: prezentuj.se
Author URI: http://www.prezentuj.se
Description:
Version: 2.0
License:
License URI:
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ul{
  padding-left: 10px;
}

ul li{
  list-style-type: square;
  list-style-position: inside;
  height: 25px;
  color: #856c48;
}

span{
  color: #434c55;
}


/* =Structure
----------------------------------------------- */

html {
  margin: 0;
  padding: 0;
  height: 100%; 
  background: #e6e6e6 url(images/monabella-bg.png) repeat-x;  
}
body {
  background:  url(images/body-bg.jpg) center 0px no-repeat; 
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Arial;
  font-size: 12px;
  color: #434c55;
}  
#page {
  width: 990px;  
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}



/* =Global
----------------------------------------------- */

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
h1 {
  width: 100%;
  height: 276px;
	position: relative;
	padding:0;
	margin:0;
}
h1 a {
  width: 100%;
  height: 276px;
	position: absolute;
	overflow: hidden;
	left:0px;
	top:0px; 
}
h1 a span {
	position: absolute;
	display: block;
  width: 100%;
  height: 276px;
	left:0px;
  top:0px;
	background: url(images/header-left-bottom.jpg) no-repeat;
}
h2 {
  width: 100%;
  color: #856c48;
  font-weight: bold;
  font-size: 15px;
}

h3 {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
}

/* Text elements */
a, a:visited {
  font-size: 12px;
  color: #856c48;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

/* Text elements */
p {
  margin-bottom: 12px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 12px;
}

strong {
  font-weight: bold;
  color: #856c48;
  font-size: 12px;
}

em{
  color: #856c48;
  font-size: 12px;
  font-weight: italic;
}

/* =Header + Menu
----------------------------------------------- */

header {
  width: 990px;
  height: 328px;
  margin: 23px 0 14px 0;
}
header .header-left {
   width: 100%;
   display: inline-block;
   float: left;
}
header .header-left nav.header-left-top {
   height: 52px;
   display: block;
}
header .header-left hgroup.header-left-bottom {
   height: 276px;
   display: block;
}
.menu, .menu-menu-container {
  margin-top: 4px;
  height: 40px; 
  float: left;
  padding: 0px;
  margin: 0px;
 }
.menu li, .menu-menu-container li{
  width: 108px;
  height: 40px;
  list-style-type: none;
  float: left;
  text-align: center;
  margin: 0 1px 0 1px;
}
.menu li a, .menu-menu-container li a{
  color: #FFF;
  text-decoration: none;
  padding: 14px 0 0 0;
  height: 26px;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
}
.menu li a:hover, .menu .current_page_item > a, .menu-menu-container li a:hover{
  background: #FFF;
  color: #856c48;
}

/* Submenu
------------------------------------------*/
.menu ul.sub-menu {
    position: absolute;
    display: none;
    z-index: 999;
    background: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #deeabb;
    float: left;
    padding: 0;
    margin: 0;
    width: 203px;
}

.menu ul.sub-menu li {   
    list-style-type: none;
    width: 100%;
    margin: 0;
    height: 43px;
    background: url(images/sub-menu-bg.jpg);   
}

.menu ul.sub-menu li a {
    width: 188px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 29px;
    text-align: left;
    padding: 14px 0 0 15px;
    color: #FFF;
}

.menu ul.sub-menu li a:hover {
    background: #deeabb;
    height: 28px;
    padding: 14px 0 0 15px;
    color: #000;
    font-weight: bold;  
}

.menu li:hover ul.sub-menu {
    display: block;
}

.menu ul.sub-menu li:last-child a:hover {
    background: #deeabb;
    height: 29px;
    padding: 14px 0 0 15px;
    color: #000;
    font-weight: bold;  
}

.menu ul.sub-menu li.current-menu-item a{
    background: #deeabb;
    height: 28px;
    padding: 14px 0 0 15px;
    color: #000;
    font-weight: bold;  
}

.menu ul.sub-menu li:last-child.current-menu-item a{
    background: #deeabb;
    height: 29px;
    padding: 14px 0 0 15px;
    color: #000;
    font-weight: bold;  
}

.menu ul.sub-menu li:first-child {
	background: url(images/sub-menu-bg-first.jpg);
}

.menu ul.sub-menu li:last-child {
	background: url(images/sub-menu-bg-last.jpg);
}

/* =Content
----------------------------------------------- */

.content {
  background: #FFF;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  float: left;
  width: 100%;
  margin-bottom: 14px;
}
.content .content-wrapper {
  padding: 15px 14px 0 14px; 
}
.content .content-wrapper2 {
  padding: 0 0 0 0;
}

/* =Content left
----------------------------------------------- */

section.content-wrapper-left{
  width: 439px;
  float: left;
  display: block;
  margin-bottom: 30px;
  padding: 0 20px 0 22px;
}

section.content-wrapper-left2{
  width: 646px;
  float: left;
  display: block;
  margin-bottom: 30px;
  padding: 0 20px 0 22px;
}

section.content-wrapper-wide{
  width: 935px;
  float: left;
  display: block;
  margin-bottom: 30px;
  padding: 0 0 0 22px;
}

.content-wrapper2 .content-wrapper-left3{
  width: 708px;
  float: left;
  display: block;
  padding: 0;
  height: 373px;
  background: url(images/content-left-bg2.jpg) no-repeat right;
}

section.content-wrapper-left .article-header,
section.content-wrapper-left2 .article-header,
section.content-wrapper-wide .article-header,
.contact-body .article-header2
{
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  margin: 12px 0 12px 0;
  padding: 0;
}

section.content-wrapper-left .article-line-height,
section.content-wrapper-left2 .article-line-height,
section.content-wrapper-wide .article-line-height{
  line-height: 18px;
}

/* Contact */

.contact-body {
  padding: 15px 14px 0 36px;
  color: #846774;
}
.contact-body-left {
  background: url(images/contact-map-bg.jpg) no-repeat;
  height: 275px;
  width: 374px;
  display: inline;
  float: left;
  padding: 18px 0 0 17px;
}
.contact-body-right{
  display: inline;
  float: left;
  height: 287px;
  width: 251px;
  padding: 6px 0 0 16px;
}
.contact-form {
  color: #ca1367;
}

.contact-form .item1{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 19px 0 0 23px;
  
}
.contact-form .item2{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 0 14px;
  height: 35px;
}
.contact-form .item3{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 0 14px;
  height: 35px;
}
.contact-form .item4{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 0 14px;
  height: 35px;
}
.contact-form .item5{
  display: block;
  width: 100%px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 0 14px;
  height: 101px;
}
.contact-form .item6{
  display: block;
  width: 139px;
  font-size: 12px;
  font-weight: bold;
  padding: 6px 0 0 107px;

}
.contact-form  input.contact-form-input{
  width: 190px;
  height: 32px;
  background: url(images/contact-form-input-bg.jpg) no-repeat;
  border: 0;
  padding: 0;
  color: #ca1367;
  font-size: 12px;
  padding-left: 10px;
  border-top: 1px solid #ebbed1;
  border-left: 1px solid #ebbed1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.contact-form  textarea.contact-form-input2 {
  width: 180px;
  height: 78px;
  background: url(images/contact-form-input-bg2.jpg) no-repeat;
  border: 0;
  padding: 0;
  color: #ca1367;
  font-size: 12px;
  padding: 10px;
  font-family: Arial;
  border-top: 1px solid #ebbed1;
  border-left: 1px solid #ebbed1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.contact-form  input.contact-form-button{
  width: 108px;
  height: 41px;
  background: url(images/contact-form-button-bg.jpg);
  border: 0;
  padding: 0;
  color: #FFF;
}
p.contact {
  padding-left: 10px;
  line-height: 12px;
}
p.padding-b {
  padding-bottom: 10px;
}
p.contact-cross {
  height: 39px;
  width: 220px;
  background: url(images/contactcross.jpg);
  padding: 10px;
  line-height: 20px;
}

/* =Content right
----------------------------------------------- */

section.content-wrapper-right{
  width: 459px;
  float: right;
  display: block;
  margin-bottom: 19px;
  padding: 0 0 0 22px;
  background: url(images/content-left-bg.jpg) no-repeat;
}

section.content-wrapper-right2{
  width: 252px;
  float: right;
  display: block;
  margin-bottom: 19px;
  padding: 0 0 0 17px;
  background: url(images/content-left-bg.jpg) no-repeat;
}

.content-wrapper2 .content-wrapper-right3{
  width: 246px;
  height: 339px;
  float: right;
  display: block;
  padding: 15px 14px 19px 22px;
  background: url(images/contact-form-bg.jpg) no-repeat;
}

section.content-wrapper-right .article-header,
section.content-wrapper-right2 .article-header{
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  margin: 12px 0 12px 0;
  padding: 0;
}

section.content-wrapper-right .article-header h2,
section.content-wrapper-right2 .article-header h2{
  color: #434c55;
}

section.content-wrapper-right article.article,
section.content-wrapper-right2 article.article{
  width: 100%;
  min-height: 138px;
  float: left;
  display: block;
  border-right: 1px solid #d7d7d7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 11px;
  color: #FFF;
}

section.content-wrapper-right article.article .article-image{
  width: 118px;
  height: 118px;
  background: #f9f4ed;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px;
  display: inline;
  float: left;
}

section.content-wrapper-right article.article .article-image .padding-4{
  padding: 9px;
}

section.content-wrapper-right article.article .article-body{
  width: 295px;
  height: 118px;
  margin: 20px 10px 0 10px;
  display: inline;
  float: left;
  line-height: 17px;
}


section.content-wrapper-right2 article.article .article-body{
  
  min-height: 118px;
  margin: 20px 20px 5px 20px;
  display: inline;
  float: left;
  line-height: 17px;
}

a.more-link, a:visited.more-link{
  margin-left: 7px;
  color: #FFF;
  text-decoration: underline;
  font-weight: normal;
}

a:hover.more-link{
  color: #FFF;
  text-decoration: none;
  font-weight: normal;
}             

.article-first{
  background: url(images/article-first-bg.png) repeat-x;
}

.article-first h3{
  margin-bottom: 14px;
  display: block;
} 

.article-first h3 a{
  color: #d9bd96;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}                              

.article-second{
  background: url(images/article-second-bg.png) repeat-x;
}

.article-second h3{
  margin-bottom: 14px;
  display: block;
}

.article-second h3 a{
  color: #d9bd96;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

/* = Footer
----------------------------------------------- */

footer {
  height: 80px;
  background: #cfcfcf;
  display: block;
  width: 100%;
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 10;
}

footer .footer-left {
  display: inline;
  width: 709px;
  float: left;
}

footer .footer-left .footer-left-links {
    margin: 35px 0 0 30px;
    display: inline;
    float: left;
}

footer .footer-left .footer-left-links .delimiter {
    margin: 0 10px 0 10px;
}

footer .footer-left .footer-left-links a {
    color: #434c55;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

footer .footer-left .footer-left-links a:hover {
    text-decoration: underline;
}

footer .footer-right {
  display: inline;
  width: 281px;
  float: right;
  background: url(images/footer-bg.jpg) repeat-y;
  height: 80px;
}

footer .footer-right .footer-right-links {
  margin: 35px 0 0 30px;
  display: inline;
  float: left;
}

footer .footer-right .footer-right-links a {
    color: #434c55;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

footer .footer-right .footer-right-links a:hover {
    text-decoration: underline;
}

.footer-shadow{
  display:block;
  height: 7px;
  background: #aeaeae;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  float: left;
  position: relative;
  top: -3px;
  z-index: -1;
}  

.rev_slider, .rev_slider_wrapper {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}

div.gallery {
  margin-bottom: 15px!important;
}