/*	keep scrollbars on all pages like i.e. does				*/
html						{  overflow: -moz-scrollbars-vertical;	}

body						{	
							font-family: Helvetica, Arial, sans-serif;
							}

#container					{
							position:relative;
							width:760px;
							margin-left: auto;
    						margin-right: auto; 
							margin-top:0px;
							margin-bottom:0px;
							padding:0px;
							border-style:none;
							text-align:left;
							}
											
.chevron          			{  background:url(images/chevron-background.jpg) no-repeat;    		}

.charterhouse    			{  background:url(images/charterhouse-background.jpg) no-repeat;  	}	

.scottish    				{  background:url(images/scottish-background.jpg) no-repeat;  	}

.mands    				{  background:url(images/mands-background.jpg) no-repeat;  	}	

.home    					{  background:url(images/home-background.jpg) no-repeat;  	}	

.contact    					{  background:url(images/contact-background.jpg) no-repeat;  	}	

.doncaster          			{  background:url(images/doncaster-background.jpg) no-repeat;	}
	
	



#header						{
							position:relative;
							top:0px;
							left:0px;
							height:101px;
							width:720px;
							margin:0px;
							padding:0px;
							border:0px;
							z-index:30;
							
							}
												


							
/*	body content										*/											
#body						{
							width:732px;
							height:385px;
							margin:0px 0px 0px 0px;
							padding:25px 0px 0px 0px;
							border:0px;
							position:relative;
							z-index:10;

				
							}
							
.thumbs						{
							position:relative;
							width:70px;
							margin-left: auto;
    						margin-right: auto; 
							margin-top:0px;
							margin-bottom:0px;
							padding:0px;
							border-style:none;
							text-align:left;
							float:left;
							height:80px;
							}
							
.thumbs a 					{
							position: relative; top: -5px;
							}
							
							
.casestudy-thumbs			{
							position:relative;
							width:43px;
							padding:0px 0px 10px 0px;
							border-style:none;
							text-align:left;
							float:left;
							height:32px;
							}
							
							
#home-rollovers				{
							position:relative;
							width:350px;
							padding:10px 0px 0px 0px;
							border-style:none;
							text-align:left;
							float:left;
							}
							
							
#home-rollovers-content		{
							position:absolute;
							top:107px;
							left:605px;
							width:145px;
							height:85px;
							padding:0 0 0 0;
							margin:0;
							color:white;
							display:none;
							}
								
							
#charterhouse-rollover		{
							position:relative;
							width:350px;
							padding:20px 0px 0px 0px;
							border-style:none;
							text-align:left;
							float:left;
							}
							
				
								
#footer						{
							position:relative;
							top:0px;
							left:0px;
							width:720px;
							padding:10px 0px 10px 0px;
							border-style:none;
							}		
							

					
/*
	STYLES
*/							
													
p							{
							font-family: Helvetica, Arial, sans-serif;
							font-size:12px;
							line-height:18px;
							color:white;	
							margin:8px 20px 10px 0px;
							padding:0px;						
							}
							
p.top						{
							font-family: Helvetica, Arial, sans-serif;
							font-size:12px;
							line-height:18px;
							color:white;	
							margin:0px 25px 0px 0px;						
							}

								
							
p.rollover					{
							font-family: Helvetica, Arial, sans-serif;
							line-height:16px;
							font-size:12px;
							color:white;	
							margin:0px 0px 0px 0px;			
							}	
		

		
							
/*							
	OTHER CLASSES
*/		
		
.footnotes					{
							font-size:10px;
							margin:0px 0px 0px 0px;
							padding:10px 0px 0px 20px;
							color:black;
							}
								

.headnotes					{
							font-size:10px;
							margin:0px 0px 0px 50px;
							padding:80px 0px 0px 0px;
							text-align:right;
							}
							
							
.logo						{
							position:relative;
							float:left;
							padding:14px 0px 0px 68px;
							margin:0px;
							border-style:none;
							}


.casestudy					{
							position:absolute;
							top:320px;
							width:380px;
							height:70px;
							background:transparent;
							text-align:left;
							margin:0;
							padding:17px 0px 0px 0px;
							clear:both;
							font-size:12px;
							color:white;
							font-family: Helvetica, Arial, sans-serif;
}


							
/*							
	LINKS
*/		

.thumbs a					{
							height:30px;
							display:block;
							padding:50px 0 0 0;
							font-size:12px;
							font-family: Helvetica, Arial, sans-serif;
							}
							

a.mands						{		background:transparent url(images/ms-thumb-roll.gif) 0 0 no-repeat;					}
a.charter					{		background:transparent url(images/charterhouse-thumb-roll.gif) 0 0 no-repeat		}
a.chevron					{		background:transparent url(images/chevron-thumb-roll.gif) 0 0 no-repeat				}
a.scottish					{		background:transparent url(images/scottish-thumb-roll.gif) 0 0 no-repeat			}		
a.doncaster					{		background:transparent url(images/doncaster-thumb-roll.gif) 0 0 no-repeat			}		
		


.casestudy-thumbs a			{
							height:32px;
							width:43px;
							display:block;
							padding:0px 0px 10px 0px;
							}

				
	
a.charterhouse1				{		background:transparent url(images/charterhouse1-roll.gif) 0 0 no-repeat				}
a.charterhouse1:hover		{		background:transparent url(images/charterhouse1-rollover.gif) 0 0 no-repeat			}

a.charterhouse2				{		background:transparent url(images/charterhouse2-roll.gif) 0 0 no-repeat				}
a.charterhouse2:hover		{		background:transparent url(images/charterhouse2-rollover.gif) 0 0 no-repeat			}
			
a.charterhouse3				{		background:transparent url(images/charterhouse3-roll.gif) 0 0 no-repeat				}
a.charterhouse3:hover		{		background:transparent url(images/charterhouse3-rollover.gif) 0 0 no-repeat			}

a.charterhouse4				{		background:transparent url(images/charterhouse4-roll.gif) 0 0 no-repeat				}
a.charterhouse4:hover		{		background:transparent url(images/charterhouse4-rollover.gif) 0 0 no-repeat			}

a.charterhouse5				{		background:transparent url(images/charterhouse5-roll.gif) 0 0 no-repeat				}
a.charterhouse5:hover		{		background:transparent url(images/charterhouse5-rollover.gif) 0 0 no-repeat			}



a.chevron1					{		background:transparent url(images/chevron1-roll.gif) 0 0 no-repeat					}
a.chevron1:hover			{		background:transparent url(images/chevron1-rollover.gif) 0 0 no-repeat				}

a.chevron2					{		background:transparent url(images/chevron2-roll.gif) 0 0 no-repeat					}
a.chevron2:hover			{		background:transparent url(images/chevron2-rollover.gif) 0 0 no-repeat				}
			
a.chevron3					{		background:transparent url(images/chevron3-roll.gif) 0 0 no-repeat					}
a.chevron3:hover			{		background:transparent url(images/chevron3-rollover.gif) 0 0 no-repeat				}

a.chevron4					{		background:transparent url(images/chevron4-roll.gif) 0 0 no-repeat					}
a.chevron4:hover			{		background:transparent url(images/chevron4-rollover.gif) 0 0 no-repeat				}

a.chevron5					{		background:transparent url(images/chevron5-roll.gif) 0 0 no-repeat					}
a.chevron5:hover			{		background:transparent url(images/chevron5-rollover.gif) 0 0 no-repeat				}

		
a.mands1					{		background:transparent url(images/mands1-roll.gif) 0 0 no-repeat					}
a.mands1:hover				{		background:transparent url(images/mands1-rollover.gif) 0 0 no-repeat				}

a.mands2					{		background:transparent url(images/mands2-roll.gif) 0 0 no-repeat					}
a.mands2:hover				{		background:transparent url(images/mands2-rollover.gif) 0 0 no-repeat				}
			
a.mands3					{		background:transparent url(images/mands3-roll.gif) 0 0 no-repeat					}
a.mands3:hover				{		background:transparent url(images/mands3-rollover.gif) 0 0 no-repeat				}

a.mands4					{		background:transparent url(images/mands4-roll.gif) 0 0 no-repeat					}
a.mands4:hover				{		background:transparent url(images/mands4-rollover.gif) 0 0 no-repeat				}
	
a.mands5					{		background:transparent url(images/mands5-roll.gif) 0 0 no-repeat					}
a.mands5:hover				{		background:transparent url(images/mands5-rollover.gif) 0 0 no-repeat				}



a.rolllinks:link 			{
							text-decoration: underline;
							color:white;
							padding:0px 0px 0px 5px;
							}
							
a.rolllinks:visited 		{
							text-decoration: underline;
							color:white;
							padding:0px 0px 0px 5px;
							}
							
a.rolllinks:hover 			{
							text-decoration: underline;
							color:#003f8a;
							padding:0px 0px 0px 5px;
							}
							
a.rolllinks:active		 	{
							text-decoration: underline;
							color:#003f8a;
							padding:0px 0px 0px 5px;
							}

			
a.links:link 				{
							text-decoration: underline;
							color:#003f8a;
							padding:0px 0px 0px 20px;
							
							

							}
							
a.links:visited 			{
							text-decoration: underline;
							color:#003f8a;
							padding:0px 0px 0px 20px;
							}
							
a.links:hover 				{
							text-decoration: underline;
							color:black;
							padding:0px 0px 0px 20px;
							}
							
a.links:active 				{
							text-decoration: underline;
							color:#003f8a;
							padding:0px 0px 0px 20px;
							}


a:link 						{
							text-decoration: none;
							color:white;
							}
							
a:visited 					{
							text-decoration: none;
							color:white;
							}
							
a:hover 					{
							text-decoration: none;
							}
							
a:active 					{
							text-decoration: none;
							color:white;
							}
							
							


							
/*							
	MENU STYLINGS
*/

/*							
	MENU ITEMS
*/	
#mainnav 	{

	position:absolute;
	top:83px;
	left:460px;
	z-index:30;

}

*html #mainnav 	{

	top:81px;
	z-index:30;

}




#dropdown_menu	{

	margin:0;
	padding:0;
	position:relative;
	top:0;
	right:0;
	z-index:30;

}

#nav_bg			{

	position:absolute;
	margin:0;
	padding:0;
	top:0;
	left:0;
	width:130px;
	height:117px;
	background:transparent url(images/dropdown_bg.gif) 0 0 no-repeat;
	filter:alpha(opacity=95);   
	-moz-opacity:0.95;           
	opacity: 0.95;     
	z-index:0;

}

	



ul.nav, ul.nav li ul {

	padding:0;
	margin:0;
	list-style-type: none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	line-height:18px;
	z-index:30;
	
}

ul.nav li 		{

  float: left;
  position: relative;
  width: 100px;
  height:20px;
    	
}

   
ul.nav li ul {
  display: none;
  position:absolute; 
  top: 18px !important;
  left:0 !important;
  padding:0;
  margin:0;
}

*html ul.nav li ul {
  
 
  top: 20px !important;
 
}



ul.nav li ul li  {

	padding:0px;
  
}
  
ul.nav li > ul {

	top: auto;
	left: auto;
	
}
	
ul.nav li:hover ul, ul.nav li.over ul	{ 

	display:block;

}


#mainnav a.option  {

	color:#003f8a;
	cursor:pointer;	
	z-index:30;
	
}

#sub a		{
	
	text-align:left;
	font-size:10px;
	margin:0px;
	padding:0 0 0 2px;
	text-align:left;
	line-height:18px;
	color:#003f8a;
	z-index:30;
	
	
}

#sub a:hover		{

	text-align:left;
	color:#fff; 
	background:#003f8a;
	display:block;
	margin:0px;
	padding:0 0 0 2px;
	z-index:30;
	
}
 
 .left	{

	float:left;
	margin:0 50px 0 0;
	
}
  

  
  
					

/* form */

/* @group forms */
form {
	float: left;
	padding-top: 0px;
	/*background-color: #fff;*/
	}

form p {
	clear: both;
	margin: 2px 0px 0px 0px;
	}
form label {
	font-size: 1em;
	width: 110px;
	float: left;
	margin-bottom: 4px;
}

form textarea, 
form select {
	margin-left: 4px;
}
label,input {
	margin-left: 3px;
	font: 11px Helvetica, Arial, Geneva, sans-serif;
	padding-left: 3px;
	letter-spacing: 1px;
}


legend {
	}

fieldset {
	}
form .input,
form textarea {
	font-size: 1.3em;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #b0e2fb;
	width: 170px;
	background-color: white;
	padding: 3px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, geneva, sans-serif;
	}
form .select {
	width: 180px;
	margin-left:3px;
	}
	/*required class style ?? e6f3fa*/
form .req, form .req_tel, form .req_email {
	background-color: #ffffff;
	}
form .required_message {
		clear: both;
		font-size: 0.9em;
		color: #b0e2fb;
		float: left;
		padding-right: 4px;
		font-weight: bold;
		margin: -3px 0px 4px 230px;
}

#downloadpdf {
		 padding-top:9px;
		 padding-right:3px;
		 font-size:11px; 
		 height:18px; 
		 float:right;
}

#downloadpdf a {
		text-decoration: none;
		color: #FFCC33
}

#downloadpdf a:hover {
		text-decoration: underline;
}

#downloadpdf img {
		margin: 0;
		margin-top: -5px;
		padding: 0;
}