a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

/*   begin id's  */

#wrap {
	width:			894px;
	margin:			0 auto;
	padding:		10px 0 500px 0;
}


#header {
	width:			auto;
	background:		#fff;
	padding:		20px;
}


#nav {
	width:			100%;
	height:			50px;
/*	padding-left:2px;	*/
}


#footer {
	background:		#fff;
	width:			auto;
	margin:			0 auto;
	padding:		40px 0 20px 0;
	text-align:		center;
	font-size:		80%;
	color:			#666666;
	border-top:		1px dashed #e6e6e6;
}

#footer a {
	color:			#999999;
	padding:		3px;
}

#footer a:hover {
	color:			#0f74c2;
}

#footer a.active {
	color:			#191919;
	border:	1px solid #E6E6E6;
}

#footer a.active:hover {
	color:			#333333;
}



#footer ul.solutions li {
	display:		inline;
	margin:			0 8px;
}
#footer ul.nav li {
	display:		inline;
	margin:			0 16px;
}


/*	-----		nav		-----	*/

	

#nav li {
	height:			49px;
	width:			127px;
	background:		url(../images/tabs/127x49.png) top left no-repeat;
	text-align:		center;
	float:			left;
	font-size:		130%;
}

#nav li:hover {
	height:			49px;
	width:			127px;
	background:		url(../images/tabs/127x49.png) center no-repeat;
	text-align:		center;
	float:			left;
	font-size:		130%;
}

#nav li.active {
	height:			49px;
	width:			127px;
	background:		url(../images/tabs/127x49.png) bottom left no-repeat;
	text-align:		center;
	float:			left;
	font-size:		130%;
}


#nav li.active_last {
	height:			49px;
	width:			132px;
	background:		url(../images/tabs/127x49_active_last.png) top left no-repeat;
	text-align:		center;
	float:			left;
	font-size:		130%;
}

#nav li a {
	display:		block;
	color:			#000033;
	font-weight:	bold;
	padding-top:	32px;
	height:			13px;
}

#portfolio2,
#solutions2,
#successes2,
#about2,
#resources2,
#the_good2,
#contact2 {
	text-indent: 	-9999px;
	height: 		13px;
}

/*	portfolio	*/

a#portfolio2 {
	background: 	url(../images/nav/inner/portfolio.png)  center  7px no-repeat;
}

body#portfolio a#portfolio2 {
	background: 	url(../images/nav/inner/portfolio.png) center bottom no-repeat;
}

a#portfolio2:hover {
	background: 	url(../images/nav/inner/portfolio.png) center no-repeat;
}



/*	solutions	*/

a#solutions2 {
	background: url(../images/nav/inner/solutions.png) center 7px no-repeat;
}

body#solutions #solutions2 {
	background: url(../images/nav/inner/solutions.png) center bottom no-repeat;
}

a#solutions2:hover {
	background: 	url(../images/nav/inner/solutions.png) center no-repeat;
}



/* successes	*/

a#successes2 {
	background: 	url(../images/nav/inner/successes.png) center 7px no-repeat;
}

body#successes #successes2 {
	background: 	url(../images/nav/inner/successes.png) center bottom no-repeat;
}

a#successes2:hover {
	background: 	url(../images/nav/inner/successes.png) center no-repeat;
}



/* about	*/

a#about2 {
	background: 	url(../images/nav/inner/about.png) center 7px no-repeat;
}

body#about #about2 {
	background: 	url(../images/nav/inner/about.png) center bottom no-repeat;
}

a#about2:hover {
	background: 	url(../images/nav/inner/about.png) center no-repeat;
}



/* resources */

a#resources2 {
	background: 	url(../images/nav/inner/resources.png) center 7px no-repeat;
}

body#resources #resources2 {
	background: 	url(../images/nav/inner/resources.png) center bottom no-repeat;
}

a#resources2:hover {
	background: 	url(../images/nav/inner/resources.png) center no-repeat;
}



/* the_good 	*/
a#the_good2 {
	background: 	url(../images/nav/inner/the_good.png) center 7px no-repeat;
}

body#the_good #nav li #the_good2 {
	background: 	url(../images/nav/inner/the_good.png) center bottom no-repeat;
}

a#the_good2:hover {
	background: 	url(../images/nav/inner/the_good.png) center no-repeat;
}


/* contact		*/

a#contact2 {
	background: 	url(../images/nav/inner/contact.png) center 7px no-repeat;
}

body#contact #contact2 {
	background: 	url(../images/nav/inner/contact.png) center bottom no-repeat;
}

a#contact2:hover {
	background: 	url(../images/nav/inner/contact.png) center no-repeat;
}


/*	-----		/nav		-----	*/




/*	-----		breadcrumbs		-----	*/

#breadcrumbs {
	margin:			5px 0 10px 0;
	font-size:		110%;
	letter-spacing:	.03em;
}

#breadcrumbs li {
	display: 		inline;
	color:			#dcdcdc;
}

#breadcrumbs a {
	color:			#dcdcdc;
	padding:		0 20px;
}

#breadcrumbs a:hover {
	color:			white;
}

#breadcrumbs a.active {
	color:			white;
	text-transform:	uppercase;
	text-decoration:underline;
}

#breadcrumbs li:before { content: "> "; }
#breadcrumbs li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #breadcrumbs li
{
background-image: url(../images/ie6/assets/gt.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}
/*	-----		breadcrumbs		-----	*/



#inner_wrap {
	height:			inherit;
	background:		#fff;
	padding-bottom:	30px;
}

#inner_content {
	width:			auto;
	padding:		8px 20px;
	background:		#fff;
	padding-bottom:30px;
}

.intro {
	margin-bottom:	40px;
}



#inner_content .intro p {
	font-size:		120%;
	color:			#534741;
	margin:			5px 0 10px 0;
	margin-left:	145px;
	line-height:	140%;
}	



#left_wrap_inner {
	width:			590px;
	float:			left;
}

#left_content_inner {
	background:		#fff;
	padding:		20px 20px 0 20px;
}




#right_wrap_inner {
	margin-left:	600px;
	background:		#fff;
}

#right_content_inner {
	background:		#fff;
	padding:		10px 20px;
}


.right_box_top {
	width:			250px;
	height:			12px;
	background:		url(../images/boxes/250_top.png) top center no-repeat;
}

.right_box_content {
	width:			244px;
	padding:		5px 0;
	background:		#fff url(../images/bg/gradient1.png) top left repeat-x;
	border-left:	3px solid #dcdcdc;
	border-right:	3px solid #dcdcdc;
}


.right_box_bottom {
	width:			250px;
	height:			12px;
	background:		url(../images/boxes/250_bottom.png) bottom center no-repeat;
}


/*	-----	portfolio	-----	*/


.portfolio_box {
	width:			260px;
	margin-bottom:	60px;
}

.portfolio_box .righto {
	width:			inherit;
	margin-left:	300px;
}


.portfolio_box p {
	margin:			0px 4px 0 0;
	padding:		0;
	line-height:	100%;
}



.portfolio_box_right {
	margin:		20px 20px 40px 20px;
	font-size:	110%;
}

.portfolio_box_right p {
	font-size:		80%;
}


.team_box {
	width:			260px;
	margin-bottom:	40px;
}

.team_box .righto {
	width:			inherit;
	margin-left:	300px;
}


.team_box p {
	margin:			0px 4px 0 0;
	padding:		0;
	line-height:	100%;
}



.team_box_right {
	margin:		20px 20px 40px 20px;
	font-size:	110%;
}

.team_box_right p {
	font-size:		80%;
}


.team_box_right img {
	margin-bottom:		20px;
}


.site_display_box {
	height:			100%;
	width:			835px;
	margin:			0 auto;
}

.site_display_box .top {
	width:			835px;
	height:			12px;
	background:		url(../images/boxes/835_top.png) top center no-repeat;
}

.site_display_box .content {
	width:			829px;
	padding:		5px 0;
	background:		#fff url(../images/bg/gradient2.png) top left repeat-x;
	border-left:	3px solid #dcdcdc;
	border-right:	3px solid #dcdcdc;
	height:			100%;
}

.site_display_box .bottom {
	clear:			both;
	width:			835px;
	height:			12px;
	background:		url(../images/boxes/835_bottom.png) bottom center no-repeat;
}


.project_details {
	float:			left;
	padding-left:	20px;
	width:			330px;
	margin:			0;
	padding-right:	0;
}

.project_details li {
	margin-left:	20px;
	font-size:		120%;
	margin-bottom:	10px;
}


.project_details p {
	font-size:		110%;
	margin-bottom:	10px;
}

.site_image {
	margin-left:	380px;
	width:			420px;
	padding:		0;
	margin-right:	0;
}


.form_box .top {
	width:			536px;
	height:			12px;
	background:		url(../images/boxes/536_top.png) top center no-repeat;
}

.form_box .content {
	width:			530px;
	padding:		5px 0;
	background:		#fff url(../images/bg/gradient1.png) top left repeat-x;
	border-left:	3px solid #dcdcdc;
	border-right:	3px solid #dcdcdc;
	height:			100%;
}

.form_right {
	margin-left:	280px;
}

.form_box .bottom {
	clear:			both;
	width:			536px;
	height:			12px;
	background:		url(../images/boxes/536_bottom.png) bottom center no-repeat;
}






.process p,
.somerville p {
	padding:		0 20px;
	font-size:		110%;
}


.svbg {
	background:		url(../images/bg/somerville.png) bottom center no-repeat;
	height:			141px;
}

/*   begin unique classes   */



.top {
	width:			894px;
	height:			12px;
	background:		url(../images/bg/top.png);
}

.bottom {
	width:			894px;
	height:			12px;
	background:		url(../images/bg/bottom.png);
}



.right {
	text-align:		right;
}



.button li {
	height:			32px;
	width:			149px;
	background:		url(../images/assets/button.png) no-repeat;
	text-align:		center;
	float:			left;
	font-size:		90%;
	padding:		0;
	margin-left:	10px;
}


.button a {
	display:		block;
	padding-top:	7px;
	padding-bottom:	7px;
	font-weight:	bold;
}

p.button  {
	height:			32px;
	width:			149px;
	background:		url(../images/assets/button.png) no-repeat;
	text-align:		center;
	font-size:		90%;
	padding:		0;
	margin-left:	10px;
}


button.button  {
	height:			32px;
	width:			149px;
	background:		url(../images/assets/button.png) no-repeat;
	text-align:		center;
	font-size:		90%;
	padding:		0;
	border:			none;
	margin-left:	10px;
	display:		inline;
}

button_button:active {
	border:none;}

p.button a {
	display:		block;
	padding-top:	7px;
	padding-bottom:	7px;
	font-weight:	bold;
}

.button a:hover {
}


.petal1 li {
	background:		    	url(../images/assets/blue_petal.png) left 5px no-repeat;
	padding-left:			20px;
	list-style-type:		none;
	margin-bottom:			12px;
}

.petal1b li {
	background:				url(../images/assets/blue_petal_10.png) left 5px no-repeat;
	padding-left:			16px;
	list-style-type:		none;
	margin-bottom:			6px;
	font-size:				90%;
}



.petal2 li {
	background:				url(../images/assets/green_petal.png) left 5px no-repeat;
	padding-left:			16px;
	list-style-type:		none;
	font-size:				90%;
	margin-bottom:			6px;
}


.petal2 li li {
	list-style-image:		none;
	list-style-type:		disc;
	list-style-position:	inside;
	font-size:				95%;
	margin-bottom:			6px;
	margin-left:			20px;
}







.site_icons {
	width:			200px;
	margin:			10px auto;
	margin-bottom:	20px;
	
}

.site_icons p {
	text-align:		center;
	margin-top:		5px;
}


.site_icons img {
	margin:			0 auto;
	text-align:		center;
}

.site_icons .l {
	float:			left;
	width:			80px;
	position:		relative;
}

.site_icons .r {
	margin-left:	120px;
	width:			80px;
	position:		relative;
}


.form_box p {
	font-size:			90%;
	color:				#333333;
	padding-left:		8px;
}

.form_box input.short {
	background:			transparent url(../images/bg/input1.png) no-repeat scroll left top;
	width:				224px;
	height:				29px;
	border:				none;
	padding:			10px 0 0 10px;
	color:				#333333;
}

.form_box #questions input,
.form_box #questions textarea {
	margin-top:			2px;
	margin-bottom:		8px;
}

.form_box #questions p {
	font-size:			95%;
	color:				#333333;
	padding-left:		8px;
}

#questions h3 {
	padding-left:		8px;
	margin-bottom:		4px;
	font-size:			120%;
	color:				#197b31;
}

#questions h4 {
	font-size:			110%;
	color:				#534741;
	padding-left:		8px;
	margin-bottom:		2px;
	margin-top:			10px;
	font-weight:		bold;
}
	

.form_box #questions input.long {
	background:			transparent url(../images/bg/input2.png) no-repeat scroll left top;
	width:				440px;
	height:				29px;
	border:				none;
	padding:			10px 0 0 10px;
	color:				#333333;
	margin-top:			2px;
}

.form_box textarea {
	background:			transparent url(../images/bg/comments.png) no-repeat scroll left top;
	width:				464px;
	height:				130px;
	border:				none;
	color:				#333333;
	padding:			10px 0 0 10px;
	overflow:			auto;
}

.form_box_side p {
	font-size:			80%;
	color:				#333333;
	padding-left:		8px;
}

.form_box_side input.short {
	background:			transparent url(../images/bg/input1.png) no-repeat scroll left top;
	width:				224px;
	height:				29px;
	border:				none;
	padding:			10px 0 0 10px;
	margin-left:		4px;
	margin-bottom:		8px;
	color:				#333333;
}

.form_box_side select {
	padding:			2px 5px 2px 5px;
	width:				224px;
	margin-left:		4px;
}

.package {
	margin-bottom:		20px;
}

.package ul {
	}

.package li {
}

.success_icon {
	width:			130px;
	margin-left:		645px;
}

.success_icon img {
	text-align:			center;
}
.success_icon p {
text-align:		center;
font-size:		80%;
margin-top:		10px;
}



.star {
	background:			url(../images/assets/star.png) left center no-repeat;
	padding-left:		30px;
	padding-top:		4px;
}

.slf a {color:#ffff99;}
.slf a:hover {border-bottom:1px dotted #ffff99;}