/*

MASTER SCREEN STYLES for Joanna Sugden HR Ltd. by @rydesign
AUTHOR		Richard Young
VERSION 	1.1
COPYRIGHT	All rights reserved
CREATED 	2011.11.10
MODIFIED	2011.11.14
CONTENTS
	
	0. RESET CSS
	1. TYPOGRAPHY & LINKS
	2. CONTAINERS: BRANDING/MASTHEAD/NAVIGATION
	3. CONTAINERS: MAIN BOODY ELEMENTS
	4. CONTAINERS: FOOTER ELEMENTS
	5. IMAGES
	6. CREDITS
		
---------------------------------------------

	0. RESET CSS
		
------------------------------------------ */
		
@import url(reset.css);
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background-color: #F2F2F2; }
body { font-size: 62.5% /* The Rutter Reset - www.clagnut.com */; -webkit-text-stroke: 1px transparent /* sub-pixel hack for Safari fat text */; }
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }


/* ------------------------------------------

	1. TYPOGRAPHY & LINKS
		
------------------------------------------ */
		
p  { font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; margin-bottom: 15px; }
h1 { text-indent: -999999px; }

p.links { color: #fff; text-decoration: none; font: normal normal normal 18px/24px Georgia, "Times New Roman", Times, serif; margin-bottom: 40px; }

a, a:visited { color: #f0f0f0; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }


/* ------------------------------------------

	2. CONTAINERS: BRANDING/MASTHEAD/NAVIGATION
		
------------------------------------------ */

header { background: #fff; border-top-right-radius: 10px; border-top-left-radius: 10px; margin: 50px auto 0; padding: 90px 20px 100px; width: 90%; max-width: 650px;text-align: center; }


/* ------------------------------------------

	3. CONTAINERS: MAIN BOODY ELEMENTS
		
------------------------------------------ */



/* ------------------------------------------

	4. CONTAINERS: FOOTER ELEMENTS
		
------------------------------------------ */

footer { background: #3C9FD7; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin: 0 auto; padding: 20px; width: 90%; max-width: 650px; }


/* ------------------------------------------

	5. IMAGES
		
------------------------------------------ */

img { max-width: 100%; }


/* ------------------------------------------

	6. CREDITS
		
------------------------------------------ */