/*
	99Lime.com HTML KickStart by Joshua Gatcke
	kickstart-layout.css
	
	// Google Fonts
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

p,ol,ul,li,td{
color:#666666;
}

b{
	color:inherit;
}


.default

{

	margin:20px 0px 20px 0px;

	padding:0px 10px 0px 10px;

}


thead th,
tbody th{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

.menu{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

blockquote{
font-family: "Trebuchet Ms", arial, verdana, sans-serif;
}

select
{
	height:29px;
	background-color:#ffffff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

textarea
{
	resize:none;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body
{
	margin:0;
	padding:0;
	color:#000;
	background:#ffffff;
	font:normal 0.9em/150% 'Arimo', "Trebuchet MS", arial, verdana, sans-serif;
	text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */

	background-image:url('back.jpg');
	background-repeat:repeat;
	background-attachment:fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

#header
{
	z-index:1;
	position:fixed;
	top:0;
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
	background:#ffffff;
	color:#000;
	font:normal 0.9em/150% 'Arimo', "Trebuchet MS", arial, verdana, sans-serif;
	text-shadow: 0px 0px 1px transparent;
	text-align: left;

	background-image:url('header.jpg');
	background-position:top -400px center;
	background-repeat:repeat;
	background-attachment:fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

#footer
{
	position:fixed;
	bottom:0;
	width:100%;
	text-align:center;
	padding:10px;
	margin:0;
	background:rgba(0,0,0,0.7);
	color:#fff;
	font-size:0.8em;
	text-shadow:0px 1px 1px #666;
}

#link-top
{
	float:right;
	color:#666;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	background:#e5e5e5;
	line-height:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
	
/*---------------------------------
	MY STYLES
-----------------------------------*/

.cloud
{
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px; 
	padding-top:5px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #999999;
	-moz-box-shadow: 3px 3px 10px #999999;
	box-shadow: 3px 3px 10px #999999;
	background-color:rgba(255,255,255,1.0);
	background: -webkit-linear-gradient(left top, rgba(255,255,255,1.0), rgba(255,255,255,0.8));
	background: -o-linear-gradient(bottom right, rgba(255,255,255,1.0), rgba(255,255,255,0.8));
	background: -moz-linear-gradient(bottom right, rgba(255,255,255,1.0), rgba(255,255,255,0.8));
	background: linear-gradient(to bottom right, rgba(255,255,255,1.0), rgba(255,255,255,0.8));
}

.cloud-green
{
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px; 
	padding-top:5px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #999999;
	-moz-box-shadow: 3px 3px 10px #999999;
	box-shadow: 3px 3px 10px #999999;
	background-color:rgba(112,168,0,0.8);
	background: -webkit-linear-gradient(left top, rgba(157,209,46,1.0), rgba(112,168,0,0.8));
	background: -o-linear-gradient(bottom right, rgba(157,209,46,1.0), rgba(112,168,0,0.8));
	background: -moz-linear-gradient(bottom right, rgba(157,209,46,1.0), rgba(112,168,0,0.8));
	background: linear-gradient(to bottom right, rgba(157,209,46,1.0), rgba(112,168,0,0.8));	
}

.cloud-grey
{
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px; 
	padding-top:5px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #999999;
	-moz-box-shadow: 3px 3px 10px #999999;
	box-shadow: 3px 3px 10px #999999;
	background-color:rgba(190,190,190,1.0);
	background: -webkit-linear-gradient(left top, rgba(190,190,190,1.0), rgba(70,70,70,0.8));
	background: -o-linear-gradient(bottom right, rgba(190,190,190,1.0), rgba(70,70,70,0.8));
	background: -moz-linear-gradient(bottom right, rgba(190,190,190,1.0), rgba(70,70,70,0.8));
	background: linear-gradient(to bottom right, rgba(190,190,190,1.0), rgba(70,70,70,0.8));	
}

.cloud-black
{
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px; 
	padding-top:5px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #999999;
	-moz-box-shadow: 3px 3px 10px #999999;
	box-shadow: 3px 3px 10px #999999;
	background-color:rgba(100,100,100,1.0);
	background: -webkit-linear-gradient(left top, rgba(100,100,100,1.0), rgba(0,0,0,0.8));
	background: -o-linear-gradient(bottom right, rgba(100,100,100,1.0), rgba(0,0,0,0.8));
	background: -moz-linear-gradient(bottom right, rgba(100,100,100,1.0), rgba(0,0,0,0.8));
	background: linear-gradient(to bottom right, rgba(100,100,100,1.0), rgba(0,0,0,0.8));	
}

.cloud-blue
{
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px; 
	padding-top:5px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #999999;
	-moz-box-shadow: 3px 3px 10px #999999;
	box-shadow: 3px 3px 10px #999999;
	background-color:rgba(78,155,222,1.0);
	background: -webkit-linear-gradient(left top, rgba(78,155,222,1.0), rgba(0,82,150,0.8)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(78,155,222,1.0), rgba(0,82,150,0.8)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(78,155,222,1.0), rgba(0,82,150,0.8)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(78,155,222,1.0),rgba(0,82,150,0.8)); /* Standard syntax */
}

.cloud-orange
{
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px; 
	padding-top:5px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #999999;
	-moz-box-shadow: 3px 3px 10px #999999;
	box-shadow: 3px 3px 10px #999999;
	background-color:rgba(252,100,10,1.0);
	background: -webkit-linear-gradient(left top, rgba(250,138,10,1.0), rgba(252,100,10,0.8)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(250,138,10,1.0), rgba(252,100,10,0.8)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(250,138,10,1.08), rgba(252,100,10,0.8)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(250,138,10,1.0), rgba(252,100,10,0.8)); /* Standard syntax */
}

.cloud-red
{
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px; 
	padding-top:5px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #999999;
	-moz-box-shadow: 3px 3px 10px #999999;
	box-shadow: 3px 3px 10px #999999;
	background-color:rgba(219,73,57,1.0);
	background: -webkit-linear-gradient(left top,rgba(219,73,57,1.0), rgba(171,25,17,0.8));
	background: -o-linear-gradient(bottom right, rgba(219,73,57,1.0), rgba(171,25,17,0.8));
	background: -moz-linear-gradient(bottom right, rgba(219,73,57,1.0), rgba(171,25,17,0.8));
	background: linear-gradient(to bottom right, rgba(219,73,57,1.0), rgba(171,25,17,0.8));
}

.cloud-yellow
{
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:10px; 
	padding-top:5px;
	padding-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #999999;
	-moz-box-shadow: 3px 3px 10px #999999;
	box-shadow: 3px 3px 10px #999999;
	background-color:rgba(235,168,0,1.0);
	background: -webkit-linear-gradient(left top, rgba(235,232,0,1.0), rgba(235,168,0,0.8));
	background: -o-linear-gradient(bottom right, rgba(235,232,0,1.0), rgba(235,168,0,0.8));
	background: -moz-linear-gradient(bottom right, rgba(235,232,0,1.0), rgba(235,168,0,0.8));
	background: linear-gradient(to bottom right, rgba(235,232,0,1.0), rgba(235,168,0,0.8));
}

.border-blue
{
	border:1px solid #8FA3C4;
}

.border-green
{
	border:1px solid #a3c48f;
}

.border-red
{
	border:1px solid #cda0a0;
}

.features-green
{
	color:#ffffff;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	margin:5px;
	background:#70a800;
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.features-red
{
	color:#ffffff;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	margin:5px;
	background:#db4939;
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.features-orange
{
	color:#ffffff;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	margin:5px;
	background:#ff9633;
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.features-blue
{
	color:#ffffff;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	margin:5px;
	background:#4e9bde;
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.features-alpha
{
	color:#ffffff;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	margin:5px;
	background:rgba(0,0,0,0.2);
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.cloud-title{
	color:#fff;
	text-shadow:0px 1px 1px rgba(0,0,0,0.7);
}


.round
{
	-moz-border-radius:32px;
	-webkit-border-radius:32px;
	border-radius:32px;
}

.radius20
{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}

.radius10
{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.radius5
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.shadow
{
	-webkit-box-shadow: 3px 3px 10px #999999;
	-moz-box-shadow: 3px 3px 10px #999999;
	box-shadow: 3px 3px 10px #999999;
}

.shadow-center
{
	-webkit-box-shadow: 0px 0px 3px #aaaaaa;
	-moz-box-shadow: 0px 0px 3px #aaaaaa;
	box-shadow: 0px 0px 3px #aaaaaa;
}

.mmenu:hover
{
	color:#4e9bde;
}

.padded
{	
	margin-left:10px;
	margin-right:10px;
}

.pad
{
	padding-left:20px;
	padding-right:20px; 
	padding-top:10px;
	padding-bottom:10px;
}

.grey {color:#888888;}
.dark-grey {color:#666666;}
.green {color:#70a800;}
.dark-green {color:#698c56;}
.yellow {color:#eeee00;}
.dark-yellow {color:#999900;}
.blue {color:#4e9bde;}
.dark-blue {color:#56698C;}
.red {color:#db2912;}
.dark-red {color:#990000;}
.orange {color:#ff9633;}
.white {color:#ffffff;}
.black {color:#000000;}

.headline
{
	margin:30px;
	text-align:center;
}

.headline h1 {
	margin-bottom: 0;
}

.headline p {
	margin: 0;
}

.headline img {
	max-width: 100%;
}

.skeleton
{
	padding:0px;
	margin:0px;
	font-size:1.0em;
	border:0px;
}

.cloud-green p, .cloud-grey p, .cloud-black p, .cloud-blue p, .cloud-orange p, .cloud-red p, .cloud-yellow p{
	color:#ffffff;
}

.cloud-green li, .cloud-grey li, .cloud-black li, .cloud-blue li, .cloud-orange li, .cloud-red li, .cloud-yellow li{
	color:#ffffff;
}

.cloud a:link, .cloud-green a:link, .cloud-grey a:link, .cloud-black a:link, .cloud-blue a:link, .cloud-orange a:link, .cloud-red a:link, .cloud-yellow a:link{
	color:#ffffff;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	margin:5px;
	background:rgba(0,0,0,0.3);
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.cloud a:visited, .cloud-green a:visited, .cloud-grey a:visited, .cloud-black a:visited, .cloud-blue a:visited, .cloud-orange a:visited, .cloud-red a:visited, .cloud-yellow a:visited{
	color:#ffffff;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	margin:5px;
	background:rgba(0,0,0,0.3);
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.cloud a:hover, .cloud-green a:hover, .cloud-grey a:hover, .cloud-black a:hover, .cloud-blue a:hover, .cloud-orange a:hover, .cloud-red a:hover, .cloud-yellow a:hover{
	color:#ffffff;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	margin:5px;
	background:rgba(0,0,0,0.1);
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.cloud a:active, .cloud-green a:active, .cloud-grey a:active, .cloud-black a:active, .cloud-blue a:active, .cloud-orange a:active, .cloud-red a:active, .cloud-yellow a:active{
	color:#ffffff;
	text-decoration:none;
	display: inline-block;
	padding:5px 10px;
	margin:5px;
	background:rgba(0,0,0,0.3);
	line-height:100%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

/*
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
*/

.blink {
    animation:fade 2000ms infinite;
    -webkit-animation:fade 2000ms infinite;
}