/* @group RESET */

/*--------------------------------------
 - V1 000000
 - Author 	:	Paul Flynn
 - Visit	:	http://Work-Life Health.com/http://Work-Life Health.co.uk
 - Client	:	Ruth Milner
----------------------------------------
 - Colors
 - headers	: #53462E;
 - quote	: #2E345A;



/*---------------------------------------
RESET: Meyer v1.0 | 20080212
---------------------------------------*/

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;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}


/* @end */



/* @group DEEFOLT */
/*---------------------------------------
DEEFOLT STYLES
---------------------------------------*/
html { background : #f2f1e9; }
body {
	background: #f2f1e9 url('../siteimages/body/body_bg.gif') repeat-x center top;
	color: #212121; 
	padding-bottom: 50px;
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


h1, h2, h3, h4, h5 { color : #A58C5E; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin-bottom:0.75em; }
h1 {font-size:3em;}
h2 {font-size:2em;}
h3 {font-size:1.5em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;font-weight:bold;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p { line-height : 19px; margin : 0 0 15px 0; }

a, a:visited { color : #67686a; text-decoration :  underline; }
a:hover, a:active, a:focus  { color :#333333; text-decoration : none;}

ul { margin: 10px 0px 15px 25px; list-style-image: url(../siteimages/body/scales.png); list-style-position: outside; }
li { padding : 3px 0 2px 0px; margin : 5px 0 0 0; }
li ul, li ol { margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

/* =form */
label, label span { display : block; padding-bottom : .3em;}
label { float : left; width : 100%; display : inline;}
label span { float : left; width : 45%; text-align: r; padding : 8px;}
textarea { height : 75px;}
fieldset input, textarea { float : left; padding : 5px;	color: gray; }
form div { text-align : center; padding : 10px 0 0 220px;}





/* =classes */
.clear { clear: both; font-size: 0.1px; height: 0; line-height: 0; width: 0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display: inline-block; }
/* =Hide from IE Mac \*/
.clearfix { display:block; }
/* =end hide from IE Mac */
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.rmargin { margin-right : 20px }
.cursor { cursor: pointer; }
.upper { text-transform: uppercase; }
.bold { font-weight: bold; }
/* =pngfix */
/* img, div, a, input { behavior: url(/styles/iepngfix.htc) } */
.frame { border : 1px solid #c1c1c1; padding : 5px; background-color : #F2F1E9; }

/* @end */

/* @group BODY */

/*---------------------------------------
BODY
---------------------------------------*/

/* =wrapper */
div#wrapper { width: 880px;	margin: 0 auto; }
.line { width: 800px; height: 1px; border-top: 1px solid #cccccc; margin: 10px auto; }

/* =header */
div#header {
	width: 880px;
	height: 154px;
	background: url('../siteimages/body/header_bg.png') no-repeat;
	margin: 0 auto;
	text-align: left;
	font: 18px;
	color: #323232;
	position : relative;
}
div#header h1 {	background : url(../siteimages/body/logo.png) no-repeat; text-indent : -9999px; height : 101px; width : 245px; position : absolute;	top : 40px; }
div#header p {	position : absolute; right : 15px; top : 105px;	color : #fff; margin : 0; font-size : 14px; color : #242424; }
div#header a { color : #fff; }
div#header span { color : #fff; }


/* =NAVIGATION */
div#navigation { width: 880px; height: 67px;background: url('../siteimages/body/navigation_bg.png') no-repeat; text-align: left;}
div#navigation ul {	height: 62px; width: 860px;	margin: 0px; padding: 0px; list-style: none; position: relative; top: 5px; left: 12px; }
div#navigation li { display : inline; margin : 0px; padding : 0px; }
div#navigation a { float: left; padding: 0px 0px 0px 2px; text-decoration: none; }
#navigation li.current a { background: url("../siteimages/body/navigation_left_bg.png") no-repeat left top; }
#navigation li.current a span { background: url("../siteimages/body/navigation_right_bg.png") no-repeat right top; color: #ffffff; }	
#navigation li a span {	font-size: 14px; color: #dddddd; line-height: 63px;	float: left; display: block; padding: 0px 30px 0px 30px; }
#navigation a:hover { background: url("../siteimages/body/navigation_left_bg.png") no-repeat left top; }
#navigation a:hover span { background: url("../siteimages/body/navigation_right_bg.png") no-repeat right top;}
#navigation li.current a:hover { text-decoration: none; }

/* =Content */
#content { width: 880px; background: url('../siteimages/body/content_bg.png') repeat-y; }
#content-inner { margin: 0 auto; text-align: left; width: 810px; padding-top: 20px;	padding-bottom: 20px; }
/*#content-left { width: 500px; float: left; }*/
#content-right { width: 200px; float: right; }
.content-primary { width: 480px;}
.content-sub { width: 300px; }
.col-1  { width: 220px;}
.col-2  { width: 314px;}
.col-3  { width: 476px;}
.col-4  { width: 540px;}
.col-5  { width: 800px;}
div.c-r-content { background: #fafafa; border: 1px solid #e2e2e2; padding: 15px; }
div.panel {	width: 270px; float: left; margin-right: 25px; }
div.twopanel { width: 445px; float: left; margin-right: 25px; line-height : 18px; padding-right : 20px; }
div.service { width: 275px;	float: left; margin: 25px 25px 25px 0px; }
.sub { color: blue; }
.sub h4 { margin : 0; font-size: 14px; font-weight: bold; font-style: italic; }

/* =servicesnav */
#subnav, #subnav li { list-style : none; }
.current a { color : #000; text-decoration : none; }

/*=why */
#why li { color : #212121; }

/* =testimonial */
div.testimontial { width : 300px; float : left;  }
div.quote { width : 300px; background : url('../siteimages/body/bubble_bg.png') repeat-y 0 0; color: #2E345A; }
div.quote-top { width : 300px; background : url("../siteimages/body/bubble_top_bg.png") no-repeat 0 0; }
div.quote-buttom { width : 300px; height : 61px; background : url('../siteimages/body/bubble_bottom_bg.png') no-repeat 0 0; }
div.quote p { padding : 15px; margin : 0; font: italic 11px/19px Georgia, "Times New Roman", Times, serif; }

/* =about */
.profile { margin : 330px 0 0 0; }

 /*=footer*/ 
div#footer { width : 880px; height : 74px; background : url('../siteimages/body/footer_bg.png') no-repeat; font-size: 10px; color: #7e7e7e;}
div#footer #fnav { width: 380px; height: 44px; float: left; display : inline; text-align: left; color: #afafaf; position: relative; left: 5px;top: 15px; list-style : none; }
div#footer #fnav li { float: left; color: #afafaf; list-style : none; margin : 0 6px; list-style-type : none; }
#siteinfo { width: 350px; height: 44px; float: right; text-align: right; position: relative; right: 25px;top: 15px; }



/* @end */

/* @group S3-SLIDER */

/* =slider */

#slider1 {
    width: 828px; /* important to be same as image width */
    height: 240px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
/* 	border: 1px solid #ffffff; */
}

#slider1Content {
    width: 800px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

li.slider1Image {
    float: left;
    position: relative;
	display: none;
}
li.slider1Image span {
    position: absolute;
    padding: 10px;
    width: 856px;
/*     background: url('../images/span_transparent.png'); */
    color: #ffffff;
    display: none;
}

li.slider1Image span strong { font-size: 15px; font-weight: bold; }

span.clear { clear: both; }
span.left { top: 0; left: 0; width: 110px !important; height: 200px; }
span.right { top: 0; right: 0; width: 120px !important;	height: 200px; }
span.bottom { left: 0; bottom: 0; width: 830px !important; }

div#slider1 ul { list-style-type: none; margin: 0px; padding: 0px; }
div#slider { width: 856px; height: 250px; margin: 0 auto; background: #333333; }
div#sl-inner { width: 830px;  margin: 0 auto; text-align: left; }

#clients h5 { margin : 0; font-size : 15px; }



/* @end */