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

	CodePress.co.uk
	Professional Front-end web development

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

@import url("reset.css");
@import url("facebox.css");

body {font:62.5% Georgia,sans-serif; background:#F4F5EF url('../images/bkg_body.png') repeat-x 0 10.5em;}
	#skiplinks {position:absolute; left:-9999em;}
	
	.en {}
	.it {}
		#home.it .take-the-test,
		#overview.it .take-the-test, 
		#contact.it .take-the-test {min-height:23.9em !important;}
		.it .container div.take-the-test h2 {font-size:1.9em;}
		
		#sustainable.it #results .score p {font-size:1.3em; width: 32em; line-height: 1.9em;}
		#sustainable.it #contact-form {height:20.8em;}
		#sustainable.it .container h2 {font-size:3.0em;}
		#sustainable.it .take-the-test {min-height:24.1em;}
			#sustainable.it .take-the-test h2 {font-size:6.0em; padding:0pt 0pt 0.1em 0;}
	
	.icon 		{background:url('../images/ico_pack.png') no-repeat 0 0;}
	.icon-en	{padding-left:2.6em; line-height:2.6em; background-position:0 1.0px;}
	.icon-it	{padding-left:2.6em; line-height:2.6em; background-position:0 -99px;}
	
	
	/*	General Layout
	------------------------------------------------------*/
	
	.header-wrap {background:#FFF; padding:0 0.5em; height:104px;}
	
	#header {position:relative; width:85em; height:94px; margin:0 auto; border-bottom:solid 11px #999; background:#FFF;}
		#header h1 {float:right; margin:0.4em 1.5em 0 0;}
			#header h1 a {display:block; width:175px; height:85px; text-indent:-9999px; background:url('../images/logotype.png') no-repeat; overflow:hidden;}
		
		ul#navigation {position:absolute; width:14.2em; background:#ABDA4D; padding:1em 0 1.3em 0; margin-left:1.9em; z-index:10; zoom:1;}
			ul#navigation li {font-size:1.8em; line-height:1.222em; margin-bottom:0.222em;}
				ul#navigation li a {margin-left:1.222em; text-decoration:none; color:#FFF;}
				ul#navigation li a:hover {color:#666;}
				
				#home			#home-item,
				#overview		#overview-item,
				#sustainable	#sustainable-item,
				#contact 		#contact-item {background:url('../images/arr_menu.gif') no-repeat 0 0.333em;}
				
	#page {width:82.2em; padding:0 1.2em 2.8em 1.6em; margin:0 auto; zoom:1;}

		#home.it 			#page {background:#FFF url('../images/photo_home.jpg') no-repeat 0 0;}
		#overview.it 		#page {background:#FFF url('../images/photo_overview.jpg') no-repeat 0 0;}
		#sustainable.it		#page {background:#FFF url('../images/photo_sustainable.jpg') no-repeat 0 0;}
		#contact.it 		#page {background:#FFF url('../images/photo_contact.jpg') no-repeat 0 0;}
		
		#home.en			#page {background:#FFF url('../images/photo_home_en.jpg') no-repeat 0 0;}
		#overview.en 		#page {background:#FFF url('../images/photo_overview_en.jpg') no-repeat 0 0;}
		#sustainable.en 	#page {background:#FFF url('../images/photo_sustainable.jpg') no-repeat 0 0;}
		#contact.en 		#page {background:#FFF url('../images/photo_contact.jpg') no-repeat 0 0;}
		
		
		/*	Main content
		------------------------------*/
		
		#content {width:100%; overflow:hidden;}
			
			.container {color:#FFF;}
					
				.container h2 {display:block; font-size:3.6em; line-height:1em; padding:0.25em 0.333em 0.25em 0.333em; background:#ABDA4D;}
					
				.container div.text {padding:1em 0.7em 1.2em 1.2em; margin-bottom:0.9em; background:#666;}
					
					.container p {font-size:1.6em; line-height:1.25em; margin-bottom:1.25em;}
						.container p a {color:#ABDA4D; text-decoration:none;}
						.container p a:hover {text-decoration:underline;}
						
						.container p span.point {display:block; font-size:1.5em; padding-top:1.54em; padding-bottom:0.666em;}
                                                .container p.point { font-size:2.5em; margin-top: 0.5em; margin-bottom:0.5em;}

						
					.container p.indent {text-indent:0.344em;}
					
					.container ul {}
						.container ul li {
							font-size:1.6em; line-height:1.25em; text-indent:0.688em; 
							margin-bottom:1.25em; background:url('../images/bullet.png') no-repeat 0.1em 0.55em;
						}
						
					.container div.hr {width:100%; height:2px; margin:-0.8em 0 0.6em 0; background:url('../images/bkg_hr.png'); overflow:none;}
						.container div.hr hr {display:none;}
				
				.container div.take-the-test {color:#666; text-align:center; min-height:21.5em; background:#F4F5EF;}
					.container div.take-the-test h2 {
						font-size:2.2em; font-style:italic; line-height:1.273em; color:#FFF; 
						padding:0.682em 0 0.364em 0; margin-bottom:0.227em; background:#999;
					}
					.container div.take-the-test h3 {font-size:6em; line-height:1em; margin-bottom:0.183em;}
					.container div.take-the-test p {font-size:1.6em; line-height:1.125em; margin-bottom:1.63em; padding-left:0.875em;}
						.container div.take-the-test p em {font-size:1.125em; line-height:1em;}
					.container div.take-the-test p.button {margin-bottom:0;}
					.container div.take-the-test p .emphasise { font-style:italic; font-weight: bold; color: #8CB82B }
					
				div.phone {color:#666; padding:0.9em 1.2em 1.2em 1.9em; background:#F4F5EF;}
					div.phone p {font-size:2.4em; line-height:1.5em; font-style:italic; margin-bottom:0em;}	
					
					
		#begin-content	{float:left; width:38.2em; margin-top:271px;}
		#end-content	{float:right; width:43em;}
			#end-content div.text {padding-left:1.8em;}
			
			
		/*	Blocks
		------------------------------*/
			
		#quiz {}
			#quiz p {width:100%; margin-bottom:0.5em; background:#F4F5EF; overflow:hidden;}
				#quiz p label a {float:left; width:17.5em; padding-left:0.5em; padding-top:1em; font-size:2.0em; line-height:1.22em; color:#93C431;}
					#quiz p label a span {display:block; font-size:0.8em; line-height:1.13em; color:#666;}
					
					
		#results {width:100%; overflow:hidden;}
			#results .score {float:left; width:21.1em; padding-top:1.7em;}
				#results .score p {font-size:2.0em; width:21.1em; text-align:left; color:#FFF; padding: 0 0 0 10px;}
				
				#red-score		p {background:#C81300 url('../images/bkg_score_red.png') no-repeat 100% 0;}
				#orange-score	p {background:#FFA800 url('../images/bkg_score_orange.png') no-repeat 100% 0;}
				#green-score	p {background:#ABDA4D url('../images/bkg_score_green.png') no-repeat 100% 0;}
				
			#results div.phone {float:right; width:35.0em;}
				
				
		#contact-form {width:500px; height:18.4em;}
			#contact-form .form {/*just a container*/}
				#contact-form h2 {font-size:2.0em; line-height:1.2em; color:#666; margin-bottom:0.4em;}
				#contact-form label {float:left; width:8.5em; font-size:2.0em; padding-top:0.25em; height:0.75em; color:#C81300;}
				#contact-form p {margin-bottom:1.1em; position:relative;}
					#contact-form p input {font:2em Georgia,serif; width:203px; line-height:1.2em; height:1.2em; color:#666; border:none; background:#F4F5EF}
					#contact-form p span.error {color:red; position:absolute; font-weight:bold; line-height:1em; right:-132px; top:5px; font-size:1.2em;}
		
				
		ul#footer {width:82.3em; overflow:hidden;}
			ul#footer li {float:left; background:#ABDA4D; padding:0.3em 0 0.4em 0;}
				ul#footer li li {display:inline; font-size:1.4em; line-height:1.29em; color:#FFF; padding:0; margin-right:0.214em; background:none;}
					
				ul#footer li a {color:#FFF; text-decoration:none;}
				ul#footer li a:hover {text-decoration:underline;}	
				
			ul#footer li.links {width:35em; padding-left:0.5em;}
			ul#footer li.contacts {width:30em;}
			ul#footer li.lang {float:right; width:15.2em; padding:0; background:none;}
				ul#footer li.lang li {font:1em Arial,sans-serif;}
					ul#footer li.lang li a {display:block; color:#4D4D4D; line-height:2.6em; text-decoration:none; margin-right:0.9em;}
					ul#footer li.lang li a:hover {text-decoration:underline;}
		
		#tagline {width:85em; margin:0 auto; padding-top:1.1em; text-align:center;}
			#tagline p {font-size:1.6em; line-height:1.88em; color:#999; margin-bottom:1em;}
				#tagline p span {padding:0.313em 0 0 2.19em; font-style:italic; background:url('../images/logo_sign.png') no-repeat 0 0;}	
				
		#poweredby {width:85em; margin:0 auto; padding-top:0em; text-align:center;}
			#poweredby p {font-size:1em; line-height:1.4; margin-bottom:1.2em;}
				#poweredby a       {text-decoration: none; display:block; color:#999; }
				#poweredby a:hover {text-decoration: underline;}

                .quote {font-size: 0.7em; font-style: italic;}
				
				
		/* #home page tuning 
		------------------------------*/
		
		#home #content {margin-bottom:2.8em;}
		#home #end-content {margin-top:338px;}
		
		#home #begin-content h2 {
			display:inline; font-size:3em; line-height:0.667em; color:#ABDA4D; text-transform:lowercase;
			padding:0 0.1em 0 0; background:none;
		}

		#home #begin-content p.first {display:inline; margin:0;}
		#home #begin-content p.link {margin-bottom:0em; padding-top:1em;}
		
		#home div.text {padding:1.6em 0.7em 0.9em 1.2em; margin-bottom:0.8em;}
		
		
		#header ul.lang {float:left; position:absolute; padding:0; background:none; margin:1em 0 0 18em;}
				#header ul.lang li {font:1em Arial,sans-serif; display:inline; }
					#header ul.lang li a {display:inline; padding-top:0.5em; padding-bottom:0.5em; color:#4D4D4D; line-height:2.6em; text-decoration:none; margin-right:0.9em;}
					#header ul.lang li a:hover {text-decoration:underline;}
		
		
		
		/* #overview page tuning
		------------------------------*/
		#overview #content {margin-bottom:1.2em;}
		
		#overview #end-content {margin-top:301px;}
			 #overview #end-content div.text {padding-top:2.5em; padding-bottom:2.3em; margin-bottom:0.8em;}
		#overview #begin-content div.text {padding:1em 0.7em 0.1em 1.2em;}
		
		
		/* #sustainable page tuning
		------------------------------*/
		
		#sustainable #content {margin-bottom:1em;}
		#sustainable #end-content {margin-top:301px;}
		#sustainable div.text {margin-bottom:0; padding-bottom:0.1em;}
		
		#sustainable div.take-the-test h2 {
			font-size:6em; line-height:1em; font-style:normal; color:#FFF;
			padding:0 0 0.066em 0em; margin-bottom:0.233em; background:#999;
		}
			#sustainable div.take-the-test p {
				font-size:1.6em; line-height:1.125em; margin-bottom:1.125em; padding-left:0.875em; text-align:left;
			}
				#sustainable div.take-the-test p em {font-size:1.125em; line-height:1em;}
		
		
		/* #contact page tuning
		------------------------------*/
		#contact #content {margin-bottom:1.2em;}
		#contact #end-content {margin-top:301px;}
			
		/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
		
		.cancel {width:0; height:0; font-size:0; overflow:hidden;}
		.star {float:left; width:90px; height:68px; cursor:pointer; display:block; background:transparent; overflow:hidden;}
			 
		div.star_1,
		div.star_2,
		div.star_3 {text-indent:-9999em;}
		
		div.star,
		div.star a {background:url('../images/ico_stars.png') no-repeat 0 0;}
		
		div.star a {display:block; width:90px; font-size:1.6em; text-align:center; height:68px; line-height:62px!important; background-position:0 -146px;}
		
		div.star_on a {background-position:0 -72px !important}
		
		div.star_hover a,
		div.star_live a:hover {background-position:0 0;}
		
		/* Read Only CSS */
		div.star_readonly a,
		div.star_readonly a:hover {cursor:default !important}
		
		/* Partial Star CSS */
		div.star {background:transparent !important; overflow:hidden !important}
		
		/* END jQuery.Rating Plugin CSS */
		
        /* #help page tuning
		------------------------------*/
		#help {background:#F4F5EF; padding:1em;}
		#help h2 {
			display:inline; font-size:3em; line-height:0.667em; color:#ABDA4D; text-transform:lowercase;
			padding:0 0.1em 0 0; background:none; margin-bottom:1em;
		}
		#help ul li {
			font-size:1.6em; line-height:1.25em; text-indent:0.688em; 
			margin-bottom:1.25em; background:url('../images/bullet.png') no-repeat 0.1em 0.55em;color:#666;
		}
		#help p {font-size:1.6em; line-height:1.25em; margin-bottom:1.25em; margin-top:0.5em;color:#666;}
		#help p a {color:#ABDA4D; text-decoration:none;}
		#help p a:hover {text-decoration:underline;}
		
		
		
		
		#facebox h2 {
			display:inline; font-size:3em; line-height:0.667em; color:#ABDA4D; text-transform:lowercase;
			padding:0 0.1em 0 0; background:none; margin-bottom:1em;
		}
		#facebox ul li {
			font-size:1.6em; line-height:1.25em; text-indent:0.688em; 
			margin-bottom:1.25em; background:url('../images/bullet.png') no-repeat 0.1em 0.55em;color:#666;
		}
		#facebox p {font-size:1.6em; line-height:1.25em; margin-bottom:1.25em; margin-top:0.5em;color:#666;}
		#facebox p a {color:#ABDA4D; text-decoration:none;}
		#facebox p a:hover {text-decoration:underline;}
		

/* 
	Debug styles:
	
	a[href="#"] {background: lime;}
	a[href="404"] {background: lime;}
	a[href=""] {background: fuchsia;}
	
	*[align], *[valign], *[border], table[cellspacing], table[cellpadding], *[width], *[height], a[href^=”javascript:”], *[onload], *[onunload], *[onchange], *[onsubmit], *[onreset], *[onselect], *[onblur], *[onfocus], *[onkeydown], *[onkeypress], *[onkeyup], *[onclick], *[ondblclick], *[onmousedown], *[onmousemove], *[onmouseover], *[onmouseout], *[onmouseup]
	{outline:5px solid yellow;}

	img[width], img[height] {outline:0;}

	img {outline: 5px solid red;}
	img[alt][title] {outline-width: 0;}
	img[alt] {outline-color: fuchsia;}
	img[alt], img[title] {outline-style: double;}
	img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
	img[alt=""][title=""] {outline-style: dotted;}
	
	Sometimes a client will have our banners on their site. Here is the HTML and CSS to include;

	HTML:
	<a href="http://codepress.co.uk" title="Expertly Code Pressed" rel="external" id="cp_84bannerc">
		<span>Code Press - Professional front-end development</span>
	</a>
	
	CSS:
	#cp_84bannerc 			{width:84px; height:20px; display:block; background: url('../images/cp/cp-84x20-combo.png') no-repeat 0 0}
	a:hover#cp_84bannerc 	{background-position:0 -20px}
	#cp_84bannerc span 		{position:absolute; left:-9999px}	
*/