@font-face {
    font-family: 'AviLi';
    src: url('fonts/avenir-light-webfont.eot');
    src: url('fonts/avenir-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenir-light-webfont.woff') format('woff'),
         url('fonts/avenir-light-webfont.ttf') format('truetype'),
         url('fonts/avenir-light-webfont.svg#AvenirLTStd35Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
a { color: #7595FF; }
#sitewrapper {
	position: relative;
	width: 760px;
	margin: 20px auto; }

/*-------------------	
FROM HOME
------------------------------------------------*/	
	
html,body#Body{background:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:0.95em;}
#brighton_container{width:760px;}
#brighton_header{background:#93ACFC;}
#brighton_header span.brighton_phone{color:#7595FF;}
#brighton_menu{background-color:#93ACFC;}
#brighton_menu ul.horizontal.rootGroup li a:hover{background-color:#93ACFC;color:#C9D6FE;}
#brighton_menu div.NavHidden{border-top:6px solid #93ACFC;}
#brighton_menu ul li.selectedtab{background:#93ACFC;}
#brighton_menu ul li a{background-color:#93ACFC;color:#FFFFFF;}
#brighton_menu ul li a.selectedtab,#brighton_menu ul.horizontal.rootGroup li a.selectedtab:hover{background-color:#93ACFC;color:#C9D6FE;}
#brighton_menu ul li a.expanded{background-color:#93ACFC;}
#brighton_menu ul li ul.group{background-color:#93ACFC;}

#brighton_sub-menu{background-color:#FFFFFF;}
#brighton_sub-menu ul li{background-color:#FFFFFF;}
#brighton_sub-menu ul li a{color:#666666;}
#brighton_sub-menu ul li a:hover{background-color:#FFFFFF;color:#7595FF;}
#brighton_sub-menu ul li a span{border-bottom:1px solid #FFFFFF;}
#brighton_sub-menu ul li.selectedtab{background-color:#FFFFFF;}
#brighton_sub-menu ul li.selectedtab a{color:#666666;}
#brighton_sub-menu ul li.first a {border-top:1px solid #FFFFFF;}
/* fix broken third-level items
#brighton_sub-menu ul li.childitem1{background-color:#FFFFFF;}
*/
#brighton_sub-menu ul li.childitem1.last{border-bottom:1px solid #FFFFFF;}

#brighton_home-header{background-color:#7595FF;}
#brighton_three-column {padding-top:15px;}
#brighton_top{background-color:#FFFFFF;color:#666666;}
#brighton_top a{color:#7595FF;}
#brighton_col1{color:#666666;}
#brighton_col1 a{color:#7595FF;}
#brighton_col1 div.block div.pad{background-color:#FFFFFF;}
#brighton_col3{color:#666666;}
#brighton_col3 a{color:#7595FF;}
#brighton_col3 div.block div.pad{background-color:#FFFFFF;}
#brighton_col2 h1{color:#7595FF;font-family:Arial, Helvetica, sans-serif;}
#brighton_col2 h2{color:#666666;font-family:Arial, Helvetica, sans-serif;}
#brighton_col2 h3{color:#7595FF;font-family:Arial, Helvetica, sans-serif;}
#brighton_col2 h4{color:#7595FF;font-family:Arial, Helvetica, sans-serif;}
#brighton_col2{color:#666666;}
#brighton_col2 a{color:#7595FF;}
#brighton_content div.block h3{font-family:Arial, Helvetica, sans-serif;}
#brighton_content{background:#FFFFFF;}
#brighton_content div.block h3{color:#666666;}
a.brighton_button{background:#7595FF;}
a.brighton_button:hover{background-color:#B2B2B2;}
a.brighton_button:active{background-color:#666666;}
#bb-container div.post h3.title{color:#7595FF;}
#bb-container div.post h3.title {font-size:1.2em;}
#bb-container div.post h3.title a{color:#7595FF;}
#bb-container div.post h3{color:##7595FF;}
#bb-container div.post div.submissions a{color:##666666;}
#bb-container div.post div.comments a{color:##666666;}
#brighton_footer{background:#FFFFFF;border-top:1px solid #FFFFFF;color:#999999;}
#brighton_footer a,#brighton_footer ul li a,#brighton_footer p.copyright{color:#999999;}
	
	
/*------------------------------------------------
MENU
------------------------------------------------*/
#brighton_header span.logo a {
    display: block;
    text-align: left;
}

#brighton_header{
overflow: hidden;
}

#footer, #brighton_content, #brighton_three-column, #brighton_menu, div.block {
    display: block;
}

#brighton_header .logo {
    padding: 11px 0 0 17px;
    position: relative;
    display: block;
}

#brighton_menu {
float: right;
margin-top:-42px ;
padding:0 0 0 190px ;
width:570px ;
height: 55px;

}
#brighton_menu .radmenu,
#brighton_menu ul {
float:right ;
height: 55px;
}

#brighton_menu ul, #brighton_menu li {
white-space: nowrap;
clear: none;
display: inline;
height: 55px;
position: relative;
}

#brighton_menu ul li a span {
padding:0 12px ;
font:16px/55px 'AviLi', Arial,Helvetica,sans-serif ;
height: 55px ;
text-transform:lowercase ;
text-decoration: none;
}

#brighton_menu ul li a, #brighton_menu ul li a.hover  {
text-decoration: none;
font:16px/55px 'AviLi', Arial,Helvetica,sans-serif ;
font-weight: normal;
height: 55px;

}
	
#printheader	{
	display: none;
	}

#header {
	background-color: #93ACFC;
	float: left;
	height: 55px;
	width: 100%; }
	#header a#logo {
		display: block;
		float: left;
		height: 32px;
		width: 166px;
		margin: 11px 0 0 17px;
		background: url("images/logo.gif") no-repeat 0 0;
		text-indent: -5000px; }
	#header ul#nav {
		float: right;
		margin: 21px 17px 0 0; }
		#header ul#nav li {
			float: left;
			display: block;
			margin-left: 18px; }
			#header ul#nav li a {
				display: block;
				height: 19px;
				font-size: 10px;
				text-indent: -5000px; }
				#header ul#nav li a#nav_capabilities {
					width: 84px;
					background: url("images/navigation-5.gif") no-repeat 0 0; }
					#header ul#nav li a#nav_capabilities:hover, #header ul#nav li a#nav_capabilities.current { background: url("images/navigation-5.gif") no-repeat 0 -20px; }
				#header ul#nav li a#nav_about-us {
					width: 73px;
					background: url("images/navigation-5.gif") no-repeat -97px 0; }
					#header ul#nav li a#nav_about-us:hover, #header ul#nav li a#nav_about-us.current { background: url("images/navigation-5.gif") no-repeat -97px -20px; }
				#header ul#nav li a#nav_our-work {
					width: 65px;
					background: url("images/navigation-5.gif") no-repeat -180px 0; }
					#header ul#nav li a#nav_our-work:hover, #header ul#nav li a#nav_our-work.current { background: url("images/navigation-5.gif") no-repeat -180px -20px; }
				#header ul#nav li a#nav_news {
					width: 38px;
					background: url("images/navigation-5.gif") no-repeat -259px 0; }
					#header ul#nav li a#nav_news:hover, #header ul#nav li a#nav_news.current { background: url("images/navigation-5.gif") no-repeat -259px -20px; }
				#header ul#nav li a#nav_blog {
					width: 47px;
					background: url("images/navigation-5.gif") no-repeat -312px 0; }
					#header ul#nav li a#nav_blog:hover, #header ul#nav li a#nav_blog.current { background: url("images/navigation-5.gif") no-repeat -312px -20px; }
				#header ul#nav li a#nav_contact {
					width: 55px;
					background: url("images/navigation-5.gif") no-repeat -375px 0; }
					#header ul#nav li a#nav_contact:hover, #header ul#nav li a#nav_contact.current { background: url("images/navigation-5.gif") no-repeat -375px -20px; }

					

#flashcontent {
	clear: both;
	border-top: 14px solid #FFFFFF;
	width: 100%;
	height: 181px; }

h1#tagline {
	height: 30px;
	widows: 760px;
	margin: 9px 0 14px 0;
	text-indent: -5000px;
	background: #FFFFFF url("../images/hdr_tagline.gif") no-repeat 50% 50%; }
	
#noflashprint	{
	display: none;
	}

#columns {
	float: left;
	background: #FFFFFF url("../images/bg_home-faux-columns.gif") repeat-y 0 0; }

div.columnheader	{
	display: none;
	}

div.column {
	width: 240px;
	float: left; }
	div.column h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 41px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #FFF;
		font-weight:normal;
		text-align: center;
		width: 240px;
		height: 41px;
		margin: 0 0 10px 0;
		padding: 0;
		white-space: nowrap;
		background-image: url("../images/headerbg.gif");
		background-repeat: repeat-x;
		background-position: 0 -41px; }
	div.column h1 a {
		text-decoration: none;
		color: #FFF;
		width: 240px;
		height: 41px;
		background-image: url("../images/headerbg.gif");
		background-repeat: repeat-x;
		background-position: 0 0;
		display: block; }
		div.column h1 a:hover {
			background: url("../images/headerbg.gif") repeat-x 0 -41px; }
			
	div.column p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 130%;
		color: #666666;
		margin-bottom: 10px; }
	div.column li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;
		color: #666;
		padding: 11px 0 0 0;
		}
		
		div.column ul li:first-child	{
			padding: 0;
			}
		
		div.column li a {
			color: #666;
			text-decoration: none; }
			div.column li a:hover {
				color: #7595FF; }
			div.column li a strong {
				color: #7595FF; }
				div.column li a:hover strong {
					color: #666; }

		div.column p a {
			font-weight: bold; }
			div.column p a:hover { text-decoration: underline; }

#news-events {
	padding-right: 10px; }

#latest-work {
	padding: 0 10px 0;
	}
	
#latest-work img	{
	vertical-align: bottom;
	line-height: 0;
	}

#latest-work p {
	float: left;
	width: 115px;
	margin: 0; }
	#latest-work p.right {
		padding-left: 8px; }
	#latest-work a.bottom {
		display: block;
		padding-top: 8px; }
	*html #latest-work a.bottom {
		padding-top: 6px; }
	#latest-work ul li	{
		padding-top: 10px;
		}

#case-study {
	padding-left: 10px; }
	/*#case-study img { margin-bottom: 7px; }*/
	#case-study ul li	{
		padding-top: 10px;
		}

#sidebar {
	width: 240px;
	margin-top: 10px;
	float: left;
	}
	
	#sidebar .sectiontitle	{
		display: none;
		}
	
	#sidebar h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 41px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #FFF;
		font-weight: normal;
		text-indent: 15px;
		width: 240px;
		height: 41px;
		margin: 5px 0 10px 0;
		padding: 0;
		white-space: nowrap;
		background-image: url("../images/headerbg.gif");
		background-repeat: repeat-x;
		background-position: 0 -41px; }
		#sidebar h1 a {
			text-decoration: none;
			color: #FFF;
			width: 240px;
			height: 41px;
			background-image: url("../images/headerbg.gif");
			background-repeat: repeat-x;
			background-position: 0 0;
			display: block; }
			#sidebar h1 a:hover {
				color: #FFF;
				width: 240px;
				height: 41px;
				background-image: none; }
	#sidebar h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 18px;
		color: #666;
		font-weight: normal;
		margin: 0 0 7px 0; }
		#sidebar h2 a {
			color: #666;
			text-decoration: none; }
			#sidebar h2 a:hover, #sidebar #current_nav a:hover {
				color: #7595FF; }
		#sidebar #current_nav a {
			font-family: Arial, Helvetica, sans-serif;
			color: #666;
			font-weight: bold;
			text-decoration: none; }
			
	#sidebar ul {
		list-style-type: none;
		margin: 0 0 10px 0;
		padding: 0 0 0 15px; }
		#sidebar li {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			line-height: 16px;
			color: #666;
			margin: 0;
			padding: 0; }
			#sidebar li a {
				color: #666;
				text-decoration: none; }
				#sidebar li a:hover {
					color: #7595FF; }
			#sidebar #current_subnav a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13px;
				line-height: 15px;
				color: #666;
				font-weight:bold;
				text-decoration: none; }
			
/* My awesome styles	
	#sidebar ul { }
		#sidebar ul li {
			color: #666666;
			font-weight: bold;
			font-size: 15px;
			line-height: 180%; }
			#sidebar ul li a {
				color: #666666;
				font-weight: normal; }
				#sidebar ul li a:hover { color: #7595FF; }
			#sidebar ul li a.current {
				font-size: 15px;
				color: #666;
				font-weight: bold; }
				#sidebar ul li a.current:hover { color: #7595FF; }
			#sidebar ul li ul {
				margin-left: 20px; }
				#sidebar ul li ul li {
					line-height: 150%;
					font-size: 13px;
					color: #7595FF;
					font-weight: normal; }
					#sidebar ul li ul li a {
						color: #666666; }
						#sidebar ul li ul li a:hover { color: #7595FF; }
						#sidebar ul li ul li a.current { font-weight: normal; font-size: 13px; color: #7595FF; }
							#sidebar ul li ul li a.current:hover { color: #7595FF; }
*/
	#sidebar address {
		margin-top: 98px;
		color: #666666;
		font-size: 13px;
		line-height: 110%; }
		#sidebar address a {
			color: #666666; }
			#sidebar address a:hover { color: #7595FF; }
		#sidebar span.phone {
			display: block;
			margin: 10px 0; }
			
			#sidebar archivelink {
		margin-top: 0px;
		color: #7595FF;
		font-size: 12px;
		line-height: 110%; }
		#sidebar archivelink a {
			color: #7595FF; }
			#sidebar archivelink a:hover { color: #666666; }

#content {
	padding-left: 12px;
	/*padding-bottom: 10px;*/
	background: url("../images/bg_vertical-dashed-line.gif") repeat-y left top;
	margin: 15px 0 10px 0;
	}
	#content img.photo {
		margin-bottom: 10px; }
	#content h1 {
		margin-bottom: 5px;
		font-size: 13px;
		color: #666666; }
	#content h2 {
		font-size: 18px;
		margin: 0 0 10px 0;
		color: #666666;
		font-weight: normal;}
	#content h3 {
		font-size: 18px;
		margin: 10px 0 15px 0;
		color: #666666;
		font-weight: normal;
		border-bottom: 1px dotted #666666;
		}	
		#content h3.year {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			line-height: 18px;
			color: #7595FF;
			margin: 24px 0 12px 0; }
		#content h3.yearFirst {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			line-height: 18px;
			color: #7595FF;
			margin: 7px 0 12px 0; }
		#content h3.award {
			border-top: 1px dashed #CCCCCC;
			padding: 12px 0 0 0; }
		#content h3.speaking { margin-top: 25px; }
		#content h3.news {
			padding-top: 10px;
			font-size: 13px;
			font-weight: bold;
			color: #666666;
			margin-top: 15px; }
		
			#content h3.news strong {
				font-weight: normal;
				display: block; }
				
			#content h3.store-product-detail-pricing {
				margin-left: 20px;
				font-style: italic;
				float: right;
				border-bottom: none;
				}
	#content h4 {
			font-family: Arial, Helvetica, sans-serif;
			color: #666; 
			font-weight: normal;
			display: block;
			font-size: 11px;
			letter-spacing: 2px;
			line-height: 20px; 
			margin: 5px 0 5px 0; 
			text-transform: uppercase; 

			background: url("../images/titledots.gif") repeat-x left top;


			}
		
	#content p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 16px;
		color: #666;
		margin: 12px 0 0 0; }
		
		#content div {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 16px;
		color: #666;
		}	
		
		#content div.core-form-field-group{
		margin-top: 20px;
		}

#content ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 15px;
		color: #666;
		margin: 12px 0 0 20px;
		list-style-type: circle;
		}


		#content p:first-child	{
			margin: 0;
			}
		
		
		
	/* Anna's additions */
	
	#content a.regular {
			font-weight: normal;
			text-decoration: none;
			color: #7595FF; }
			#content a.regular:hover {
				color: #666666; }
			
	
	/* End Anna's additions */ 
		
		
	#content.news a { text-decoration: none; }
		#content p a { color: #666; text-decoration: underline; }
			#content p a:hover { color: #7595FF; }
		#content p a.news {
			font-weight: normal;
			text-decoration: none;
			line-height: 120%;
			color: #666; }
			#content p a.news strong {
				color: #7595FF; }
			#content p a.news:hover {
				color: #7595FF;
				text-decoration: none; }
				#content p a.news:hover strong { color: #666666; }
		#content p strong.name,
		#content p strong.date { display: block; }
		#content p.hed {
			margin: 0 50px 4px 0; }
		#content div.pages { margin: 5px 0 0 0;}
		#content p cite {
			font-weight: regular;
			display: block;
			font-style: normal;
			text-align: left;
			}

		#content p cite a { color: #7595FF; text-decoration: none; 			}
		#content p citetestimonial {
			font-weight: regular;
			display: block;
			font-style: normal;
			text-align: right;
			}

		#content p citetestimonial a { color: #7595FF; text-decoration: none; 			}
			#content p a:hover { color: #666; }



	#content .casestudy1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 21px;
		color: #666;
		font-weight: normal;
		margin: 6px 0 6px 0; }
		#content .casestudy1 a {
			color: #666;
			text-decoration: none; }
			#content .casestudy1 a:hover {
				color: #7595FF; }
	#content .casestudy2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 18px;
		color: #7595FF;
		font-weight: normal;
		margin: 0 0 8px 0; }
		#content .casestudy2 a {
			color: #7595FF; }
			#content .casestudy2 a:hover {
				color: #666; }

	#content h5 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 15px;
		color: #7595FF;
		margin: 24px 0 0 0; }
		#content h5 a,
		#content a.view-more {
			color: #7595FF;
			font-weight: bold;
			text-decoration: none; }
			#content h5 a:hover,
			#content a.view-more:hover {
				color: #666; }
		#content a.view-more { margin: 5px 0 0 0;}

	#content .nospaceafter {
		margin-bottom: 0; }
	#content .extra1spaceafter {
		margin-bottom: 12px; }
	#content .extra2spaceafter {
		margin-bottom: 24px; }

	#content #pages {
		float: right;
		margin: 5px 5px 0 0;
		width: 40px;
		color: #999;
		font-size: 11px;
		line-height: 150%;
		text-align: center; }
		#content #pages a.previous,
		#content #pages a.previous-off {
			display: block;
			height: 12px;
			width: 17px;
			float: left;
			text-indent: -5000px;
			border-right: 1px solid #ccc; }
		#content #pages a.next,
		#content #pages a.next-off {
			display: block;
			height: 12px;
			width: 12px;
			float: right;
			text-indent: -5000px; }
		#content #pages a.previous,
		#content #pages a.previous-off {
			margin: 0 5px 0 5px ;
			margin: 0 5px 0 3px; }
		#content #pages a.previous {
			background: url("../images/btn_previous_off.gif") no-repeat 0 50%; }
		#content #pages a.previous:hover {
			background: url("../images/btn_previous.gif") no-repeat 0 50%; }
		#content #pages a.previous-off {
			background: url("../images/btn_previous_off.gif") no-repeat 0 50%; }
		#content #pages a.next {
			background: url("../images/btn_next_off.gif") no-repeat 0 50%; }
			#content #pages a.next:hover {
				background: url("../images/btn_next.gif") no-repeat 0 50%; }
		#content #pages a.next-off {
			background: url("../images/btn_next_off.gif") no-repeat 0 50%; }
	#content p.award {
		display: block;
		}
		#content p.award b {
			font-weight: normal;
			display: block;
			font-size: 11px;
			letter-spacing: 1px;
			text-transform: uppercase; }
		#content p.award strong { }
		#content p.award cite {
			font-weight: normal;
			padding: 0; }
		#content p.award a { }
	
	#content table#contact-form { }
		#content table#contact-form tr { }
			#content table#contact-form tr td {
			padding: 5px; 
			color: #666666;
			font-size: 13px;
			vertical-align: top; }
				#content table#contact-form tr td label {
					line-height: 150%;
					display: block;
					width: 70px;
					padding-right: 10px;
					text-align: right; }
				#content table#contact-form tr td input {
					width: 300px;
					padding: 3px; }
					#content table#contact-form tr td input#send {
						width: 112px;
						height: 19px;
						padding: 0;
						margin-top: 10px; }
					#content table#contact-form tr td input#opt-in {
						width: auto;
						margin-right: 10px; }
				#content table#contact-form tr td textarea {
					padding: 3px;
					width: 300px;
					height: 100px; }

#footer {
	clear: both;
	background: url("../images/bg_horizontal-dashed-line.gif") repeat-x 0 0;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0 20px 0;
	color: #999999; }
#footer.home {
	clear: both;
	background: url("../images/bg_horizontal-dashed-line.gif") repeat-x left 10px;
	padding: 20px 0 0 0;
	font-size: 12px;
	color: #999999; }
	#footer span { float: right; }
#footer a {
	color: #999999; }
	#footer a:hover { color: #7595FF; }
	#footer a.login { color: #7595FF; }
		#footer a.login:hover { color: #333333; }
		
		/* josh's CSS */
		
.casedescription {
		font-family: Arial, Helvetica, sans-serif;
		width: 300px;
		font-size: 13px;
		line-height: 15px;
		color: #666;
		margin: 0px 25px 0 0; 
		float: left;
		}

			
.csimages{
		width: 165px;
		float: right;
		margin: 0px 0px 0 0; 
		}

.captionbox {
		border-top: 1px dashed #ccc;
		border-bottom: 1px dashed #ccc;
}

.captionline {
			width: 175px;
			height: 1px;
			background: url("../images/bg_horizontal-dashed-line.gif") repeat-x left top;
}
		
.caption {
		margin: -5px 0px 15px 0px; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: .5px;
		line-height: 13px;
		color: #666;
		width: 165px;
		}
		
.caption2 {
		margin: 0 0px 15px 0px; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 15px;
		color: #666;
		width: 480px;
		}		
		
.tm {
	font-size: 60%;
	font-variant: small-caps;
	vertical-align: super;
	}
	
.sc{
	font-variant: small-caps;
	font-weight: bold;
	}


/* ------------------- Anna's Additions ------------------- */
	
.tooltipbutton{
	position:relative; 
	top:2px;
	}

a.tooltip {color:#666;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:25px; padding:10px; font-weight:normal; color:#666; border:1px solid #e2e9ff; background:#e2e9ff; width:280px; font-size:12px; line-height: 14px;}
a.tooltip:hover b em {position:absolute; left:15px; top:-9px; width:17px; height:9px; background: url("/app/vault/tooltip.gif") 0 0; display:block; font-size:1px;}



.pullquote {
    width: 300px;
    float: right;
    margin: 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}


#spacer {
    float:left;
    width:500px;
    height:12px;
}

/* ------- Vision page graphics ------- */

div#partnerstriangle {
    background-image:  url("/app/vault/partners-triangle.gif");
    background-repeat: no-repeat;
    float: left;
    height: 160px;
    width: 160px;
}

div#partnerscircle {
    background-image:  url("/app/vault/partners-circle.gif");
    background-repeat: no-repeat;
    float: left;
    height: 160px;
    width: 160px;
}

div#partnerssquare {
    background-image:  url("/app/vault/partners-square.gif");
    background-repeat: no-repeat;
    float: left;
    height: 160px;
    width: 160px;
}


div#partnerstext {
    position: relative;
    height: auto;
    width: auto;
    padding: 28px;
    margin-top: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    color: #7595FF;
}

div#partnerssquaretext {
    position: relative;
    height: auto;
    width: auto;
    padding: 28px;
    margin-top: 18px;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    color: #7595FF;
}

 /* ------- Approach page graphics ------- */

div#phaseopportunity {
    background-image:  url("/app/vault/phase-opportunity.gif");
    background-repeat: no-repeat;
    float: left;
    display:block;
    height: 120px;
    width: 120px;
    text-indent:-9999px;
}

#phaseopportunity {
	background-image:url("/app/vault/phase-opportunity.gif");
       background-repeat: no-repeat;
        float: left;
	display:block;
	height:120px;
	width:120px;
        text-indent:-9999px;
}



/* ----- TEST for image rollover -----*/

#phasehover {
    float: left;
    display:block;
    height: 250px;
    width: 120px;
}

/*-----*/


div#phasestrategy {
    background-image:  url("/app/vault/phase-strategy.gif");
    background-repeat: no-repeat;
    float: left;
    height: 120px;
    width: 120px;
}

#phasestrategy {
	background-image:url("/app/vault/phase-strategy.gif");
    background-repeat: no-repeat;
    float: left;
	display:block;
	height:120px;
	width:120px;
    text-indent:-9999px;
}

div#phaseexperience {
    background-image:  url("/app/vault/phase-experience.gif");
    background-repeat: no-repeat;
    float: left;
    height: 120px;
    width: 120px;
}

#phaseexperience {
	background-image:url("/app/vault/phase-experience.gif");
    background-repeat: no-repeat;
    float: left;
	display:block;
	height:120px;
	width:120px;
        text-indent:-9999px;
}


div#phaseactivation {
    background-image:  url("/app/vault/phase-activation.gif");
    background-repeat: no-repeat;
    float: left;
    height: 120px;
    width: 120px;
}

#phaseactivation {
	background-image:url("/app/vault/phase-activation.gif");
    background-repeat: no-repeat;
    float: left;
	display:block;
	height:120px;
	width:120px;
    text-indent:-9999px;
}

div#phasetext {
    position: relative;
    float: left;
    padding: 5px;
    margin-top: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    color: #666666;
    height: 80px;
    width: 110px;   
}

div.phaselink a:active{color:#7595FF;}
div.phaselink a:link{color:#7595FF;}
div.phaselink a:visited{color:#7595FF;}
div.phaselink a:hover{color:#707070;}


 /* ------- Strategy page  ------- */

#brandcenter {
	background-image:url("/app/vault/brandcenter.jpg");
	background-repeat: no-repeat;
	background-position: 0 20px;
    float: left;
	height:220px;
	width:550px;
	margin-bottom:10px;
	margin-top:0px;
	display: inline;
}

#brandcentertext {
    position: relative;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 15px;
    text-align: left;
    color: #666666;
    height: 80px;
    width: 240px;  
}

 div#twocolumntext {
    position: relative;
    float: left;
    margin-right: 19px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 13px;
    line-height: 13px;
    height: auto;
    width: 230px;}

div#twocolumntext p a{
   font-weight: regular; 
   text-decoration: none;
   color: #7595FF;}

div#twocolumntext p a:hover{ 
   font-weight: regular;
   text-decoration: none;
   color: #666666;
}



 div#onecolumntext {
  
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 13px;
    line-height: 16px;
    height: auto;
    width: 485px;
    }

div#onecolumntext p a{
   font-weight: regular; 
   text-decoration: none;
   color: #7595FF;}

div#onecolumntext p a:hover{ 
   font-weight: regular;
   text-decoration: none;
   color: #666666;
}


 /* ------- Opportunity page 5-forces 3columns ------- */

#fiveforcesgraphic {
    background-image:url("/app/vault/5forces-v4.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 395px;
    width: 513px;
    margin-bottom:20px;
}

#threecolumntopleft {
  /*  background-color:#666666;  */
    position: relative;
    float: left;
    margin-top:5px;
    margin-left: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    color: #666666;
    height: 190px;
    width: 90px;
}

#threecolumnbottomleft {
   /*  background-color:#b2e562;  */
    position: relative;
    float: left;
    margin-top:113px;
    margin-left:3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    color: #666666;
    height: 120px;
    width: 110px;
}

#threecolumncenter {
    float:left;
    margin-top:5px;
    margin-left: 78px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    color: #666666;
    height: 190px;
    width: 180px;
}
#threecolumntopright {
    float: right;
    margin-top:5px;
    margin-right:10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    color: #666666;
    height: 190px;
    width: 86px;
}

 div#threecolumnbottomright {
 /*   background-color:4571aa;  */
    float: right;
    margin-right:10px;
    margin-top:87px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    color: #666666;
    height: 100px;
    width: 86px;
}



 /* ------- Testimonials page columns ------- */

 div#columnphoto {
    position: relative;
    float: left;
    height: 108px;
    width: 108px;
    margin-top:12px;
    margin-bottom:12px;
}

 div#columnbio {
    position: relative;
    float: left;
    margin-left: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-color: #666666;
    font-size: 13px;
    line-height: 16px;
    height: auto;
    width: 375px;
    margin-top:12px;
    margin-bottom:12px;
}




/* ------Homepage Gaia Award banner ------ */

div#awardbanner {
	position:absolute;
	margin-left: 4px;
	margin-top: -12px;
	/* background-image:url("/app/vault/awardbanner.png"); */
	height:77px;
	width: 226px;
	}
	


 /* ------- Our Work client logo grid ------- */

div#clientlogo {
    float: left;
    display:block;
    height: 90px;
    width: 119px;
}


 /* ------- Vitamin Angels floating "video play" button ------- */

div#playbutton {
	position: absolute;
	top: 70px;
	left: 262px;
	width: 500px;
	height: 207px;
}

a.homebutton1{
	display: block;
	width: 190px;
	height: 110px;
	text-indent: 5000px;
	background: url("../images/home-cap-nav_01.gif");
	text-decoration: none;
	}
		
a:hover.homebutton1{	
background-position: 0 110px;
}

a.homebutton2{
	display: block;
	width: 190px;
	height: 110px;
	text-indent: 5000px;
	background: url("../images/home-cap-nav_02.gif");
	text-decoration: none;
	}
		
a:hover.homebutton2{	
background-position: 0 110px;
}

a.homebutton3{
	display: block;
	width: 190px;
	height: 110px;
	text-indent: 5000px;
	background: url("../images/home-cap-nav_03.gif");
	text-decoration: none;
	}
		
a:hover.homebutton3{	
background-position: 0 110px;
}

a.homebutton4{
	display: block;
	width: 190px;
	height: 110px;
	text-indent: 5000px;
	background: url("../images/home-cap-nav_04.gif");
	text-decoration: none;
	}
		
a:hover.homebutton4{	
background-position: 0 110px;
}

#capability_feature{
	float:left;
	width: 240px;
	margin: 10px 0 0 0;
	font-size: 13px;
	}
	#capability_feature img.ftr{
		margin: 0 0 5px 0;
		}
	
.dotted {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 26px;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #666;
		font-weight: normal;
		width: 500px;
		height: 26px;
		margin: 5px 0 5px 0;
		padding: 0;
		white-space: nowrap;
		background-image: url("../images/dotted.gif");
		background-repeat: repeat-x;
		background-position: 0 0; 
		}
		
		

		
/* ------- Don't remove this li{! ------- */

li{