/* Ethos Group CSS */


* {
 margin: 0;
 padding: 0;
}

html {
 font-size: 62.5%;
}

img {
border: none;
}

body {
 font-family: arial, sans-serif;
 font-size: 1.2em;
 margin: 0 auto;
 padding: 5px 0 0 0;
 letter-spacing: 0.1em;
  
}

#container {
width: 850px;
margin:auto;
border: 1px solid #478ab7;
}

a, a:visited {
color: #ffffff; text-decoration: none;
}

a:hover, a:active {
color: #cc3366;
}



	#masthead{
	background: url(images/contactmasthead.jpg) top no-repeat;
	height: 132px;
	position: relative;
	}
	
	#title{
	background: url(images/titlebar.jpg) top left repeat-y;
	background-color:#478ab7;
	height: 4.2em;
	position: relative;
	}
		#title h1{
		color: #ffffff;
		font-family: arial, sans-serif;
		font-size: 2em;
		padding: 12px 0 0 70px;
		}
	
	#main{
	background: url(images/contactmain.jpg) top no-repeat;
	height: 407px;
	position: relative;
	padding: 5px 0 0 0;
	}
	
		#content{
		width: 580px;
		height: 315px;
		margin: 40px 50px 20px 225px;
		padding: 15px 15px 15px 15px;
		position: absolute;
		overflow:auto;
		z-indez: 5000;
		border: 1px solid #000000;
		}
			#content.home{
			width: 450px;
			border: none;
			}
			
			#content.splash{
			width:610px;
			border:none;
			}
			
			#content.changeframeworkbackground, #content.backgroundimage{
			border:none;
			}
					
			#content h2{
			color: #000000;
			font-family: tahoma, arial, sans-serif;
			font-size: 1.2em;
			margin: 0 0 0.5em 0;
			font-weight: 500;
			}
			
			#content p{
			font-size: 1.1em;
			color: #ffffff;
			margin: 0 0 20px 0;
			}
				#content blockquote{
				margin: 0 0 0 1em;
				}
				
				#content blockquote p {
				font-size: 1.1em;
				color: #ffffff;
				margin: 0 0 8px 0;
				}
			
			
			
			#content a.backlink,#content a.backlink:visited{
			clear: both;
			float: right;
			color: #000000;
			}
			
			#content a.backlink:hover, #content a.backlink:active {
			clear: both;
			float:right;
			color: #cc3366;
			}
			
			#name{
			display: block;
			background-color: #3976a9;
			height: 2em;
			padding: 0.7em 0 0.7em 1em;
			margin: 3em 0 1em 0;
			}
				#name h2{
				color: #ffffff;
				}
			
			#content ul.bullets {
			list-style-type: none;
			padding: 0.2em 0 0.5em 0;
			margin: 0 0 0 0.8em;
			}
				#content ul.bullets li{
				background: url(/images/blackarrow.gif) left 0.4em no-repeat;
				padding-left: 0.8em;
				margin: 0 0 0.5em 0;
				}
				
			#content ul.clients {
			list-style-type: none;
			width: 550px;
			}
				#content ul.clients li{
				float: left;
				width: 50%;
				line-height: 1.6em;
				}
			
			#content.changeframeworkbackground {
			background: url(/images/changeframeworkhover.jpg) top left no-repeat;
			}
			
				#content.changeframeworkbackground p {
				display: block;
				margin: 300px 0 0 205px;
				font-size: 0.8em;
				}
			
			#content ul.changeframework {
			list-style-type: none;
			width: 550px;
			font-size: 1.4em;
			}
			
				#content ul.changeframework li a, #content ul.changeframework li a:visited{
				color: #000000;
				text-decoration: none;
				}
				
				#content ul.changeframework li a:hover, #content ul.changeframework li a:active{
				color: #cc3366;
				text-decoration: none;
				}
			
					#content ul.changeframework li.changetitle{
					position: absolute;
					background: url(/images/changeframeworklogo.jpg) top left no-repeat;
					top: 90px;
					left: 240px;
					width: 106px;
					height: 103px;	
					}
			
					#content ul.changeframework li.change1{
					position: absolute;
					top: 6px;
					left: 317px;
					z-index: 1;
					}
					
					#content ul.changeframework li.change2{
					position: absolute;
					top: 55px;
					left: 500px;
					}
					
					#content ul.changeframework li.change3{
					position: absolute;
					top: 224px;
					left: 478px;
					}
					
					#content ul.changeframework li.change4{
					position: absolute;
					top: 265px;
					left: 258px;
					width: 70px;
					text-align: center;	
					}
					
					#content ul.changeframework li.change5{
					position: absolute;
					top: 224px;
					left: 65px;
					}
					#content ul.changeframework li.change6{
					position: absolute;
					top: 55px;
					left: 15px;
					}
					
					#content ul.changeframework li.change7{
					position: absolute;
					top: 6px;
					left: 175px;
					}
					
			#content ul.changeframeworkimages {
			list-style-type: none;
			width: 550px;
			}
						
					#content ul.changeframeworkimages li.change1{
					position: absolute;
					top: 28px;
					left: 358px;
					z-index: 1;
					}
					
					#content ul.changeframeworkimages li.change2{
					position: absolute;
					top: 85px;
					left: 481px;
					}
					
					#content ul.changeframeworkimages li.change3{
					position: absolute;
					top: 174px;
					left: 432px;
					}
					
					#content ul.changeframeworkimages li.change4{
					position: absolute;
					top: 200px;
					left: 268px;
					}
					
					#content ul.changeframeworkimages li.change5{
					position: absolute;
					top: 175px;
					left: 103px;
					}
					#content ul.changeframeworkimages li.change6{
					position: absolute;
					top: 85px;
					left: 41px;
					}
					
					#content ul.changeframeworkimages li.change7{
					position: absolute;
					top: 28px;
					left: 185px;
					}
					
					.change1 a,.change2 a,.change3 a,.change4 a,.change5 a,.change6 a,.change7 a
					{
					display: block;
					}
					
					#content ul.changeframeworkimages li.change1 a:hover img,#content ul.changeframeworkimages li.change2 a:hover img,#content ul.changeframeworkimages li.change3 a:hover img,#content ul.changeframeworkimages li.change4 a:hover img,#content ul.changeframeworkimages li.change5 a:hover img,#content ul.changeframeworkimages li.change6 a:hover img,#content ul.changeframeworkimages li.change7 a:hover img{
					visibility:hidden
					}
		
					
					
					
					
					
					
			#content table{
			width: 520px;
			margin: 0 0 1em 0;
			color: #ffffff;
			}			
				#content table thead{
				display:none;
				}
				
				#content table tbody tr{
				height: 2em;
				}
				
				#content img.profile {
				float: right;
				margin: -90px 20px 0 0;
				padding: 0 0 5px 0;
				}
				
			#profile {
			float: right;
			margin: -90px 20px 0 0;
			padding: 0 0 5px 0;
			}
			
			#contentleft {
			position: relative;
			margin: 0 240px 0 0;
			}
			
			#photos {
			position: relative;
			float: right;
			z-index:1;
			}
				#photos img {
				border:0;
				}
				
				#photos p a {
				text-decoration: none;
				color: #222;
				text-align: center;
				}
				
				
				#photos ul.photos {
				list-style-type: none;
				width: 200px;
				}
				
					#photos ul.photos li{
					float: left;
					width: 50%;
					}
				
				
				
				
				
.bwtessa
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/images/tessa1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 80px;
height: 120px;
margin: 0;
padding: 0;
}
.bwfiona
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/images/fiona1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 80px;
height: 120px;
margin: 0;
padding: 0;
}
.bwian
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/images/ian1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 80px;
height: 120px;
margin: 0;
padding: 0;
}
.bwhelen
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(/images/helen1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 80px;
height: 120px;
margin: 0;
padding: 0;
}

.bwtessa a,.bwfiona a,.bwian a,.bwhelen a
{
display: block;
color: #000000;
font-size: 11px;
width: 80px;
height: 120px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.bwtessa img,.bwfiona img,.bwian img,.bwhelen img
{
width: 80px;
height: 120px;
border: 0
}

* html a:hover
{
visibility:visible
}

.bwtessa a:hover img,.bwfiona a:hover img,.bwian a:hover img,.bwhelen a:hover img
{
visibility:hidden
}
		
				
				
				
			
		#topnav{
		position: relative;
		background-color: #3976a9;
		width: 850px;
		font-family: tahoma, sans-serif;
		letter-spacing: 0.1em;
		/* border-bottom: 0.2em solid #cc3366; */
		}
			#topnav a, #topnav a:visited {
			color: #ffffff;
			text-decoration: none;
			font-weight:600;
			}
			
			#topnav a:hover, #topnav a:active {
			color: #cc3366;
			font-weight:600;
			}
			
			#topnav ul{
			list-style-type: none;
			padding: 0.5em 0 0.5em 0;
			margin: 0 0 0 2em;
			}
			
				#topnav ul li{
				display: inline;
				color: #ffffff;
				margin: 0 1.1em 0 0;
				}
					#topnav ul li.selected{
					display: inline;
					color: #cc3366;
					font-weight:600;
					margin: 0 1.1em 0 0;
					}
		
		#logo{
		position: absolute;
		bottom: 25px;
		left: 65px;
		}
		
			#logo p.tagline{
			color: #ffffff;
			font-size: 0.75em;
			width: 140px;
			text-align: right;
			font-family: tahoma, sans-serif;
			}
			
			#logo p.taglineblue{
			color: #3976a9;
			font-size: 0.75em;
			width: 140px;
			text-align: right;
			font-family: tahoma, sans-serif;
			}
			
		#subnav{
		position: relative
		}
						
			#subnav ul{
			list-style-type: none;
			padding: 4px 0 0 0;
			margin: 5px 641px 2px 0;
			}
			
				#subnav ul li, #subnav ul li.selected{
				margin: 4px 0 0 0;
				}
					/* for IE */
					#subnav ul li a{
					display: inline-block;
					}
						
					#subnav ul li a, #subnav ul li.selected{
					display: block;
					background-color: #3976a9;
					font-size: 1em;
					color: #ffffff;
					padding: 0.7em 0 0.7em 1em;
					}
				
			#subnav a, #subnav a:visited {
			display:block;
			color: #ffffff;
			text-decoration: none;
			}
			
			#subnav a:hover, #subnav a:active, #subnav ul li.selected{
			display:block;
			background-color: #cc3366;
			color: #ffffff;
			text-decoration: none;
			}
			
		#subnavphotos {
		margin: 20px 0 0 15px;
		}
		
			#subnavphotos img {
			border:0;
			}
			
			#subnavphotos p a {
				text-decoration: none;
				color: #222;
				font-size: 0.8em;
				}
		
		#subnavphotos ul.photos {
		list-style-type: none;
		width: 210px;
		}
		
			#subnavphotos ul.photos li{
			float: left;
			width: 50%;
			}