@charset "UTF-8";

/*font-family: 'Marck Script', cursive;
font-family: 'Dosis', sans-serif;*/

* {margin:0;padding:0;}
html{height:100%;margin:0px;padding:0px;}
body{height:100%;font-family: 'Dosis', sans-serif;font-size: 16px;color:#dcf1f6;background-color:#5f8690;margin:0px 0px 0px 0px;padding:0;}

h1 {margin:0px 0px 30px 0px;padding:0px;font-weight:normal;font-size:25px;font-family: 'Dosis', sans-serif; color:#ffffff}
h2 {margin:0px 0px 10px 0px;padding:0px;font-weight:normal;font-size:20px;font-family: 'Dosis', sans-serif;color:#ffffff}
h3 {margin:0px 0px 10px 0px;padding:0px;font-weight:normal;font-size:18px;font-family: 'Dosis', sans-serif;color:#ffffff}

.clear{ clear:both; overflow:hidden; height:0px; }
.white{ color:#ffffff}
a { text-decoration: none; color:#ffffff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}

a:hover {text-decoration: none; color:#5f8690;}

a:focus, a:active {outline:none;}

#wrapper{display: block;width: 940px;padding:0px 0px 0px 0px;overflow:hidden;margin: 20px auto 20px auto;background-color:#92b0b8;padding: 20px;  border: 4px solid #95acb3;border-radius: 25px; }

#container {display: block;text-align: left; width:940px; position:relative; margin-top:40px}
#logo{ background:url(media/swirl4.png) top left no-repeat; width:280px; height:50px;padding-top:70px; padding-left:10px;}
#logo a h2{ font-family: 'Marck Script', cursive; font-size:35px; color:#ffffff}

.left{ float:left; width:270px; margin-right:30px; display:block}
.left img{ border: 4px solid #95acb3;border-radius: 25px;}
.right{ float:left; width:640px;  display:block}

#footer{display: block;width:940px;height: 30px;color:#ffffff;text-align:right; margin-top:15px; font-size:13px; }
#footer a{ color:#ffffff; text-decoration:none;}
#footer a:hover{color:#5f8690; text-decoration:none;}

.divider{display:block;width:938px;border-top: solid 2px #95acb3;margin-top:4px;margin-bottom: 4px;clear:both;}

/*---------NAV-----------*/

ul#nav{width:670px;height:20px;z-index:500; position:absolute; margin-left:280px; top:120px; list-style-type:none;}

#nav li{display:inline-block; list-style:none; margin:0px; padding:0px; color:#ffffff}

a.nav{height:20px;width:auto;display:block;float:left;margin-left:25px;font-size:20px;color:#ffffff;text-decoration:none;}
a.nav:hover{color:#5f8690;text-decoration:none;}
a.nav-selected{height:20px;width:auto;display:block;float:left;margin-left:30px;font-size:20px;color:#5f8690;text-decoration:none;}