/*

Title:			   Master Style Sheet - Freshest
Author:			   bmorrison@whiteimage.com
Created:		   20 Nov 2009
Went live:		
Last updated:	 23 Nov 2009

Colours
							Orange rgb(255,152,0)
							Grey rgb(126,138,162)
							Blue rgb(38,50,72)
Contents

							 ==General
               ==Links
               ==Forms
               ==Headings
							 
							 ==General_Layout
               ==Page_Templates
               ==hd
               ==ft
							 
				Pages
							 

*/

  
/* ------------------------------------------------------------------------------
		==General
--------------------------------------------------------------------------------- */

html {
		background-color: rgb(0,0,0);
		}
body {
		background: rgb(248,236,218) url(/img/bg_old_paper.jpg) top center repeat-x;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 10px;
		margin: 0;
		padding: 0;
		}
p {
		color: rgb(126,138,162);
		font-size: 12px;
		font-style: italic;
		line-height: 1.6em;
		padding-top: 2em;
		text-align: center;
		}
em {
		font-style: italic;
		}
strong {
		font-weight: bold;
		}
		
/* ------------------------------------------------------------------------------
		==Links
--------------------------------------------------------------------------------- */

a {
		color: rgb(255,152,0);
		}

/* ------------------------------------------------------------------------------
		==Forms
--------------------------------------------------------------------------------- */



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

h1, h2 {
		color: rgb(38,50,72);
		font-size: 18px;
		font-variant: small-caps;
		}

h2 {
	padding-top: 18px;
}

/* ------------------------------------------------------------------------------
		==General_Layout
--------------------------------------------------------------------------------- */

#hd_cont, #bd_cont, #ft_cont {
		margin: 0 auto;
		overflow: auto;
		width: 62.6em;
		}
#hd_cont {
		background: url(/img/bg_hd.png) center top no-repeat;
		height: 22.7em;
		}
#hd_logo {
		text-align: center;
		}
#bd_cont {
		background: url(../img/bg_white_clouds.png) no-repeat;
		}
#ft_cont {
		background: url(/img/bg_ft.jpg) center bottom no-repeat;
		height: 41.8em;
		}
#ft {
		background: url(/img/bg_waves.png) center bottom repeat-x;
		}
.grid {
		background: url(/img/bg_grid.png) center;
		height: 100%;
		overflow: auto;
		}
#ft_tagline p {
		color: rgb(126,138,162);
		font-style: normal;
		line-height: 1.5em;
		padding-top: 18em;
		text-align: center;
		}
#ft_copyright p {
		color: rgb(126,138,162);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 1.5em;
		padding-top: 1em;
		text-align: center;
		}
#ft_copyright a {
		color: rgb(126,138,162);
		text-decoration: none;
		}
.default_padding {
		padding-top: 5em;
		padding-bottom: 5em;
		}
.centred {
		text-align: center;
		}
#action_btns {
		float: left;
		height: 28px;
		position: relative;
		width: 100%;
		}
#action_btns span {
		position: absolute;
		bottom: 0;
		}
#contact_me {
		left: 110px;
		}
#client_login {
		right: 110px;
		}
		
p.examples img {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	border: 1px solid rgb(255,255,255);
	display: block;
	margin: 0 auto;
}

		
/* ------------------------------------------------------------------------------
		==Page_Templates
		
		t1 = Two Columns (706px 226px) with 14px gutter
		t2 = Four Columns (226px) with 14px gutter
		t3 = Two Columns (146px 786px) with 14px gutter
		t4 = Two Columns (226px 706px) with 14px gutter
		t5 = Two Columns (466px 386px) with 94px gutter
		t6 = Two Columns (306px 306px) with 14px gutter
		t7 = One Column (306px)
--------------------------------------------------------------------------------- */

/* General */
.t1, .t2, .t3, .t4, .t5, .t6, .t7 {
		float: left;
		width: 100%;
		}

/* t1 */
.t1 .col1 {
		float: left;
		width: 70.6em;
		}
.t1 .col2 {
		float: right;
		width: 22.6em;
		}

/* t2 */
.t2 .col1, .t2 .col2, .t2 .col3, .t2 .col4 {
		float: left;
		width: 22.6em;
		}
.t2 .col2, .t2 .col3, .t2 .col4 {
		margin-left: 1.4em;
		}

/* t3 */
.t3 .col1 {
		float: left;
		width: 14.6em;
		}
.t3 .col2 {
		float: right;
		width: 78.6em;
		}

/* t4 */
.t4 .col1 {
		float: left;
		width: 22.6em;
		}
.t4 .col2 {
		float: right;
		width: 70.6em;
		}

/* t5 */
.t5 .col1 {
		float: left;
		width: 46.6em;
		}
.t5 .col2 {
		float: right;
		width: 38.6em;
		}

/* t6 */

.t6 .col1 {
		float: left;
		width: 30.6em;
		}
.t6 .col2 {
		float: right;
		width: 30.6em;
		}
.t6 .col3 {
		float: left;
		width: 62.6em;
		}
		
/* t7 */

.t7 .col1 {
		float: left;
		margin-left: 16em;
		width: 30.6em;
		}
		
/* ------------------------------------------------------------------------------
		==hd
--------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------
		==ft
--------------------------------------------------------------------------------- */