html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    font-size:14px;
    background-color: #baedee;
    margin: 0;
}

.body_wrap {
    width: 100%;
    position: relative;
    background: url("images/bg_header.jpg") center top no-repeat;
    overflow-x: hidden;
}

/* Header */
.header {
    width: 100%;
    height: 433px;
    position: relative;
    z-index: 10;
    background: url("images/header_image.png") center top no-repeat;
    margin-bottom: -20px;
}

.header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header ul li {
    float: left;
    padding: 0;
    margin-right: 18px;
    margin-left: 18px;
}

.header .container {
    padding: 310px 0 50px 80px;
    background: url("images/bg_menu.png") center 300px no-repeat;
    font-family: MyriadProBoldCondensed, Arial Narrow;
    font-size: 36px;
    color: #585858;
}

.balloon {
    background: url("images/header_balloon.png") no-repeat;
    width: 231px;
    height: 240px;
    position: absolute;
    z-index: 2;
    left: -122px;
    top: 320px;
}

/* Middle content */
#middle {
    clear: both;
    position: relative;
    z-index: 2;
}

#bird {
    background: url("images/fly_bird.png") 0 0 no-repeat;
    width: 152px;
    height: 133px;
    position: absolute;
    top: 15px;
    right: -85px;
    z-index: 100;
}

.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 860px;
    font-family: DroidSansRegular, Arial;
    font-size: 16px;
    color: #585858;
    line-height: 24px;
    text-align: justify;
}

.container b {
    font-family: DroidSansBold, Arial;
}

.content_wrapper {
    background: url("images/bg_content.png") bottom left no-repeat #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height: 500px;
    padding: 50px 55px 60px 55px;
}

.content_wrapper ul {
    list-style-image: url("images/check.png");
}

/* Text */
h1 {
    font-family: MyriadProBoldCondensed, Arial Narrow;
    font-size: 46px;
    color: #d70733;
    margin: 5px 0 27px 0;
}

h2 {
    font-family: MyriadProBoldCondensed, Arial Narrow;
    font-size: 28px;
    color: #d70733;
    margin: 22px 0 20px 0;
}

h3 {
    font-family: MyriadProBoldCondensed, Arial Narrow;
    font-size: 28px;
    color: #258aaf;
    margin: 22px 0 20px 0;
}

h4 {
    font-family: MyriadProBoldCondensed, Arial Narrow;
    font-size: 28px;
    color: #258aaf;
    margin: 22px 0 5px 0;
}

/* Gallery */
#photo {
    width: 750px;
    border-collapse: collapse;
}

#photo img {
    border: 0;
    margin: 0 10px 10px 0;
}

span.roll {
    position: absolute;
    background: url("images/img-zoom.png") center center no-repeat #000;
    width: 180px;
    height: 135px;
    z-index: 10;
    -webkit-box-shadow: 0 0 4px #000;
    -moz-box-shadow: 0 0 4px #000;
    box-shadow: 0 0 4px #000;
}

/* Footer */
#bottom_bee {
    position: absolute;
    left: 800px;
    bottom: -10px;
    z-index: 10;
    background: url("images/fly_bee.png") no-repeat;
    width: 40px;
    height: 48px;
}

.footer {
    background: url("images/bg_footer.jpg") center bottom no-repeat transparent;
    margin-top: -262px;
    position: relative;
    z-index: 1;
}

.footer .inner {
    background: url("images/footer_image.png") center top no-repeat;
    height: 342px;
    text-align: center;
    padding-top: 355px;
}

/* Links */
a {
    text-decoration: none;
    color: #585858;
    opacity: 1;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}

a:hover {
    text-decoration: none;
    color: #6da2a7;
    opacity: 1;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    -ms-transition: color .25s ease-in-out;
    transition: color .2s ease-in-out;
}

/* Clear Floats */
.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

/* Fonts */
@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url("font/myriadpro-boldcond-webfont.eot");
    src: url("font/myriadpro-boldcond-webfont.eot#iefix") format("embedded-opentype"),
         url("font/myriadpro-boldcond-webfont.woff") format("woff"),
         url("font/myriadpro-boldcond-webfont.ttf") format("truetype"),
         url("font/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansRegular';
    src: url("font/DroidSans-webfont.eot");
    src: url("font/DroidSans-webfont.eot#iefix") format("embedded-opentype"),
         url("font/DroidSans-webfont.woff") format("woff"),
         url("font/DroidSans-webfont.ttf") format("truetype"),
         url("font/DroidSans-webfont.svg#DroidSansRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansBold';
    src: url("font/DroidSans-Bold-webfont.eot");
    src: url("font/DroidSans-Bold-webfont.eot#iefix") format("embedded-opentype"),
         url("font/DroidSans-Bold-webfont.woff") format("woff"),
         url("font/DroidSans-Bold-webfont.ttf") format("truetype"),
         url("font/DroidSans-Bold-webfont.svg#DroidSansBold") format("svg");
    font-weight: normal;
    font-style: normal;
}