html {
    background: #67b2ff;
    font-family: 'Delius', serif;
}

/*** Clouds ***/
.clouds { 
    width:100%;
    height:262px;
    overflow:hidden;
}
#clouds-small {
    width:3000px;
    height:100%;
    background:url(./bg-clouds-small.png) repeat-x;
}
#cloud2 {
    position:relative;
    top:-262px;
}
#clouds-big {
    width:4000px;
    height:100%;
    background:url(./bg-clouds-big.png) repeat-x;
}

/*** Menu ***/
#menu {
    float:right;
    position:absolute;
    top:20px;
    right:10px;
    z-index:10;
    font-weight:bold;
}

#menu a	{
    background:#FFF;
    color:#67b2ff;
    border:#AAA 3px solid;
    text-decoration:none;
    padding:10px;
	margin-right:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
					
#menu a:hover {
    background:#67b2ff;
    color:#FFF;
    border:#FFF 3px solid;
    text-decoration:none;
    padding:10px;
	margin-right:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#menu a.selected {
    background:#AAA;
    color:#FFF;
    border:#67b2ff 3px solid;
    text-decoration:none;
    padding:10px;
	margin-right:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
					
#menu li {
    float:left;
}

/*** Body Content ***/
section	{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    overflow-y:scroll;
}

#mask {
    width:400%; /* 100% * number of pages */
    height:100%;
}

.box {
    width:25%; /* 100% / number of pages */
    height:100%;
    float:left;
}

.content {
    /* width:960px; */
    /*width: 80%;*/
    width: 800px;
    height:560px;
    top:20%;
    margin: 0 auto;
    position:relative;
    background:rgba(255,255,255, 0.3);
    border-radius:35px;
    -moz-border-radius:35px;
    -webkit-border-radius:35px;
}
				
.inner {
    height:520px;
    background:rgba(255, 255, 255, 0.3);
    border-radius:30px;
    -moz-border-radius:30px;
	-webkit-border-radius:30px;
	margin:5px; 
	padding:15px;
	top:5px;
	position:relative;
}
				         
h1, h2	{
    font-family: 'Great Vibes', cursive;
}

h2 {
    margin-top:0.5em;
    font-size:2.5em;
    text-align:center;
}

blockquote {
    text-align: center;
    quotes:none;
    margin: 0.5em 0 0.8em 0; 
    font-size:1.5em; 
    font-style:italic; 
    line-height:1.3em;
}

strong {font-weight:600;}

.shadowed {
    -webkit-box-shadow: 0px 1px 5px 0px #4A4A4A;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4A4A4A;
    margin-bottom:0.8em;
}
.centered {
    text-align:center;   
}

/*
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em;}
pre 			{	margin:1.5em 0;white-space:pre;}
*/
.clear {
	clear:both;
}



/*** Nivo Slider ***/

a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}

.slider-wrapper { 
	width: 90%; 
	margin: 1em auto;
}

.theme-default .nivo-controlNav {
    padding: 0px 0px;
    text-align: center;
}

/*** IE Warning ***/
#iewarning ul {
  list-style:outside disc;
}
#iewarning ul, #iewarning ol {
  margin:0 0 1.5em 1.5em;
  padding:0;
}
#iewarning li ul,#iewarning li ol {
  padding:0;
  margin:0 0 1.5em 1.5em;
}
#iewarning ul {
  list-style:outside disc;
}
#iewarning ul, #iewarning ol {
  margin:0 0 1.5em 1.5em;
  padding:0;
}
#iewarning {
    max-width: 800px;
}