/* CSS file for GeeAndCompany.co.uk
   By J.Sears (www.janimania.com)

   Each page on the site uses a uniform Masthead and left hand panel for the graphics as well as a footer.
   
   These common sections will be described first
   Each element's properties are divided into position properties and look & feel which I will label Visual 		properties
   
*/

/* ---------------------------------------- Top Level properties -------------------------------------------*/

/*
*
{
	margin: 0px;
	padding: 0px;
}
*/
body
{
	/* Position elements */
	
	/* Visual elements */
/*	font-family: Arial,
             Helvetica,
             sans-serif;
*/
font-family: Verdana,Tahoma, Arial, Serif;             
	font-size: 13px;


	background-color: #eeeeee;
	color: black;
	text-align: justify;
/*	padding-right: 5px;*/
}

h1
{
	text-align: right;
}
h2
{
	text-align: left;
}
ul
{
	list-style-type: none;
}
ul.bullet
{
	list-style-type: disc;
	list-style-image: url('../grfx/bullet.gif');
}
span.CompanyName
{
	color: #aa1f39;
	font-weight: 900;
	font-size: 18px;
}

.BoldEmphasis
{
	font-weight: bold;	
}
.Underline
{
	text-decoration: underline;
}
/* Emphasis on Employee name on the about page */
.employee_name
{	
	font-weight: bold;
}
.testimonial
{
	font-style: italic;
}
.testimonial .signature
{
	font-style: normal;
	font-family: "times new roman";
	font-weight: bold;
	padding-bottom: 15px;
}
p.highlightPara
{
	font-size: 14px;
}
.greyhighlight
{
	font-weight: bold;
	color: #84777a;
}
.noimpl
{
	color: #999999;
}
.nodisplay
{
	display: none;
}

/* Aweber classes */
.aweb_form
{
	margin: 0px;
}
.aweb_emphasis
{
	display: block;
	font-family: "verdana";
	font-size: 14px;
	font-weight: 900;
	text-align: center;
}
.aweb_text
{
	display: block;
	padding: 1px 10px 10px 10px;
	font-size: 12px;
}
.aweb_name_input
{
/*  	display: inline;*/
  	width: 140px;
  	margin-left: 20px;
}
.aweb_email_input
{
  	width: 140px;
  	margin-left: 20px;
  	margin-top: 3px;
}
.aweb_submit
{
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.aweb_form_text
{
	font-family: "arial";
	font-size: 12px;
	font-weight: normal;
	
	
}
.footnote
{
	display: block;
	font-family: "arial";
	font-size: 10px;
	font-weight: normal;
	text-align: center;	
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
.aweb_form
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

.pagenote
{
	color: #733;
	font-family: arial;
	font-size: 10px;
}
/* ------------- */

/* ------------------------------------------ Common page styles -------------------------------------------*/
/*
	These are styles which occur across many pages
*/
.ContentTitle
{
	color: black;
	margin: 0 0 0 176px;
	padding: 0 10px 0 0;
	background: url('../grfx/sage/title_bkg.jpg') repeat-y top right;
	display:block;
	height: 50px;
	width: 602px;
	border-bottom: 1px solid #ccc;
	font-size: 22px;
	
}
.ContentTitle h1
{
	margin:0px;	
	padding: 0;
/*	font-family: Helvetica,sans-serif, arial;*/
	font-family: Arial,
             Helvetica,
             sans-serif;
	
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
	text-align: right;
	font-size: 26px;
/*	color: #A51129;*/
	color: #300;
}
.ContentTitle h1 span
{
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 10px;
	margin: 0;
}

.content_sub_title
{
	font-weight: bold;
	text-decoration: none;
	font-variant: normal;
	text-align: left;
	display: block;
	width: 100%;
	height: 20px;
/*	border: dotted 1px #ddd; */
/*	background: url('../grfx/shiny/sub_title_bkg.gif') repeat-y -430px 0px;*/
	padding: 0 0 5px 5px;
	  
}
li.embedded_menu h1
{
	position:relative;
	top: 5px;
	font-size: 14px;
	text-align: center;
	color: #A51129;
/*	background-color: black;*/
/*	width: 141px;*/

}
li.embedded_menu
{
	padding-top: 0px;
	width: 151px;
	height: 74px;
/*	background-color: #a30e2a;*/

/*  	background: url('../grfx/btnblusmallRaised.png') top left no-repeat;*/
  	z-index: 0;
  	border-bottom: solid 1px #aaaaaa;
  	border-top: solid 1px #efefef;
  	text-align: center;
  	
}

li.embedded_menu span
{
	padding-top: 2px;
	padding-left: 0px;
	padding-bottom: 5px;	
	margin-right: 10px;

	color: #A51129;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	display: block;
}
li.embedded_menu a
{
 	text-decoration: none; 
}
li.embedded_menu:hover
{
/*  	background: url('../grfx/btnblusmallHot.png') top left no-repeat;*/
	background-color:#FFEFEF;
}

#stylemenu
{
	display: none;
	position: relative;
	z-index: 0;
	margin-left: 0px;
	float: right;
	top: -26px;
}

#stylemenu ul
{
	font-family: 'century gothic';
	font-size: 14px;

	margin: 0px;
	padding: 0px;	
}
#stylemenu ul li
{
	float: left;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;	
}
#stylemenu ul li a
{
	text-decoration: none;
	color: #a40e2b;
	background-color: transparent; /* #e5d8db; */
	padding: 3px;
	margin: 0px;
}
.awebber_spacer
{
  width: 200px;
  height: 277px;
  background: url('../grfx/aweb_border.gif') no-repeat;
	position: absolute;
  left:636px;
  margin: 10px;


  padding-left: 5px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 0px;

}
.validation_link
{
	color: #666666;
	text-decoration: none;  
}
.validation_link:hover
{
	color: black;
	font-weight: bold;
}

/************** Box functions ***************/
/* -------- fixed 197x169 ---------*/
.fixedbox
{
	display:block;
	width: 197px;
	height: 169px;
	background: url('../grfx/shiny/box_green.gif') no-repeat top left;
}
.fixedbox_title
{
	text-align: center;
	font-family: verdana;
	font-weight: bold;	
	font-size: 18px;
	height: 41px;
	width: 187px;
	padding-top: 10px;

}
.fixedbox_title span
{
}
.fixedbox_content
{
	width: 167px;
	height: 118px;
	padding: 5px 20px 5px 5px;
	text-align:center
	
}

/* ---------- 197 x Dynamic height -----------*/
.vh_box
{
	display:block;
	width: 197px;
}
.vh_box_title
{
	text-align: center;
	font-family: verdana;
	font-weight: bold;	
	font-size: 18px;
	height: 41px;
	width: 197px;
	background: url('../grfx/sage/sage_green_title.jpg') no-repeat top left;
	color: #330;
}
.vh_box_title:hover
{
  	background: url('../grfx/sage/dark_burg_title.jpg') no-repeat top left;
  	color: white; 
}
.vh_box_title .summaryTitle
{
	display: block;
	padding-top:10px;
}
.vh_box_content
{
	padding: 5px 15px 5px 5px;
	background: url('../grfx/shiny/box_body.gif') repeat-y top left;  
	text-align: center;
}
.vh_box_footer
{
	height: 29px;
	background: url('../grfx/shiny/box_footer.jpg') repeat-y top left;  
}
/* ---------------------------------------------- Container Divs------------------------------------------------*/


#SuperParent
{
	width: 100%;

}
#ContentParent
{
	width: 960px;
	margin: 0 auto 2em auto;
	background-color: white;
	border: 1px solid #dddddd;
}

#ContentContainer
{
	/* Position Elements */
	position: relative;
	display: block;
/*	min-width: 300px;*/
	width: 764px;
	
	margin-top: -500px;	
	left: 172px;
	right: 0px;
	
	margin-left: 0px;
	
	/* Visual Elements */
	z-index: 0;

}


#ContentContainer h1
{
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
}
div .content
{
	min-height:300px; 
}
/* _________________________________________________________________________________________________________*/


/* ---------------------------------------- Masthead (PageHead) --------------------------------------------*/
/* Container for Masthead elements the html code 
   for these elements is found in templates/pagehead.htm */
   

#PageHead
{
	/* Position elements */  
	height:196px;
/*
	width: 980px;	
	min-width:980px;
*/		
	top:0px;
	left:0px;

	margin:0pt;
	padding:0pt;
	background:transparent url(../grfx/bkgcol.png) repeat-x scroll center;
}

/* Div containing the Logo graphic */
#titleleft {
	/* Position elements */ 
	position: relative;
	float: left;
	height:161px;
	width:363px;

	top:0px;
	left:0px;

	margin:0pt;
	padding:0pt;

	/* Visual Elements */
	text-align:center;	
	z-index:10;
	background:transparent url(../grfx/logo2.png) no-repeat scroll center;
	
}
/* Company name Text */
#titleleft span 
{
  display: none;
}
#titleleft h1
{
  text-align: center;
}

/* The space between the logo and the right masthead image */
#titlecenter
{
	background:transparent url(../grfx/bkgcol.png) repeat-x scroll center;
	float:left;
	height:160px;
	width:216px;
}

/* The right hand panel of the mast head. Contains a graphic element as the background
	and the company Address */
#titleright p
{
	padding-right: 8px;
	padding-top: 1px;
}
#titleright
{
	background: url(../grfx/title_watermark.png) no-repeat scroll right top;
	color:white;
	float:right;
	height:160px;
	margin:0px;
	padding:0px;
	text-align:right;
	top:0px;
	width:381px;
	z-index:5;	
}
/* _________________________________________________________________________________________________________*/

/* -------------------------------------------- absolute elements  -------------------------------------------------*/
/* Most of the css defining the menu is in menu.css however this graphical element
   places a shadow under the menu and is really part of the rest of the page */
#menushadow
{
	/* Position elements */
/*	position: absolute;*/
/*


	top: 182px;	
	left: 368px;
	right: 0px;
	
	margin: 0px;
*/	
	/* Visual elements */
	background: url('../grfx/sage/contentshadow.jpg') top left no-repeat; 
	height: 14px;
	z-index:10;
}

#callusTitleText
{
	/* Position Elements */
	position: relative;
	display: block;
	top: 95px;
	left: 200px;

	margin: 0px;	
	padding: 0px;
	/* Visual Elements */
	z-index: 200;
	text-align: center;

    font-size: 18px;
    font-family: "arial";
    font-weight: 400;	
    
    color: white;
}
/* _________________________________________________________________________________________________________*/


/* -------------------------------------------- Left Panel -------------------------------------------------*/
/* This panel flows the masthead graphic into the page. It also provides a few links 
   the html code is defined in templates/leftpanel.htm */

#LeftPanel
{
	/* Position elements */ 
  	position: relative;

	height: 500px;
	width: 368px;
  	
	top: 0px;
	left: 0px;

	margin: 0px;
	padding: 0px;
	/* Visual elements */
	z-index: 0;	
   	background: url('../grfx/sage/lpanel_shad.jpg') no-repeat left -13px;
}

#LPanel_shad
{
	/* Graphic section for top of left panel - provides shadow for menu bar */
	display: block;
	width:362px;
	height: 64px;
/*	background: url('../grfx/shiny/lpanel_shad_dark.jpg') no-repeat 0px 0px; */
}
/* 'Free Consultation' section*/
#LPanelConsult
{

	position: relative;
  	width: 100px;
  	height: 100px;
	padding: 0px;
	margin: 0px;
	top: -60px;
	left: 9px;	
}
/* text*/
#LPanelConsult p
{
	padding: 0px;
	margin: 0px;
	
	text-align: center;  
	font-size: 18px;
	font-weight: normal;	
	
}
/* Contact Us section */
#ContactButton
{
	/* Position elements */
	position: relative;

	width: 82px;
	height: 31px;
	
	top: 5px;
	left: 10px;
	/* Visual elements */
	text-align: center;
	background : url('../grfx/contactbtn.png') no-repeat top left;
}
#ContactButton a
{
	display: block;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	color: #a40e2b;
	padding-right: 4px;
	padding-top: 4px;
}
/* Left Panel Menu */
#LPanelMenu
{
	/* Position elements */
	position: absolute;

	top: 240px;
	left: 25px;

	padding: 0;
	/* Visual elements */
	z-index: 1;
}
#LPanelMenu ul
{
	/* Position */
	width: 120px;
	
 	padding: 0px 0px 0px 0px;
 	margin: 0;
	
	/* Visual */
 	list-style-type: none;
 	text-align: center;
 	font-size: 10px;
 	font-weight: bold;
}
#LPanelMenu li
{
	padding-bottom: 10px;
}
#LPanelMenu a
{
	color: #666666;
	text-decoration: none;
}
#LPanelMenu a:hover
{
	color: black;
	font-size: 11px;
}
#W3C_XHTML, #W3C_CSS
{
	position: absolute;
	top: 390px;
  	left: 20px;
	height: 31px;
	width: 88px;
/*	background: url(http://www.w3.org/Icons/valid-xhtml10) top left no-repeat; */
}
#W3C_XHTML a
{
	display: block;
	height: 31px;
	width: 88px;
}
#W3C_XHTML span
{
	display: inline;
}
#W3C_CSS
{

	top: 425px;
/*	background: url(http://jigsaw.w3.org/css-validator/images/vcss)   top left no-repeat; */
}
#W3C_CSS a
{
	display: block;
	height: 31px;
	width: 88px;
}
#W3C_CSS span
{
	display: inline;
}
/* _________________________________________________________________________________________________________*/

/* ---------------------------------------------- Footer ---------------------------------------------------*/

#PageFooter
{
	/* Position Elements */
	position: relative;
	clear: both;
	padding-top: 30px;
	height: 60px;
	margin-left: 0px;
	margin-right: 15px;
	top: 0px;
	
	/* Visual Elements */
	display: block;
	z-index: 0;
	font-family: 'tahoma';
	text-align: center;
	font-weight: normal;
	font-size: 10px;
}

#BarGrfx
{
	/* Position */
	width: 100%;	
	height: 12px;
	clear: both;
	/* Visual */
  	background: url(../grfx/singleseparator2.png) repeat-x center center;
}
/* _________________________________________________________________________________________________________*/


/* ---------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------- Main Menu -------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/
/* container for menu container ;) */
#menuholder
{
	/* Position Elements */

	position: relative;
	clear: left;
/*	width: 978px; */
	height:22px;  
	
	top: 0px;
	left: 0px;

	margin: 0;
	padding: 0;
	
	/* Visual Elements */
	z-index: 100;
	background: url('../grfx/shiny/menu_bkg.gif') repeat-x;
}

/* Container for the menu ul*/
#mainmenu
{
	/* Position Elements */
	position: relative;

	width: 490px;
	height: 30px;
	
	top: 0px;
	right: 0px;
		
	margin-left: auto;
	font-family: Arial,
             Helvetica,
             sans-serif;
}

/* Fix IE. Hide from IE Mac \*/
* html .navmenu ul li { float: left; }
* html .navmenu ul li a { height: 1%; }
/* End */

.navmenu ul
{

}

/* properties of our main navigation menu */
.navmenu
{
	/* Position Elements */
	position: relative; 
	
	margin: 0;  
	padding: 0;
	
	/* Visual Elements */
	text-align:center;
	list-style-type: none;
}



/* Properties of first-level list items */
.navmenu li
{  
	/* Position Elements */
	position: relative;
	float: left;
	
	height: 18px;
	width: auto;	
	margin: 0px;
	padding: 2px 0px 0px 10px;
	
	/* Visual Elements */
	list-style: none;
	list-style-image: none;
		
	text-align: left;  
	overflow: visible;	
	
	background: url('../grfx/shiny/menu_bkg.gif') repeat-x;
}

/* ------- properties of first-level list links ---------- */
.navmenu li a
{
	/* Visual Elements */  
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	font-weight: 400;
	color: #630a1b; 
/*	color: black;*/
}
.navmenu a:link
{  
}
.navmenu a:visited
{  
}
.navmenu a:active
{  
}
.navmenu a:hover
{  
/*  color: #0000aa; */
  font-weight: 800;
}
/* ----------------------------------- */

/* Second-level unsorted lists */
.navmenu li ul
{
  
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: auto;
  z-index: 100;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.navmenu li:hover ul, li.over ul
{
 
  position: absolute;
  visibility: visible;
  width: auto;
  top: 18px;
  height: auto;
  overflow: visible;
  left: 5px;
  padding: 3px 3px 3px 3px; 
  color: #630a1b;

}
/* ---------------------------------*/

/* second-level unsorted list items */
.navmenu li ul li
{

   width: 150px; 
   height: 20px;
/*   border-bottom: 1px solid #a51129;  */
   border-right: 1px solid #a51129;
   border-left: 1px solid #a51129;   
   
/*
   text-align: left;
   z-index: 10;
   background-color: #eeffff;
   float: none;
   color: #630a1b;
*/
}
.navmenu li ul li a
{
 /* color: #630a1b;*/
}
.navmenu li ul li a:hover
{
/* color: red;*/
}

/* _________________________________________________________________________________________________________*/

/* ---------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------ Home Page elements -------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

#homePagePic span
{
	display: none;
}
#homePagePic
{
	position: relative;
	float: left;
	display: inline-block;

	width: 160px;
	height: 154px;	

  	top: 0px;
  	left: 0px;

  	margin-right: 5px;

  	background: url('../grfx/Hands.jpg') no-repeat;
/*	border: solid 1px #aaaaaa;*/
}
#homeText
{
	position: relative;

	top: 15px;
/*	left: 10px;*/
	
	margin-right: 200px;
	text-align: justify;
}
/* Right hand panel DIV. Contains some graphic links to content */
#homeRightPanel
{
	position: absolute;
	top: 40px;
	right: 23px;
	width: 160px;
	height: 360px;
	z-index: 0;
}
#homeRightPanel a
{
	text-decoration: none;
	color:black; 
}
/* Contains the list and 'Not just for the rich & famous tag' */
#homeRPListLink
{
/*	background: url('../grfx/listpanel.png') no-repeat top left;*/
/*	background: url('../grfx/orangegradlarge.png') no-repeat bottom left;*/
/*	background=color: #ffeeee;*/
	width: 170px;
	height: 266px;
	text-align: justify;
	font-family: 'arial';
	font-size: 12px;
	font-weight: normal;
	margin:auto;
	z-index: 0;
}
#homeRPListLink p
{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 12px;
	z-index: 0;	
}
#homeRPList ul
{	
	padding-left: 40px;
	padding-top: 0px;
	margin: 0px;

	list-style-position: outside;
	text-align: left;
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	z-index: 0;	
}
#listAnchor
{
	position: absolute;	
	width: 178px;
	height: 266px;
	top: 0px;
	left: 0px;

	z-index: 200;
}
#listAnchor a
{
  
	position: absolute;
	display: block;
	width: 178px;
	height: 266px;  
	/* this is a fix for IE7: clear.gif does not even exit, but it changes the way IE7 renders the anchor so that it is clickable */
	background-image: url(clear.gif);  
}
#listAnchor span
{
 	display: none; 
}
/* Service level range section */
#hp_sign_up
{
	position: relative;
	display: block;
	left: 10px;
	top: 20px;
}
#clientsguide, #inheritance
{
	position: relative;
	display: block;
	left: 10px;
	top: 20px;
	margin-bottom: 10px;

}
#clientsguide p
{
}

#MantraSection
{
	clear: both;
	padding-top:10px;
	font-family: 'arial';
	font-size: 16px;
	font-style: italic;
	margin-right: 10px;
	margin-top: 80px;

}
.MantraEntry
{

	padding: 2px 2px 2px 2px;
}
/* _________________________________________________________________________________________________________*/

/* ---------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------ About Page elements -------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/
#ShrewsburyPic
{
	/* position */
	position: relative;
	width: 201px;
	height: 300px;

	margin: 15px;
	float: right;
	
  	background: url('../grfx/office_sml.jpg') no-repeat;
/*	border: solid 1px #aaaaaa; */
}
#ShrewsburyPic span
{
	visibility: hidden;
}
#aboutPage_Section1
{
	position: relative;
}
#CompanyProfile
{
	position: relative;
  	left: 0px;
  	margin-right: 20px;
}

.employee_summary
{
	margin-bottom:15px;	
	clear:right;
	height: 100px;
	
	 border-bottom: solid 1px #eef;	 
}
.employee_thumbnail
{
	width: 120px;
	height: 80px;	
}
.thumb_left
{
	float: left;
	margin-right: 10px;	
}
.thumb_right
{
	float: right;
	margin-left: 10px;	
}
.employee_thumbnail a
{
	display: block;
	width: 120px;
	height: 80px;	
	
}
.employee_thumbnail a span
{
	display:none;
}

#accreditation
{
	clear: both;
}
#teamprofile h2
{
	margin: 16px 0 5px 0;
}
#teamprofile .content_sub_title
{
	padding-bottom: 0;
}
#teamprofile h2 span
{
	padding: 0;
}


#jsphoto
{  	
	background: url('../grfx/photos/thumbs/jennifer_t.jpg') no-repeat;
}
#johnphoto
{
	background: url('../grfx/photos/thumbs/John_t.jpg') no-repeat;
}
#richphoto
{
	background: url('../grfx/photos/thumbs/Richard_t.jpg') no-repeat;
}
#saraphoto
{
	background: url('../grfx/photos/thumbs/Sara_t.jpg') no-repeat;
}
#mitchphoto
{
background: url('../grfx/photos/thumbs/Mitch_t.jpg') no-repeat;
}
#carenphoto
{
background: url('../grfx/photos/thumbs/Caren_t.jpg') no-repeat 0px -10px;
}
#gaynorphoto
{
background: url('../grfx/photos/thumbs/Gaynor_t.jpg') no-repeat 0 -10px;
}

/* -- old ---- */
#team_para_2
{
	clear: left;
}
#teamphoto span
{
	display: none;
}
#teamphoto
{
	position: relative;
  	margin: 15px;  
	width: 320px;
	height: 253px;
	top: 0px;
	float: right;
	border: solid 1px #aaaaaa;
  	background: url('../grfx/teamphoto_sml.jpg') top left no-repeat; 
}	

/*----------- testimonials ------------*/
#TestimonialLinks
{
	/* position */
/*	position: absolute;*/
	float: right;
	top: -20px;
	right: 10px;
	width: 220px;
	padding: 10px;
	margin-left:10px;
	margin-right: 0px;
	font-family: verdana;
	font-size: 11px;
}
#TestimonialLinks .testimonial
{
  	color: #666666;
	margin: auto;
	font-family: 'Garamond';
	font-size: 14px;
	border-top: solid 1px #bbbbbb;
	border-bottom: solid 1px #bbbbbb;
	padding: 0px;
	text-align: justify;
	font-style: normal;
}
#TestimonialLinks .signature
{
	font-style: italic;
}
#TestimonialLinks a
{
	text-decoration: none;
	color: black;
}
#TestimonialLinks ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

/* _________________________________________________________________________________________________________*/

/* ---------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------ Services Page elements -------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/
#servicespage_Section1
{
	position: relative;
	margin-right: 10px;
}
#services p.para1
{
	font-weight: bold;
	color: #84777a;
}
#services_pic
{
	float: right;
	width: 198px;
	height: 159px;
	background: url('../grfx/services_sml2.jpg') top left no-repeat;
	margin: 12px 12px 12px 30px;
}

/* _________________________________________________________________________________________________________*/

#BulletHeader
{
	padding-top: 60px;
}
#BulletPoints
{
	position: relative;
	width: 80%;
	margin: auto;
	text-align: justify;
}
#BulletPoints ul
{
	list-style-type: disc;
	list-style-image: url('../grfx/bullet.gif');
}
#BulletPoints li
{
	padding-top: 10px;
}

/* _________________________________________________________________________________________________________*/

/* ---------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------ Client Journey -------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------*/

/*
#cj_columns
{
	margin-right: 10px;
}

#cj_columns h2, #cj_columns h3
{
	text-align: center;
	color: #A51129;
	font-size: 20px;
	font-weight: bold;
	font-family: "times new roman";	
}
#cj_columns h3
{
	color: black;
	font-size: 16px;
}
#cj_columns div
{
	float: left;
	width: 191px;
	padding-left: 5px;
	padding-right: 5px;
}

*/
/*
#clientsPage_section1
{
	position: relative;
}
#OurCommitment
{
	position: relative;
  	left: 0px;
  	margin-right: 160px;
}
#ClientsPageLinks ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#ClientsPageLinks
{

	position: absolute;
	float: right;
	top: 40px;
	right: 10px;
	width: 140px;
	margin: 0px;
	padding: 0px;
	margin-left:10px;
	margin-right: 0px;
	font-family: verdana;
	font-size: 11px;
}

*/

/* _________________________________________________________________________________________________________*/


#AdobeReaderLink
{
	width: 112px;
	height: 33px;
	background: url("../grfx/get_adobe_reader.gif") top left no-repeat;
	margin-top: 33px;
	margin-bottom: 33px;
}
#AdobeReaderLink a
{
	display: block;
	width: 112px;
	height: 33px;	
}
#AdobeReaderLink a span.lnkText
{
	display: none;
}

/* -------------- Site Design & Accesibility pages -------------------*/
.rit
{	
	margin:0 260px;
	top:10px;
	height: 40px;
	width: 100px;
	background: url('../grfx/ritgeelrg.gif') 0 0 no-repeat;
}
.rit a
{
	display: block;
	height: 40px;
	width: 100px;	
}
.rit span
{
	display: none;
}
.browserwarn
{
	background-color: #ffd;
	color:#922; 
	font-weight:bold;
}
#sd_spacer
{
	height: 100px;
}
#access_spacer
{
	height: 125px;
}
/* ----------------- inheritance_tax page----------------------------------*/
#Inheritance_Section1
{
	width: 790px;
	height: 300px;
}
#Inheritance_Section2
{
	width: 620px;
	height: 300px;
}
#ih_sign_up
{
	float:right;
	margin-left:20px;
	margin-right: 4px;
}
.IH_Image
{
	width: 150px;
	height:184px;
	position:relative;
	float:left;
}
#IH-eBook
{
	background: url('../grfx/ebook-general.jpg') no-repeat left top;
}
#IH-eHorse
{
	background: url('../grfx/ebook-horse.jpg') no-repeat left top;
}
/*
#ih_sign_up .vh_box_title
{
  	background: url('../grfx/sage/dark_burg_title.jpg') no-repeat top left;
  	color: white;
}
*/
#ih_sign_up .vh_box_title:hover
{
	background: url('../grfx/sage/sage_green_title.jpg') no-repeat top left;
	color: #330;  
}
#inheritance_bottom_spacer
{
/*
	display: block
	width: 400px;
	height: 90px;
*/
}
/* ----------------- pensions page ----------------------------------*/
#pensions_Section1
{
	width: 380px;  
}
#pensions_bottom_spacer
{
	display: block;
	width: 400px;
	height: 240px;
	
}
/* ----------------- no page page ----------------------------------*/
#nopage_spacer
{
	height: 300px;
}

/*
#ContentContainer ol, #ContentContainer p, #ContentContainer div
{
	margin-right: 10px;
}
*/

#browserwarn
{
	position:relative;
	top: 230px;
	width:160px;
	margin: 20px;
	font-size: 10px;
	text-align: left;
}
#browserwarn h3
{
	color: red;
}