/* 
	Matt Cooper
	http://www.mattcooperdesign.co.uk
	February 2007
*/

/* 
------ Contents of Default CSS --------

	1. Globals
	2. Typography
	3: Layouts
	4: Navigation
	5: Forms
	
---------------------------------------
*/

/* ------ START: Globals ------ */
html, body{	
	background:white;
	margin:0px;
	padding:0px;	
	height:auto;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:gray;
}

a {
	text-decoration:none;
	color:silver;
}

	a:hover {
		text-decoration:underline;
	}

h1 {
	padding-top:16px;
}

	h2 {
		padding-top:16px;
	}

	h3 {
		font-size:12px;
	}
	
body {text-align:center}		
#title-wrapper {margin:30px; text-align: left;}
#buttons-wrapper {width:100%; text-align: center;}
.button-link {border-collapse:collapse; margin:30px; float:left; width:calc((1024px - 3*60px) / 3 );}
.logo-link {height:165px; vertical-align:bottom}
.logo-year {height:165px; vertical-align:middle}
.rule {display:none}
.ruled {display:block; border: 1px solid silver; height: 0; margin-left:30px; margin-right:30px; width:1024px}

@media screen and (max-width:1023px) {
	#title-wrapper {text-align: center;}
	.button-link {border-collapse:collapse; margin:30px auto; float:none}
	.logo-link {height:auto; vertical-align:bottom}
	.rule {display:block; width:90%; border: 1px solid silver; height: 0}
	.ruled {display:none}
}