/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background: #fff;
		font: 18px/21px 'Helvetica', sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: 'Josefin Sans', sans-serif;
		 }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 45px; line-height: 50px; margin-bottom: 14px; font-weight: 700;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; font-weight: 600; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; font-weight: 300; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; font-weight: 600; }
	h5 { font-size: 17px; line-height: 24px; font-weight: 300; }
	h6 { font-size: 14px; line-height: 21px; font-weight: 700; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; color:#333333; font-weight:300; text-align: left; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: 0; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; box-shadow: 0 0 10px 5px #ff00ff;
	 }
h5.large {
	 font-size: 50px;
	 width: 80%;
	 letter-spacing: 2px;
	 text-align: left;
	 margin: 0px 0px 20px 0px;
	 line-height: 32px;
}

.small {
	 text-align: right;
	 width: 80%;
}
h4.small {
	 width: 73.125%;
	 font-size: 25px;
	 text-align: right;
	 letter-spacing: 2px;
	 margin: 0px;
	 font-family: "Josefin Sans";
	 font-weight: 400;
	 font-style: normal;
}

h2.wide {
	 width: 100%;
	 font-size: 20px;
	 letter-spacing: -1px;
	 text-align: center;
	 line-height: 30px;
	 margin: 0px;
	 font-weight: bolder;
}

h2.squares {
	 font-family: "Josefin Sans";
	 font-weight: 400;
	 font-style: normal;
	 width: 40%;
	 font-size: 20px;
	 line-height: 45px;
	 letter-spacing: 1px;
}

h2.squaresright {
	 font-size: 20px;
	 line-height: 45px;
	 letter-spacing: 1px;
	 font-family: "Josefin Sans";
	 font-weight: 400;
	 font-style: normal;
	 text-align: right;
}

h2.squaresright {
	 font-size: 20px;
	 line-height: 45px;
	 width: 40%;
	 letter-spacing: 1px;
	 font-family: "Josefin Sans";
	 font-weight: 400;
	 font-style: normal;
	 text-align: right;
}
.spacing {
	 letter-spacing: 2px;
	 font-weight: 700;
}
#spacing {letter-spacing:3px;
	text-align: inherit;
	}

/* #Links
================================================== */
	a, a:visited { color: #ed1278; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: white; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 24px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		width: 100%;
		height: auto; }
	img.scale-with-grid2 {
		max-width: 100%;
		height: auto; }



/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }


#spacequeen4 {
	padding-left:7px;
	background: url('../images/2.gif');
	background-size: cover; 
}

#footer {
	margin:0 auto;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(53%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


}
#welcome {
	overflow: hidden;
	height:400px;
	width:520px;
	padding:150px 15px 0 15px; 
	border-radius:275px;
	box-shadow: 0 0 20px 20px white;
	background:rgba(255,255,255,0.75);
	position:absolute;
	left:40%;}

#textart { padding:400px 0; background:url(../images/test-background.gif) no-repeat; background-size: cover;}
#textart2 { padding:400px 0; background:url(../images/test-background.gif) no-repeat; background-size: cover; font-size: 2em;}


button{
    border: none;
        margin: 0 auto;
        padding: 0;
        outline: none;
    width:100%;
    height: auto;
    background: rgba(255,255,255,0);
    border:none; 
    background-size: contain;
    

   }
   button#prism1 { background: url(../images/prism1.gif) no-repeat; background-size: contain;}
   button#prism2 { background: url(../images/prism2.gif) no-repeat; background-size: 100%; }
   button#prism3 { background: url(../images/prism3.gif) no-repeat; background-size: 100% auto; }
   button#prism4 { background: url(../images/prism4.gif) no-repeat; background-size: contain; width:33%; max-width: 300px; }
   button#prism5 { background: url(../images/prism5.gif) no-repeat; background-size: contain; width:33%; max-width: 300px; }
   button#prism6 { background: url(../images/prism6.gif) no-repeat; background-size: contain; width:33%; max-width: 300px; }
   button#prism7 { background: url(../images/prism7.gif) no-repeat; background-size: 100% auto; }
   button#prism8 { background: url(../images/prism8.gif) no-repeat; background-size: 100% auto; }
   button#prism9 { background: url(../images/prism9.gif) no-repeat; background-size: 100% auto; }
   button#prism11 { background: url(../images/prism11.gif) no-repeat; background-size: contain; max-width: 500px; }
   button#prism12 { background: url(../images/prism12-2.gif) no-repeat; background-size: contain; max-width: 500px; }
   button#prism13 { background: url(../images/prism13.gif) no-repeat; background-size: 100% auto; }
   button#prism14 { background: url(../images/prism14.gif) no-repeat; background-size: 100% auto; }