/* Positioning*/
#mainwrapper
{
text-align: center;
margin-left: auto;
margin-right: auto; 
width:700px;
height: 100%;
margin-top: 20px;
outline-style: thin solid 1px;
}

#content
{

width:100%; 
padding: 5px;

}



iframe
{
padding: 20px;
}


/* Color and appearence */

body
{
background-color: #9EC3D8;
font-family: Arial, sans-serif;
color: #555;
}

#content
{
background-color: #FEFEFE;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: rgba(0,0,0,0.8) 0 0px 2px;
-moz-box-shadow: rgba(0,0,0,0.8) 0 0px 2px;
box-shadow: rgba(0,0,0,0.8) 0 0px 2px;

}


h1{
font-family: Arial, sans-serif;
font-size: 40px;
font-style: normal;
font-weight: bold;
text-transform: none;
letter-spacing: -1px;
line-height: 1.2em;
color: #ADD5ED;


}

body{
font-family: Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1em;
}

small
{
font-size: 10px;
}

.shadow
{
-webkit-text-shadow: rgba(0,0,0,0.7) 0 1px 1px;
-moz-text-shadow: rgba(0,0,0,0.7) 0 1px 1px;
text-shadow: rgba(0,0,0,0.7) 0 1px 1px;

}