@charset "UTF-8";
@import url("quicksand_light/stylesheet.css"); 




@-moz-keyframes error{
        25%   { left:-2px; }
        75%{left:2px;}
        100%{left:0px;}
}

@-webkit-keyframes error{
        25%   { left:-2px; }
        75%{left:2px;}
        100%{left:0px;}
}
@-ms-keyframes error{
          25%   { left:-2px; }
        75%{left:2px;}
        100%{left:0px;}
}


body {
	margin: 0;
	padding: 0;
	font: 1em/1.4 QuicksandLightRegular, Helvetica, "Lucida Sans", Verdana, Tahoma, sans-serif;
	/*background-color: rgb(255,255,255);
	color: rgb(59,67,68);*/
	background:#ffffff; 
-webkit-animation: body 20s infinite;     
-moz-animation:    body 20s infinite;
-ms-animation:     body 20s infinite; 
}

.wrapper {
	width: 90%;
	margin: 0 auto 0 auto;
}

img {
	max-width: 100%;
	display: block;
}

h1,h2,h3 {
	margin: 0;
	padding: 0;
	 
	
}

.intro h2 {
	font-size: 145%;
	padding: 1em 0 0.5em 0;
	font-family: QuicksandBoldRegular;
	border-top: 1px dashed #c2c1bd;
}

p {
	margin: 0;
	padding: 0 0 1em 0;
	font-family: QuicksandBookRegular;
}

ul {
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color: rgb(0,0,0);
	text-decoration: none;	
}

.header {
	background-color: #f2f1ec;
	color: rgb(0,0,0);
	border-bottom: 1px dashed #c2c1bd;
	margin-bottom: 1em;
}

.header .wrapper {
	position: relative;
}

.header h1 {
	display: inline-block;
	padding: 1em 0 0.3em 0;
	font-size: 125%;
	font-weight: normal;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

.header .nav  {
	padding-bottom: 1em;
}

.header .nav li {
	display: inline;
	font-size: 125%;
	color: rgb(0,0,0);
	padding: 0 0.5em 0 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

.header .nav a:link, .header .nav a:visited {
	text-decoration: none;
	color: rgb(0,0,0);
}

.feature  {
	/*background-color: rgb(59,67,68);*/
	color: rgb(255,255,255);
	margin: 0 0 1em 0;
}

.caption {
	padding: 0.3em;
	font-size: 87.5%;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

.gallery ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.footer {
	border-top: 1px dashed #c2c1bd; 
	font-size: 87.5%;
	padding: 1em 0 1em 0;
}


a.tooltip {outline:none; text-decoration: none; border-bottom:1px dotted;}
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:240px; line-height:16px;

color: #4D4D4D; //black;
font-size: 100%; /* resets 1em to 10px */

font-weight: 400;
font-style: normal;
line-height: 1.5em;    
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    //-moz-box-shadow: 5px 5px 8px #CCC;
    //-webkit-box-shadow: 5px 5px 8px #CCC;
    //box-shadow: 5px 5px 8px #CCC;
}