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

Style Sheet (altonadvancedbodywork.co.uk)
version:   1.0
author:    James Morrish
website:   http://www.jamesmorrish.co.uk/

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

/* =Reset CSS
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------*/


@font-face {  
	  font-family: avantegarde-book;  
	  src: url( /assets/fonts/AvantGarde-Book.ttf ) format("truetype");  
}  

@font-face {  
	  font-family: geneva;  
	  src: url( /assets/fonts/Geneva.ttf ) format("truetype");  
}  


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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* =Core Layout
-------------------------------------------------------------*/


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

body {
	font-family: geneva, Tahoma, Verdana, Arial, sans-serif;
	color: #707070;
	font-size: 0.8em;
	line-height: 1.2em;
}

#wrapper-outer 			{ width: 770px; margin: 36px auto 36px auto; }

#mainlogo				{ float: left; margin-right: 8px; }

#header 				{ position: relative; }

#header .right,
#header .right a,
#header .right img 		{ display: block; float: right; clear: both; }

#header .testimonial	{ margin-right:-16px; float: right; }

#header .contact		{ position:absolute; right:0; top:217px; }

#header #tel			{ margin-bottom: 6px; float: right; }
#header .email			{ display: block; height: 16px; width: 269px; background: url(/assets/images/email.png) left top no-repeat; text-indent: -9999px; clear: right; float: right; }



/* Nav
-------------------------------------------------------------*/
#navigation							{ height: 93px; }
#menu								{ clear: both; float: left; margin: 18px 0 46px 0; }

#menu li 							{ display: block; float: left; }
#menu li a							{ display: block; float: left; height: 29px; text-indent: -99999px; }
#menu #nav-home	a					{ width: 117px; background: url(/assets/images/nav-home-up.png) left top no-repeat; }
#menu #nav-techniques a				{ width: 123px; background: url(/assets/images/nav-techniques-up.png) left top no-repeat; }
#menu #nav-therapies a				{ width: 124px; background: url(/assets/images/nav-therapies-up.png) left top no-repeat; }
#menu #nav-conditions a				{ width: 135px; background: url(/assets/images/nav-conditions-up.png) left top no-repeat; }
#menu #nav-advice a					{ width: 128px; background: url(/assets/images/nav-advice-up.png) left top no-repeat; }
#menu #nav-news	a					{ width: 143px; background: url(/assets/images/nav-news-up.png) left top no-repeat; }

#menu #nav-home .down				{ background: url(/assets/images/nav-home-down.png) left top no-repeat; }
#menu #nav-techniques .down			{ background: url(/assets/images/nav-techniques-down.png) left top no-repeat; }
#menu #nav-therapies .down			{ background: url(/assets/images/nav-therapies-down.png) left top no-repeat; }
#menu #nav-conditions .down			{ background: url(/assets/images/nav-conditions-down.png) left top no-repeat; }
#menu #nav-advice .down				{ background: url(/assets/images/nav-advice-down.png) left top no-repeat; }
#menu #nav-news .down				{ background: url(/assets/images/nav-news-down.png) left top no-repeat; }


#content							{ min-height: 385px; float: left; width: 552px; }
#content img						{ margin-right: 24px; }
#content p							{ margin-bottom: 1em; clear: both; }
#content a							{ color: #E4802D; text-decoration: none; }
#content a:hover					{ color: #E4802D; text-decoration: underline; }



#enquiries							{ background: url(/assets/images/enquiries.png) left top no-repeat; width: 202px; height: 385px; float: right; }

#enquiries form 					{ height: 374px; }
#enquiries form input,
#enquiries form textarea			{ height:16px; margin-left:17px; width:166px; background-color: transparent; border: none; }
#enquiries form .fld-name			{ margin-top:76px; }
#enquiries form .fld-email			{ margin-top:26px; }
#enquiries form .fld-tel			{ margin-top:29px; }
#enquiries form .rcap				{ display: none; }

#enquiries form .fld-message		{ height:47px; margin-top:28px; width: 168px; resize: none; }

#enquiries form .send				{ width: 123px; height: 32px; background: url(/assets/images/btn-enquire.png) left top no-repeat; text-indent: -9999px; margin: 12px auto 0 auto; display: block; font-size: 0; line-height: 0;}

#enquiries form .send:hover			{ cursor:pointer; }

#enquiries .email					{ display: block; height: 11px; width: 202px; background: url(/assets/images/enquiries-email.png) left top no-repeat; text-indent: -9999px; margin-left: 3px; }




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

h1, h2, h3, h4						{ display: block; float: left; margin: 0 1em 1em 0; font-family: avantegarde-book, Tahoma, Verdana, Arial, sans-serif; color: #E4802D; line-height: 1.2em; clear: both; }

#home h1							{ display: block; background: url(/assets/images/logo-main.png) top left no-repeat; height:267px; width:155px; margin-right: 8px; margin-bottom: 0; }
h1									{ font-size: 1.65em; }
h1 span								{ font-size: 0.6em; }
h2									{ font-size: 1.5em; }
h3									{ font-size: 1.3em; }

ul									{ display: block; clear: both; list-style: disc; color: #E4802D; margin: 0 0 1em 16px; }
ul li span							{ color: #707070; }

em									{ font-size: 0.8em; color: #E4802D; }


/* =Footer
-------------------------------------------------------------*/
#footer a			{ font-size: 0.8em; color: #E4802D; text-decoration: none; }
#footer a:hover		{ text-decoration: underline; }


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

/* Removes fieldset borders. even on Opea 7 */
fieldset {
	border: 1px solid transparent;
}


/* =Tables
-------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}

/* =Clearing
-------------------------------------------------------------*/


/* Class for self clearing - use this where ever possible */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Class for clearing floats */
.clear {
	clear: both;
}


/* =Misc 1
-------------------------------------------------------------*/



/* =Misc 2
-------------------------------------------------------------*/