/* -----------------------------------------------------------------
---------------------------------------
	Name:		TFD Base Stylesheet
	Author:		jon@threefivedesign.co.uk
	Version:	0.1
	Date:		May 6 2010
---------------------------------------
/*	colours ---------------------------

	Love In My Kitchen
	
	Baby Sneeze
	HEX: #eaf0af	RGB: 234, 240, 175
	
	Water Everywhere
	HEX: #ecf4f5	RGB: 236, 244, 245
	
	Exaggerated Sky
	HEX: #6cddfb	RGB: 95, 193, 220
	
	Bland Peach (old -HEX: #fbc06c	RGB: 251, 192, 108)
	HEX: #fbad3f	RGB: 251, 192, 108
	
	Magnificent
	HEX: #f3dbbc	RGB: 243, 219, 188
	
	Lime Green
	HEX: #c1e93a	RGB: 193, 233, 58


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

@import url(reset.css);
@import url(progressiveenhancements.css);

/*	HTML + Body --------------------------------------------------------- */
	
	html { overflow-y: scroll; }
	
	body {
	
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
		font-size: 11px;
		line-height: 1.5;
		color: rgb(128, 128, 128);
		background-color: rgb(253, 254, 254);
	}

/* --------------------------------------- Typography --------------------------------------- */

/*	Baseline	*/
	p, ul, ol, dl, h4, h5, h6, blockquote, table, form, 
	#alert, .column img, #header {
		font-size: 1em;
		line-height: 1.5;
		font-weight : normal; 
		margin-bottom: 1.5em;
	}
	
/*	Text elements ------------------- */

	strong, b { font-weight: bold; }
	em, i, dfn { font-style: italic; }
	sup, sub { vertical-align: baseline; position: relative; top: -0.4em; }
	sub { top: 0.4em; }
	del, strike { color : rgb(251, 173, 63); }
	ins { background-color: rgb(251, 173, 63); }
	abbr, acronym { border-bottom: 1px dotted; cursor: help; }
	
/*	use the best possible ampersand */
	span.amp {
		font-family: "Times New Roman", Times, serif;
		font-weight: normal;
		font-style: italic;
		font-size: 1.1em;
		line-height: .95;
		/*
		position : relative;
		top: 0;
		padding-right: 0;
		*/
	}


/*	blockquote	*/
	blockquote, q { quotes : "" ""; }
	blockquote { margin-bottom: 0; }
	blockquote p { 
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		line-height: 1.175;
		font-style: italic;
		color: rgb(126, 137, 140);
		margin: 0 0 1.175em;
		padding: 0;
	}
	blockquote:before, blockquote:after, q:before, q:after { content : ""; }

/*	Misc typography */

	.calltoaction { 			
		margin: 0;
		font-size: 2.5em;
		color: rgb(95, 193, 220);
	}

	.pullout {
		clear: both;
		font-size: 1em;
		line-height: 1.5;
		margin: 0 0 0 15px;
		text-align: center;
		letter-spacing: 0.15em;
	}

	.legal {
		font-size: .9em;
		margin: 0;
	}

/*	links --------------------------- */

	a,a:focus,img,img:focus,:focus { border:0; outline:none; }
	a[href],input[type=submit],input[type=image],label[for],select,button,.pointer { cursor:pointer; }

	a {
		color: rgb(251, 173, 63);
		text-decoration: none;
	}
	
	a:visited {
		color: rgb(243, 219, 188);
		text-decoration: underline;
	}

	a:focus, a:hover {
		color: rgb(193, 233, 58);
		text-decoration: underline;
	}

/*	Headings ------------------------ */

	h1 {  
		margin: 0;
	}
	
	h2 {
		font-size: 2em;
		line-height: 1;
		margin: 0 0 .75em 15px;
		color: rgb(95, 193, 220);
	}
	
	h3 { 
		font-weight: normal;
		font-size: 1.25em;
		line-height: 1;
		letter-spacing: 0.1em;
		margin: .75em 0 1em;
		color: rgb(95, 193, 220);
	}
	
	#prices h3 {
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0 0 7px;
		border-bottom: 1px solid rgb(236, 244, 245);
		color: rgb(95, 193, 220);
	}

	h4, h5, h6 {
		font-size: ;
		line-height: ;
	}
	
/*	Lists --------------------------- */

	li ul, li ol { 
		list-style-type : circle;
		margin : 0 0 0 1em; 
	}

	ul { 
		list-style-type : disc;
	}

	ol {
		list-style-type : decimal; 
	}

	dl {
		
	}

	dl dt {
		
 	}

	dd {
		
	}
	
	
/* navigation */
	#navigation {
		list-style: none;
		bottom: 0;
		right: 0;
		position: absolute;
		margin-bottom: 0;
	}

	#navigation li {
		float: left;
		width: 100px;
		margin: 0 1px 0 0;
		background: rgb(175, 224, 237) url('../images/nav-grad.png') repeat-x bottom left;
	}
	#navigation li a {
		display: block;
		float: left;
		font-size: 1.25em;
		width: 100%;
		padding: 7px 0;
		text-decoration: none;
		text-align: center;
		color: rgb(112, 116, 116);	
	}

	#navigation li a.selected, #navigation li:hover {
		background-image: none;
		background-color: rgb(253, 254, 254);
	}
	#navigation li a.selected, #navigation li:hover a {
		color: rgb(95, 193, 220);
	}

/*	panel */	
	.panel ul {
		list-style: none;
	}
	.panel li {
		font-size: 1.4em;
		line-height: 1.5;
		margin-bottom: 0.3em;
	}

/*	Pricelists */	
	ul.pricelist {
		padding: 0;
	}
	
	ul.pricelist li {
		list-style: none;
		display: block;
		padding: 8px 0;
		border-bottom: 1px solid rgb(236, 244, 245);
		overflow: hidden;
	}
	
	
	ul.pricelist li span {
		float: left;
		width: 75%;
	}	
	
	ul.pricelist li span.amp, ul.pricelist li span span {
		float: none;
		width: auto;
	}
	
		
	ul.pricelist li em {
		float: right;
		margin: 0 0 0 5px;
		font-size: 1em;
		font-style: normal;
		font-weight: normal;
		color: rgb(251, 173, 63);
	}
	
	ul.pricelist li.last {
		border: none;
	}


	
/* misc lists */	
	.vcard ul {
		list-style: none;
	}

/*	Tables -------------------------- */
	
	table {
		border-collapse : separate; 
		border-spacing : 0;
		width : 100%; 
	}

	table, td, th { 
		vertical-align : top; 
	}

	th, thead th {
		font-weight : bold; 
	}

	th, td, caption {
		padding : 0 0 0 0;
		text-align : left; 
	}

	th, td {
		border-bottom : 1px solid; 
	}

	tfoot { 
		font-size : .9em; 
	}

	caption {
		font-size : 1.5em;
		line-height : 1; 
		margin-bottom : 1em;
	}

/*	Forms --------------------------- */
	
	form {
/*		border-right: 1px solid rgb(236, 244, 245); */
	}
	
	form p {
		position: relative;
	}
	
	label { 
		display: block;
		font-weight : normal;
		padding: 5px 10px 5px 5px;
		float: left;
		width: 135px;
	}
	
	label span {
		color: rgb(243, 219, 188); 
	}

	legend {  
		
	}
		
	input { vertical-align:middle; }
	
	input, textarea, select { 
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
		font-size: 11px;
		line-height: 1.5;
		color: rgb(71, 73, 73);
		width: 325px;
		padding: 10px;
		border: none;
		background-color: rgb(236, 244, 245);
		border: none;
	}

	input[type=submit],input[type=checkbox],input[type=radio],input[type=image], select { width:auto; }
	
	input[type=submit] {
		/*margin-left: 150px;*/
		float: right;
		margin-right: 15px;
		color: rgb(112, 116, 116);
	}
	
	input:focus,textarea:focus, select:focus, input[type=submit]:hover {
		background-color: rgb(234, 240, 175);
		color: rgb(71, 72, 59);
	}

	label.error {
		font-weight: bold;
		color: rgb(255,255,255);
		background: url('../images/form_arrow.png') left center no-repeat;
		padding: 5px 5px 5px 25px;
		position: absolute;
		top: 3px;
		left: 490px;
	}

/*	Alert	*/
	#alert {
		font-weight: bold;
		font-size: 1.166666666666667em;
		line-height: 1;
		padding: 10px 10px 10px 34px;
		border: 1px solid rgb(128, 128, 128);
		background: rgb(234, 240, 175) url('../images/thumbsup.png') 8px 50% no-repeat;
	}

	#alert.fail, #alert.error {
		background-image: url('../images/thumbsdown.png');
		background-color: rgb(243, 219, 188);
	}

/*	Misc styling ------------------- */

	.hide { display: none; }

/* --------------------------------------- Layout / Grid --------------------------------------- */

	hr { border: none; height: 1px; background-color: rgb(206, 207, 203); }
	
	#branding {
		padding: 18px 0 0;
		position: relative;
		background: url('../images/shadow-top.png') bottom left no-repeat;
	}
	#branding #logo { 
		margin-bottom: 9px;
	}
	#branding p.calltoaction { 
		position: absolute;
		right: 0;
		bottom: 20px; 
		margin: 0;
	}
	
	#header {
		clear: both;
		width: 100%;
		background: url('../images/mosaic.jpg');
		background-color: rgb(95, 193, 220);
		
		margin-bottom: 0;
	}
	#header .row {
		background: url(images/header-bg.png) top left no-repeat;
		height: 360px;
		position: relative;
		margin-bottom: 0;
	}
	#slideshow {
		height: 360px;
		overflow: hidden;
	}
	.panel {
		padding-top: 3em;
		color: rgb(255,255,255);
		text-align: left;
	}
	
	
	#content {
		padding-top: 2.5em;
		position: relative;
		background: url('../images/shadow-bottom.png') top left no-repeat;
	}
	#content .row {
	}
	

	#footer {
		clear: both;
		border-top: 1px solid rgb(236, 244, 245);
		padding: 9px 12px 0;
		margin: 9px 0 18px;
		text-align: center;	
	}

/*	Container */
	div#container, div.container { position: relative; width: 885px; margin: 0 auto; padding: 0; }

/*	Grid ---------------------------- */
	.column-row, .row { margin: 0 0 18px -15px; }
	.column, .columns { float: left; display: inline; margin: 0 0 0 15px; }
	 
	.one { width: 60px; }
	.two { width: 135px; }
	.three { width: 210px; }
	.four { width: 285px; }
	.five { width: 360px; }
	.six { width: 435px; }
	.seven { width: 510px; }
	.eight { width: 585px; }
	.nine { width: 660px; }
	.ten { width: 735px; }
	.eleven { width: 810px; }
	.twelve { width: 885px; }
	.one-third { width: 275px; }
	.two-thirds { width: 565px; }
	 
	.offset-by-one-half { margin-left: 37.5px; }
	.offset-by-one { margin-left: 75px; }
	.offset-by-two { margin-left: 150px; }
	.offset-by-three { margin-left: 225px; }
	.offset-by-four { margin-left: 300px; }
	.offset-by-five { margin-left: 375px; }
	.offset-by-six { margin-left: 450px; }
	.offset-by-seven { margin-left: 525px; }
	.offset-by-eight { margin-left: 600px; }
	.offset-by-nine { margin-left: 675px; }
	.offset-by-ten { margin-left: 750px; }
 
/*	Self-clear floats */
	.column-row:after, .row:after, .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* So long and thanks for all the fish --------------------------------------- */