@charset "UTF-8";
/* CSS Document */

body {
background:#FFFFFF;
text-align:left;
color:#666;
font-size:14px;
font-family:georgia, 'time new romans', serif;
margin:0 auto;
padding:0;
}
 
a {
	color: #0099FF;
	text-decoration: none;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
}
 
a:visited {
color: #0099FF;
text-decoration: none;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
letter-spacing: -1px;
}
 
a:hover {
	color: #0099FF;
	text-decoration: none;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
}
 
h1 {
	border: none;
	padding: 35px 0 0 0;
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: -1px;
}
 
h2 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: normal;
	padding: 0 0 10px;
}
 
h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

h4 {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#000000;
font-weight:normal;
margin:0;
padding:8px 0 8px 0;
}
 
p {
color:#fff;
font-size: 20px;
line-height: 38px;
font-family: 'Trebuchet MS', verdana, helvetica, sans-serif;
padding: 0 0 10px;
margin: 20px 0 10px 0;
}


#news1 {
	display:block;
	position:absolute;
	top:136px;
	left:50px;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	width:675px;
	height: 97px;
}

#news2 {
	display:block;
	position:absolute;
	top:265px;
	left:158px;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: normal;
	width:775px;
}

#news3 {
	display:block;
	position:absolute;
	top:390px;
	left:63px;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: normal;
	width:490px;
	height: 164px;
}

#homepage {
	position:absolute;
	width:300px;
	top:160px;
	left:21px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:0.2px;
	color:#000000;	
}

.homePageClass {
font-size:16px;
font-weight:bold;
}

#homepage2 {
	position:absolute;
	width:660px;
	top:160px;
	left:380px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	color:#000000;
}

#homepage3 {
	position:absolute;
	top:180px;
	left:340px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	color:#FFFFFF;	
}

a.homePageLink:link {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	color:#000000;
	text-decoration:underline;
}
 
a.homePageLink:hover {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	color:#C7F1FF;
	text-decoration:underline;
}

a.homePageLink:visited {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	color:#000000;
	text-decoration:underline;
}


/*
#newsheader {
	position:absolute;
	top:180px;
	left:30px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.2px;
	color:#FFFFFF;	
}
*/

img {
	border:none;
	vertical-align: top;
	margin-left: 5px;
}
 
#header {
width: 360px;
float: left;
margin: 0 5px 0 0;
padding: 0;
}

#rpclogo {
	top: 5px;
	position:absolute;
	float: right;
	margin-left:80%;
	padding-right:15px;
	z-index: 200;	
}

#rpcphone {
	top: 13px;
	position: fixed;
	float: right;
	margin: 5px 0px 5px 600px;
	z-index: 200;	
}

#wereon {
	top: 775px;
	position:absolute;
	float: right;
	margin-left:75%;
	z-index: 200;	
}

#topnav {
	top: 0px;
	position: fixed;
	left: 0;
	clear: both;
	float: none;
	margin: 0px 0px 5px -20px;
	height:75px;
	z-index: 200;
	width:100%;
	background-color:#FFF;
}
#navWrap {
	padding-top:15px;
	padding-left:20px;
	height:48px;
	display:block;
	width:600px;
}

/*
#topnav ul{
margin: -20px;
padding:-20px;
}
  
#topnav ul li{
list-style-type: none;
display: inline;
margin: 0;
padding: 0 10px 0 10px;
}

#topnav ul li a{
text-decoration: none;
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}
*/

#newsPost {
	position:absolute;
	width:200px;
	top:250px;
	left:730;
	margin:250px 5px 0 765px;
	padding:0;
}

.newsDate {
	font-family: tahoma;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: left;
}


#page {
	position:fixed;
	float: left;
	top: 775px;
	left: 0;
	margin: 0 5px 0 0;
	padding: 0;
}

#menu1 {
	top: 5px;
	position: fixed;
	left: 0;
	clear: both;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	z-index: 200;
	
}

#menu1 ul{
list-style-type: none;
margin: 0;
padding: 0;
}
 
#menu1 ul li{
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0 10px 0 10px;
}
 
#menu1 ul li a{
text-decoration: none;
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0;
}
 
#menu {
background: FFFFFF;
position: fixed;
top: 400px;
left: 10;
clear: both;
float: left;
font-family: helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
margin: 0;
padding: 18px;
z-index: 500;
filter: alpha(opacity=75);
opacity: .75;
}
 
#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}
 
#menu ul li{
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0 10px 0 10px;
}
 
#menu ul li a{
text-decoration: none;
list-style-type: none;
color: #777;
display: inline;
margin: 0;
padding: 0;
}
 
#menu ul li a:hover{
text-decoration: none;
list-style-type: none;
color: #00CCFF;
display: inline;
margin: 0;
padding: 0;
}

#container {
	position: absolute;
	top: 100px;
	left: 25px;
	width: 10000px;
	margin: 0;
	padding: 0;
}
 
.box {
background: #FFFFFF;
width: 600px; 
float: left;
line-height: 22px;
margin: 50px 150px 150px 150px;
padding: 5px 50px 50px 50px;
}
 
.box p {
	color:#666666;
	font-size: 14px;
	line-height:16px;
	padding: 0 0 10px;
	margin: 20px 0 10px 0;
}

#apDiv1 {
	position:absolute;
	left:102px;
	top:200px;
	width:200px;
	height:197px;
	z-index:1;
	
}
.style1 {
font-size: 72px;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#CCCCCC;

}

#moreWork {
	position:absolute;
	margin-left:500px;
}

#workContainer {
	width:672px;
	height:508px;
}

#feed-control {
	position:absolute;
	top:770px;
	left:50px;
	width:500px;
	border:none;
	}

/* =============== THE NAVIGATION GODS WILL SMILE UPON YOU AFTER HERE ;) ============================ */
div.BTN {
	height:48px;
	padding-left:15px;
	width:110px;
	margin-left:15px;
}

a.work {
	display: inline-block;
	width: 99px;
	height: 48px;
	text-decoration: none;
	background:url(images/nav/work.jpg) 0 -48px;
	background-repeat:no-repeat;
	}

a.work:hover {
	background-position: 0 0px;
	}
	
a.about {
	display: inline-block;
	width: 110px;
	height: 48px;
	text-decoration: none;
	background:url(images/nav/about.jpg) 0 -48px;
	background-repeat:no-repeat;
	}

a.about:hover {
	background-position: 0 0px;
	}
	
a.news {
	display: inline-block;
	width: 97px;
	height: 48px;
	text-decoration: none;
	background:url(images/nav/news.jpg) 0 -48px;
	background-repeat:no-repeat;
	}

a.news:hover {
	background-position: 0 0px;
	}
	
a.blog {
	display: inline-block;
	width: 92px;
	height: 48px;
	text-decoration: none;
	background:url(images/nav/blog.jpg) 0 -48px;
	background-repeat:no-repeat;
	}

a.blog:hover {
	background-position: 0 0px;
	}
	
a.contact {
	display: inline-block;
	width: 141px;
	height: 48px;
	text-decoration: none;
	background:url(images/nav/contact.jpg) 0 -48px;
	background-repeat:no-repeat;
	}

a.contact:hover {
	background-position: 0 0px;
	}
	
	
/*--Home Page Navigation--*/

#successButton a {
	position:absolute;
	display:block;
	width:422px;
	height:94px;
	left:340px;
	background:url(images/success_button.png) no-repeat top;
	z-index:100;
	top:604px;
}

#successButton a:hover {	
position:absolute;
background:url(images/success_button.png) no-repeat bottom;
}
	
/* ------- WORK LANDING PAGE ------------- */
#BMAbug {
	position:absolute;
	margin-left:305px;
	margin-top:30px;
	z-index:100;
}
.clr {
	height:5px;
	display:block;
}
#clientList {
	height:477px;
	width:412px;
	padding-left:20px;
	/*background-color:#900;*/
	display:block;
}

#wTopContent {
	width:680px;
	padding-bottom:15px;
	padding-left:20px;
	/*background-color:#0F0;*/
	display:block;
	font-size:14px;
	letter-spacing:.25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#friendsList {
	width:275px;
	/*background-color:#09F;*/
	display:block;
	position:absolute;
	margin-left:470px;
	margin-top:177px;
	height:25px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:2.85em;
}

.ourClients {
	font weight:bold;

}

.clientList {
	list-style: none;
	color:#999999;
}

#friendsListRt {
	width:275px;
	/*background-color:#09F;*/
	display:block;
	position:absolute;
	margin-left:730px;
	margin-top:211px;
	height:25px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:2.85em;
}

.clientListRt {
	list-style: none;
	color:#999999;
}

.friendlink {
}

#WorkPageTestimonial {
	position:absolute;
	margin-left:510px;
	margin-top:-5px;
}

/* ----- CLIENT LINKS --------- */

div.CLIENTBTN {
	height:60px;
	width:420px;
}

a.cafe {
	display: inline-block;
	width: 420px;
	height: 60px;
	text-decoration: none;
	background:url(images/workLanding/212.jpg) 0 -60px;
	background-repeat:no-repeat;
	}

a.cafe:hover {
	background-position: 0 3px;
	}
	
a.deBourgh {
	display: inline-block;
	width: 420px;
	height: 60px;
	text-decoration: none;
	background:url(images/workLanding/deBourgh.jpg) 0 -60px;
	background-repeat:no-repeat;
	}

a.deBourgh:hover {
	background-position: 0 0px;
	}

a.esp {
	display: inline-block;
	width: 420px;
	height: 60px;
	text-decoration: none;
	background:url(images/workLanding/esp.jpg) 0 -60px;
	background-repeat:no-repeat;
	}

a.esp:hover {
	background-position: 0 0px;
	}
	
a.jackHenry {
	display: inline-block;
	width: 420px;
	height: 60px;
	text-decoration: none;
	background:url(images/workLanding/jackHenry.jpg) 0 -60px;
	background-repeat:no-repeat;
	}

a.jackHenry:hover {
	background-position: 0 0px;
	}

a.lewis {
	display: inline-block;
	width: 420px;
	height: 60px;
	text-decoration: none;
	background:url(images/workLanding/lewis.jpg) 0 -60px;
	background-repeat:no-repeat;
	}

a.lewis:hover {
	background-position: 0 0px;
	}

a.maui {
	display: inline-block;
	width: 420px;
	height: 60px;
	text-decoration: none;
	background:url(images/workLanding/maui.jpg) 0 -60px;
	background-repeat:no-repeat;
	}

a.maui:hover {
	background-position: 0 0px;
	}

a.rwBeck {
	display: inline-block;
	width: 420px;
	height: 60px;
	text-decoration: none;
	background:url(images/workLanding/rwBeck.jpg) 0 -60px;
	background-repeat:no-repeat;
	}

a.rwBeck:hover {
	background-position: 0 0px;
	}

a.id {
	display: inline-block;
	width: 420px;
	height: 60px;
	text-decoration: none;
	background:url(images/workLanding/id.jpg) 0 -60px;
	background-repeat:no-repeat;
	}

a.id:hover {
	background-position: 0 0px;
	}
	
		
	
	
	/* --- ABOUT SECTION DIVS ---- */
ul li {
	list-style-type: none;
	margin-top:-20px;
	padding:0;
}
.pane {
	margin-top:105px;
}
#aboutWrapper {
	width:4401px;
	height:768px;
	overflow:auto;
}
#aboutMain {
	width:1024px;
}

#whatWeDo {
	background-image:url(images/about/about-landing-title.jpg);
	height:201px;
	width:421px;
	display:block;
}

#whatWeDoTXT {
	height:317px;
	width:319px;
	display:block;
	margin-top:15px;
	margin-left:45px;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:normal;
}

.whatWeDoHead {
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0066;
	font-weight:bold;
}

.whatWeDoList {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:normal;
	list-style-image:url(images/square-bullet.gif);
}

#brains {
	background-image:url(images/about/about-dotted-box.gif);
	height:346px;
	width:565px;
	display:block;
	position:absolute;
	margin-left:444px;
	margin-top:40px;
}

#brainsContentHead {
	height:330px;
	width:525px;
	position:absolute;
	margin-left:465px;
	margin-top:57px;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0066;
	font-weight:bold;
}

.brainsContent {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:normal;
}

#aboutNav {
	width:222px;
	height:121px;
	display:block;
	position:absolute;
	margin-left:444px;
	margin-top:416px;
}

/* ========== ABOUT NAVIGATION BTNS ================== */
div.aboutBTN {
	height:40px;
	width:221px;
}
.reset {
	position:absolute;
	margin-left:287px;
	margin-top:-10px;
	width:40px;
	height:40px;
}
.resetThink {
	position:absolute;
	margin-left:325px;
	margin-top:0px;
	width:40px;
	height:40px;
}

.resetProcess {
	position:absolute;
	margin-left:280px;
	margin-top:0px;
	width:40px;
	height:40px;
}

a.peopleBTN {
	display: inline-block;
	width: 221px;
	height: 40px;
	text-decoration: none;
	background:url(images/about/peopleBTN.gif) 0 -40px;
	background-repeat:no-repeat;
	}

a.peopleBTN:hover {
	background-position: 0 0px;
}

a.processBTN {
	display: inline-block;
	width: 221px;
	height: 40px;
	text-decoration: none;
	background:url(images/about/processBTN.gif) 0 -40px;
	background-repeat:no-repeat;
	}

a.processBTN:hover {
	background-position: 0 0px;
}

a.thinkingBTN {
	display: inline-block;
	width: 221px;
	height: 40px;
	text-decoration: none;
	background:url(images/about/thinkingBTN.gif) 0 -40px;
	background-repeat:no-repeat;
	}

a.thinkingBTN:hover {
	background-position: 0 0px;
}

/* ======== TRANSITION AREA ============= */
#transition {
	background-image:url(images/about/transition.gif);
	width:376px;
	height:215px;
	display:block;
	position:absolute;
	margin-left:665px;
	margin-top:416px;
}

/* ========= PEOPLE AREA ======= */
#peopleArea {
	background-image:url(images/about/peopleArea.gif);
	width:913px;
	height:631px;
	display:block;
	position:absolute;
	margin-left:1041px;
}
#peopleContent {
	margin-top:75px;
	margin-left:85px;
	width:719px;
	height:440px;
	display:block;
	background-color:#0F0;
}
#peopleNav {
	margin-top:25px;
	margin-left:340px;
	width:400px;
	
}

.lowerNav {
	width:191px;
	height:68px;
	position:absolute;
	margin-top:560px;
	margin-left:632px;
	
}
.areaA {
	width:191px;
	height:29px;
}
.areaB {
	width:191px;
	height:29px;
	margin-top:10px;
}

#processA {
	width:191px;
	height:29px;
}
#processB {
	width:191px;
	height:29px;
}
#thinkingA {
	width:191px;
	height:29px;
}
#thinkingB {
	width:191px;
	height:29px;
}
#peopleA {
	width:191px;
	height:29px;
}
#peopleB {
	width:191px;
	height:29px;
}

/* ====== PROCESS AREA ===== */
#processArea {
	background-image:url(images/about/processArea.gif);
	width:913px;
	height:631px;
	display:block;
	position:absolute;
	margin-left:1954px;
}
#processContent {
	width:500px;
	height:450px;
	display:block;
	position:absolute;
	margin-left:105px;
	margin-top:55px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
}

.a {
	font-size:14px;
}

div.testimonial {
	width:550px;
	height:150px;
	display:block;
	position:absolute;
	margin-top:7px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
	color:#0099FF;
}

#testimonialName {
	margin-top:7px;
	font-size:16px;
	font:Georgia, "Times New Roman", Times, serif;
	color:#0099FF;
	font-style:normal;
}

#testimonialCompany {
	margin-top:1px;
	font-size:14px;
	font:Georgia, "Times New Roman", Times, serif;
	color:#0099FF;
	font-style:normal;
}

/* ====== THINKING AREA ===== */
#thinkingArea {
	background-image:url(images/about/thinkingArea.gif);
	width:911px;
	height:631px;
	display:block;
	position:absolute;
	margin-left:2867px;
}
#thinkingContent {
	width:670px;
	height:450px;
	display:block;
	position:absolute;
	margin-left:120px;
	margin-top:55px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
}

#velocityLeft {
	width:265px;
	height:300px;
	position:absolute;
	margin-left:158px;
	margin-top:175px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#velocityRight {
	width:265px;
	height:300px;
	position:absolute;
	margin-left:510px;
	margin-top:175px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#pdfButton a {
	position:absolute;
	display:block;
	width:30px;
	height:29px;
	background:url(images/pdf-bullet.gif) no-repeat top;
	z-index:100;
}

#pdfButton a:hover {	
position:absolute;
background:url(images/pdf-bullet.gif) no-repeat bottom;
}

/*---- CONTACT PAGE ----*/
#SendEmailButton a {
	position:absolute;
	display:block;
	width:245px;
	height:20px;
	background:url(images/send-email-button.gif) no-repeat top;
	z-index:100;
}

#SendEmailButton a:hover {	
position:absolute;
background:url(images/send-email-button.gif) no-repeat bottom;
}

#MapButton a {
	position:absolute;
	display:block;
	width:73px;
	height:27px;
	background:url(images/map-button.gif) no-repeat top;
	z-index:100;
}

#MapButton a:hover {	
position:absolute;
background:url(images/map-button.gif) no-repeat bottom;
}

/*---- THINK TANK ----*/

#ThinkTank {
	position:absolute;
	display:block;
	left:25px;
	top:75px;
	
}

.ThinkTankHead {
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0066;
	font-weight:bold;
}

.ThinkTankContent {
	width:625px;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:normal;
}

#mamjjasoButton {
	top:260px;
	left:25px;
	position:absolute;
	display:block;
	width:370px;
	height:273px;
	background:url(images/thinkTank/mamjjaso.jpg) no-repeat top;
	z-index:100;
}

#mamjjasoButton:active {	
position:absolute;
background:url(images/thinkTank/mamjjaso.jpg) no-repeat bottom;
}

#bearButton {
	top:350px;
	left:415px;
	position:absolute;
	display:block;
	width:485px;
	height:330px;
	background:url(images/thinkTank/bear-journeyed.jpg) no-repeat top;
}

#bearButton:active {	
position:absolute;
background:url(images/thinkTank/bear-journeyed.jpg) no-repeat bottom;
}

#solveButton {
	top:95px;
	left:685px;
	position:absolute;
	display:block;
	width:420px;
	height:250px;
	background:url(images/thinkTank/solve.jpg) no-repeat top;
	z-index:100;
}

#solveButton:active {	
position:absolute;
background:url(images/thinkTank/solve.jpg) no-repeat bottom;
}







/* ====== END AREA ===== */
#endArea {
	background-image:url(images/about/endArea.gif);
	width:625px;
	height:579px;
	display:block;
	position:absolute;
	margin-left:3778px;
	margin-top:133px;
}