/*

TOC
1:- Global Text Settings
2:- Structure
3:- Header
4:- Left column
5:- Right column
6:- Endcolumn
7:- Footer
8:- Inner page
9:- Bigcol
10:- News page
11:- Projects page
12:- sIFR
13:- Testimonials
14:- Awards
15:- Client list
16:- Request Services form
17:- Flash filler
18:- NMA landing page
19:- Inspiration
20:- Sitemap
21:- Careers page
22:- Community page
23:- Contact us
24:- About
25:- Newsletters
26:- Downloads
27:- Beliefs

*/

/* 1:----------- Global Text Settings ----------- */
		
	body {
		font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
		color: #000;
		font-size: 0.75em;
		margin: 0;
		padding: 0;
		min-width: 690px;
		
		background-color:#000033}
	
	.viewSitemap {
		position: absolute;
		font-size: 1em;
		height: 50px;
		margin-top: -50px;
		}
		
		
		.style33 {
 	font-family: arial, Georgia, Times New Roman, Times ; 
	font-size: 11pt; 
 	color: #FFFFFF; 
	line-height : 24px;
	
	}
	.standard  {
 	font-family : Verdana;
 	font-size : 8.5pt;
 	color : #333333;
 	font-weight : normal;
	line-height : 16px
 }
 
   .standard2  {
 	font-family : Arial, Verdana, Geneva;
 	font-size : 8.5pt;
 	color : #FFFFFF;
 	font-weight : normal;
	line-height : 16px
 }
  .standard5  {
 	font-family : Arial, Verdana, Geneva;
 	font-size : 8.5pt;
 	color : #666666;
 	font-weight : normal;
	line-height : 16px
 }
   .standard4  {
 	font-family : Verdana;
 	font-size : 8.5pt;
 	color : #272B8C;
 	font-weight : normal;
	line-height : 16px
 }
   .standard3  {
 	font-family : Arial, Verdana, Geneva;
 	font-size : 10pt;
 	color : #333333;
 	font-weight : normal;
	line-height : 22px
 }
 
   .standardsm  {
 	font-family : Arial, Verdana, Geneva;
 	font-size : 7.5pt;
 	color : #333333;
 	font-weight : normal;
	line-height : 16px
 }
	.grey  {
 	font-family : Arial, Verdana, Georgia;
 	font-size : 16pt;
 	color : #FFCC00;
 	font-weight : lighter;
 }
 
 
 	.grey2  {
 	font-family : Arial, Verdana, Georgia;
 	font-size : 11pt;
 	color : #FFCC00;
 	font-weight : bold;
 }
	.grey1  {
 	font-family : Arial, Verdana, Geneva;
 	font-size : 16pt;
 	color : #FFCC00;
 	font-weight : bold;
 }	
				
	p {
		font-size: 	1em;
		margin: 0 0 1.2em;
		line-height: 1.4em;
		padding: 0;
		}
		
	p p,
	em {
		margin: 0;
		padding: 0;
		}
	
	h2,
	h3 {
		color: #5D5D5D;
		font-size: 1.8em;
		clear: both;
		width: auto;
		font-weight: normal;
		margin: 0 0 .1em;
		margin-top: 0!important;
		padding: 0;
		}
			
	h3 {
		color: #7F7F7F;
		}
	
	h4 {
		font-size: 1.2em;
		color: #737373;
		margin: 10px 0 4px;
		}
			
	hr {
		display: none;
		
		float: left;
		height: 2px; 
		margin: 20px 0 17px; 
		border-top: solid #dedede; 
		border-bottom: solid #fff; 
		border-width: 1px 0; 
		}
		
	.clear {
		clear: both;
		margin:0;
		height:0px;
		line-height:0px;
		}
	
	hr.clear {
		border: none;
		margin: 0;
		padding: 0;
		height: 0;
		}
	
	hr.greenPadding {
		border-top: 1px solid #b7e006;
		border-bottom: 1px solid #fff;
		}
	
	hr.green {
		clear: left;
		margin: 10px 0 15px;
		padding: 0;
		border-top: 1px solid #b7e006;
		border-bottom: 1px solid #fff;
		}

	hr.homeGreen {
		margin: 10px 10px 18px;
		border-top: 1px solid #b7e006;
		border-bottom: 1px solid #fff;
		}
	
	a {
		color: #708A04;
		text-decoration: none;
		}
	
	a:hover {
		text-decoration: underline;
		}
	
	em {
		font-style: normal;
		}
	
	img {
		border: 0;
		}

	ul, 
	ol, 
	dl {
	position: relative;
	margin: 10px 0;
	padding-left: 10px;
	left: 1px;
		}
		
	table {
		font-size: 1em;
		}
	
	.iRight { 
		float: right;
		margin: 0 0 10px 14px;
		}
	
	.iLeft { 
		float: left;
		margin: 0 14px 10px 0;
		}
	
	.error {
		display: none;
		color: #CC0000 !important;
		}
		
	.submit,
	input.submitButton {		
		width: auto !important;
		height: 20px;
		padding-left: 6px;
		padding-right: 15px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .95em;
		color: #000;
		background: #eee url(/images/bullet-more.gif) no-repeat right;
		border: 0;
		cursor: pointer;
		}
	
/* 2:----------- Structure----------- */
	
	#content {
		/*width: 936px;*/
		width: 100%;
		color: #626262;
		float: left;
		clear: both;
		}
		
	#content.portfolio {
		background: #fff url(../images/img_rhs_grey.jpg) 684px 0 no-repeat;
		}
	
	h1.intro {
		margin-top: 0;
		display: block;
		width: 628px;
		font-size: 18px;
		letter-spacing: -1px;
		font-weight: normal;
		font-style: italic;
		}	
		
	#homeIntro {
		height: 9em;
		margin: 0;
		}
		
	#homeIntro p {
		display: block;
		margin: 0;
		padding: 0;
		}
		
	#homeIntro a {
		color: #504f4f;
		}	
		
	#homeIntro a:hover {
		text-decoration: none;
		}		
		
	h1.intro a,
	#homeIntro p {
		color: #504f4f;
		}
	
	#logos {
		height: 9em;
		}
	
	#print-logo {
		display: none;
		}
	
	#maincol {
		min-height: 340px;
		/*width: 956px;
		background:url(/images/bg-main.gif) no-repeat left bottom;*/
		/*border:1px solid red;*/
		}
		
	#leftcol {
		width: 234px; 
		float: left;
		padding: 25px 20px 20px 25px;
		}
	
	#leftcol.homeLeft {
		padding-right: 0;
		width: 256px;
		}
	
	#rightcol {
		padding: 25px 0 20px 0;
		float: left;
		width: 388px;
		margin-right: 18px;
		}
	
	#endcol {
		width: 225px;
		float: left;
		padding: 25px 0 0 15px;
		color: #86A505;
		}
		
	.portfolio #endcol {
		color: #666;
		}
		
	#endcol h3 {
		width: 200px;
		border-bottom: 1px solid #DBEA95;
		}
		
	.portfolio #endcol h3 {
		border-bottom: 1px solid #E4E5E4;
		}
		
	h3.newsIcon {
		background: url(/images/icons/pdf.gif) no-repeat -2px 0;
		padding-left: 25px;
		}
			
	h3.mailIcon {
		background: url(/images/icons/mail.gif) no-repeat -5px -2px;
		padding-left: 27px;
		}

	h3.requestIcon {
		background: url(/images/icons/request_services.gif) no-repeat -1px -1px;
		width: 175px!important;
		padding-left: 25px;
		}
	
	#footer {
		clear: both;
		padding: 40px 0 0 0;
		height:1%;
		}
	
	#bigcol ul.makeLayout2col {
		float: left;
		width: 260px;
		padding: 0 40px 0 0;
		margin: 0;
		}
	
	#bigcol ul.makeLayout2col li.isLayoutLI {
		background-image: none;
		padding: 0;
		}
	
/* 3:----------- Header----------- */
	#branding {
		width: 684px;
		height: 128px;
		background: #000 url(../images/headers/branding/1.gif) no-repeat;
		}

	#branding h1 {
		margin: 0;
		padding: 0;
		}
	
	#branding h1 a {
		position: absolute;
		width: 100px;
		height: 50px;
		margin: 54px 0 0 125px;
		text-indent: -9999px;
		overflow: hidden;
		}
	
	#branding p {
		width: 364px;
		height: 23px;
		text-indent: -9999px;
		float: left;
		margin: 74px 0 0 280px;
		display: inline;
		}
		
	#nav {
		width: 281px;
		height: 187px;
		float: left;
		font-size: 1em;
		margin: 0;
		padding: 0;
		position: relative;
		background-color: #1C1C1C;
		}
	
	#nav ul {
		position: absolute;
		height: 187px;
		z-index: 1;
		list-style: none;
		margin: 0;
		padding: 0 0 0 19px;
		background-color: #000;
		}
	
	#nav li {
		border-top: 1px solid #1A1A1A;
		clear: left;
		float: left;
		margin: 0;
		margin-right: 5px;
		padding: 0;
		}
	
	#nav a {
		color: #B0A2A2;
		text-decoration: none;
		text-transform: lowercase;
		font-weight: normal;
		display: block;
		width: 102px;
		padding: 2px 0 3px 10px;
		}

	#nav ul li li a, 
	#nav ul li li li a{		
		color: #B0A2A2;
		}
	
	#nav a:hover, 
	#nav li.active a,
	#nav li.active a:hover,
	#nav li.active li.active a {
		color: #B7E107;
		}
		
	#nav ul li.sfhover a {		
		color: #B7E107;
		}
		
	#nav ul li.sfhover ul li a,
	#nav ul li.active ul li a {		
		color: #B0A2A2;
		}
				
	#nav ul li.sfhover ul li.sfhover a {		
		color: #B7E107;
		}
	
	#nav ul ul {
		display: none;
		width: 133px;
		height: 186px;
		padding: 1px 0 0 58px;
		margin: 0;
		margin-left: 66px;
		position: absolute;
		z-index: 2;
		top: 0;
		background: url(../images/elements/nav_ul_ul_bg.gif) 0 0 repeat-y;/* grey bg on child nav*/
		cursor: pointer;
		}
		
	#nav ul li.active ul {
		z-index: 1;
		}
	
	#nav ul ul li {
		border-bottom: 1px solid #000;
		border-top: none;
		width: 130px;
		margin: 0;
		padding: 0;
		float: none;
		white-space: nowrap;
		}
	
	#nav ul ul li a {
		width: 110px;
		padding: 2px 0 3px 0;
		}
		
	#nav ul li.active ul{
		display: block!important;
		} 
	
	#nav ul li:hover ul, 
	#nav ul li li:hover ul, 
	#nav ul li li li:hover ul,
	#nav ul li.sfhover ul, 
	#nav ul li li.sfhover ul, 
	#nav ul li li li.sfhover ul {
		display: block;
		}

	#nav ul ul.placeHolder, 
	#nav ul ul.placeHolder li,
	#nav ul ul.placeHolder img { 
		border: none;
		float: left;
		padding: 0;
		margin: 0;
		}
	
	.firstLevel,
	.firstLevel:hover {
		background:#1C1C1C;
		}
	
	#flashElement {
		float: left;
		}
	
	#flashElement img,
	#flashElement embed {
		position: relative;
		}
		
	#flashprojectedge {
		height: 315px;
		}
	
/* 4:----------- Left column ----------- */
			
	.browsePortfolio {
		padding: 70px 0 15px;
		}
		
	.browsePortfolioFlash {
		float: left;
		overflow: hidden;
		margin: 37px 0 15px;
		}
				
	#leftcol p {
		margin: 0 15px 15px 1px;
		padding-right: 20px;
		}
		
	#leftcol h2 {
		width: 220px;
		border-bottom: 1px solid #E4E4E4;
		}
	
	#leftcol strong {
		color: #000;
		}
	
	.more, 
	a.back {
		display: block;
		clear: both;
		float: left;
		text-decoration: none;
		color: #000;
		width: auto;
		padding: 1px 30px 2px 5px;
		margin: 0;
		background: #E3E3E3 url(/images/bullet-more.gif) no-repeat right;
		}

	a.more:hover {
		background: #666 url(/images/bullet-more-on.gif) no-repeat right;
		color: #fff;
		text-decoration: none;
		}
		
	#endcol .more {
		color: #8AA02C;
		background: #D6E992 url(/images/bullet-more-green.gif) no-repeat right;
		}

	#endcol a.more:hover {
		background: #94AB3A url(/images/bullet-more-green.gif) no-repeat right;
		color: #fff;
		}
		
	.portfolio #endcol .more {
		color: #000;
		background: #E3E3E3 url(/images/bullet-more.gif) no-repeat right;
		}

	.portfolio #endcol a.more:hover {
		background: #666 url(/images/bullet-more-on.gif) no-repeat right;
		color: #fff;
		}	
	a.moreWeblink {
		float: left;
		clear: both;
		margin-top: 20px;
		}
	
	a.back, a.back:visited {
		padding: 1px 5px 0 30px;
		background: #eee url(/images/bullet-back.gif) no-repeat left;
		}
	
	a.back:hover {
		background: #666 url(/images/bullet-back-on.gif) no-repeat left;
		color: #fff;
		text-decoration: none;
		}
			
	.requestServices {
		margin: 0;
		}

	.requestServices p {
		margin: 0 0 12px 1px;
		}
	
	#index .news p {
		margin-bottom: 0;
		}

	#index .mail {
		color: #8B9466;
		}
/*5:----------- Right column ----------- */

	#bigcol .colL {
		float: left;
		width: 237px;
		}
		
	#bigcol .colR {
		padding-left: 252px;
		}
	
	#rightcol h2 {
		width: 386px;
		border-bottom: 1px solid #E4E4E4;
		margin-bottom: .5em;
		}
		
	#rightcol h3,
	.portfolio h3 {
		clear: none;
		border-bottom: 1px solid #E4E4E4;
		margin-bottom: .5em;
		}				
	
	.latestNews h2 {
		margin-bottom: .5em;
		padding-bottom: 2px;
		border-bottom: 1px solid #E4E4E4;
		}
	
	.newsItemDate {
		position: absolute;
		}
	
	#projectBox .projectFinder {
		background: none;
		margin: 0 10px 0 0;
		height: 30px;
		float: right;
		width: 200px;
		overflow: hidden;
		text-align: right;
		}
		
	#projectBox .projectFinder select {
		float: none;
		margin-right: 4px;
		margin-top: 2px;
		}
		
	#projectBox .projectFinder h3 {
		display: none;
		}

	.projectFinder {
		float: left;
		width: 290px;
		height: 50px;
		color: #5C5C5C;
		}
		
	.homeProjectFinder {
		padding: 0 0 0 11px;
		margin: 0 10px 7px 0;
		}
	
	.projectFinder label {
		float: left;
		margin: 0 13px 10px 0;
		}
	
	.projectFinder input {
		margin: 1px 0 10px 0;
		float: left;
		width: 15px;
		height: 14px;
		font-size: .85em;
		}
	
	.projectFinder select {
		color: #717171;
		border: 1px solid #7F9DB9;
		height: 18px;
		width: 162px;
		margin: 0;
		font-size: .95em;
		}
		
	.projectFinder .submit {		
		width: 65px;
		height: 20px;
		padding-left: 6px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		background: #eee url(/images/bullet-more.gif) no-repeat right;
		border: 0;
		cursor: pointer;
		}
		
	.latestEntriesList {
		float: left;
		margin-top: 15px;
		width: 100%;
		}
	
/* 6:----------- Endcolumn ----------- */
	
	.blogEntries {
		float: left;
		padding: 0;
		margin-top: 20px;
		cursor: pointer;
		}
		
	.blogEntries a.more {
		clear: left;
		margin-top: 10px;
		}
	
	.blogEntriesList {
		list-style: none;
		margin: 10px 0 0;
		padding: 0;
		}
	
	.blogEntriesList li {
		float: left;
		margin: 2px 0 1px;
		}
	
	.blogEntriesList a {
		float: left;
		width: 212px;
		padding: 2px 15px 2px 5px;
		color: #000;
		text-decoration: none;
		background: url(/images/bullet-blog.gif) 100% 7px no-repeat #EEF9BD;
		}
	
	.blogEntriesList a:hover {
		text-decoration: none;
		background: url(/images/bullet-blog-on.gif) 100% 7px no-repeat #b7e107;
		}
	
	.goToReactiveBlog,
	.goToReactiveBlog:hover {
		text-decoration: none;
		margin: 0 0 0 -4px;
		}
	
	/* move and re-format endcol (lo-res) */

	.newsLetterText {
		width: 200px;
		margin: 0 0 10px 0;
		}
	
	.newsLetterText a {
		font-size: .85em;
		}
		
	.newsLetterInput {
		width: 132px;
		border: none;
		border: 1px solid #C2DA6A;
		background: #FCFEF8;
		padding: 2px 4px 2px 4px;
		font-size: 1em;
		vertical-align: top;
		margin-bottom: 5px;
		}
	
	.newsLetterSubmit {
		width: 48px;
		height: 18px;
		vertical-align: top;
		border: none;
		text-align: left;
		padding: 0 0 1px 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #8AA02B;
		background: #D6E992 url(/images/bullet-more-green.gif) no-repeat right;
		margin-bottom: 5px;
		cursor: pointer;
		}
		
	.portfolio .newsLetterInput {
		border: 1px solid #ccc;
		background: #eaeaea;
		}
	
	.portfolio .newsLetterSubmit {
		color: #000;
		background: #eee url(/images/bullet-more.gif) no-repeat right;
		}
		
	.rcolFormat {
		float: left;
		display: block;
		margin: 0 0 29px;
		}
	
	.newsLetter {
		margin-bottom: 20px;
		}
		
	.newsLetter h3 {
		padding-top: 0;
		}	

	.twoCol #endcol {
		width: 242px;
		margin-top: 0;
		border-top: none;		
		padding-top: 26px;
		}
	
	.twoCol .newsLetter {
		width: 242px;
		}
		
	.twoCol .requestServices {
		width: 242px;
		}
	
	.twoCol .requestServices p {
		width: 200px;
		}
	
	#profile1 {
		float: left;
		margin-bottom: 30px;	
		}

	#subscribeField {
		background-color: #f2f2f2;
		padding: 10px 10px 14px 10px;
		margin: 0 0 12px 0;
		}
	
	#subscribeField dl {
		margin: 0;
		padding: 0;
		}

	#subscribeField dt {
		width: 70px;
		margin: 4px 0 1px;	
		}
		
	#subscribeField dd {
		display: block;
		margin: 0;
		padding: 0;
		}
			
	#subscribeField input {
		width: 170px;
		border: 1px solid #ccc;
		}

	
	
/* 7:----------- Footer ----------- */
	
	#footer{
		/*border:1px solid red;
		height:1%;*/
		}	
	#footer ul {
		list-style: none;
		padding: 0 0 0 21px;
		}
	
	#footer ul li {
		display:inline;
		margin: 5px 0 0 0;
		background: url(/images/separator-grey.gif) no-repeat right;
		padding: 0 9px 0 9px;
		}
	
	#footer ul li a {
		color: #919191;
		}
	
	#footer ul li.last {
		background: none;
		}
		
	.footerSecondaryNav{
		background: #fff url('/images/footerSecondaryNav-bg.gif') 0 0 repeat-x;
		}
	.footerSecondaryNav div{
		padding-top:10px;	
		background: #DCDCDC;
		width:684px;
		padding-bottom:20px;
		min-height:57px;
		float:left;
		}
	.footerSecondaryNav ul{
		/*height: 22px;*/
		color: #919191;
		width: 661px;
		margin:5px 0 0;
		padding-bottom: 5px;
		}
	.footerSecondaryNav img{
		display:block;
		}
	.footerSecondaryNav .clear{
		display:block;
		border:1px solid red;
		display:none;
		}

/* 8:----------- Inner page ----------- */
	.websitePreview {
		width: 220px;
		float: left;
		padding: 0;
		margin: 22px 0 0 0;
		}
	
	.websitePreview ul {
		list-style: none;
		float: left;
		margin: 11px 0 0 0;
		}
	
	.websitePreview ul li {
		float: left;
		}
	
	.websitePreview ul li a {
		background: url(/images/bg-list-page.gif) no-repeat left top;
		width: 12px;
		height: 15px;
		display: block;
		text-align: center;
		margin: 0 0 0 3px;
		padding: 2px 0 0 1px;
		font-size: .8em;
		}
	
	.websitePreview div {
		/*width: 239px;*/
		}
	
	.websitePreview ul li a:hover,
	.websitePreview ul li a.active {
		background: url(/images/bg-list-page-active.gif);
		text-decoration: none;
		}
	
	.visitWebsite,
	.visitWebsite:hover {
		width: 106px;
		height: 16px;
		float: right;
		color: #000;
		text-decoration: none;
		margin: 10px 2px 0 0;
		padding: 2px 0 0 4px;
		display: inline;
		background: #E6E6E6 url(/images/bullet-more.gif) no-repeat right;
		}
	
	.backToProjects,
	.backToProjects:hover {
		width: 94px;
		padding: 2px 8px 2px 28px;
		margin-top: 5px;
		color: #000;
		text-decoration: none;
		background: #eee url(/images/bullet-left.gif) no-repeat left;
		}
	
	#endcol form {
		margin: 0;
		}


/* 9:----------- Bigcol ----------- */

	#bigcol { 
		float: left;
		position: relative;
		width: 641px;
		padding: 25px 14px 0 29px;
		}
	
	#bigcol h4 {
		margin: 16px 0 5px;
		}
	
	#bigcol ul, 
	#endcol ul, 
	#rightcol ul {
		margin-bottom: 14px;
		}
		
	#endcol ul {
		float: left;
		margin: 10px 0 16px;
		}

	#bigcol ul li, 
	#endcol ul li, 
	#rightcol ul li {
		background: url(/images/squarebullet.gif) no-repeat 0 5px;
		list-style: none;
		padding-left: 10px;
		display: block;
		line-height: 1.4;
		margin-bottom: 2px;
		}
	
	#endcol ul li {
		margin-bottom: 10px;
		}
		
	.viewpointItem {
		border-top: 1px solid #ccc;
		padding-top: 7px;
		margin-bottom: 10px;
		}
		
	.viewpointItem .more {
		float: none;
		width: 100px;
		padding-right: 0;
		}

	
/* 10:----------- News page ----------- */
	
	.news {
		clear: left;
		border-top: 1px solid #E4E4E4;
		padding: 10px 0;
		margin: 2px 0 0;
		}
	
	.news h4 {
		font: 1em Arial, Helvetica, sans-serif;
		margin: 0!important;
		padding: 0;
		color: #676566;
		font-weight: normal;
		margin-left: 252px!important;
		}
			
	.news span {
		position: absolute;
		color: #7C7A7A;
		}
	
	.newsDate {
		margin: -9px 0 6px;
		font-size: .8em;
		color: #777;
		clear: both;
		}
			
	.newsList {
		list-style: none;
		}
	
	.newsList li {
		margin: 8px 0 0 0;
		}
	
	.newsList a {
		display: block;
		text-decoration: none;
		width: 241px;
		padding: 2px 0 2px 5px;
		color: #000;
		background: #eee url(/images/bullet-more.gif) no-repeat right;
		}
	
	.newsList a:hover{
		text-decoration: none;
		}
	
	.newsList a.active {
		background: #fff url(/images/bullet-more.gif) no-repeat right;
		}
	
	#inner .requestServices em {
		color: #3E4C00;
		}
	
	.newsArchiveBox {
		float: left;
		background-color: red;
		}
	
	.newsarchive ul, .newsarchive li {
		width: auto;
		float: none;
		clear: none;
		}
	
	.archiveSelect {
		width: 135px;
		margin-right: 2px;
		}
	
	.newsArchive li.selected a {
		color: #000;
		text-decoration: none;
		}
		
	.newsPage h2 {
		margin: 0;
		width: 200px;
		}
	
	.newsPage .projectFinder {
		position: absolute;
		background: none;
		margin: 0 0 0 480px;
		height: auto;
		width: 162px;
		text-align: right;
		}	
	
	.newsItem .back {
		margin-top: 10px;
		}
		
/* 11:----------- Projects page ----------- */
	#projectBox {
		float: left;
		width: 684px;
		padding-top: 25px;
		}
	
	.box {
		width: 655px;
		margin: 0 0 0 25px;
		clear: both;
		}
	
	.item {
		width: 122px;
		height: 122px;
		margin: 5px 2px 0 0;
		padding: 4px 3px 0;
		float: left;
		overflow: hidden;
		font-size: .85em;
		background: url(../images/elements/shadow.gif) 3px 87px no-repeat;
		}
	
	.item a {
		color: #666;
		}
	
	.image img {
		height: 82px;
		width: 121px;
		}
	
	.image a {
		float: left;
		margin-bottom: 5px;
		width: 121px;
		height: 82px;
		overflow: hidden;
		border: 1px solid #ccc;
		}
		
	.image a:hover {
		border: 1px solid #b7e107;		
		}
	
	.listNav {
		float: right;
		clear: left;
		list-style: none;
		margin:  21px 6px 0 0;
		display: inline;
		}
	
	.listNav li {
		float: left;
		margin: 0 1px 0 0;
		}
	
	.listNav a {
		display: block;
		text-decoration: none;
		float: left;
		}
	
	.listNav a:hover{
		text-decoration: none
		}
	
	.listNav a.next {
		padding: 2px 0 2px 5px;
		width: 67px;
		background:#eee url(/images/bullet-more.gif) no-repeat right;
		}
		
	table.factsFigures {
		margin: 0 0 15px;
		}
	
	table.factsFigures th, 
	table.factsFigures td {
		padding: 5px 5px 5px 0;
		text-align: left;
		}
		
	table.factsFigures ul {
		margin: 0;
		padding: 0;
		}
	

/* 12:----------- sIFR ----------- */
	.sIFR-flash  {
		visibility: visible !important;
		margin: 0;
		}
	
	.sIFR-replaced  {
		visibility: visible !important;
		}
	
	span.sIFR-alternate  {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}
	
	.sIFR-flash + div[adblocktab=true]  {
	  display: none !important;
		}
		
	.sIFR-hasFlash h2,
	.sIFR-hasFlash h3   {
		visibility: hidden;
		font-size: 17px!important;
		line-height: 20px;
		text-align: left;
		background-color: transparent;
		padding-bottom: 2px!important;
		letter-spacing:-2px;
		}

	.sIFR-hasFlash #endcol h3  {
		margin-bottom: 10px;
		}

	.sIFR-hasFlash #projectBox h2 {
		visibility: hidden;
		float: left;
		width: 250px;
		margin-left: 29px;
		display: inline;
		}
	
	.sIFR-hasFlash #folioDetali #rightcol .projectFinder h3 {
		visibility: hidden;
		margin-left: -2px;
		font-size: 22px;
		}

	
/* 13:----------- Testimonials styling ----------- */
	
	/*dl.testimonials {
		float: left;
		overflow: auto;
		clear: both;
		width: 100%;
		}
	
	dl.testimonials dd {
		background: url(/images/openquote.gif) no-repeat 0 0;
		}
	
	dl.testimonials dd{ 
		padding: 14px 14px 2px 8px;
		border-top: 1px solid #e3e3e3;
		float: right;
		width: 480px;
		margin: 0 0 14px;
		}
	
	dl.testimonials dt {
		padding: 14px 9px 8px 0;
		border-top: 1px solid #b7e006;
		display: block;
		clear: both;
		float: left;
		width: 112px;
		margin: 0;
		}
	
	dl.testimonials span {
		display: block;
		color: #666;
		font: bold 1.1em Arial, Helvetica, sans-serif;
		margin-bottom: 4px;
		}*/
		
	.testimonials .contentTitle {
		clear: both;
		}
		
	.testimonial {
		padding-left: 252px;
		padding-bottom: 20px;
		}
		
	.testimonialImage {
		float: left;
		width: 252px;
		padding-bottom:30px;
		}
		
	.clientName {
		font-weight: bold;
		font-style: italic;
		}
	
/* 14:----------- Awards styling ----------- */
	
	.awardsHeader {	
		height: 26px
		}
		
	.awardsHeader h2 {
		float: left;
		clear: none;
		margin: 0;
		width: 250px;
		}
		
	.awardsHeader h3 {
		float: left;
		clear: none;
		margin: 3px 0 0;
		width: 190px;
		}
		
	.awardsSelector {
		float: right;
		width: 200px;
		margin: 5px 0 0;
		padding: 0;
		text-align: right;
		}
		
	.awardsSelector select {
		width: 163px;
		border: 1px solid #7F9DB9;
		font-size: 11px;
		color: #717171;
		}
	
	.awards {
		clear: left;
		margin: 0;
		padding: 10px 0 0;
		border-top: 1px solid #E5E5E5;
		margin-top: 0;
		}
		
	.awardItem {
		margin-bottom: 15px;
		}
		
	#bigcol .awardItem .colR{
		width:404px;
		float:left;
		padding:0;
		margin:0;
		}
	
	/*.awards dl {
		margin: 0;
		padding: 0;
		}
			
	.awards dt {
		float: left;
		clear: both;
		width: 252px;
		padding-top: 12px;
		margin-bottom:10px;
		position: relative;
		}	
			
	.awards dd {
		float: left;
		border: 0;
		margin: 0 0 14px;
		padding-top: 10px;
		width: 373px;
		position: relative;
		}*/
		
	.awards ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: .92em;
		color: #333;
		}
		
	.awards li {
		margin: 0!important;
		padding: 0!important;
		padding-left: 23px!important;
		background: url(../images/icons/awards_li.gif) 0 2px no-repeat!important;
		}
		
	.awards li p {
		margin: 0 0 5px;
		padding: 0;
		}

	
/* 15:----------- Client List styling ----------- */

	/*#bigcol ul.client-list {
		list-style: none;
		padding: 0;
		margin: 0;
		}
	#bigcol ul.client-list li {
		list-style: none;
		list-style-image: none;
		list-style-position: outside;
		float: left;
		clear: none;
		margin: 0 0 13px;
		padding: 0;
		width: auto;
		}
	#bigcol ul.client-list li img {
		float: left;
		width: 141px;
		height: 70px;
		margin: 0 13px 0 0;
		padding: 0;
		border: 1px solid #e3e3e3;
		}*/
		
	.clientListHeader h2 {
		float: left;
		clear: none;
		margin: 0;
		width: 250px;
		}
		
	.clientListHeader h3 {
		float: left;
		clear: none;
		margin: 0;
		margin-top: 3px;
		width: 190px;
		}
		
	.clientListSelector {
		float: right;
		width: 200px;
		margin: 2px 0 0;
		padding: 0;
		text-align: right;
		}
		
	.clientListSelector select {
		width: 163px;
		border: 1px solid #7F9DB9;
		font-size: 11px;
		color: #717171;
		}
		
	.clients {
		float: left;
		width: 100%;
		margin-top: 2px;
		border-top: 1px solid #E5E5E5;
		padding-top: 5px;
		}	
		
	#bigcol .clients ul {
		position: relative;
		clear: left;
		margin: 0;
		padding: 5px 0 0;
		padding-left: 252px;
		}
		
	#bigcol .clients ul li {
		float: left;
		width: 124px;
		height: 150px;
		margin: 0;
		padding: 0 4px 0 0;
		background-image: none;
		}
		
	.clients li a {
		display: block;
		font-size: .92em;
		}
		
	.clients .contentTitle {
		clear: both;
		margin-top: 10px;
		}
		
	.clients h3 {
		margin: 0 0 5px 252px;
		}

/* 15:----------- Contact page ----------- */

	body.contact #rightcol {
		padding-top: 29px;
		}
	
	.contact-details {
		margin-right: 16px;
		}
	
	img.emailImg {
		vertical-align: middle;
		padding-bottom: 1px;
		}
	
	p.googleMaps {
		float: right;
		margin-right: 10px;
		}
	
	.contactDetails ul {
		list-style: none;
		width: 150px;
		float: left;
		margin-right: 1px;
		overflow: visible;
		}
	
	#rightcol .contactDetails ul li {
		list-style: none;
		list-style-position: outside;
		background-image: none;
		padding: 0;
		margin-bottom: 4px;
		overflow: visible;
		}
		
	.companyNames h5 {
		margin: 0;
		padding: 0;
		font-size: 1em;
		}
		
	.companyNames p {
		margin: 0;
		padding: 0;
		font-size: 1em;
		}

/* 16:----------- requestServicesForm ----------- */

	.requestCompanyDetails {
		width: 200px;
		}

	.requestServicesForm {
		padding: 0;
		float: left;
		width: 383px;
		}
		
	.requestServicesForm h4 {
		font-size: 1em;
		color: #000;
		}
		
	.requestServicesIntro {
		margin: 0 0 20px;
		}
	
	.requestServicesForm fieldset {
		margin: 10px 0 29px;
		padding: 0;
		border: none;
		border-top: 1px solid #e6e6e6;
		}
	
	.requestServicesForm legend {
		font-weight: bold;
		color: #88a40f;
		}
	
	.requestServicesForm ol {
		list-style: none;
		margin: 0;
		padding: 0;
		}

	.requestServicesForm li {
		list-style: none;
		vertical-align: middle;
		float: left;
		clear: both;
		padding: 6px 12px 2px 0;
		margin: 0;
		width: 359px;
		border-bottom: 1px solid #e6e6e6;
		}

	.requestServicesForm label {
		float: left;
		width: 130px;
		padding: 0 12px 0 0;
		margin-top: 2px;
		font-weight: normal;
		color: #555;
		}
	
	.requestServicesForm input, 
	.requestServicesForm textarea, 
	.requestServicesForm select {
		float: right;
		width: 200px;
		margin-bottom: 3px;
		border: 1px solid #ccc;
		}
		
	.requestServicesForm .wideTextarea {
		display: block;
		width: 359px;
		height: 150px;
		}
	
	.requestServicesForm .uploadLabel {
		width: 100%;
		margin-bottom: 12px;
		}
	
	.requestServicesForm .btnBrowse {
		width: auto;
		margin-bottom: 5px;
		float: right;
		}
	
	.requestServicesForm .submitButton {
		margin-right: 12px;
		}

/* 17:----------- Flash filler ----------- */

	#flashFill {
		margin-top: -128px;
		margin-left: 684px;
		}
	
	.imgFill {
		width: 100%;
		height: 315px;
		overflow: hidden;
		}
	
	img.map {
		margin-bottom: 14px;
		border: 1px solid #e6e6e6;
		}
		
/* 18:---------- nma Landing Page ---------*/

	.nmaPage {
		background-color: #000;
		background-image: none;
		}
		
	.nmaPage a.more {
		position: absolute;
		margin-left: 29px;
		background-color: #1E1E1E;
		color: #fff;
		padding-right: 70px;
		}
		
	.nmaPage a.more:hover {
		background-color: #666;
		}
		
	.nmaPage .nmaImage {
		margin-left: 172px;
		}
		
/* 19:---------- Inspiration ---------*/

	.inspiration ul {
		padding: 0;
		margin: 0;
		}

	.inspiration li {
		clear: both;
		background: none !important;
		padding: 0;
		padding-left: 0!important;
		margin: 0;
		}
	
	.inspiration li li {
		padding: 10px 0 0;
		border-bottom: 1px solid #E8E8E8;
		}

	.inspiration p {
		color: #000;
		}
				
	.inspiration ul a {
		display: block;
		margin: 0 40px 5px 0;
		}
		
	.inspiration table {
		width: 394px;
		height: 95px;
		}
				
	.inspiration td {
		width: 50%;
		vertical-align: top;
		padding: 10px 0 5px;
		border-bottom: 1px solid #E8E8E8;
		color: #000;
		}
			
	.inspirationIntro {
		margin: 0 0 35px 252px;
		}
		
	h3.inspirationTitle {
		font-size: 1.5em !important;
		margin: 0 0 5px 252px!important;
		width: 200px;
		}

	.inspirationCatSelect {
		text-align: right;
		padding-bottom: 5px;
		}
		
	.inspirationCatSelect form {
		position: absolute;
		margin: 7px 0 0;
		padding: 0;
		right: 0;
		}
		
	.inspirationCatSelect select {
		border: 1px solid #7E9DB9;
		font-size: .95em;
		color: #727272;
		width: 160px;
		}
		
	.listBooks,
	.listWebsites,
	.listBlogs,
	.listPodcasts {
		margin-bottom: 15px;
		padding-left: 252px;
		border-top: 1px solid #E8E8E8;
		}	
			
	.listBooks {
		background: url(../images/elements/inspiration_bg_books.gif) 0 10px no-repeat;
		}
		
	.listWebsites {
		background: url(../images/elements/inspiration_bg_sites.gif) 0 10px no-repeat;
		}
		
	.listBlogs {
		background: url(../images/elements/inspiration_bg_blogs.gif) 0 10px no-repeat;
		}
		
	.listPodcasts {
		background: url(../images/elements/inspiration_bg_podcasts.gif) 0 10px no-repeat;
		}
		
	.history {
		margin-top: 61px;
		border-top: 1px solid #E3E3E3;
		}
		
	.serviceSponsorship {
		margin: 30px 0;
		}
		
	.serviceSponsorship table {
		font-size: 1em;
		}
		
	.serviceSponsorship td {
		vertical-align: top;
		padding-bottom: 10px;
		}
		
	.serviceSponsorship td img {
		margin-right: 15px;
		}
		
	.serviceSponsorship td a {
		display: block;
		}
		
/* 20:---------- Sitemap ---------*/

	.sitemap dt {
		font-size: 1.3em;
		margin-top: 0.8em;
		}
		
	.sitemap dd {
		margin: 0;
		padding-bottom: 0.8em;
		display: block;
		border-bottom: solid 1px #eee;
		}
		
	.sitemap dl {
		margin: 0.5em 0 0 0;
		}
		
	.sitemap dl dt {
		font-size: 1.2em;
		background: url(/images/squarebullet.gif) no-repeat 0 6px;
		list-style: none;
		padding-left: 10px;
		}
		
	.sitemap dl dd {
		margin: 0;
		padding-left: 10px;
		border: none;
		}


/* 21:----------- Careers page ----------- */
	
	.careers .intro {
		margin: 0 0 2em 252px;
		}
		
	.careers h4 {
		font-size: 1em;
		margin: 0 0 .5em;
		}
		
	.careers ul {
		margin: 0 0 2em!important;
		padding: 0;
		}
		
	.careers li {
		background: url(../images/careers/careers_bullet.gif) 0 0 no-repeat!important;
		padding-left: 25px!important;
		margin: 0 0 .5em!important;
		}

	.officeVacancies {
		clear: left;
		border-bottom: 1px solid #E3E3E3;
		padding: 7px 0;
		}
		
	#bigcol .officeVacancies h4 {
		position: absolute;
		width: 252px;
		margin: 0;
		padding: 0;
		font-size: 1em;
		font-weight: normal;
		}
		
	.officeVacancies ul {
		margin: 0!important;
		padding: 0 0 0 252px;
		}
	
	.officeVacancies li {
		background: none!important;
		padding-left: 0!important;
		}
		
	.studios .contentTitle {
		clear: both;
		border-bottom: 0px;
		}
		
	.studio {
		float:right;
		padding-left: 0px;
		}
		
	.studioContentTitle {
		margin-bottom: 10px;
		}
		
	.studioImage {
		float: left;
		width: 220px;
		padding-bottom:30px;
		}
		
	.studioclientName {
		font-weight: bold;
		font-style: italic;
		}

	.flickr_badge_uber_wrapper {
		text-align:left; 
		width:400px;
		}
	.flickr_badge_wrapper
	{
		font-size: 1em;
		margin: 0 0 1.2em 0;
		line-height: 1.4em;
		padding: 0;
		}



	.flickr_badge_image img {
		border: 1px solid black !important;
		}
	.flickr_badge_wrapper {
		}
	.flickr_badge_wrapper a img 	{
		margin: 10px  10px 0px 0px;
		border: solid 2px #7f7f7f;
/*		width: auto; 
		height: 75px;
*/
		}
	.flickr_badge_wrapper a:hover img 	
	{
		border: solid 2px #b7e006;
		}
	.flickr_badge_source {
		text-align:left; 
		margin:0 10px 0 10px;
		}
	.flickr_badge_icon {
	/*	float:left;  */
		margin-right:5px;
		}
	.flickr_www_wrapper	{
		color: #8aa02b;
		display: block;
		clear: both;
		float: left;
		text-decoration: none;
		width: auto;
		padding: 1px 30px 2px 5px;
		margin: 0;
		background: #d6e992 url(/images/bullet-more.gif) no-repeat right;
		}
	.flickr_www_wrapper:hover	{
			background-color: #94ab3a;
			background-image: url(/images/bullet-more-green.gif);
			background-repeat: no-repeat;
			background-attachment: scroll;
			color: #ffffff;
			text-decoration: none;
			}
	.flickr_www 
	{
		float:right;
		background-color:Transparent;
		display:block; 
		padding:0 10px 0 10px !important; 
		font: 11px Arial, Helvetica, Sans serif !important; 
		color:#3993ff !important;
		}

	.flickr_badge_source {
		padding:0 !important; 
		font: 11px Arial, Helvetica, Sans serif !important; 
		color:#666666 !important;
		}

	.workingHeader {	
		/*clear: both;
		border-bottom: 1px solid #E3E3E3;
		margin-bottom: 10px; */
		}
	
	
	
	.workingHeader h2 {
		float: left;
		clear: none;
		width: 250px;
		margin:0;
		}
		
	.workingHeader h3 {
		float: left;
		clear: none;
		width: 390px;
		margin:0;
		}
		
	.workingHeader h2,
	.workingHeader h3 {
	}
		
	.workingSelector {
		float: right;
		width: 200px;
		margin: 5px 0 0;
		padding: 0;
		text-align: right;
		}
		
	.workingSelector select {
		width: 160px;
		border: 1px solid #7F9DB9;
		font-size: 11px;
		color: #717171;
		}
	
	.workingReasons {
		clear: none;
		padding: 15px 0 0;
		border-top: 1px solid #E5E5E5;
		margin: 0;
		}
			
	.workingItem {
		margin-top: 15px;
		}
/* 22:----------- Community page ----------- */

	.contentTitle,
	.singleTitle {
		clear: both;
		border-bottom: 1px solid #E3E3E3;
		margin-bottom: 10px;
		}
	
	.contentTitle {
		padding-top: 2px;
		}	
			
	.contentTitle h2 {
		position: absolute;
		width: 252px;
		left: 28px;
		margin-bottom: 0;
		border: 0;
		}
		
	.contentTitle h3,
	.singleTitle h3 {
		margin-left: 250px!important;
		margin-bottom: 0;
		border: 0;
		}
		
	.community .leftCol {
		clear: left;
		float: left;
		width: 252px;
		}
		
	.community .rightCol {
		margin-bottom: 20px;
		padding-left: 252px;
		}
		
	.communityTable {
		clear: both;
		width: 100%;
		}
		
	.communityTable td {
		padding: 0 20px 15px 0;
		vertical-align: top;
		width: 185px;
		}
		
	.communityTable td.logos {
		padding: 0 1px;
		width: 122px;
		}

/* 23:----------- Contact Us ----------- */

	.contact .leftCol {
		clear: left;
		float: left;
		width: 252px;
		}
		
	.contact .rightCol {
		float: right;
		/*width: 389px;*/
		width: 543px;
		margin-bottom: 20px;
		}
		
	.contactSelect {
		/*float: right;*/
		position: absolute;
		padding-top: 2px;
		right: 0;
		margin-right: 15px;
		}
		
	.contactSelect select {
		width: 162px;
		border: 1px solid #7F9DB9;
		font-size: 11px;
		color: #717171;
		}
		
	.contact .contentTitle {
		height: 30px;
		padding: 0;
		}

	.contact .contentTitle h3 {
		position: absolute;
		width: 220px;
		margin-left: 100px !important;
		}
		
	.contact .googleLink {
		float: right;
		margin-bottom: 10px;
		}
		
	.contactTable {
		width: 450px;
		}
		
	.contactTable td {
		vertical-align: top;
		}
		
	.contactDetails {
		width: 350px;
		}
		
	.contactDetails td {
		vertical-align: top;
		padding: 3px 0;
		}
		
/* 24:----------- About ----------- */
		
	.about .awards {
		border: 0;
		}
	
	.about .awards li {
		font-size: 1.1em;
		color: #666;
		margin-top: 10px!important;
		}	
		
/* 25:----------- Newsletter styling ----------- */
	
	.newslettersHeader {
		/*border-bottom: 1px solid #E5E5E5;*/
		}
	
	.newslettersHeader h2 {
		float: left;
		clear: none;
		margin: 0;
		width: 250px;
		}
		
	.newslettersHeader h3 {
		float: left;
		clear: none;
		margin: 0;
		margin-top: 3px;
		width: 190px;
		}
		
	.newslettersSelector {
		float: right;
		width: 200px;
		margin: 5px 0 0;
		padding: 0;
		text-align: right;
		}
		
	.newslettersSelector select {
		width: 163px;
		border: 1px solid #7F9DB9;
		font-size: 11px;
		color: #717171;
		}	
		
	.newsletters {
		float: left;
		width: 100%;
		border-top: 1px solid #E5E5E5;
		margin-top: 2px;
		}
		
	.newsletterMonth {
		position: absolute;
		}
		
	.newsletterItem {
		border-bottom: 1px solid #E5E5E5;
		padding: 10px 0;
		}
		
	.newsletterItem a {
		display: block;
		padding: 0;
		margin: 0 0 .4em;
		margin-left: 252px;
		}
	
	.newsletterItem p {
		padding: 0;
		margin: 0;
		margin-left: 252px;
		color: #646464;
		}
		
	.homeLatestNews ul {
		margin: -7px 0 2em;
		padding: 0;
		}
		
	.homeLatestNews li {
		background: none!important;
		padding: 7px 0!important;
		margin: 0!important;
		border-bottom: 1px solid #E5E5E5;
		}
	 .text
 	{
	font-size:9px;
 	color:#FFFFFF;
 	}
		
		
/* 26:----------- Downloads styling ----------- */

	.downloads a {
		float: left;
		margin-right: 7px;
		margin-bottom: 20px;
		}
		
	.downloads a img {
		display: block;
		margin-bottom: 4px;
		}
			
/* 27:----------- Beliefs styling ----------- */

	.belief {
		clear: left;
		border-bottom: 1px solid #E5E5E5;
		background: 0 0 no-repeat;
		min-height: 80px;
		margin-bottom: 5px;
		}
a.nav:link  {
 	font-family : Arial, Georgia, Verdana ;
	text-decoration : none;
	font-size:10pt;
 	color : #FFCC00;
 }
 
 a.nav:visited  {
 	font-family : Arial, Georgia, Verdana ;
	text-decoration : none;
 	color : #FFCC00;
	font-size:10pt;
 }
 
 a.nav:active  {
 	font-family : Arial, Georgia, Verdana ;
	text-decoration : none;
 	color : #FFCC00;
	font-size:10pt;
 }
 
 a.nav:hover  {
 	font-family : Arial, Georgia, Verdana ;
 	text-decoration : none;
 	color : #FFFFFF;
	font-size:10pt;
 }
 a.link {
 	font-family : Arial, Verdana, Georgia;
	color: #FFCC00;
	font-size: 8.5pt;
	text-decoration: none;
	font-weight: normal;
}
a.visited {
	font-family : Arial, Verdana, Georgia;
	color: #FFCC00;
	font-size: 8.5pt;
	text-decoration: none;
	font-weight: normal;
}
a.hover {
	font-family : Arial, Verdana, Georgia;
	color: #FFCC00;
	font-size: 8.5pt;
	text-decoration: none;
	font-weight: normal;
}
a.active {
	font-family : Arial, Verdana, Georgia;
	color: #FFCC00;
	font-size: 8.5pt;
	text-decoration: none;
	font-weight: normal;
}
	.belief h3 {
		margin-left: 252px;
		}

