


body {
	margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	color:#fff;
	font-size:10px;
	text-align: center;
	top: 0px;
	background-color: #fff;
	background-image: url(../images/back_tile.gif);
	background-repeat: repeat;
}




#topnav {
    position:relative;
	width:100%;
	height:46px;
	margin:0px 0px 0 0px;
	background-color: #fff;
	background-image: url(../images/topnav_tile.jpg);
	background-repeat: repeat-x;
}

#navWrap { width:605px; margin:0px auto; }

ul#navholder {
	display:block;
	height:46px;
	background:url('../images/nav_bg.jpg') no-repeat left bottom;
	margin:0px auto;
	padding:0px;
	position:relative;
	left:130px;
}

ul#navholder li { display:inline; list-style-type:none; }

ul#navholder li a span { display:none; }

ul#navholder li a { 
						position:relative;
						top:28px;
						left:50px;
						display:block;
						float:left;
						color:white;
						font-size:12px;
						font-weight:bold;
						text-decoration:none;
						height:14px;
						padding-bottom:2px;
						background:url('../images/topnav/sprite.gif') no-repeat;
						margin-right:5px; 
					}

ul#navholder li a:hover { border-bottom:3px solid red;  }
					
ul#navholder a#m-home { width:45px; background-position:9px 0px; }					
ul#navholder a#m-about { width:59px; background-position:-42px 0px; }
ul#navholder a#m-do   { width:72px;  background-position:-107px 0px; }	
ul#navholder a#m-team { width:60px;  background-position:-182px 0px; }
ul#navholder a#m-journey { width:75px;  background-position:-248px 0px; }
ul#navholder a#m-difference { width:87px; background-position:-328px 0px; }
ul#navholder a#m-why { width:52px;  background-position:-419px 0px; }
ul#navholder a#m-contact { width:50px;  background-position:-476px 0px; }				


ul#navholder a#m-home:hover,
ul#navholder a#m-home.on,
ul#navholder a#m-do:hover,
ul#navholder a#m-do.on,
ul#navholder a#m-contact.on,
ul#navholder a#m-contact:hover { border-bottom:3px solid #a6cf39 ; }

ul#navholder a#m-about:hover,
ul#navholder a#m-about.on,
ul#navholder a#m-journey:hover,
ul#navholder a#m-journey.on,
ul#navholder a#m-why:hover,
ul#navholder a#m-why.on { border-bottom:3px solid #ec008c; }

ul#navholder a#m-team:hover,
ul#navholder a#m-team.on,
ul#navholder a#m-difference:hover,
ul#navholder a#m-difference.on  {border-bottom:3px solid #cd9a66; }




#content {
    margin-left: auto;
    margin-right: auto;
    width:827px;
	height:569px;
	position: relative;
	background-image: url(../images/content_img.jpg);
	background-repeat: no-repeat;
	
}

#logo {
    left:50px;
    top:60px;
    width:202px;
	height:66px;
	position: absolute;
	
	
}


#flash_home {
    left:13px;
    top:140px;
    width:300px;
	height:100px;
	position: absolute;
}

#quote_team {
    left:490px;
    top:390px;
    width:259px;
	height:59px;
	position: absolute;
	
	
}

#quote_why {
    left:480px;
    top:385px;
    width:262px;
	height:92px;
	position: absolute;
	
	
}

#quote_whyp {
    left:500px;
    top:330px;
    width:263px;
	height:156px;
	position: absolute;
	
	
}


#quote_difference {
    left:480px;
    top:375px;
    width:327px;
	height:113px;
	position: absolute;
	
	
}

#image_difference {
    left:480px;
    top:70px;
    width:327px;
	height:300px;
	position: absolute;
	
	
}

#image_difference2 {
    left:480px;
    top:75px;
    width:327px;
	height:300px;
	position: absolute;
	
	
}


#quote_guy {
    left:416px;
    top:110px;
    width:259px;
	height:59px;
	position: absolute;
	
	
}

#quote_what {
    left:480px;
    top:350px;
    width:320px;
	height:141px;
	position: absolute;
	
	
}

#quote_about {
    left:480px;
    top:350px;
    width:320px;
	height:130px;
	position: absolute;
	
	
}

#strategyquote {
    left:0px;
    top:0px;
    width:270px;
	height:40px;
	position: absolute;
	
	
}

#quote_consultant {
    left:488px;
    top:110px;
    width:250px;
	height:63px;
	position: absolute;
	
	
}

#quote_delivery {
    left:488px;
    top:30px;
    width:212px;
	height:55px;
	position: absolute;
	
	
}

#quote_home {
    left:440px;
    top:380px;
    width:380px;
	height:105px;
	position: absolute;
	
	
}

#quote_contact {
    left:500px;
    top:395px;
    width:281px;
	height:94px;
	position: absolute;
	
	
}

#image_about {
    left:480px;
    top:20px;
    width:347px;
	height:283px;
	position: absolute;
	
}




#team_text_right {
	text-align: left;
	left:442px;
	top:150px;
	width:315px;
	position: absolute;
	visibility: inherit;
	overflow: hidden;
}




#image_team {
    left:470px;
    top:80px;
    width:330px;
	height:269px;
	position: absolute;
	
	
}

#image_team {
    left:470px;
    top:80px;
    width:330px;
	height:269px;
	position: absolute;
	
	
}



#image_why_p {
    left:480px;
    top:60px;
    width:315px;
	height:280px;
	position: absolute;
	
	
}



#text_delivery {
	left:490px;
	top:110px;
	width:290px;
	height:400px;
	position: absolute;
	overflow: auto;	
	
}

#text_consultant {
	left:490px;
	top:100px;
	width:290px;
	height:400px;
	position: absolute;
	overflow: auto;	
	
}



#text_journey {
	left:490px;
	top:40px;
	width:305px;
	height:480px;
	position: absolute;
	
}

#image_what {
    left:500px;
    top:65px;
    width:290px;
	height:269px;
	position: absolute;
	
	
}


#text_what {
	text-align: left;
	left:50px;
	top:210px;
	width:380px;
	height:310px;
	position: absolute;
	visibility: inherit;
	overflow: auto;
}


#text_contact {
	text-align: left;
	left:47px;
	top:310px;
	width:370px;
	height:210px;
	position: absolute;
	visibility: inherit;
	overflow: auto;
}


#text_teamlist {
	text-align: left;
	left:50px;
	top:175px;
	width:340px;
	height:300px;
	position: absolute;
	visibility: inherit;
	overflow: auto;
	font-size:12px;
}


#text_team {
	text-align: left;
	left:49px;
	top:232px;
	width:370px;
	height:210px;
	position: absolute;
	visibility: inherit;
	overflow: auto;
}


#text_difference {
	text-align: left;
	left:49px;
	top:155px;
	width:370px;
	height:375px;
	position: absolute;
	visibility: inherit;
	overflow: auto;
}

#text_whyp {
	text-align: left;
	left:50px;
	top:290px;
	width:370px;
	height:240px;
	position: absolute;
	visibility: inherit;
	overflow: auto;
}

#text_why {
	text-align: left;
	left:50px;
	top:302px;
	width:370px;
	height:210px;
	position: absolute;
	visibility: inherit;
	overflow: auto;
}

#text_about {
	text-align: left;
	left:50px;
	top:255px;
	width:370px;
	height:250px;
	position: absolute;
	visibility: inherit;
}

#text_whatwedo {
		height:150px;
		left:50px;
		overflow:auto;
		position:absolute;
		text-align:left;
		top:205px;
		visibility:inherit;
		width:370px;
}

#text_meet {
	text-align: left;
	left:48px;
	top:470px;
	width:200px;
	height:20px;
	position: absolute;
	visibility: inherit;
	overflow: auto;
}




#flash_journey {
	text-align:left;
	left:30px;
	top:140px;
	width:390px;
	height:400px;
	position: absolute;
	visibility: inherit;
	overflow: auto;
}


#divider {
    left:450px;
    top:160px;
    width:1px;
	height:318px;
	position: absolute;
		
	
}


#why_nav {
    left:50px;
    top:180px;
    width:163px;
	height:12px;
	position: absolute;
		
	
}

#divider_team {
    left:400px;
    top:160px;
    width:1px;
	height:318px;
	position: absolute;
		
	
}

#bottombar_pink {
    left:0px;
	width:827px;
	height:27px;
	margin:0px 0px 0 0px;
	position: absolute;
	bottom: 27px;
	background-image: url(../images/bottombarpink_tile.jpg);
	background-repeat: repeat-x;
	
}

#bottombar_brown {
    left:0px;
	width:827px;
	height:27px;
	margin:0px 0px 0 0px;
	position: absolute;
	bottom: 27px;
	background-image: url(../images/bottombarbrown_tile.jpg);
	background-repeat: repeat-x;
	
}

#bottombar_green {
    left:0px;
	width:827px;
	height:27px;
	margin:0px 0px 0 0px;
	position: absolute;
	bottom: 27px;
	background-image: url(../images/bottombargreen_tile.jpg);
	background-repeat: repeat-x;
	
}

#footer {
	left:0px;
	width:827px;
	height:20px;
	margin:0px 0px 0 0px;
	position: absolute;
	top:547px;
	bottom: 0;
	text-align:center;
	
}

.footer
{
color: #000; 
font-family: helvetica, arial, sans-serif; 
font-size: 10px; 
font-style: normal; 
text-decoration: none; 
letter-spacing: 0px;

} 

.bodytext
{
color: #003955; 
font-family: helvetica, arial, sans-serif; 
font-size: 12px; 
font-style: normal; 
text-decoration: none; 
letter-spacing: 0px;
line-height: 140%

}

.bodytextlink
{
color: #003955; 
font-family: helvetica, arial, sans-serif; 
font-size: 11px; 
font-style: normal; 
text-decoration: none; 
letter-spacing: 0px;
line-height: 140%

}

.contact
{
color: #003955; 
font-family: helvetica, arial, sans-serif; 
font-size: 14px; 
font-style: normal; 
text-decoration: none; 
letter-spacing: 0px;
line-height: 280%;

}



.journey_quotes
{
color: #fff; 
font-family: helvetica, arial, sans-serif; 
font-size: 13px; 
font-style: normal; 
text-decoration: none; 
letter-spacing: 0px;
line-height: 120%

}
 
h1 {

font-size: 14px;
color: #00486b;

}

h2 {

font-size: 11px;
color: #003955;

}

p
{ 
text-align:left;
line-height: 140%
} 

.class2 a:visited {text-decoration: none; color: #003955;}
.class2 a:link {text-decoration: none; color: #003955;}
.class2 a:hover {text-decoration: none; color: #fff;}

a:visited {text-decoration: underline; color: #003955}
a:link {text-decoration: underline; color: #003955;}
a:hover {text-decoration: underline; color:#FFFFFF; /*color: #00486b;*/}




.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: transparent;
background-image:url('bg.gif');
}
.vscrollerbar {
background-color:#054063;
width:20px;
}

.vscrollerbarbeg {
width: 10px;
height: 15px !important;
background:url('scrollArrow.gif') no-repeat bottom;
}

.vscrollerbarend {
background:url('scrollArrow.gif') no-repeat top;
width: 10px;
height: 15px;
}

.hscrollerbase {
height: 10px;
background-color: none;
}
.hscrollerbar {
height: 10px;
background-color: #FF0099;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

.diff-list {padding:0px;}
.diff-list li { list-style-type:none; background:url('../images/astrix.gif') no-repeat 5px 5px; padding-left:30px }
