body {margin: 0px; padding: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #5fbbea; color: #fff; background-image: url(images/hills.jpg); background-repeat: repeat-x; background-position: bottom left; -webkit-text-stroke: 0.5px transparent;}
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}
#return a {font-size: 11px; font-weight: bold; padding: 5px 10px 5px 10px; background-color: #5fbbea; height: 15px; color: #fff; text-decoration: none; opacity: 0.8; position: fixed; top: 0px; left: 0px;}
#return a:hover {background-color: #fff; color: #5fbbea; opacity: 1; cursor: pointer;}
#help a {font-size: 11px; font-weight: bold; padding: 5px 10px 5px 10px; background-color: #f33; height: 15px; color: #fff; text-decoration: none; position: fixed; top: 25px; left: 0px;}
#help a:hover {background-color: #fff; color: #5fbbea; opacity: 1;}

#container {width: 800px; margin-left: auto; margin-right: auto; z-index: 0;}
#headline {text-align: center; font-size: 28px; font-family: Georgia, "Times New Roman", serif; font-style: italic; margin-top: -175px;}
#overview {font-size: 16px; line-height: 24px;}
#texts {display: table;}
#col1 {width: 380px; height: 400px; display: table-cell; float: left;}
#col2 {width: 380px; height: 400px;  display: table-cell; padding-left: 40px; float: left;}
h1 {margin-top: 0px; text-align: center; background-image: url(images/clouds.jpg); background-position: top center; background-repeat: no-repeat; height: 440px;}
h1 img {padding-top: 20px;}
h2 {font-size: 20px; font-weight: normal; font-style: italic; font-family: Georgia, "Times New Roman", serif; margin-bottom: -5px; text-shadow: 1px 1px 1px #257aa6;}
p {font-size: 14px; font-weight: normal; line-height: 22px; text-shadow: 1px 1px 1px #348bb8;}
em {font-style: normal; font-weight: bold;}
a {font-weight: bold; color: #333; text-decoration: none;}
#footer {width: 800px; margin-top: 70px; clear: both; margin-bottom: 150px;}
#footer #ladybug {margin-bottom: -12px;}
#footer a {font-size: 18px; font-weight: bold; text-decoration: none; color: #fff; padding-bottom: 2px;}
#footer a:hover {border-bottom: 1px dotted #fff;}
#footer #grbg {float: left; margin-top: 20px; margin-bottom: 10px; text-shadow: 1px 1px 1px #222;}
#footer #popularize a {text-align: right; list-style: none; float:right; margin-top: 10px; padding: 10px; background: #f33; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 2px solid #d33; font-family: Georgia, serif; text-transform: lowercase; font-weight: normal; -webkit-box-shadow: 0px 0px 10px #222; -moz-box-shadow: 0px 0px 10px #222; text-shadow: 1px 1px 1px #b33; }
#footer #popularize a:hover {border: 2px solid #d33; opacity: 1; background: #e33;}

/* Modal Boxes*/
#mask {position: absolute; left: 0; top: 0; z-index: 9000; background-color: #222; display: none;}
#boxes .window {position:absolute; left:0; top:0; width:400px; height:auto; display:none; z-index:9999; padding:0px 20px 20px 20px; background: #fff; -webkit-box-shadow: 0px 0px 40px #222; -moz-box-shadow: 0px 0px 40px #222; border: 1px solid #333; text-shadow: none; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.close {font-size: 10px; text-transform: uppercase; letter-spacing: 1px; clear: both; position: absolute; top: 15px; right: 15px;}
#more {display: none; text-shadow: none;}
#more h2 {color: #333; text-shadow: none;}
#more p {color: #333; text-shadow: none;}
.links {padding-top: 15px; font-size: 13px; display: block;}
.facebook {float: left; height: 35px;}
.facebook a {text-decoration: none; color: #222; font-weight: bold;}
.facebook a:hover {color: #5fbbea;}
.facebook a img {border:none; margin-bottom: -10px;}
.svejo {float: left; padding-left: 20px; margin-top: 0px;}
.svejo a {text-decoration: none; color: #222; font-weight: bold;}
.svejo a:hover {color: #5fbbea;}
.svejo a img {border:none; margin-bottom: -10px;}