/* ===================================================
CSS for Andrew Aitken Massage - v1.0

Author: 		whitespacedesign
Contact: 		emily@whitespacedesign.co.uk
Website: 		http://www.whitespacedesign.co.uk
created: 		25.01.09
=================================================== */




/******************{ universals }*********************/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,td,tr,th
	{margin:0; padding:0 }
	
body {
	font: 62.5% verdana, sans-serif;
	color: #FFF;
	background-color: #521A29;
	}

h1,h2,h3,h4,h5,h6,pre,code,input,textarea {font-size:1em;font-weight: normal;}

a img,:link img,:visited img {border:none;}

:link,:visited {text-decoration:none;}

ul,ol {list-style:none;}

address,
.screenreader {
	position: absolute;
	left: -9000px;
	top: -9000px;
	}
	
.imageReplace,
h1 {text-indent: -9000px;}

.clearfix:after { /* makes float container block clear floated blocks inside it */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* fix for about clearfix for IE PC */
/* End hide from IE-mac */


a:active {outline: none;}
:focus {-moz-outline-style: none;}




/******************{ structure }*********************/
	
#global {
	float: left;
	width: 964px;
	margin: 28px 0 0 28px;
	padding-bottom: 30px;
	background: transparent url(graphics/title.gif) no-repeat 0 0;
	display: inline;
	}
	
#header {
	float: left;
	width: 964px;
	height: 128px;
	}
	
#header p a {
	text-indent: -9999px;
	float: right;
	display: block;
	width: 234px;
	height: 17px;
	margin: 32px 10px 0 0;
	background: transparent url(graphics/email.gif) no-repeat 0 0;
	}
	
#mainContent {
	float: left;
	width: 964px;
	background: transparent url(graphics/address.gif) no-repeat left bottom;
	}
	
#col1, #col2, #col3 {
	width: 241px;
	float: left;
	display:inline;
	}
	
#col1 {margin-left: 241px;}
	
	


/******************{ type }*********************/
	
#mainContent p,
#col3 ul {
	font-size: 1.1em; /* 11px */ 
	margin-bottom: 1em;
	width: 230px;
	margin-right: 11px;
	}
#col3 ul {
	list-style-image: url(graphics/bullet.gif);
	width: 215px;
	padding-left: 15px;
	}
#col3 ul li {
	margin-bottom: .4em;
	}
	
#mainContent p.introP {
	font-family: georgia;
	color: #BA634C;
	font-size: 2.1em; /* 21px */ 
	}
#mainContent p.introP span {color: #FFF;}
	
	
#mainContent p.pullquote {
	color: #BA634C;
	font-size: 1.4em; /* 14px */ 
	}
	
h2 {color: #BA634C;
	padding-bottom: 6px;}




/******************{ footer Nav }*********************/
	
#downloadables {
	float: left;
	width: 241px;
	display:inline;
	}
	
#downloadables h2 {
	float: left;
	width: 241px;
	margin-top: 10px;
	padding-top: 20px;
	color: #FFF;
	background: transparent url(graphics/rule.gif) repeat-x 0 top;
	}

#downloadables ul {
	float: left;
	margin: 0 0 20px 0;
	list-style: none;
	padding-left: 0;
	list-style-image: none;
	}

#downloadables ul li {
	width: 241px;
	margin: 6px 0 0 0;
	}

#downloadables ul li a {
	color: #BA634C;
	}

#downloadables ul li a:hover {
	color: #FFF;
	}