/* COPYRIGHT NEVERMIND 2007 */

body {
	font-size:62.5%; /* 10px- percentage of 16px which is the default font size*/
	}

/*-------------------------------------------------------------------------------------------------------------**
**  Clearfix
**-------------------------------------------------------------------------------------------------------------*/

/* Genius "no-extra-markup" clearing by Tony Aslett - www.csscreator.com */
/* add clearfix class to any containter that must enclose floated elements */
/* explained at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* fix for Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
	
/*================================================================================*
**  
**	DO NOT EDIT THIS STYLESHEET.
**	This stylesheet has been tested with IE6, IE7, Firefox2, Opera9 & Flock 0.7
**	It works OK in IE5.5 but the design is not consistent with newer browsers
**
/*================================================================================*


/*-------------------------------------------------------------------------------------------------------------**
**  Global
**-------------------------------------------------------------------------------------------------------------*/

body { margin: 0 auto 0 auto;  /* center - required for IE5.5 */ }
* { margin:0; padding:0 }
img { border:0; }
	
/*-------------------------------------------------------------------------------------------------------------**
**  Layout divs (layout only)
**-------------------------------------------------------------------------------------------------------------*/
#page_container{ 
	margin: 0 auto 0 auto;  /* center page */
	padding:0; /* Always use padding to put spacing at top of page, instead of margin, so 'Back to top of Page' goes to very top */
  width: 770px; 
	min-width:770px; /* This is required for IE7, which doesn't display 76em as full 760px (need 76.5em for that!) */
	position:relative;
	}
	#page_container_inner {
    position:relative;
    float:left;
    width:100%;
    } 
	
  	/* Rows: */
  	.row {
      width: 100%;
      margin-bottom:10px;
      }
  	
  	/*
  		Header:
  	*/
  	#header {
  	  position:relative;
  	  float:left;
  	  width:100%;
  	  margin: 0 auto 0 auto;  /* center page */
      }
    	#accessibility {
    		position:relative;
    	  float:right;
    	  width:100%;
    		text-align: right;
    		margin-bottom:0; /* Set page bottom margin in the footer */
    		}
    		#access_links {
    			position: relative;
    			float:right;
    			text-align: right;
    			}
      #logo {
				position: relative;
				float:left;
				width:100%;
				text-align:left;
				}
  					
  	/*
  		Main content elements:
  	*/
  	#main_container {
  		position: relative;
  		float:right;
  		width:100%;
  		margin-bottom:30px;
  		}
  		
			#main_menu {
				padding-top:0;
				float:left;
				width:25%;
				margin-bottom:0;
				text-align:left;
				}
				#main_menu_1 {
					position: relative;
					float:left;
					display:block;
					padding-right:0em;
					}
				#main_menu_2 {
					/* NOT IN USE */
					position: relative;
					float:left;
					width: 100%;
					}

			#page_content {
				padding-top:0;
				float:right;
				width:70%;
				margin-bottom:0;
				text-align:left;
				}
  		
  		
  		/*      PAGE CONTENT GOES HERE      */
  		
  		#page_headers {
        position:relative;
        float:left;
        width:100%
        }
        #page_title {
          position:relative;
          float:left;
          width:100%
          }
        #strapline {
          position:relative;
          float:left;
          width:100%
          }
          
      #main_body {
        position:relative;
        float:left;
        width:100%
        }
        #media1 {
          position:relative;
          float:left;
          width:125px
          }
        #body_text {
          position:relative;
          float:right;
          }
          #quicktip {
            position:relative;
            float:right;
            width:150px;
            margin-left:8px;
            border-left:1px dotted #111111;
            border-bottom:1px dotted #111111;
            padding-left:8px;
            font-size:11px;
            color: #888888;
            padding-top:25px;
            padding-bottom:7px;
            background: transparent url(images/quick_tip.gif) no-repeat top left;
            }
          #benefits {
            font-size:100%;
            position:relative;
            float:left;
            padding:5px 20px 0 10px;
            color: #999999;
            border: 2px solid #333333;
            width:100%-;
            margin-top:10px;
            margin-bottom:10px;
            }
        #boxes {
          position:relative;
          float:left;
          width:250px;
          padding-left:20px;
          }
  		
  
  #testimonials {
    background: #444444;
    font-size:100%;
    position:relative;
    float:left;
    padding:10px;
    color: #999999;
    width:515px;
    margin-bottom:10px;
    }		
    
    #mugshot {
      float:right;
      width:90px;
      }
    #testimonial {
      float:left;
      width:410px;
      text-align:right;
      }
      #testimonial p {
        margin-bottom:3px;
        }
  		
  		/*      PAGE CONTENT HERE      */
  				
  						
  	/*
  		footer elements:
  	*/
  	#footer_container {
  		position:relative;
  		float:left;
  		clear:both;
  		width:100%;
  		text-align: left;
  		padding-bottom:0; /* Padding at bottom of this box is set by the p font */
  		}
  		#footer {
        position:relative;
  		  float:left; 
  		  width:100%;
        }
  			#footer_left { 
          margin-left:0em; 
          width:100%; 
          float:left; 
          position:relative; 
          }
  			#footer_right { 
          display:none 
          }   /*#footer_right { float:right; position:relative; text-align:right; width:0%; }*/
  			#footer_left p, #footer_right p { 
          clear:none; 
          }

/* 
	Background floats: 
*/
#master_back_float1 { display:none; } 
#master_back_float2 { display:none; }
#master_back_float3 { display:none; }
#master_back_float4 { display:none; }

#page_back_float1 { display:none; } 
#page_back_float2 { display:none; }
#page_back_float3 { display:none; }
#page_back_float4 { display:none; }
			
/*-------------------------------------------------------------------------------------------------------------**
**  Global
**-------------------------------------------------------------------------------------------------------------*/

body {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
	color: #BBBBBB;
	/*background: #F8F8F8;*/
	background: #3D3D3D url(images/back.gif) repeat-x 0% 0%;
	}
textarea { font-family:Verdana,Arial, Helvetica, sans-serif; }	

img.floatright { float:right; margin:0 0 1em 1em; }
img.floatleft { float:left;	margin:0 1em 1em 0;	}

label.img_caption {
	display:block;
	float:left;
	width:100%;
	font-size: 1.4em;
	font-style:normal;
	color:#9C8170;	
	padding-top:0.4em;	
	padding-bottom:3em;
	padding-left:2.5em;
	background: #3D3D3D url(images/caption.gif) no-repeat top left;
	}

.default_textbox { font-size:1.5em; padding:0.5em; color:#555555;	}

.small { font-size:0.8em; }
.vsmall { font-size:0.6em; }

/*-------------------------------------------------------------------------------------------------------------**
**  Paragraphs & fonts
**-------------------------------------------------------------------------------------------------------------*/

p, ul { font-size: 1.4em; margin-bottom:1em;}
ul { 
  list-style-image:url(images/bullet.gif); 
  list-style-type:square; 
  margin-bottom:0.5em; 
  }
html>body li { margin-left:1.3em; margin-bottom:0.2em; } /* For non-IE browsers */
body li { margin-left:1.4em; margin-bottom:0.2em; } /* For IE */

q { /* Inline quote */
	font-style:normal;
	font-size:1.2em;
	font-weight:100;
	color: #444444;
	}
	
span.homepage_more_link { font-size:80%; }

h1 {  /* Page Title */
	font-weight: 900; 
	font-size: 35px; 
	font-family:"Arial Black", Arial, sans-serif;
	text-transform:uppercase; 
	color: #FFF;
	font-stretch:expanded;
	letter-spacing:-0.05em;
	line-height:1em;
	padding-bottom:10px;
	padding-top:0;
	display:block;
	}
	
h2  { /* Strapline */
	font-weight: 100; 
	font-size: 1.9em; 
	text-transform:normal; 
	color: #CCCCCC;
	font-style:normal;
	font-stretch:normal;
	letter-spacing:0.0em;
	line-height:1.3em;
	margin-bottom:1em;
	padding-left:0em;
	padding-right:5em;
	}
	
h3 { /* Crosshead that can be set within the Rich text editor */
	font-weight: 700; 
	font-size: 2em; 
	text-transform:normal; 
	color: #BBBBBB;
	font-style:normal;
	font-stretch:normal;
	letter-spacing:0.0em;
	line-height:1.3em;
	margin-bottom:0.4em;
	padding-left:0em;
	}

/*-------------------------------------------------------------------------------------------------------------**
**  Links
**-------------------------------------------------------------------------------------------------------------*/

a:link, a:visited { color: #FF4000; background-color: transparent; text-decoration: none; }
a:hover   { color: #FF6000; background-color: transparent; text-decoration: underline; }

#accessibility a:link, #accessibility a:visited { color: #FF4000; background-color: transparent; text-decoration: none; }
#accessibility a:hover   { color: #FF6000; background-color: transparent; text-decoration: none; }

#footer a:link, #footer a:visited { color: #FF4000; background-color: transparent; text-decoration: none; }
#footer a:hover   { color: #FF6000; background-color: transparent; text-decoration: none; }

/*-------------------------------------------------------------------------------------------------------------**
**  Specific layout styles - Universal elements
**-------------------------------------------------------------------------------------------------------------*/

#page_container { 
	}
#header {
  padding:0; margin:0;
  height:180px;
	} 

#accessibility { 
	}
	#access_links { 
    padding-right:0;	
    width:350px;
    background: url(images/contact_bar.gif) no-repeat right bottom;
		}
		#accessibility p { 
			font-size:11px; 
			text-align:center; 
			font-weight:100; 
			padding:6px 0 6px 0; margin:0;
			color: #DDDDDD; 
			}

#logo {
  background: url(images/Logo_Front.gif) no-repeat top left;
	height:106px;
	margin-top:0;
	} 

#main_menu { 
	} /* User menu_wrapper and menu_2_wrapper, below */

.main_container_pages {	
	}

#page_title { 
	}

/*-------------------------------------------------------------------------------------------------------------**
**  Specific layout styles - Pages
**-------------------------------------------------------------------------------------------------------------*/

#media1 { 
	margin-bottom:3em; 
	}

#body_text_main_col { 
	padding-top:0.3em; /* This is needed to line-up the first line of the main body text with the first line of the premable */
	}

#main_body_text { 
	}
	#preamble p { 
		font-weight: 100; 
		font-size: 1.5em; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		text-transform:none; 
		color: #555555;
		font-style:normal;
		letter-spacing:0;
		text-align:right;
		border-right:1px dotted #CCCCCC;
		padding-right:0.4em;
		padding-top: 0em;
		line-height:1.6em;
		}
		#introduction p  { /* Same as Strapline - h2 */
			font-weight: 100; 
			font-size: 2.3em; 
			font-family:Georgia, "Times New Roman", Times, serif; 
			text-transform:normal; 
			color: #666666;
			font-style:italic;
			font-stretch:normal;
			letter-spacing:0.0em;
			line-height:0.8em;
			margin-bottom:1em;
			padding-left:0em;
			}
#main_body_text_2 { 
	background-position: top; 
	background-repeat:no-repeat;
	padding-top:12em; 
	}
	#main_body_text p, #main_body_text_2 p {
		line-height:1.3em;
		}
	#main_body_text h6, #main_body_text_2 h6 { 
		font-weight: 700; 
		font-size: 1.5em; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		text-transform:none; 
		color: #444444;
		font-style:normal;
		letter-spacing:0;
		text-align:left;
		line-height:1em;
		margin-bottom:0.5em;
		}
	
#box1, #box2, #box3, #box4, #box5 { 
	padding:0.5em; 
	border:0.1em solid #EEEEEE; 
	background-color:transparent;
	}
	#box1 p, #box2 p, #box3 p, #box4 p, #box5 p { 
		font-size:1.1em; 
		color:#666666; 
		margin-bottom:0; 
		}

#sub_pages { 
	margin-bottom:2em;
	background: #3D3D3D url(images/see_also.gif) no-repeat 0% 0%;
	padding:60px 0 0 50px;
	} 
	#sub_pages h5,  h5, #client_links h5 { 
		font-weight: 300; 
		font-size: 1.5em; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		text-transform:none; 
		color: #EEEEEE;
		line-height:1em;
		margin-bottom:0.5em; 
		display:block;
		}
	#sub_pages p, #links p, #client_links p  { 
		font-size:1.2em; 
		font-weight:100; 
		margin-bottom:0.5em;
		}
	
#links { 
	padding:1em;
	border-bottom:1px dotted #DDDDDD;  /* Border-bottom isn't visible in IE6 */
	} 
	#links h5 { 
		color: #BBBBBB; 
		}
		
#client_links { 
	padding:1em;
	margin-bottom:2em;
	} 
	#client_links h5 { 
		color: #BBBBBB; 
		margin-bottom:1.3em;
		}
		
#return_to_page_above { 
	padding:0; 
	} 
	#return_to_page_above p { 
		font-size:1.3em; 
		font-weight:700; 
		margin-bottom:0.5em; 
		}

#footer_container { }
  #footer {
    border-top:5px solid #333333;
    height: 60px;
    }
  #footer_left, #footer_right { 
  	}
  #footer p { 
  	font-size:10px; 
  	text-align:right; 
  	font-weight:100; 
  	margin-bottom: 0; 
  	padding-top:10px;
  	padding-bottom:15px;
  	color: #888888; 
  	line-height:1.7em;
  	}


/*-------------------------------------------------------------------------------------------------------------**
**  Specific layout styles - Homepage
**-------------------------------------------------------------------------------------------------------------*/
  
#homepage_middle_box {
  position:relative;
  float:left;
  width:540px;
  display:inline;
  background: url(images/homepage_middle_box_top.gif) no-repeat;
  }
  #homepage_middle_box_bottom  {
    background: url(images/homepage_middle_box_bottom.gif) bottom left no-repeat;
    padding-bottom:15px;
    }
  #homepage_middle_box p {
    color: #CCCCCC;
    line-height:1.4em;
    font-size:1.4em;
    margin:0; padding:0;
    text-align:center;
    }
    #homepage_middle_box h3.subtitle {
      text-align:center;
      padding:0;
      line-height:0.8em;
      font-style:italic;
      font-weight:700;
      font-family:georgia,serif;
      background:transparent;
      text-transform:lowercase;
      color: #888888;
      }
      #homepage_introduction {
        padding:0 2.5em 0.8em 2.5em;
        }


/*-------------------------------------------------------------------------------------------------------------**
**  Main menu (styling only)
**-------------------------------------------------------------------------------------------------------------*/

#menu_wrapper { 
	position:relative; 
	width:100%; 
	text-align: left; 
	padding:0; margin:0; 
	background: transparent; 
	/*background: #3D3D3D url(images/floating_note_2.gif) no-repeat bottom right; */
	padding-bottom:0;
	}
#menu_wrapper p { /* This should be removed for vertical menus */
	font-weight: 100; 
	font-size: 14px; 
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, sans-serif;
	text-transform:uppercase; 
	font-style:normal;
	letter-spacing:0.03em;
	margin-bottom:15px;
	padding-top:0em;
	padding-bottom:0;
	text-align:right;
	}
#menu_wrapper a {
	text-decoration: none;
	background-color: transparent;
	display:inline;
	padding:0;
	margin-right:0;
	}
#menu_wrapper a:hover { 
	color: #FF6000; 
	text-decoration: underline;
	/*background-color: #FFEDD0;*/
	}
#menu_wrapper a.active { 
	color: #FFF;
  font-weight:700; 
	}
#menu_2_wrapper { 
	position:relative; width:100%; 
	text-align: left; 
	padding-top:2em; 
	padding-left:0; 
	}
#menu_2_wrapper p { /* This should be removed for vertical menus */
	font-weight: 200; 
	font-size: 1.1em; 
	text-transform:none; 
	/*font-family:Georgia, "Times New Roman", Times, serif; */
	color: #BBBBBB; /* --> Use this if | dividers in menu */
	letter-spacing:0.03em;
	text-align:left;
	line-height:1em;
	margin-bottom:1em;
	}
#menu_2_wrapper a {
	font-weight:100;
	padding: 0 0 0 0;
	display: inline;
	color: #BBBBBB;
	text-decoration: none;
	background-color: #3D3D3D;
	}
#menu_2_wrapper span { padding: 0 0 0.2em 0; color: #FFFFFF; }

#menu_2_wrapper a:hover { 
	color: #FF6000; 
	}
#menu_2_wrapper a:hover span { 
	border-bottom:0.2em solid #222222;  
	color: #111111; 
	}
#menu_2_wrapper a.active { 
	color: #FFFFFF; 
	}
#menu_2_wrapper a.active span { 
	border-bottom:0.2em solid #222222; 
	color: #FFFFFF; 
	font-weight:700; 
	}
		
/*-------------------------------------------------------------------------------------------------------------**
**  Buttons
**-------------------------------------------------------------------------------------------------------------*/

div.button {
	padding: 0;
	margin:0;
	line-height: 1.8em;/* This is required to make the text appear centred vertically */
	}
		
div.button a {
	text-decoration: none;
	height: 100%;
	width: 100%;
	display: block;
	border-width:1px;
	text-align:center;
	}

div.button a:link {
	color: #E99522;
	font-weight: bold;
	background-color: #F6D6AA;
	border-style: solid;
	border-bottom-color: #EEAD55;
	border-right-color: #F1BD77;
	border-left-color: #FAE6CC;
	border-top-color: #FDF6EE;
	}

div.button a:visited {
	color: #E99522;
	font-weight: normal;
	background-color: #F6D6AA;
	border-style: solid;
	border-bottom-color: #EEAD55;
	border-right-color: #F1BD77;
	border-left-color: #FAE6CC;
	border-top-color: #FDF6EE;
	}

div.button a:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F5B599;
	border-style: solid;
	border-bottom-color: #EE8355;
	border-right-color: #F19C77;
	border-left-color: #FADACC;
	border-top-color: #FDF2EE;
	}

div.button a:active {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F3C688;
	border-style: solid;
	border-top-color: #EEAD55;
	border-left-color: #F1BD77;
	border-right-color: #FAE6CC;
	border-bottom-color: #FDF6EE;
	}

/*-------------------------------------------------------------------------------------------------------------**
**  Background floats
**-------------------------------------------------------------------------------------------------------------*/
#master_back_float1 { }
#master_back_float2 { }
#master_back_float3 { }
#master_back_float4 { }

#page_back_float1 { }
#page_back_float2 { }
#page_back_float3 { }
#page_back_float4 { }
	
img {
	display:visible; /*Show all images */
	}
span.alttext {
	display:none; /* Remove all text alternative spans */
	}