@charset "utf-8";

/* Resetting the borders, margins and padding on all items, then setting up font sizes ***********************/
body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; }
HTML, input, select, textarea   { font-size: 100%; }
body                            { font-size:0.625em; font-family:Arial, Helvetica, sans-serif; color:#5D5D5D;}

/* Generic Elements *********************************************/
h1                  { font-size:1.4em; }
h2                  { font-size:1.2em; }
h3                  { font-size:1.1em; }


.image							{ display:block; border:none; }


.footer				{ margin-top:5px; font-size:1.2em; display:block;}

.planning			{ margin-top:0px; margin-left:30px; margin-right:10px; margin-bottom:40px; font-size:1.2em; display:block; }

.padding			{ margin-top:0px; margin-left:10px; margin-right:10px; margin-bottom:20px; font-size:1.2em; display:block;}

.padding1			{ margin-top:20px; margin-left:10px; margin-right:10px; margin-bottom:20px; font-size:1.2em; display:block;}

.padding3			{ margin-top:20px; margin-left:45px; margin-right:10px; margin-bottom:20px; font-size:1.2em; display:block;}

.padding4			{ margin-top:20px; margin-left:10px; margin-right:20px; margin-bottom:0px; font-size:1.6em;  line-height: 30px; display:block;}
					
.padding5			{ margin-top:20px; margin-left:10px; margin-right:15px; margin-bottom:0px; font-size:1.4em; display:block;}

.toppadding		{ padding-top:20px; display:block; }

.skills				{ margin-bottom: 20px; margin-left: 20px; font-size:1.2em; display:block;}

.skills a			{ color:#000000; }

.skills li 		{ margin-bottom:3px; }

.research			{ font-size:1.2em; line-height:30px; margin-left:26px;}

.researchlist	{ margin-left:26px; }
.researchlist li { margin-bottom:22px; }

.research2			{ margin-top:20px; margin-left:10px; margin-right:10px; margin-bottom:20px; font-size:1.2em; display:block;}

.portfolio			{ font-size:1.4em; margin-bottom: 0px;}

.address 			{ margin-top:6px; font-size:1.1em; display:block; color:#999999;}

.system				{ color:#FFFFFF; font-size:1.2em;}

.implementation		{ margin-bottom: 20px; margin-left: 38px; font-size:1.2em; display:block;}
.implementation li { margin-bottom:4px; }

.clearer			{ clear:both; }


/* Main Elements ************************************************/

#logo				{ float:right }

#contactus			{ float:right }

#container			{ width: 760px; margin:0pt auto; }

#topnav				{ width: 760px; height: 75px; margin-top:20px; }


/* index page ************************************************/

#column1		{ width: 237px; height: 29.6em; float: left; background:#BBC1C1; }

#column2		{ width: 237px; height: 29.6em; float: left; background:#BBC1C1; }

#column3		{ width: 272px; height: 29.6em; float: left; background:#BBC1C1; }

#shadow			{ width: 14px; height: 29.6em; float: left; background:url(../images/shadow_bottom.jpg) repeat-y;}

/* research page ************************************************/

#research1		{ width: 267px; height: 29.6em; float: left; background:#C9DCE0; border:0px; padding:0px; }

#research2		{ width: 207px; height: 29.6em; float: left; background:#C9DCE0; color:#000000;}

#research3		{ width: 251px; height: 29.6em; float: left; background:#C9DCE0; color:#000000;}

#research4		{ width: 35px; height: 29.6em; float: left; background:url(images/research_side.jpg) repeat-y;}


/* planning page ************************************************/

#planning1		{ width: 257px; height: 33em; float: left; background:#BDD99F; }

#planning2		{ width: 237px; height: 33em; float: left; background:#BDD99F; color:#000000;}

#planning3		{ width: 230px; height: 33em; float: left; background:#BDD99F; color:#000000;}

#planning4		{ width: 35px; height: 33em; float: left; background:url(images/planning_side.jpg) repeat-y;}


/* systems page ************************************************/

#systemcontainer	{ width: 725px; height: 28.6em; float: left; margin-left: 0px; background:#DAA792; overflow:hidden; display:inline; }

#system1			{ width: 213px; height: 8.6em; float: left; margin-left: 0px; background:#DAA792; overflow:hidden; }

#system2			{ width: 200px; height: 7.6em; float: left; margin-top: 15px; background:#DAA792; overflow:hidden; margin-left:50px; font-size:1.1em; }

#review				{ width: 50px; height: 1.4em; float: left; margin-top: 75px; margin-left: 190px; overflow:hidden; display:inline;}

#secure				{ width: 100px; height: 1.4em; float: left; margin-top: 5px; margin-left: 590px; overflow:hidden; display:inline;}

#record				{ width: 100px; height: 1.4em; float: left; margin-top: 5px; margin-left: 530px; overflow:hidden; display:inline;}

#present			{ width: 100px; height: 1.4em; float: left; margin-top: 5px; margin-left: 465px; overflow:hidden; display:inline;}

#callcycle			{ width: 100px; height: 1.4em; float: left; margin-top: 5px; margin-left: 360px; overflow:hidden; display:inline;}

#comms				{ width: 100px; height: 1.4em; float: left; margin-top: 5px; margin-left: 270px; overflow:hidden; display:inline;}

#profiling			{ width: 100px; height: 1.4em; float: left; margin-top: 5px; margin-left: 225px; margin-right: 200px; overflow:hidden; display:inline;}

#lead				{ width: 100px; height: 1.4em; float: left; margin-top: 5px; margin-left: 130px; overflow:hidden; display:inline;}

#target				{ width: 100px; height: 1.4em; float: left; margin-top: 5px; margin-left: 50px; margin-right: 400px; overflow:hidden; display:inline;}

#system3			{ width: 200px; height: 6.6em; float: right; margin-left: 0px;  overflow:hidden; display:inline; clear:right;  font-size:1.1em;}

#system4			{ width: 35px; height: 28.6em; float: left; margin-left: 0px; background:url(images/system_side.jpg) repeat-y;  overflow:hidden; display:inline;}

/* skills page ************************************************/

#skills1		{ width: 207px; height: 28.6em; float: left; background:#7BB4CF; }

#skills2		{ width: 257px; height: 28.6em; float: left; background:#7BB4CF; color:#000000;}

#skills3		{ width: 261px; height: 28.6em; float: left; background:#7BB4CF; color:#000000;}

#skills4		{ width: 35px; height: 28.6em; float: left; background:url(images/skills_side.jpg) repeat-y;}

/* implement page ************************************************/

#implement1		{ width: 384px; height: 32em; float: left; background:#E3C376; }

#implement2		{ width: 341px; height: 32em; float: left; background:#E3C376; color:#000000;}

#implement3		{ width: 35px; height: 32em; float: left; background:url(images/implement_side.jpg) repeat-y;}

/* Contactus page ************************************************/

#contactus1		{ width: 320px; height: 32em; float: left; background:#D0C7AA; }

#contactus2		{ width: 405px; height: 32em; float: left; background:#D0C7AA; color:#000000; text-align:right; }

#contactus3		{ width: 35px; height: 32em; float: left; background:url(images/contactus_side.jpg) repeat-y;}

#contactus4		{ width: 725px; height: 32em; float: left; background:#D0C7AA; }

#contacttext	{ font-size:1.4em; padding:20px; width:250px; margin-left:20px; }

.textbox			{ width:300px; border:none; font-size:1.6em; margin-right:10px; padding:2px; }

.textarea			{ width:300px; border:none; font-size:1.6em; height:6em; margin-right:10px; padding:2px; }

.textboxlabel	{ font-size:1.5em; line-height:2.2em; }




/* portfolio page ************************************************/

#lowercontainer						{ background-image:url(images/portfolio_header.jpg); background-repeat:no-repeat; height:50em; }
#lowercontainer #left			{ float:left; background:url(images/portfolio_left_side.jpg) repeat-y; margin-top:127px; height:38.3em; width:4px; }
#lowercontainer #main			{ float:left; width:739px; height:38.3em; }
#lowercontainer #right		{ float:left; background:url(images/portfolio_right_side.jpg) repeat-y; margin-top:127px; height:38.3em; width:17px; }
#lowercontainer #bottom		{ float:left; background:url(images/portfolio_bottom.jpg) no-repeat; height:2px; width:760px; overflow:hidden; }


/* team page ************************************************/

#teamcontainer	{width: 760px; background:url(images/team_part2.jpg) repeat-y; background-color:#BBC1C1; height:47em;}

#image1		{ width: 453px; height: 12.6em; float: left;}

#stretch	{ width: 453px; height: 0.2em; float: left; background:url(images/team_part2.jpg) repeat-y;}

#image2		{ width: 453px; height: 34.4em; float: left; background:url(images/teamimage4.jpg) bottom right no-repeat;  }

#team2		{ width: 272px; height: 100%; float: right; background:#BBC1C1; color:#000000;  background:url(images/team_bottom.jpg) bottom no-repeat;}

#teamcontainer #team3		{ width: 35px; height: 100%; float: right; background:url(images/team_side.jpg) repeat-y;}

#teamcontent1						{ display:block; }

#teamcontent2						{ display:none; }

#teamcontent3						{ display:none; }

#teamcontent4						{ display:none; }

.teamimage							{ float:left; margin:0px; padding:0px; border:none; }

/* testimonial page ************************************************/

#testcontainer	{width: 760px; background:url(images/testimonial2.jpg) repeat-y; background-color:#BBC1C1; height:46em; }

#testimonial1	{ width: 287px; height: 11.6em; float: left;}

#testimonial2	{ width: 287px; height: 0.2em; float: left; background:url(images/testimonial2.jpg) repeat-y;}

#testimonial3	{ width: 287px; height: 34.4em; float: left; background:url(images/testimonial3.jpg) bottom no-repeat;  }

#middleholder	{ height:46em; background:url(images/testimonial4.jpg) bottom no-repeat; width:438px; float:right; }

#test2		{ width: 340px; height: 44.5em; float: right; background:#BBC1C1; color:#000000;}

#team3		{ width: 35px; height: 46em; float: right; background:url(images/team_side.jpg) repeat-y;}

#robert		{ width: 98px; float: right; height:44.5em; background-color:#BBC1C1;}

.testimonial_name	{ margin-bottom:40px; font-size:1.4em; padding-left:100px; text-decoration:underline; cursor:pointer; }

#testimonialtext2	 {display:none; }
#testimonialtext2image	 {display:none; }

#testimonialtext3		{display:none; }
#testimonialtext3image		{display:none; }

#testimonialtext4		{display:none; }
#testimonialtext4image		{display:none; }

#testimonialtext5		{display:none; }
#testimonialtext5image		{display:none; } 


/* top section ************************************************/

.topnav						{ font-size:1.2em; display:block; padding-top:54px; color:#000000; font-family:Geneva, Arial, Helvetica, sans-serif; }
.topnav	a					{ text-decoration:none; display:block; float:left; padding-left:5px; padding-right:5px; color:#000000; }
.topnav	a:hover		{ text-decoration:underline; color:#000000; }
.topnav	a:active	{ text-decoration:none; font-weight:bold; color:#000000; }

/* bottom section ************************************************/

#footercontainer	{ height: 12.6em;}

#footer				{ width: 746px; float: left; background:url(images/background_shadow.jpg) repeat-x;}

#newsletter			{ width: 450px; float: left; margin-top: 10px; color: #999999;}
#newsletter a 	{ color:#999999; }
#newslettersignup	 { margin-left:6px; }

#contactus			{ width: 201px; float: right; margin-left: 91px;}

#cornershadow		{ overflow:hidden; float:right; }

/* gallery styling */

.gallery 											{	padding:20px; text-align:left; color:#000000; margin-top:40px; height:140px; position:relative; top:-170px;}
.gallery .heading							{ color:#DDA632; font-weight:bold; }
.gallery ul 									{	list-style:none; padding:0; margin:0; float:right; width:280px; position:relative; }
.gallery ul li 								{	display:inline; width:50px; height:50px; float:left; margin:6px;}
.gallery ul li a 							{	display:block; width:50px; height:50px; cursor:default; background:url(images/portfolio/arrow.gif) no-repeat; text-decoration:none; }
.gallery ul li a .gallerytext { display:none;}
.gallery ul li a img 					{ display:block; width:42px; height:42px; border:4px solid #BEC1C0; border-top-color:#BEC1C0; }
.gallery ul li a:hover 				{ white-space:normal; position:relative; cursor:pointer;}


.gallery a .gallery a:visited, .gallery a:hover, .gallery a:focus 		{ color:#000000; }
.gallery ul li a:hover img 													{position:absolute; left:-32px; top:-50px; width:108px; height:124px; border-color:#fc0;}
.gallery ul li a:active, .gallery ul li a:focus 		{position:static; outline:0;}

.gallery ul li a:focus img, .gallery ul li a:active img 													{ position:absolute; left:0px; top:150px; width:320px; height:280px; border:2px solid #D0D2D1; }
.gallery ul li a:focus .gallerytext, .gallery ul li a:active .gallerytext 				{ display:block; position:absolute; width:340px; height:260px; top:165px; left:-390px; padding:6px; font-size:1.3em; }