body {
background:#e4f7ff url(bg.jpg); 
font:22px/26px 'PT Serif', "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
color:#000;
margin:0;
padding:0;
}

div#container {
margin:0 auto;
width:1016px;
}

header {
margin:0 auto 0;
width:1016px;
height:696px;
text-align:center;
position:relative;
z-index:1;
}

header img {
margin:0 auto !important;
border:0 !important;
padding:0 !important;
display: block;
max-width:100%;
height: auto;
background:none;
}

header img:hover {
border:0 !important;
background:none;
}

main {
margin:0 auto 0;
padding:20px 100px 5px;
width:800px;
border-radius:30px;
text-align:left;
position:relative;
z-index:4;
}

footer {
text-align:right;
font-size: 17px;
line-height:19px;
padding-bottom:0;
clear:right; }

h1 {
margin:0 0 -10px;
font: 35px 'Playfair Display', "Open Sans Condensed", 'lucida sans unicode', arial, sans-serif;
color:#358cb1;
font-style:italic;
font-weight:700;
text-transform:lowercase;
text-shadow:0 2px 2px #fff;
}

a { color:#358cb1; font-weight:bold; cursor:crosshair; transition:color 0.5s ease; }
a:hover { color:#9be2fe; }


b, strong { font-family:'Playfair Display', 'lucida sans unicode', arial, sans-serif; color:#47a4d0; font-weight:700; }
i, em { font-family:'Playfair Display', 'lucida sans unicode', arial, sans-serif; color:#4ab2f3; font-weight:700; }
.center { text-align:center; }
small { font-size:14px; line-height:18px; }
span { color:#888; font-weight:400; font-family:'Playfair Display', 'lucida sans unicode', arial, sans-serif; }



img, a img { border:1px solid #0b4a5a; padding:5px; margin-right:6px; background:#0b4a5a; transition:border 0.5s ease, background 0.5s ease; }
img:hover { border-color:#fff; background:#fff; }
img.right { float:right; margin:0 0 5px 8px; }
img.left { float:left; margin:0 5px 5px 0; }


hr {
background:url(hr.png) top center no-repeat;
height:62px;
border:0;
}

ul li { list-style-type:square; }

#mailform {
width:80%;
margin: 0 auto;
}

label {
display:block;
}

input, textarea {
background:rgba(255,255,255,.5);
padding:5px;
border:3px solid #358cb1;
font:22px/26px 'PT Serif', "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#000;
margin:5px 0;
width:100%;
}

input#submit {
width:40%;
}

option, select { 
padding:5px;
border:3px solid #358cb1;
font:22px/26px 'PT Serif', "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#000;
margin:5px 0;
background:rgba(255,255,255,.5);
}

input:focus, textarea:focus, select:focus { border-color:#9be2fe; }

option { 
border-width:0;
background:#fff;
}

/* responsive */


@media (max-width:420px) {

    header {
    width:90%;
    height:auto;
    }
    

    div#container {
    width:90%;
    margin:0 auto !important;
    padding:0 0 !important;
    }

    main {
    margin:0 auto;
    width:90%;
    padding:5px 0;
    }

    #mailform {
    padding:0;
    }
    
    nav ul li a, h1 { font-size:20px !important; }

}

@media (min-width:420px) and (max-width:768px) {

    header {
    width:100%;
    height:auto;
    }
    

    div#container {
    margin:0px auto;
    width:100%;
    }

    main {
    margin:0px auto;
    width:90%;
    padding:0;
    }
    
    #mailform {
    padding:0;
    }
    
    nav ul li a, h1 { font-size:22px !important; }

    
}

@media (min-width:768px) and (max-width:1200px) {

    header {
    width:100%;
    height:auto;
    }
    
    
    div#container {
    width:80%;
    }

    main {
    float:none !important;
    margin:0 auto;
    clear:both;
    width:90%;
    padding:0;
    }
    
    #mailform {
    padding:0;
    }
    
}


@media (min-width:1200px) and (max-width:1450px) {


    div#container {
    width:80%;
    }

    main {
    float:none !important;
    margin:0px auto;
    clear:both;

    }
    

}