@charset "UTF-8";
/*	CSS Document									*/

/*	Theme Name: Sparkitect			 				*/
/*	File Name: layout_A_allDevices.css 				*/
/*	Author: Ben Guthrie								*/
/*	Author URI: http://www.TheGuthrieProject.com	*/


/*	Note: * beforeCSScode is used for IE7 and below conditional formatting		*/
/*	Note: _ beforeCSScode is used for IE6 and below conditional formatting		*/




body,html{
	height:100%;
	width: 100%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	}

body  
	{
	background: #091a25;
	background: -moz-linear-gradient(-45deg,  #092233 0%, #091a25 100%);
	background: -webkit-linear-gradient(-45deg,  #092233 0%,#091a25 100%);
	background: linear-gradient(135deg,  #092233 0%,#091a25 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092233', endColorstr='#091a25',GradientType=1 );

	margin: 0;
	padding: 0;
	border: 0;
	*border:none;
	*outline:none;
	zoom: reset;
	overflow:hidden;
	}







#siteContent{
	display:block;
	position:absolute;
	text-align:left;
	display:block;
	width:100%;
	height:100%;
	top:0;
	margin:0 auto;
	padding:0px;
	transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
/*	background:green; 	*/
	}





/*	Homepage Logo Elements	*/

#LogoShape_Container 
	{
	display:block;
	position:absolute;
	overflow:hidden;
	width: 100%;
	left:0px;
	top:34%;
	height:250px;
	background:none;
	*border:none;
	*outline:none;
	z-index:2;
/*	background:blue;	*/
	}

#LogoShape_Line_Left 
	{
	display:block;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	height:100%;
	width: 70%;
	*border:none;
	*outline:none;
	background: top left repeat-x ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-image: url(../../__data/buttons_and_stuff/Sparkitect_Line.png) ;	
	}

#LogoShape_Line_Middle 
	{
	display:block;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:70%;
	height:100%;
	width:250px;
	*border:none;
	*outline:none;
	width:100%;
	background: top left no-repeat ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-image: url(../../__data/buttons_and_stuff/Sparkitect_Logo.png) ;	
	}
	
#LogoShape_Line_Right 
	{
	display:block;
	position:absolute;
	overflow:hidden;
	top:0;
	left:70%;
	margin-left:250px;
	height:100%;
	width: 200%;
	*border:none;
	*outline:none;
	background: center center repeat-x ;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-image: url(../../__data/buttons_and_stuff/Sparkitect_Line.png) ;	
	}
	
#LogoShape_Container:hover 
	{
	width: 137%;
	transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	}


#LogoText_Container 
	{
	display:block;
	position:absolute;
	bottom:51%;
	left:10%;
	height:15%;
	width:80%;
	text-align:left !important;
	z-index:3;
/*	background:orange;		*/
	}
	
#Motto_Text_Container 
	{
	display:block;
	position:absolute;
	top:51%;
	left:10%;
	height:15%;
	width:65%;
	text-align:left !important;
	z-index:3;
/*	background:pink;		*/
	}

#ContactText_Container 
	{
	display:block;
	position:absolute;
	bottom:5%;
	left:10%;
	height:1.8em;
	width:80%;
	text-align:left !important;
	z-index:3;
/*	background:pink;		*/
	}








/* footer elements	*/

#footer .siteDesign
	{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	top: 30px;
	height: 30px;
	color: #fff;
	text-align: left;
	right: 20px;
	z-index: 3;
	}
	
#footer .copyright,
#footer .social 
	{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	bottom:5%;
	height:1.8em;
	color: #fff;
	}	
#footer .copyright
	{
	text-align: center;
	width: 100%;
	left: 0;
	z-index: 2;
	}
#footer .social 
	{
	text-align: right;
	right: 30px;
	overflow: hidden; 
	outline: none;
	letter-spacing: 0; 
	z-index: 9;
	}
		
#footer a,
#footer a:link, 
#footer a:visited
	{
	color: #fff;
	}
	





/* responsive height adjustments */

@media only screen and (min-height:900px)
{ 
	
#LogoShape_Container 
	{
	top:35%;
	}

#LogoText_Container 
	{
	bottom:55%;
	}
	
#Motto_Text_Container 
	{
	top:55%;
	}
}


@media only screen and (min-height:500px) and (max-height:699px)
{ 
	
#LogoShape_Container 
	{
	top:30%;
	}

#LogoText_Container 
	{
	bottom:58%;
	}
	
#Motto_Text_Container 
	{
	top:54%;
	}
}


@media only screen and (min-height:300px) and (max-height:499px)
{ 
	
#LogoShape_Container 
	{
	top:30%;
	}

#LogoText_Container 
	{
	bottom:60%;
	}
	
#Motto_Text_Container 
	{
	top:50%;
	}
#ContactText_Container 
	{
	bottom:20% !important;
	}
}


@media only screen and (max-height:299px)
{ 
	
#LogoShape_Container 
	{
	top:15%;
	}
#LogoText_Container 
	{
	bottom:70%;
	}	
#Motto_Text_Container 
	{
	display:none !important;
	}
#ContactText_Container 
	{
	bottom:25% !important;
	}
}


@media only screen and (min-width:1100px) and (max-width:1220px)
{ 
	
#ContactText_Container span
	{
	font-size: 14px !important;
	}
}