/*

[ CSS Document ]

	Style Sheet Name: fresh_style.css
	Website URL: (The Website Homepage)
	Author: Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 2.0
	Date: 27/08/09

[ Table Of Contents ]

	0- Reset
	1- Global
	2- Headings
	3- Header
	4- Navigation
	5- Main Content Elements
	6- Main Content
	7- Extras
	8- Forms
	9- Footer

[ Colour Reference Guide ]

	Black: #000000
	White: #ffffff - (Used for...)
	Etc...

 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =0 Reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Universal - reset browser default styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	font-style:italic;
}
/* Define focus styles! */
:focus {
	outline: 0;
}
/* Highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* Tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =1 Global 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* General style applied to HTML */
html {
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}
/* Body style */
body {
	clear: both;
	line-height: 1;
	vertical-align: top;
	background: #f0f5f8 url(../images/bg.jpg) top center repeat-x;
	color: #000;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}
/* Preset global styles */
.right {
	float: right;
}
.left {
	float: left;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float: left;
	margin: 4px 10px 4px 0px;
}
img.alignright {
	float: right;
	margin: 4px 0px 4px 10px;
}
.spacer {
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =2 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

/* General headings */
h1 {
	background: 	url(../images/h1.jpg) top left no-repeat;
	font-size: 		6px;
	color: 			#fff;
	height: 			50px;
	margin: 			0px 0 0px 0;
	padding: 		0px;
	font-weight: 	500;
	width: 			337px;
}
h2, h3, h4, h5, h6 {
	color: 			#000;
	font-weight: 	500;
}
h2 {
	color: 			#777777;
	font-size: 		1.1em;
	margin: 			10px 0 0 0;
	text-shadow: 	#a5a59a 1px 0px 1px;
}
h3 {
	color: 			#fff;
	font-size: 		1.1em;
	font-weight: 	900;
	line-height: 	1.3em;
	margin: 			0 0 10px 0;
}
h4 {
	font-size: 		1.1em;
	font-weight: 	900;
	margin: 			0 0 0.5em 0;
	text-shadow: 	#a5a59a 1px 0px 1px;
}
h5 {
	background-color: #FFFF00;
	font-size: 		0.8em;
	font-weight: 	900;
	margin: 			0 0 1.5em 0;
	padding: 4px;
}
h6 {
	font-size: 		0.9em;
	font-weight: 	900;
	margin: 			0 0 0.5em 0;
	text-shadow: 	#a5a59a 1px 0px 1px;
}
/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Header section style */
#header {
	background: 	url(../images/bg-top.jpg) top center no-repeat;
	padding: 		18px 0 0 36px;
}
#head {
	background: 	url(../images/bg-head.jpg) top center no-repeat;
	height: 			450px;
	padding: 		40px 0 0 0;
	width: 			913px;
}
/* Form Column */
#formColumn {
	float: 			left;
	margin:  		20px 0px 0px 16px;
	padding: 		0px 0px 0px 0px;
	width:   		326px;
}
p#intro {
	color: 			#FFFF66;
	font-size: 		0.74em;
}
/* Teaser Column */

#teaserColumn {
	float: 			right;
	margin:  		60px 16px 0px 0px;
	padding: 		0px 0px 0px 0px;
	width:   		200px;
}
#teaserColumn ul {
	list-style-type: none;
	margin:  		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	font-family: 	Arial, Helvetica, sans-serif;
}
#teaserColumn ul li {
	color: 			#fff;
	font-size: 		1.1em;
	font-weight: 	900;
	margin:  		0px 0px 30px 0px;
	padding: 		0px 0px 0px 0px;
}
p#phoneLine {
	float: 			right;
	margin:  		0px 38px 0px 0px;
	padding: 		0px 0px 20px 0px;
	font-size: 		16px;
	text-shadow: 	#a5a59a 1px 0px 1px;
}
#phoneNumber {
font-size: 			30px;
font-weight: 		900;
position: 			relative;
top: 					5px;
font-style:			italic;

}

/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =4 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 



/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =5 Main Content Elements
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* General paragraph style */
p {
	color: 		#42403a;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 	0.8em;
	line-height: 1.3em;
	margin: 	0px 0px 0px 0px;
	padding: 	0em 0px 1.5em 0px;
}
blockquote {
	font-style:	italic;
	quotes: 	none;
}
/* General list styles  */
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
ul, ol {
	color: 		#42403a;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 	0.8em;
	line-height: 1.3em;
	margin: 	0px 0px 0px 40px;
	padding: 	0em 0px 1.5em 0px;
}
/* General link styles  */
#content a:link, #content a:visited {
	color:		#0056ca;
	text-decoration: none;
}
#content a:hover {
	color:		#ca0034;
	text-decoration: underline;
}
/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =6 Main Content 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Content wrapper */
#contentWrapper {
	clear: 			both;
	margin: 			0px auto 0px;
	text-align: 	left;
	width: 			988px;
	position: 		relative;
}
/* Content */
#content {
	background: 	#fff url(../images/bg-main.jpg) top center repeat-y;
	float: 			left;
	margin:  		0px 0px 40px 0px;
	padding: 		0px 0px 0px 0px;
	width: 			988px;
}

#leftSide {
background: 	url(../images/left.jpg) top right no-repeat;
height: 351px;
width: 5px;
position: absolute;
top: 145px;
left: -2px;
}
#rightSide {
background: 	url(../images/right.jpg) top right no-repeat;
height: 351px;
width: 5px;
position: absolute;
top: 145px;
right: -1px;
}


/* Main Content Wrap --------------------- */
#mainContentWrap {

	float: 			left;
	margin:  		0px 0px 0px 36px;
	padding: 		0px 0px 0px 0px;
	width: 			600px;
}
#mainContent {
}
#mainContent .module {
}
/* Sub content columns */
#contentCol1 {
}
#contentCol2 {
}
#contentCol3 {
}
/* Side Content Wrap --------------------- */
#sideContentWrap {

	float: 		right;
	margin:  	0px 36px 0px 0px;
	padding: 	0px 0px 0px 0px;
	width: 		278px;
}

.sideModule {
	margin:  	20px 0px 20px 0px;
	padding: 	10px 10px 10px 10px;
	border: 1px solid #cdcdc2;
}
#testimonialWrap {
	margin:  	0px 0px 16px 0px;
	padding: 	0px 0px 0px 0px;
}
#audioPlayers {
	background: 	url(../images/girl.jpg) top right no-repeat;
}
#audioPlayers p{
	margin:  	0px 0px 3px 0px;
	padding: 	0px 0px 0px 0px;
}
/* Specific (PageName) style --------------------- */	
















/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =7 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Image styles  */

/* Fader style - used for jQuery Innerfade  */
#fader {
}
/* Other jQuery style */

/* Google Map style */

/* Video style */


/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =8 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

/* Form elements  */

form {
	padding: 0 20px 0px 20px;
}
form, form fieldset input, form fieldset textarea, form label {
	font-family: Helvetica, Arial;
	font-size: 10pt;
}
form p {
	clear: both;
	margin: 4px 0;
	position: relative;
}
form p label {
	float: left;
}
form p input {
	float: right;
	display: block;
	padding: 2px;
	width: 200px;
	margin: 6px 0 0px 0;
}

form p select {
	float: right;
	display: block;
	padding: 2px;
	width: 206px;
	margin: 6px 0 0px 0;
}


form p label {
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}
form fieldset p textarea, form fieldset p input {
	border: solid 1px #ccc;
}
form p label {
	color: #fff;
}


form p label.error {
	background: #FFFF00 url(../images/arrow.jpg) left center no-repeat;
	color:#000;
	position: absolute; 
	left: 286px;
	width: 160px;
	padding: 4px 4px 4px 12px;
	font-size: 10px;
	font-weight: 900;
	margin-top: 6px;
}


p#naughtyNaughtyEmails {
	color: #838383;
	font-size: 0.8em;
	float: right;
	padding:0;
	margin: 0 0 4px 0;
}
#theForm .submit {
	width: 151px;
	height: 38px;
}
/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

/* Footer Wrapper  */
#footerWrap {
	clear: 			both;
	width: 			100%;
	text-align: 	center;
}
/* Footer */
#footer {
	background: 	url(../images/footer.jpg) bottom center no-repeat;
	border-top: 1px solid #d6dadd;
	clear:			both;
	width: 			916px;
	margin: 			0px auto;
	padding: 	10px 36px 18px 36px;
	text-align: 	left;
}
#footer p {
	color:			#000;
	font-size: 		0.7em;
	line-height: 	1.5em;
}
#footer p a:link, #footer p a:visited {
	color:			#99998f;
	text-decoration: none;
}
#footer p a:hover {
	color:			#000;
	text-decoration: underline;
}
#footer ul {
	margin:  	0px 0px 0px 0px;
}
#footer ul li {
display: inline;
float: left;
}

/* hides the anti-spam field */
#phantom { display: none; }