body {
	font: 1em/150% Arial, Helvetica, sans-serif; margin:0; padding:0;width:100%; height:100%;overflow:hidden;

}


/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	display: block; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    background: #ffffff url('http://saumyacreations.com/portfolio/web/ignite/images/background-1920x1200.jpg') center center no-repeat fixed; 
  
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
  
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://saumyacreations.com/portfolio/web/ignite/images/background-1920x1200.jpg', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://corporate.liasophia.com/ao_ignite13/images/background-1920x1200.jpg', sizingMethod='scale')"; 
  
    overflow: hidden;} 
	
#header{
	width:100%;
	height:100px;
	margin-left:auto;
	margin-right:auto;}

#timer {
	width: 300px;
	height:70px;
	float: left;
	margin:0 auto;
	padding:0;}
	
#registration{
	width: 249px;
	height:61px;
	float: right;
	margin-right:50px;
	margin-top:20px;
	background-image:url('http://saumyacreations.com/portfolio/web/ignite/images/registration.jpg');
	background-repeat:no-repeat;}

#logo {
	width:500px;
	height:196px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	position:relative;
	background-image:url('http://saumyacreations.com/portfolio/web/ignite/images/ignite_LOOP-500x196.gif');
	background-repeat:no-repeat;}

#date{
	width:300px;
	height:20px;	
	margin-left:auto;
	margin-right:auto;
	position:relative;}

#date p{
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:0;
	margin-right:0;
	color:#6d207c;
	vertical-align:top;}

	
 #footer-bar {
	width:100%;
	height:1.938em;
	position:fixed;
	bottom:0em;
	left:0em;
	z-index:500;
	background-color:#6d207c;}

#footer-bar p {
	text-align:right;
	font-size:.7em;
	line-height:2.5em;
	padding-right:25px;
	padding-bottom:10px;
	margin-top:5px;
	color:#ffffff;}
   
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/*WIDTH */

@media screen and (min-width: 1024px) { /* for anything bigger than 1024*/

#logo {
	width:600px;
	height:232px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	position:relative;
	background-image:url('http://saumyacreations.com/portfolio/web/ignite/images/ignite_LOOP-600x232.gif');
	background-repeat:no-repeat;}
}

@media screen and (max-width: 468px)  { /* /* for anything smaller than 468*/

#logo {
	width:200px;
	height:78px;
	margin-left:auto;
	margin-right:auto;
	position:relative;	
	margin-top:50px;
	background-image:url('http://saumyacreations.com/portfolio/web/ignite/images/ignite_LOOP-200x78.gif');
	background-repeat:no-repeat;}

#registration{
	width: 150px;
	height:37px;
	float: left;
	margin-left:20px;
	margin-top:20px;
	background-image:url('http://saumyacreations.com/portfolio/web/ignite/images/registration-iphone.png');
	background-repeat:no-repeat;}	
	
#date{
	width:300px;
	height:20px;
	margin-top:10px;	
	margin-left:auto;
	margin-right:auto;
	position:relative;}

	
 #footer-bar {
	width:100%;
	height:1.938em;
	position:fixed;
	bottom:0em;
	left:0em;
	z-index:200;
	background-color:#6d207c;}

	
}



/*****************************HEIGHT MEDIA QUERY************************/



@media screen and (min-height: 600px) { /* for anything taller than 600px*/
	
#logo {
	width:600px;
	height:232px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	position:relative;
	background-image:url('http://saumyacreations.com/portfolio/web/ignite/images/ignite_LOOP-600x232.gif');
	background-repeat:no-repeat;}

#date{
	width:300px;
	height:40px;	
	margin-left:auto;
	margin-right:auto;
	position:relative;}

#date p{
	font-size:0.875em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:0;
	margin-right:0;
	color:#6d207c;
	vertical-align:top;}


 #footer-bar {
	width:100%;
	height:1.938em;
	position:fixed;
	bottom:0em;
	left:0em;
	z-index:200;
	background-color:#6d207c;}

#footer-bar p {
	text-align:right;
	font-size:.7em;
	line-height:2.5em;
	padding-right:25px;
	padding-bottom:10px;
	margin-top:5px;
	color:#ffffff;}

	
}

@media screen and (max-height: 300px) { /* for anything smaller than 300px*/

#logo {
	width:200px;
	height:87px;
	margin-left:auto;
	margin-right:20px;
	position:relative;	
	float:right;
	margin-top:-95px;
	background-image:url('http://saumyacreations.com/portfolio/web/ignite/images/ignite_LOOP-200x78.gif');
	background-repeat:no-repeat;}

#registration{
	width: 150px;
	height:37px;
	float: left;
	margin-left:20px;
	margin-top:20px;
	clear:both;
	background-image:url('http://saumyacreations.com/portfolio/web/ignite/images/registration-iphone.png');
	background-repeat:no-repeat;}	
	
#date{
	width:300px;
	height:20px;
	float:left;
	margin-top:20px;	
	margin-left:25px;
	margin-right:auto;
	position:absolute;}

#date p{
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:0;
	-right:0;
	color:#6d207c;
	vertical-align:top;}



 #footer-bar {
	width:100%;
	height:1.2em;
	position:fixed;
	bottom:0em;
	left:0em;
	z-index:200;
	background-color:#6d207c;}

#footer-bar p {
	text-align:right;
	font-size:.7em;
	line-height:1.2em;
	padding-right:25px;
	padding-bottom:10px;
	margin-top:5px;
	color:#ffffff;}

	
}





