/****************************************************
*
*	Company: Mathmos
*
* 	Author: Chris Randall
*
*	Stylesheet: Main Screen stylesheet
*
*	Date Created: 16/10/08  
*
****************************************************/

html {
  background-color:#000;
}

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 62.5%;
  background-color:#000;  
  color: #FFF;
  margin:0;
  text-align:center;
  min-width: 832px;
  background: url('../images/backgrounds/header.jpg') 50% 0 repeat-x;

}

/****************************************************
* TYPOGRAPHY STYLES 
****************************************************/

h1 {
	color:#FFF;
	font-size:1.8em;
	font-weight:bold; 
}

h2 {
	color:#FFF;
	font-size:1.5em;
	font-weight:bold; 
}

h3 {
	color:#333;
	font-size:1.3em;
	font-weight:bold;
}

h4 {
	
}

h5 {
	
}

h6 {
	
}

p {
	color:#999;
	font-size:1.3em;
	padding:0 0 10px 0;
	line-height:1.5em;
}

a {
  outline: none;
  color: #999;
  font-size:1.2em;
}

a:hover {
  color: #FE0081;	
  text-decoration: underline; 
}


/****************************************************
* LAYOUT STYLES
****************************************************/

/* columns */
#column1 				{ float:left; width:408px; margin:0 15px 0 0;  }
#column2 				{ float:left; width:408px; }

.wrapper	{ width:832px; margin:0 auto; text-align:center;}

/****************************************************
* HEADER
****************************************************/

#header {
  height:189px;
  text-align:center;
  margin:0 0 25px 0;
}

#header h1#header_mathmos 	   { height:158px; padding:0; margin:10px 0 0 0; color:#FFF;}
#header h1#header_mathmos span { background:url('../images/content/logo_mathmos.gif') 50% 0 no-repeat; }

/****************************************************
* CONTENT
****************************************************/

.module {
  text-align: center;
  margin:0 0 1.6em 0;
}
.module_wrapper {
 padding:5em 0px 2em 0;
}
.module_wrapper p {
 padding:0 50px 5px 50px;
}

.module#screensaver 				{ background: url('../images/backgrounds/module_screensaver_top.gif') no-repeat; }
.module#screensaver .module_wrapper { min-height:57em; height:auto !important; height:57em; padding:5em 0 2.6em 0; background: url('../images/backgrounds/module_screensaver_bottom.gif') 0 bottom no-repeat; }
.module#screensaver a 				{ color:#FA296C; }
.module#screensaver h2#header_screensaver 	   { height:39px; padding:0 0 5px 0; margin:0; }
.module#screensaver h2#header_screensaver span { background:url('../images/header/header_screensaver.jpg') 50% 0 no-repeat; }

.module#screensaver #download_osx a#button_download_osx 		{ height:80px; padding:0; color:#FA296C; display:block; font-size:1.8em; text-decoration:none; }
.module#screensaver #download_osx a#button_download_osx span	{ background:url(../images/content/button_download_osx.png) 50% 0 no-repeat; }
.module#screensaver #download_osx a:hover#button_download_osx 		{ cursor:pointer; text-decoration:underline; }
.module#screensaver #download_osx a:hover#button_download_osx span	{ background:url(../images/content/button_download_osx.png) 50% -80px no-repeat; }

.module#screensaver #download_win	{  }
.module#screensaver #download_win a#button_download_win 		{ height:80px; padding:0; color:#FA296C; display:block; font-size:1.8em; text-decoration:none; }
.module#screensaver #download_win a#button_download_win span	{ background:url(../images/content/button_download_win.png) 50% 0 no-repeat; }
.module#screensaver #download_win a:hover#button_download_win 		{ cursor:pointer; text-decoration:underline; }
.module#screensaver #download_win a:hover#button_download_win span	{ background:url(../images/content/button_download_win.png) 50% -80px no-repeat; }

.module#signup 					{ background: url('../images/backgrounds/module_signup_top.gif') no-repeat;  }
.module#signup .module_wrapper 	{ min-height:40em; height:auto !important; height:40em; background: url('../images/backgrounds/module_signup_bottom.gif') 0 bottom no-repeat; }
.module#signup a 				{ color:#00ACEE; }
.module#signup h2#header_signup 	{ height:39px; padding:0 0 5px 0; margin:0; }
.module#signup h2#header_signup span{ background:url('../images/header/header_signup.jpg') 50% 0 no-repeat; }
.module#signup a#button_signup 		{ height:80px; padding:0; color:#00ACEE; display:block; font-size:1.8em; text-decoration:none; }
.module#signup a#button_signup span	{ background:url(../images/content/button_signup.png) 50% 0 no-repeat; }
.module#signup a:hover#button_signup 		{ cursor:pointer; text-decoration:underline; }
.module#signup a:hover#button_signup span	{ background:url(../images/content/button_signup.png) 50% -80px no-repeat; }

.module#details 				{ background: url('../images/backgrounds/module_details_top.gif') no-repeat; }
.module#details .module_wrapper { min-height:10.6em; height:auto !important; height:10.6em; padding:3em 0 2em 0; background: url('../images/backgrounds/module_details_bottom.gif') 0 bottom no-repeat; }
.module#details a 				{ color:#FFF; }
.module#details a#button_website 		{ height:39px; padding:0; color:#FFF; display:block; }
.module#details a#button_website span	{ background:url(../images/header/header_website.jpg) 50% 0 no-repeat; }
.module#details a:hover#button_website 	{ cursor:pointer;}

#notes 		{ border-top:4px solid #333; width:320px; margin:20px auto 0 auto; padding:15px 0 0 0;}
#notes h3 	{ color:#999; font-size:1.2em; font-style:italic; padding:3px 0 2px 0; }
#notes p 	{ color:#666; font-size:1.1em; padding:0; font-style:italic; }
#notes a 	{ color:#999 !important; font-size:1em; padding:0; text-decoration:none;}
#notes a:hover 	{ color:#CCC !important; text-decoration:underline; }

.page_info 				{ background: url('../images/backgrounds/header.jpg') 50% -120px repeat-x; text-align:left !important; }
.page_info .wrapper		{ text-align:left !important; }
.page_info #header  	{ height:90px; text-align:center; }
.page_info #header h1#header_privacy 	   	{ height:38px; padding:0; margin:25px 0 0 0; color:#FFF;}
.page_info #header h1#header_privacy span 	{ background:url('../images/header/header_privacy.jpg') 50% 0 no-repeat; }
.page_info #header h1#header_faq 	   		{ height:38px; padding:0; margin:25px 0 0 0; color:#FFF;}
.page_info #header h1#header_faq span 		{ background:url('../images/header/header_faq.jpg') 50% 0 no-repeat; }
.page_info #header h1#header_terms 	   		{ height:38px; padding:0; margin:25px 0 0 0; color:#FFF;}
.page_info #header h1#header_terms span 	{ background:url('../images/header/header_terms.jpg') 50% 0 no-repeat; }
.page_info #content		{ margin:0 0 25px 0; }

.page_info strong		{ font-weight:bold; color:#CCC;}
.page_info ul			{ margin:0 0 5px 0; }
.page_info li			{ margin:0 0 2px 0; }
.page_info li a			{ color:#FA296C; text-decoration:none; font-size:1.3em; }
.page_info li a:hover	{ text-decoration:underline; }
.page_info h2			{ padding:20px 0 5px 0; }
.page_info dl			{ }
.page_info dt			{ color:#FFF; font-size:1.5em; padding:10px 0 5px 0; }
.page_info dd			{ color:#999; font-size:1.3em; padding:0 0 10px 0; line-height:1.5em; }


/****************************************************
* FOOTER
****************************************************/

#footer {
  width:100%;	
  min-height:8em; height:auto !important; height:8em;
  background:#080808 url('../images/backgrounds/footer.jpg') 50% 0 repeat-x;
  color:#CCC;   
  margin:9px 0 0 0;
  padding:15px 0 0 0;
}

#footer li { float:left; }
#footer a 								{ color:#FFF; }
#footer a#button_footer_website 		{ height:50px; width:131px; margin:0 4px 0 5px; display:block; }
#footer a#button_footer_website span	{ background:url(../images/footer/footer_mathmos.png) 0 0 no-repeat; }
#footer a:hover#button_footer_website 	{ cursor:pointer; }

#footer a#button_footer_preloaded 		{ height:50px; width:131px; margin:0 0 0 5px; display:block; }
#footer a#button_footer_preloaded span	{ background:url(../images/footer/footer_preloaded.png) 0 0 no-repeat; }
#footer a:hover#button_footer_preloaded { cursor:pointer; }

#footer #bookmark 		{ padding:11px 16px 0 0; }

#footer #links	 		{ padding:17px 30px 0 30px; font-weight:1.2em;}
#footer #links	li 		{ padding:0 10px }
#footer #links  a		{ text-decoration:none; color:#999; }
#footer #links  a:hover	{ text-decoration:underline; color:#CCC; }

/****************************************************
* HACKS AND FILTERS
****************************************************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* image replacement */
.imageReplace{position:relative;/* nomac \*/overflow:hidden;/* nomac */margin:0px; padding:0px;}
.imageReplace span{width:100%;height:100%;position:absolute;background-repeat:no-repeat;top:0px;left:0px;z-index:1;}