body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* END RESET */

/* the below restores some sensible defaults */
strong {font-weight: bold;}
em {font-style: italic;}
* a {position: relative;} /*Gets links to display over a PNG background */
a img {border:none;} /*Gets rid of IE's blue border */
a {outline: none;}

/* COLOURS 

grey : #8B8B8B

dark grey : #646464

light grey : #C1C1C1

mid grey : #A2A2A2

blue : #1982C8

light blue : #69AFE1

*/





/* BASE */



html, body { height:100%; }
 

body { 
    font: 15px/16px Arial, Helvetica, sans-serif; 
    margin:0; overflow: hidden;
	color: #8B8B8B;
}


a {}

a:hover {}



/* STRUCTURE

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

#menu {position:absolute; z-index: 1000; width:190px; left:35px; top:30px; background: url(img/menu-line.gif) 0 0; background-repeat: no-repeat; padding: 10px 0 0 0;}

#content-home {position:absolute; z-index: 1000; width:510px; left:250px; top:30px; background: url(img/content-line.gif) 0 0; background-repeat: no-repeat; padding: 10px 0 0 0;}

#content {position:absolute; z-index: 1000; width:400px; left:250px; top:30px; background: url(img/content-line.gif) -110px 0; background-repeat: no-repeat; padding: 10px 0 0 0;}

#news {position:absolute; z-index: 1000; width:190px; left:35px; top:225px; background: url(img/news-line.gif) 0 0; background-repeat: no-repeat; padding: 5px 0 0 0;}

#legal {position:absolute; z-index: 1000; width:190px; left:35px; top:530px; font-size: 11px; line-height: 12px;}


h1 { font-size: 20px; line-height: 21px; margin: 0; color:#8B8B8B; }

h1 span {color:#646464; }



/* STRUCTURE WHITE BLOCKS

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

#services {position:absolute; z-index: 1000; width:425px; height:370px; left:250px; top:30px; padding: 10px 0 0 0;}

#services-one {position:absolute; z-index: 1000; width:425px; height:370px; left:250px; top:30px; padding: 10px 0 0 0; display: none;}

#services-two {position:absolute; z-index: 1000; width:425px; height:370px; left:250px; top:30px; padding: 10px 0 0 0; display: none;}

#services-three {position:absolute; z-index: 1000; width:425px; height:370px; left:250px; top:30px; padding: 10px 0 0 0; display: none;}

#services-four {position:absolute; z-index: 1000; width:425px; height:370px; left:250px; top:30px; padding: 10px 0 0 0; display: none;}


#service-bar {position:absolute; z-index: 1000; width:425px; height:10px; left:250px; top:30px; background: url(img/content-line.gif) -110px 0; background-repeat: no-repeat; }



#team {position:absolute; z-index: 1000; width:510px; height:470px; left:250px; top:30px; padding: 0 0 0 0; }

#story-bar {position:absolute; z-index: 1000; width:510px; height:10px; left:250px; top:30px; background: url(img/content-line.gif) 0 0; background-repeat: no-repeat; }

#story {position:absolute; z-index: 1000; width:510px; min-height:470px; left:250px; top:30px; padding: 10px 0 0 0;}


#story-two {position:absolute; z-index: 1000; width:510px; min-height:470px; left:250px; top:30px; background: url(img/content-line.gif) 0 0; background-repeat: no-repeat; padding: 10px 0 0 0;}

#story-three {position:absolute; z-index: 1000; width:510px; min-height:470px; left:250px; top:30px; background: url(img/content-line.gif) 0 0; background-repeat: no-repeat; padding: 10px 0 0 0;}

#story-four {position:absolute; z-index: 1000; width:510px; min-height:470px; left:250px; top:30px; background: url(img/content-line.gif) 0 0; background-repeat: no-repeat; padding: 10px 0 0 0;}

#story-five {position:absolute; z-index: 1000; width:510px; min-height:470px; left:250px; top:30px; background: url(img/content-line.gif) 0 0; background-repeat: no-repeat; padding: 10px 0 0 0;}

#story-six {position:absolute; z-index: 1000; width:510px; min-height:470px; left:250px; top:30px; background: url(img/content-line.gif) 0 0; background-repeat: no-repeat; padding: 10px 0 0 0;}


/* FLASH
-------------------------------------------------------------- */

.sophie { background: url(img/team/sophie.jpg); background-repeat: no-repeat; background-position: 0 bottom;}
.raymond { background: url(img/team/raymond.jpg); background-repeat: no-repeat; background-position: 0 bottom;}
.victoria { background: url(img/team/victoria.jpg); background-repeat: no-repeat; background-position: 0 bottom;}
.laura { background: url(img/team/laura.jpg); background-repeat: no-repeat; background-position: 0 bottom;}

h4 {display: block; width: 510px; height: 5px; background: url(img/content-line.gif) 0 0; background-repeat: no-repeat; padding-bottom: 5px;}

/* FLASH
-------------------------------------------------------------- */

.holistic {height:100%;}



/* MENU
-------------------------------------------------------------- */


#menu h3 {font-size: 15px; line-height: 16px; font-weight: normal;}
 
#menu h3 a { cursor: pointer; text-decoration: none; color: #A2A2A2;}

#menu h3 a:hover{ cursor: pointer; text-decoration: none; color: #8B8B8B;}
 

.menu-accordion { cursor: pointer; font-size: 15px; line-height: 16px; padding-bottom: 15px;}

.menu-accordion a { cursor: pointer; text-decoration: none; color: #8B8B8B;}

.menu-accordion a:hover{ cursor: pointer; text-decoration: none; color: #A2A2A2;}

.menu-space {padding-bottom: 15px;}


/* selected menu options */

/* selected menu BLUE */
#menu h3 a.dark-blue, .menu-accordion a.dark-blue {color: #1982C8;}
#menu h3 a:hover.dark-blue, .menu-accordion a:hover.dark-blue {color: #1982C8;}

/* non-selected menu LIGHT BLUE */
#menu h3 a.light-blue, .menu-accordion a.light-blue {color: #69AFE1;}
#menu h3 a:hover.light-blue, .menu-accordion a:hover.light-blue {color: #1982C8;}

/* non-selected menu LIGHT GREY */
.menu-accordion a.light-grey {color: #A2A2A2;}
.menu-accordion a:hover.light-grey {color: #8B8B8B;}

/* non-selected menu DARK GREY */
#menu h3 a.dark-grey, .menu-accordion a.dark-grey {color: #646464;}
#menu h3 a:hover.dark-grey, .menu-accordion a:hover.dark-grey {color: #8B8B8B;}

/* NEWS
-------------------------------------------------------------- */

#news h3.title {font-size: 15px; line-height: 13px; font-weight: normal; background: none; color: #646464; padding: 8px 0 8px 0;}


#news h3 {font-size: 12px; line-height: 13px; font-weight: normal; display: block; background: url(img/news-sub-line.gif) 0 0; background-repeat: no-repeat; padding: 8px 0 8px 0;}
 
#news h3 a { cursor: pointer; text-decoration: none; color: #8B8B8B;}

#news h3 a:hover{ cursor: pointer; text-decoration: none; color: #646464;}
 

.news-one, .news-two, .news-three, .news-four  {font-size: 12px; line-height: 13px; padding-bottom: 8px;}

#news p {padding-bottom: 6px;}


#news a {color: #8B8B8B; text-decoration: underline;}
#news a:hover {color: #A2A2A2;}

/* selected menu options */

.news-accordion a.selected {background-position: right -20px; color: #FFF;}

#news h3 a.news-selected {color: #646464;}



#end-bit {height:2px; width:190px; background: url(img/news-sub-line.gif) 0 0; background-repeat: no-repeat;}



/* CONTENT AREA
-------------------------------------------------------------- */

#content p {padding: 0 0 15px 0;}

#services p, #story p {padding: 0 25px 15px 0;}

#team p {padding: 0 0 15px 0;}

#story p, #story-two p, #story-three p, #story-four p, #story-five p, #story-six p, #services-one p, #services-two p, #services-three p, #services-four p {padding: 0 20px 15px 0;}

#content p.heading, #services p.heading, #team p.heading, #story p.heading, #story-two p.heading, #story-three p.heading, #story-four p.heading, #story-five p.heading, #story-six p.heading, #services-one p.heading, #services-two p.heading, #services-three p.heading, #services-four p.heading {color: #646464; padding: 0 0 10px 0; margin: 0;}

p span {color: #646464;}

#content a, #team a {color: #8B8B8B; text-decoration: none;}
#content a:hover, #team a:hover {color: #A2A2A2;}

/* UTILITY

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

.floatLeft { float: left; }
.floatRight { float: right; }
/*.button { border: 1px solid #999; background: #FFF; padding: 3px 8px; 
								  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #999; }
.button:hover { background: #CCC; color: #FFF;} */


/* HACKS

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


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, #content:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #content {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }