/* New Design Partners Stylesheet | First Drafted: 15/10/2007 | Author: Alex Goluszko, Madgex Ltd

TEXT COLOR GUIDE 
#666 - body text colour
#f46f21 - link colour
#c96 - hover colour
#333 - header colour

Other: 
GRAY BACKGROUND - #f6f6f6  */

/* ------------------RESET-------------------------- */

/*reset.css*/ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/ body {}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/* -------------- CLEARING CLASSES ------------------*/
 
.clearLeft { clear: left;}
.clearRight { clear: right;}
.clearBoth { clear: both;}
* html .clearing { height: 1%;}
 
/* -------------- ELEMENTS -------------------------*/

body {
	background: #fff url(../images/bg-body.png) repeat-x;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #666;
	font-size: 1em;
	width: 100%;}

a { color: #f46f21;}

	a:hover { color: #c96;}

h1 {
	font-size: 1.7em;
	line-height: 1em;
	color: #333;
	padding: 0 0 10px 12px;}
	
h2 {
	background: transparent url(../images/bg-h2Orange.gif) no-repeat 12px 12px;
	padding: 8px 0pt 8px 2.3em;
	font-size: 1.3em;	
	color: #333;}

	h2.profile 
	{
	    background: transparent url(../images/bg-h2.gif) no-repeat 12px;
	    clear: left;}

h3 {
	font-size: 0.8em;
	font-weight: bold;
	clear: left;
	padding: 0 0 0 12px;}

p { padding: 0 12px;}
	
p, dl, table, ul { font-size: 0.8em;}	
	
strong { font-weight: bold;}	
 
table 
{
    margin: 0 0 40px 0;
    width: 100%;
    clear: both;}	
	
	th, td {
		padding: 5px 12px;
		background: transparent url(../images/bg-dotted.gif) repeat-x bottom left;}
	
	td {font-weight: bold;}
	
		td a {font-weight: normal;}
		
		td.lastColumn {text-align: right;}
		
		td.activeDetails {background: #f6f6f6;}
	
		td.activeDescription {
			background: #f6f6f6 url(../images/bg-dotted.gif) repeat-x bottom left;
			font-weight: normal;
			padding-bottom: 15px;}

        td.activeDescription span {
			display: block;
			padding-bottom: 15px;}
		
		tr.visible, tr.open
		{
		    /*display:block; Some CSS bug that causes this to not display full width is actually specified*/
		}
		
		tr.hidden, tr.close
		{
		    display: none;}
		
		
		th.wide, td.wide {
			width: 250px;
			max-width: 250px;
			word-wrap: break-word;
			overflow: hidden;}
		
		th.narrow, td.narrow {
			width: 55px;
			padding-left: 0;
			padding-right: 0;
			text-align: center;}
	
/* -------------- STRUCTURE -------------------------*/

#header, #main, #footerContent {
	margin: 0 auto;
	width: 59.5em;
	overflow: hidden;}

#header {height: 12.7em;}	
	
	#header span#logo {
		float: left;
		width: 23em;
		background: transparent url(../images/bg-h1.png) no-repeat;
		text-indent: -1000em;	
		line-height: 73px;
		margin: 27px 0 18px 0;
		padding: 0;}
	
	/* Main Navigation */
	
	#header ul { font-size: 1.3em; }
	
		#header ul li {
		    float: left;
		    height: 59px;}
		
		#header ul a {
			float: left;
			text-decoration: none;
			color: #f46f21;
			display: block;
			padding: 10px 1em 0 1em;}
		
		#header ul li.active {
			background: transparent url(../images/bg-menuActiveRight.png) no-repeat top right;
			color: #171717;
			width: auto;			
			display: block;}
	
		#header ul li.active a {
			float: left;
			background: transparent url(../images/bg-menuActive.png) no-repeat top left;
			width: auto;
			height: 49px;
			display: block;
			color: #171717;
			padding: 10px 15px 0 25px;}
			
		#header ul li span a {
			float: none;
			padding: 0;}	

	#header p {
		text-align: right;}
	
		#header p.assocLinks {
			color: #b1b4a9;
			font-size: 0.7em;		
			margin: 81px 0 0 0;
			padding: 0;}
	
		#header .linkDW, #header .linkMW {
				background: transparent url(../images/bg-DesignWeek.gif) no-repeat top left;
				text-indent: -1000em;
				display: -moz-inline-box;
				display: inline-block;
				vertical-align: middle;	
				height: 31px;	
				line-height: 0px;		
				font-size: 0px;
				color: #171717;}

		#header a.linkDW {
				background: transparent url(../images/bg-DesignWeek.gif) no-repeat top left;
				width: 92px;}
			
		#header a.linkMW {
				background: transparent url(../images/bg-MarketingWeek.gif) no-repeat top left;
				width: 110px;}			

#heading { min-height: 3em;}

	#heading p { display: inline;}
	#heading p.accountLink { padding-left: 47em}
			
#col1, #col2wide, #col2, #col3 { margin: 20px 0 0 0;}	

#col2wide, #col2 { padding: 0 0 0 12px;}
		
#col1, #col1account {
		background: #f6f6f6 url(../images/bg-col1.gif) no-repeat top left;
		width: 16em;
		float: left;}
		
	#col1 .last, #col1account .last {
			background: #f6f6f6 url(../images/bg-col1.gif) no-repeat bottom left;
			padding-bottom: 15px;
			overflow: hidden;}	

	#col1 li {
			padding: 0 0 0 12px;
			line-height: 2em;}	

	#col1 h2.featuredHeader, #col1 ul#featuredConsultancies { background-color: #fff;}

	#col1 h2.featuredHeader { padding-right: 2em;}

	#col1 ul#featuredConsultancies li { padding: 0 0 15px 12px;}
			
#col2 {
	width: 32.5em;
	float: left;}
	
		#col2 p, #col2wide p { padding: 0 0 22px 12px;}
		
		
		#col1 .errorMessage, #col1 .successMessage {
	            margin: 1em 1.8em 0 0.8em;}
		
			.errorMessage, .successMessage {
	            background-color: #f5eee8;
	            border: 1px solid #c00;
	            color: #C00; 
	            font-weight: bold;
	            padding: 1em;
	            margin: 1em;}
			
			#col2 .errorMessage, #col2  .successMessage { padding: 1em;}

				
			.successMessage 
			{				
				border-color: #CC9966;	
				color: #CC9966;
				background-color: #fff;
			}
		/* Results Listing */
		
		#col2 .pagination li {
			float: left;
			padding: 0 0 25px 5px;}

		#col2 .pagination li.pages { width: 32em;}

		#col2 .pagination li a { font-weight: bold;}

		#col2 .resultsListing {
			background: transparent url(../images/bg-dotted2.gif) repeat-x top left;
			margin: 10px 0 0 0;}
		
		#col2 .resultsListing h2, #col2 .resultsListing p {margin-left: 140px;}
		
		#col2 .resultsListing h2 {
			background: transparent url(../images/bg-h2.gif) no-repeat center left;
			font-size: 1em;}

		#col2 .resultsListing p { padding: 0 0 15px 0;}
		
		#col2 .resultsListing img {
			background: transparent url(../images/bg-portfolioThumb3.png) no-repeat !important;
			background: transparent url(../images/bg-portfolioThumb3.gif) no-repeat;
			padding: 3px 10px 15px 4px;
			margin: 8px 10px 0 10px;
			float: left;}
		
		#col2 ul.staticList {
			margin: 1em;
			padding: 1em;
			list-style-type: disc;
		}
		
		#col2 ul.staticList li{
			list-style-type: disc;
			line-height: 2em;
		}
		
		#col2 ul.staticList li ul li{
			font-size: 1.4em;
			list-style-type: none;
			margin-left: 1em;
		}		
				
#col2wide {
		width: 42.6em;
		float: right;}
		
		/* Portfolio listing details on Consultancy Detail Page */
		
		#col2wide .portfolioDetail {
			width: 18.5em;
			height: 8em;
			margin: 0 0.8em 0.8em 0;
			background-color: #f6f6f6;
			padding: 15px 15px 0 11px;
			float: left;
			overflow: hidden;}


			#col2wide .portfolioDetail div.thumbLink {
				display: block;
				height: 79px;
				background: transparent url(../images/bg-portfolioThumb.png) no-repeat !important;
				background: transparent url(../images/bg-portfolioThumb.gif) no-repeat;
				margin: 0 10px 0 0;
				float: left;
				overflow: hidden;
				}


			#col2wide .portfolioDetail div.thumbLink a {
				padding: 4px 0 0 4px;
				display: block;
				overflow: hidden;
				height: 69px;
				width: 103px;
				}

			#col2wide dl 
			{
			    padding: 0 0 0 12px;
			    }

			#col2wide .portfolioDetail dd { margin-bottom: 5px; }
				
			#col2wide .portfolioDetail dd, #col2wide .portfolioDetail dt { line-height: 1.1em}

			#col2wide dd {font-weight: bold;}
			
			#col2wide dl .last { display: inline}

		/* Portfolio project details on Portfolio Detail Page */
			
			#col2wide dl.portfolioDetails {
				float: left;
				width: 20em;}
				
			#col2wide dl.portfolioDetails dt, #col2wide dl.portfolioDetails dd { float: left; }
	
			#col2wide dl.portfolioDetails dt {
					clear: left;
					width: 5em;}				
		
			#col2wide dl.portfolioDetails dd {width: 15em;}				
			
			.backDetails {
				display: block;
				float: right;
				font-size: 0.8em;
				padding-top: 10px;}

			.backDetailsBottom {
				display: block;
				text-align: right;
				font-size: 0.8em;}
		
		/* Portfolio Details image thumbs list */
	
			#col2wide ul li {
				float: left;
				background: transparent url(../images/bg-portfolioThumb.png) no-repeat !important;
				background: transparent url(../images/bg-portfolioThumb2.gif) no-repeat;
				padding: 3px 10px 15px 4px;
				margin: 5px;}

			#col2wide ul li a {
				display: block;
                height: 69px;
                overflow: hidden;
                padding: 1px 0 0 0;
                width: 99px;}
		
		/* Portfolio Details main image */
		
			#col2wide #portfolioMainImage {
				background: transparent url(../images/bg-portfolioMainImage.gif) no-repeat;
				height: 362px;
                margin: 0 0 10px 0;
                padding: 1.5em;}
    				
			    #col2wide #portfolioMainImage a {
			        }	

#col3 {
	width: 8.5em;
	float: right;
	margin: 5px 0 0 0;}

/* ----- Homepage Structure ----*/			

#contentWrapper {
	width: 49.5em;
	position: relative;
	float: left;}		

#col1home {
	width: 16em;
	float: left;
	background: #888 url(../images/bg-col1homeTop.gif) no-repeat bottom left;
	color: #fff;}
	
	#col1home h2 {
		background: #333 url(../images/bg-col1homeFeatured.gif) no-repeat top left;
		font-size: 0.8em;
		padding: 12px 0 10px 12px;
		margin: 12px 12px 0 12px;}

	#col1home p {
		font-size: 1em;
		line-height: 1.2em;
		font-size: 0.8em;
		padding: 12px 12px 0 12px;}
	
	#col1home p.firstTop {
		background: #888 url(../images/bg-col1homeTop.gif) no-repeat top left;}

	#col1home p.featuredBoxText {
		background: #333 url(../images/bg-col1homeFeatured.gif) no-repeat bottom left;
		margin: 0 12px 12px 12px;
		padding: 0 12px 12px 12px;
		height: 4em;
		font-size: 0.8em;}
	
#col1home, #col2home {
	min-height: 23.8em;
	max-height: 23.8em;
	height: auto !important;
	height: 23.8em;
	overflow: hidden;
	margin-bottom: 1em;}
	
#col2home {
	background: #e6e6e6 url(../images/bg-col2homeTop.gif) no-repeat top left;
	margin: 0 0 0 1em;
	padding-top: 1px;}		
	
#col2home, #popularConsultancies {
	width: 32.5em;
	float: left;}	
	
	#col2home h2 {
       	padding: 10px 0pt 8px 2.5em;
	    font-size: 1em;	
        font-weight: bold;
    	}

	#col2home li {
		font-size: 1em;
		line-height: 2.2em;
		padding: 0 0 0 12px;
		color: #999;}
	
	.col2nested {
		width: 16em;
		min-height: 23.8em;
		height: auto !important;
		height: 23.8em;
		float: left;}

	div.col2nested { background: #e6e6e6 url(../images/bg-col2homeBottom.gif) no-repeat bottom left;}
	
	form.col2nested { background: #e6e6e6 url(../images/bg-col2homeBottom.gif) no-repeat bottom right;
		padding-left: 0.5em;}

		form.col2nested input.text, form.col2nested select { margin-bottom: 4px }
	
.featuredBox2 {
	background: #f7f7f7 url(../images/bg-featuredBox2.gif) no-repeat top left;
	margin: 0 0 1em 0;
	width: 49.5em;
	position: relative}
	
	.featuredBox2 h2 {
       	padding: 10px 0pt 8px 2.5em;
	    font-size: 1em;	
        font-weight: bold;	    
	}
	
	.featuredBox2 ul {
		background: #f7f7f7 url(../images/bg-featuredBox2.gif) no-repeat bottom left;
		margin-bottom: 1em;
		zoom:1;
		overflow: hidden;}

	.featuredBox2 li {
		background:transparent url(../images/bg-featuredItem.gif) no-repeat scroll left bottom;
		display:inline;
		float:left;
		font-size:1em;
		margin:0pt 15px 16px 12px;
		width:18.2em;
}
	
	.featuredBox2 li img { 
		display: block;
		margin-left: 2px;}

	.featuredBox2 li span {
		background-color: #e6e6e6;
		min-height: 3.3em;
		height: auto !important;
		height: 3.3em;
		font-size: 1em;
		display: block;
		padding: 5px 3em 0 1em;
		margin: 0 5px 4px 2px;}		

#popularConsultancies {
	background: #f7f7f7 url(../images/bg-popularBox.gif) no-repeat top left;}		

	#popularConsultancies ul {
		background: #f7f7f7 url(../images/bg-popularBox.gif) no-repeat bottom left;
		overflow: hidden;}
	
	#popularConsultancies li {
		background: transparent url(../images/bg-popularList.gif) no-repeat top left;
		float: left;
		display: inline; /* for IE6 */
		width: 18em;
		margin: 0.6em 1.2em 0 0.8em;
		margin-bottom: 0;
		padding: 0 0 15px 0;}

	#popularConsultancies li span, #popularConsultancies li img { float: left;}	

	#popularConsultancies li img { margin-left: 2px;}	
	
	#popularConsultancies li span {
		display: block;
		padding: 15px 0 0 12px;
		width: 9em;}		
	
#bannerAd {
		position:absolute;
		top: 10px;
		left: 50.5%;}	

#newsBox {
	width: 16em;
	float: right;
	padding: 12px 0 0 0;}

	#newsBox h3 {
		background: transparent url(../images/bg-h2.gif) no-repeat 12px;
		font-size: 1.3em;
		color: #333;
		font-weight: normal;
		margin-bottom: 10px;		
		padding: 0 0 0 2em;}		

	#newsBox h3.latestNews {
		clear: right;
		background: transparent url(../images/bg-h2NewsBox.gif) no-repeat top left;
		padding: 12px 1em 0 2em;
		vertical-align: top;}		

	#newsBox li {
		line-height:2em;
		padding-left: 12px;}
	
	#newsBox span {
		background: #F46F21 url(../images/bg-more.gif) no-repeat bottom left;
		display: block;
		float: right;
		font-size: 0.8em;
		padding: 0 0 0 15px;
		margin: 12px 0 15px 0;}

	#newsBox span a {
		background: #F46F21 url(../images/bg-moreRight.gif) no-repeat top right;
		color: #fff;
		width: 10em;
		display: block;
		text-decoration: none;
		line-height: 21px;
		padding: 0 5px 0 2px;}

/* -----My Account Structure ----*/		

#col1account { margin-top: 10px;}

	#col1account h2 {
		background: transparent url(../images/bg-h2MyAccount.gif) no-repeat top left;
		padding: 18px 0 18px 2em;}

		#col1account h2.firstHeader {
			background: transparent url(../images/bg-h2MyAccount-Top.png) no-repeat top left;
			padding: 18px 0 18px 2em;}
	
	#col1account ul { padding-top: 25px;}	

	#col1account li {
		padding: 0 0 15px 12px;
		line-height: 1.4em;}	

	#col1account li span {
		display: block;}	

	#col1account li span.menu {
		display: -moz-inline-box;
		display: inline-block;
		width: 12em;}	
	
	#col1account a.contactInbox {
		display: block;
		float: left;
		text-indent: -1000em;
		width: 1.5em;
		background: transparent url(../images/icon-inboxLink.gif) no-repeat center left;}
	
	#col1account input.addProject {
		background: transparent url(../images/icon-addProject.gif) no-repeat center left;
		padding: 0 0 0 0.8em;
		border: 0;
		color: #F46F21;
		text-decoration: underline;
		cursor: pointer;}

/* -----Footer Structure ----*/			
	
#footer {
		clear: both;
		background-color: #1d1c12;
		min-height: 6.5em;
		height: auto !important;
		height: 6.5em;
		margin: 4em 0 0 0;}

		#footerContent ul {padding: 0 0 30px 0;}
		
		#footerContent li {
			float: left;
			padding: 8px 5px 30px 15px;}

		#footerContent li a {text-decoration: none;}
		
		#footerContent small {
			font-family: Arial, Verdana, sans-serif;
			font-size: 0.6em;
			color: #fff;
			display: block;
			text-align: right;
			padding: 0 25px 0 0;}

/* -------------- FORM STYLES ---------------*/

input.text, textarea, select {
	border: 1px solid #3a3a3a;
	margin: 0 0 10px 0;
	font-size: 1em;
	line-height: 1.2em;
	width: 17em;}

textarea { font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;}
	
label {
	display: block;
	padding: 0 0 10px 0;}	

	label.invisible, span.invisible {
		display: block;
		text-indent: -1000em;
		padding: 0;
		line-height: 0;}

input.checkbox {
	float: left;
	margin: 0 0.5em 0 0;}		
		
input.button {
	color: #fff;
	border: 0;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;}

input.buttonMedium, input.buttonLong {
	font-size: 1.5em;
	float: right;}
	
input.buttonMedium, input.buttonLong {
	height: 34px;
	background-color: #f46f21;}	

input.buttonLong {width: 100px;}	
	
input.buttonMedium {
	background: #f46f21 url(../images/button-Medium.gif) no-repeat top left;
	width: 84px;}	
	
input.buttonKeyword, input.buttonLogin {
	font-size: 0.8em;
	height: 22px;
	padding: 0 12px 0 17px;
	vertical-align:middle;
	width: 68px;}	

input.buttonKeyword { background: #f46f21 url(../images/button-Small.gif) no-repeat top left;}		

input.buttonLogin {
	background: #f46f21 url(../images/button-Small2.gif) no-repeat top left;
	float: right;
	margin: 0 1.5em 1em}		

/* Listing Preview Form */

form#confirmPreview   {overflow: hidden;}

	form#confirmPreview  p {float: left;}

	form#confirmPreview  input {
		float: left; 
		margin: 0 .5em 0 0; 
		display: inline;
		font-weight: normal;}
		
	form#confirmPreview  input#ConfirmChanges {
		width: 135px;
		background: #f46f21 url(../images/button-ConfirmChanges.gif) no-repeat top left;}

	form#confirmPreview  input#GoBack {
		width: 85px;
		background: #f46f21 url(../images/button-GoBack.gif) no-repeat top left;}

		
/* Header KEYWORD SEARCH Form */

#header form {
	float: right;
	padding: 12px 0 0 0;}
	
	#header form label {
		color: #959595;
		display: inline;}
		
	#header input.text {
		color: #666;
		margin: 0;
		font-size: 0.8em;
		padding: 2px 1px;
		vertical-align: middle;
		width: 138px;
		border: 1px solid #999;}

	#col1 form { padding: 12px 12px 0 0;}
	
/* HOMEPAGE SEARCH Form */	

	#col2home label { padding: 0 0 3px 0;}
		
	#col2home input.buttonLong, #col2 input.buttonLong  { 
		margin: 4px 10px 0 0; 
		padding-left: 8px;
		background: #f46f21 url(../images/button-Long.gif) no-repeat top left;}
	
/* CONTACT DETAIL Form */	

	#col1 p { 
		padding-bottom: 10px;
		overflow: hidden;}
	
	#col1 label { padding-bottom: 5px;}
	
	    #col1 label.validate {
	        color: #C00;
	        font-weight: bold;
	        padding-left: 1em;
	        background: transparent url(../images/redDot.gif) no-repeat 0px 4px;}
			
	#col1 input.buttonMedium {
			font-size: 1.5em;
			background: #f46f21 url(../images/button-Medium.gif) no-repeat top left;
			height: 34px;
			float: right;
			width: 84px;
			padding-left: 8px;
			}	

/* REFINE SEARCH Form */	
	
	#col1 input.buttonLong {
		margin: 0 0 30px 0;
		background: #f46f21 url(../images/button-Long2.gif) no-repeat top left;}
		
/* LOGIN PAGE Form */	
	
	#login p { padding-bottom: 15px;}	
	
	#login input.buttonLong {
		display: inline; /* IE6 */
		float: left;
		margin-left: 120px;
		background: #f46f21 url(../images/button-Long3.gif) no-repeat top left;
		}
		
	#login input.text {margin: 0 2.5em 0 0;}
	
	#login label.inline {float: left;}
	
/* QUICK LOGIN Form */

#col3 #quickLogin { margin: 0 0 25px 0;}		

	#col3 #quickLogin h2 {
		background: transparent url(../images/bg-h2.gif) no-repeat 0 5px;
		padding: 2px 0 8px 1.8em;
		font-size: 1em;
		font-weight: bold;}			
	
	#col3 #quickLogin p { padding: 0;}		

	#col3 #quickLogin input.text {
		border: 1px solid #999;
		width: 8.7em;
		color: #666;
		padding: 1px 2px;}		

/* MY ACCOUNT Form */

	#col2wide form { margin: 0 0 0 8.4em;}
	
		#col2wide form#msgForm {
			margin: 0}

		#col2wide fieldset {
			overflow: hidden;
			background: transparent url(../images/bg-dotted.gif) repeat-x bottom left;
			margin: 0 0 10px 0;}

		#col2wide form h2 {
			background: transparent url(../images/bg-h2.gif) no-repeat 12px 12px;
			padding-bottom: 25px;
			clear: both;}	

		#col2wide form fieldset.textFields p {
			width: 20em;
			float: left;}

		#col2wide fieldset p span {
			float: right;
			background: transparent url(../images/icon-textfieldCaption.gif) no-repeat top left;
			width: 17em;
			padding: 0 6em 0 1.5em;
			font-size: 0.85em;}

		#col2wide fieldset div {
			width: 15.5em;
			float: left;
			padding: 0 1.5em 12px 0;}
			
		#col2wide fieldset p input.text {display: block;}		

		/* Contact Inbox Stuff */
		
		#col2wide form table { margin: 0;}	
		
			#col2wide th span.deleteHeader {
				display: block;
				text-indent: -1000em;
				background: transparent url(../images/icon-deleteMessage.gif) no-repeat center;
				line-height: 1.5em}
	
			#col2wide td .invisible { float: left;}
		
		#col2wide fieldset div p { padding-bottom: 0px;}	
		
		#col2wide fieldset p.squished { padding-bottom: 12px;}	
			
		#col2wide fieldset div label { margin: 0 0 0 2em;}	

		#col2wide div#logoBox { 
			background-color: #f6f6f6;
			margin: 0 0 1em 0;
			padding: 12px;
			float: right;}
			
		#col2wide div#logoBox p { 
			font-weight: bold;
			padding: 0 0 12px 0;}

	   #col2wide ul#portfolioCreatives {
			margin: 0 0 25px 0;
			overflow: hidden;}

	   #col2wide ul#portfolioCreatives li {
			position: relative;}
			
		#col2wide ul#portfolioCreatives li span.primaryImage {
			background:transparent url(../images/bg-primaryImage.png) no-repeat scroll left top !important;
			background:transparent url(../images/bg-primaryImage.gif) no-repeat scroll left top;
			display:block;
			height:30px;
			left:-6px;
			position:absolute;
			text-indent:-1000em;
			width: 103px;}		
			
	   #col2wide ul#portfolioCreatives li img {
			background:transparent url(../images/bg-portfolioThumb.png) no-repeat !important;
			background:transparent url(../images/bg-portfolioThumb2.gif) no-repeat;}			
		
	   #col2wide ul#portfolioCreatives li span {
	   		display: block;
			padding: 10px 0 0 6px;}	
			
					
	   #col2wide ul#portfolioCreatives li a.thumbLinks {
	   		display: inline;
	   		}	
			
		/* Add Address Stuff */
		
		#col2wide form ul {
			overflow: hidden;
			margin-bottom: 25px;}	
		
		#col2wide form ul#addresses li {
			float: none;
			background: none;
			line-height: 2em; 
			padding: 0 0 0 12px; 
			margin: 0;}	

		#col2wide fieldset li span.addressList {
			float: left;
			width: 34em;}	

		#col2wide form fieldset.addressPanel h3 { padding-bottom: 10px;}

		#col2wide form fieldset.addressPanel p { padding-top: 5px;}

		#col2wide form fieldset.addressPanel ul li {
		    background: none !important;
		    padding: 3px 10px 0 4px;}
		
		#col2wide form fieldset.addressPanel ul li a{
		    display: inline;}
		
			
		#col2wide form fieldset p.intro { width: 35em;}

		/* Big My Account Buttons */
		
		#col2wide form input.saveProfile, #col2wide form input.previewProfile {	margin-top: 25px;}
		
	    #col2wide form input.saveProject {
			background: #f46f21 url(../images/button-SaveProject.gif) no-repeat top left;
			width: 155px;}

	    #col2wide form input.savePortfolio {
			background: #f46f21 url(../images/button-SavePortfolio.gif) no-repeat top left;
			width: 168px;}
		
	   #col2wide form input.saveProfile {
			background: #f46f21 url(../images/button-SaveProfile.gif) no-repeat top left;
			width: 145px;
			margin-right: 0.5em;
			padding: 0 0 0 5px}

	   #col2wide form input.previewProfile {
			background: #fff url(../images/button-PreviewProfile.gif) no-repeat top left;
			width: 188px;
			color: #f46f21;}

		/* Small My Account Buttons */

	    #col2wide form input.cancel, #col2wide form input.saveAddress, #col2wide form input.addLogo, #col2wide form input.deleteSelected, #col2wide form input.uploadCreative {
			height: 27px;
			padding-left: 10px;
			margin: 20px 5px 0 0;}		
		
	    #col2wide form input.saveAddress {
			background: #f46f21 url(../images/button-DeleteSelected.gif) no-repeat top left;
			width: 122px;
			margin-top: 0;}
			
	    #col2wide form input.addLogo {
			background: #f46f21 url(../images/button-AddLogo.gif) no-repeat top left;
			width: 88px;}
			
		#col2wide form input.cancel {
			background: #f46f21 url(../images/button-AddLogo.gif) no-repeat top left;
			width: 88px;}
		
	    #col2wide form input.deleteProject {
			background: #f46f21 url(../images/button-DeleteProject.gif) no-repeat top left;
			width: 103px;}		
		
	    #col2wide form input.deleteSelected {
			background: #f46f21 url(../images/button-DeleteSelected.gif) no-repeat top left;
			width: 122px;
			float: right;
			margin-right: 10px;}

	    #col2wide form input.uploadCreative {
			background: #f46f21 url(../images/button-UploadCreative.gif) no-repeat top left;
			width: 154px;
			margin-top: 0;}

/* -------------- hCard Styles ----------------*/

		.logo {	padding: 15px 0 0 12px;}
		.fn { text-indent: -1000em; line-height: 0;}
		.adr { padding: 0 0 27px 12px;}
		.street-address, .locality { display: block;}
		.webSite { margin: 0 0 10px 0;}
		#col1 .tel { padding-bottom: 0}	
		.tel .type, .webSite .type {
			display: -moz-inline-box;
			display: inline-block;
			width: 3em;}
			
/* -------------  ADMIN STYLES ----*/

#consultancyList fieldset,
#consultancyUserList fieldset,
#adminUserList fieldset,
#accountDetails fieldset,
#featuredConsult fieldset {
	overflow: hidden;
	background: transparent url(../images/bg-dotted.gif) repeat-x bottom left;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	}
   
#featuredConsult fieldset div {
    float: left;
    width: 16em;
    }  
    
#featuredConsult fieldset span.errorMessage 
{
    display: block;
    margin: 5px 0;
    padding: 5px;
    font-size: 0.8em;
    text-transform: uppercase;
    background-color:#F5EEE8;
    border:1px solid #CC0000;
    color:#CC0000;
    font-weight:bold;}     

#featuredConsult p {padding: 0 0 6px 12px;}

#featuredConsult img 
{
    border: 1px solid black;
    margin: 0 0 0 12px;}


#featuredConsult p.centered {padding: 40px 0 6px 22px;}
     
#featuredConsult fieldset label.logoUpload {
    display: inline;
    padding: 0 0 0 1em;
    }       
    
    
#consultancyList p.searchResults, 
#consultancyUserList p.searchResults,
#adminUserList p.searchResults
{
    float: left;
    margin: 0 2em 0 0;
    display: inline; /* IE6 */
    }

#consultancyList p.searchResults label, 
#consultancyUserList p.searchResults label,
#adminUserList p.searchResults label
{
    display: inline;
    }

#consultancyList p.searchResults select, 
#consultancyUserList p.searchResults select,
#adminUserList p.searchResults select
{
    width: 4em;
    margin: 1em 0 0 0;
    }
    
#consultancyList p.searchResults select.longer, 
#consultancyUserList p.searchResults select.longer,
#adminUserList p.searchResults select.longer
{
    width: 7em;
    }    
    
#col2 #consultancyList input.buttonLong, 
#col2 #consultancyUserList input.buttonLong,
#col2 #adminUserList input.buttonLong,
#col2 #accountDetails input.buttonLong
{
    float: left;
    margin: 0 0 1em 0;
    }
    
#consultancyList fieldset.textFields p, 
#consultancyUserList fieldset.textFields p,
#adminUserList fieldset.textFields p {
	width: 19em;
	float: left;}
	
#staticPage textarea { width: 38em;}

.disabled{ cursor:not-allowed; }

.itemError{ display:block; color:#C00;}

p.contact-form {
       display: none;
}