@charset "utf-8";
/* CSS Document */

body {margin:0;padding:0;background:#494949 url(../images/grey-lines-bg-sml-tile_07.gif);font:normal 13px Arial, Helvetica, sans-serif;color:#403f3f;}
p, ul {line-height:18px;}
h1 span {color:#fb702a;}
h3,h4 {font-size:18px;font-weight:normal;}
span.req {color:#F00;font-size:14px;font-weight:bold;}
blockquote {margin:23px 38px 13px 38px;}
blockquote h4 {font-style:italic;}


/* ######## Custom Styles ######## */

.main-container {/*background:url(../images/background_01.jpg) top center no-repeat;*/}
.main-table-container {width:950px;margin:0 auto;padding:8px 0 45px 0;}

td.head-cell {padding:1px 0 1px 0;}
	.header-container {height:80px;background:#FFF;position:relative;padding:20px 0px 0px 28px;}
	H1#logo {font:normal 40px Verdana, Arial, Helvetica, sans-serif;text-align:left;color:#000000;padding:0px;margin:0px;display:block;float:left;}
	H1#logo span {color:#F24F00;}
	.moduletableHeadSearch {float:right;padding-top:12px;margin: 0 35px 0 0;width: 360px;}
	input#CAT_Search {width:240px;border:1px solid #c5c5c5;padding:4px 4px 5px 8px;margin:3px 4px 0 0;float:right;text-align:left;font-size:15px;color:#CCC;}
		.GoButton {float:right;}
	.header-container h2 {font-weight:normal;font:12px Arial, Helvetica, sans-serif;float:left;text-align:left;	margin:27px 0 0 9px;}

.home-left-col {width:684px;float:left;}
.home-left-col a, .home-right-col a, .content-mid-text-area a {color:#fb702a;}

	#home-2nd-content {position:relative;}

	.home-right-col h1, .home-left-col h1, .content-right-nav-text h1, .content-mid-col h2 {font-size:24px;font-weight:normal;margin:0;}
		.home-right-col h1 {margin-bottom:0;}
		.home-right-col h2 {margin-bottom:17px!important;}
	.home-right-col h2, .home-left-col h2, .content-mid-col h3 {color:#7b7b7b;font-weight:normal;font-size:13px;margin:0;}
		.home-right-col h2 a, .home-left-col h2 a {color:#7b7b7b;text-decoration:underline;}
	.home-right-col h3 {margin:0;}
	.home-right-col-spacer {border-top:1px solid #867E67;line-height:1px;height:1px;float:left;width:100%;margin:0;}
		
			.case-study-container {float:left;width:220px;padding:24px 0 24px 24px;}
				.case-study-container p {margin-top:0;}
				.case-study-container img {margin-bottom:18px;}
				p.white-shout-box {padding:12px;background:#FFF;margin:0;}
	
	.home-title-container {background:url(../images/h1-bg-repeat2_21.gif) bottom repeat-x;float:left;width:630px;padding:26px;}
		.home-title-container h1 {margin-bottom:5px;}
		
	.home-wide-content {float:left;width:630px;padding:26px;}
		.home-wide-content img {float:left;}
		.home-wide-content div.home-main-content {width:450px;}
	
	.content-container {background:url(../images/h1-bg-repeat_05.gif) top repeat-x;padding:26px;float:left;width:630px;margin-top:0;}
	.home-image-container {float:left;width:214px;height:300px;background:#eeeded;border:1px solid #e1e1e1;}
		.home-image-container p {margin:4px 10px 0 10px;text-align:center;font-size:12px;}
		.home-image-container img {margin:8px;}
	.home-main-content {width:380px;float:left;margin-left:26px;}
	.home-main-content h1 {margin-bottom:34px;}
	
	.home-print-share-container {position:absolute;top:0;left:0;height:8px;width:100%;background:#E9E9E9;border-top:1px solid #867E67;}
		.print-share {width:145px;height:36px;background:#E9E9E9;float:right;}
			.print-share ul {float:left;width:145px;height:36px;list-style:none;margin:0;padding:0;}
			.print-share li {float:left;height:36px;}
			.print-share li#print a {padding-left:12px;}
			.print-share li a {float:left;padding:0 14px 0 18px;margin:8px 0 8px 0;font-size:12px;color:#333;}
			
		.print-share#content-print-share-main {width:175px;height:36px;position:absolute;left:365px;top:0;background:none;margin:16px 8px 0 0;}
			#content-print-share-main ul {list-style:none!important;padding:0;margin:0;width:175px;}
			#content-print-share-main li#print a {border-right:1px solid #666;/*margin-left:8px 0 8px 0;*/}
			#content-print-share-main li a {float:left;padding:0 14px 0 18px;margin:8px 0 0 12px!important;font-size:12px;color:#333;}
			/*li#print a.stbutton {background-image:none!important;padding:9px 0 9px 36px!important;}*/

.home-right-col {background:url(../images/home-right-col-bg_05.png) right repeat-y;}
	ul.home-right-nav {padding:10px 0 18px 18px;margin:0 0 0 1px;list-style:none;float:left;background: #FFF url(../images/main-rss-share-icons_08.gif) top left no-repeat;}
		.home-right-nav li {width:229px;float:left;}
		.home-right-nav a {float:left;padding:9px 0 9px 36px;color:#212020;text-decoration:none;}
		.home-right-nav li a.stbutton {background-image:none!important;padding:9px 0 9px 36px!important;}




/* ######## Shadowbox Popup Window Content Styles ######## */

.newsletter-popup {width: 300px; height: 370px;padding:20px;}
.TopLine {line-height:1px;height:1px;border-bottom:1px solid #999;margin:8px 0 8px 0;}

.footer {height:30px;background:#FFF;margin-top:1px;padding-top:12px;}
	.PunkBadge {width:910px;height:15px;font-size:12px;margin:0 0 14px 22px;}
		.PunkBadge a {color:#333;}
	.PunkBadge img {margin:0 12px 0 0;float:left;}
	.PunkLeft {float:left;}
	.bottom-nav {width:600px;float:right;color:#333;}
		.bottom-nav a {margin:0 12px 0 12px;color:#333;}
		
/* ######## Content Template Styles ######## */

.content-left-col {background:url(../images/content-template_09.gif) right repeat-y;padding-bottom:32px;}
	.content-left-col h5 {padding:0 0 0 18px;width:134px;margin-top:10px;margin-bottom:16px;font-size:13px;font-size:18px;font-weight:normal;}
	.content-left-col p {padding:0 0 0 18px;width:134px;font-size:13px;}
	.article-archive-left {padding:14px 23px 0 16px;margin:0;width:157px;background:url(/new/images/menu-line_21.gif) 16px 0 no-repeat;}
	.article-archive-left p {font-size:10px;padding-top:5px;padding-bottom:5px;margin:0;}
	.article-archive-left a, .content-left-col p a  {font-size:13px;color:#3E7BBF;}
	body#contribute .content-left-col h1, body#contribute .content-left-col p, body#contribute .article-archive-left, body#contribute .content-left-col h5, body#contribute .content-right-nav-text, body#legal-disclaimer .content-left-col li, body#legal-disclaimer .content-right-nav-text {visibility:hidden;}  
	
	.content-left-col ul {background:url(../images/content-template_05.gif) top left no-repeat;padding:22px 22px 0 16px;margin:0;list-style:none;float:left;width:158px;}
	.content-left-col ul li {float:left;width:100%;background:url(../images/menu-line_21.gif) bottom  no-repeat;}
	.content-left-col ul li a {float:left;padding:8px 0 13px 18px;background:url(../images/square-bullet_17.gif) 0 14px no-repeat;color:#403f3f;text-decoration:none;font-size:13px;}
	.content-left-col ul li a:hover {text-decoration:underline;}
	.left-col-divs {padding:22px 23px 12px 16px;margin:0;width:157px;background:url(/new/images/content-template_05.gif) top left no-repeat;}
	.RecentPostContainer ul {padding-top:0;}
	
#blog-page .content-left-col h5 {padding-left:4px;margin-bottom:10px;}
#blog-page .content-left-col ul {margin-bottom:26px;background:none;}
#blog-page .content-left-col li {margin-bottom:0;}
	

.content-mid-col {background:#FFF;}
	.content-mid-col p, .content-mid-col h2, .content-mid-col h3 {margin:0 26px 14px 26px;}
	.post-body p {margin-right:0;margin-left:0;}
	.content-mid-col h2 {margin-bottom:6px!important;font-size:18px;}
	.content-mid-col h3 {padding-bottom:14px;}
	.content-mid-col h1 {height:48px;background:url(../images/content-template_06.gif) top left repeat-x;padding:20px 0 23px 22px;margin:0;font-size:24px;font-weight:normal;width:527px;}
	
	.content-mid-text-area {/*padding:0 26px 0 26px;*/float:left;padding-bottom:36px;background:#FFF;position:relative;}
		.content-mid-text-area ul {list-style:url(../images/regular-bullet_28.gif)!important;margin:14px 26px 14px 26px;}
		.content-mid-text-area li {margin-bottom:9px;}
		/*.content-mid-text-area img {float:left;margin:0 24px 16px 0;}*/
	.download-organisation-profile {height:44px;background:url(../images/pdf-icon-lrg_32.gif) top left no-repeat;padding:6px 0 0 53px;margin:22px 26px 20px 26px;}
	table.case-studies {margin:0 0 14px 26px!important;width:503px;}
		.case-studies ul {margin:7px 0 14px 14px;padding:0 0 0 16px;list-style:url(../images/regular-bullet_28.gif);}
			.case-studies ul li {margin-bottom:12px;}
		.case-studies h2, .case-studies h3 {margin-left:0;margin-bottom:0;}
		table.case-studies td {vertical-align:top;padding:23px 0 0 0px;}
		td.case-study-left {width:152px;border-bottom:2px solid #EEE;}
			td.case-study-left h3/*, td.case-study-right h3*/ {margin:0 0 12px 0;padding:0 0 12px 0;background:url(../images/menu-line_21.gif) bottom left no-repeat;}
		td.case-study-left img {margin:0 24px 0 0;}
		td.case-study-right {width:351px;border-bottom:2px solid #EEE;}
			
			/* right column form width*/
			td.case-study-right input.cat_textbox,td.case-study-right textarea.cat_listbox,td.case-study-right select.cat_dropdown,
			td.case-study-right select.cat_listbox {width: 238px;}
			
			td.case-study-right blockquote {background:url(../images/menu-line_21.gif) top left no-repeat;padding-top:14px;margin:13px 0 13px 16px;}
			td.case-study-right h2 {width:auto!important;background:none;padding:0;height:auto;margin:0 0 8px 0;}
			td.case-study-right p {margin:0 0 14px 0!important;background:url(../images/menu-line_21.gif) top left no-repeat;padding-top:11px;}
			p.tags {font-size:12px;color:#999;background:url(../images/menu-line_21.gif) top left no-repeat;padding:11px 0 18px 0;}
			blockquote h3 {background:url(../images/menu-line_21.gif) bottom left no-repeat;padding-bottom:18px!important;}

		table.case-studies#details {} 
			#details td.case-study-left img {margin:0 24px 24px 0;}
			#details td.case-study-right h4 {margin:0 0 10px 0;font-style:italic;}
			#details td.case-study-right h2, #partners h2 {background:url(../images/menu-line_21.gif) bottom left no-repeat;padding-bottom:10px;}
			#details td.case-study-right p, #partners p {background:none;}
			#details td.case-study-right p.tags {background:url(../images/menu-line_21.gif) top left no-repeat!important;}
			
		table.case-studies#about-us {}
			#about-us td.case-study-left {border-bottom:none;}
			#about-us td.case-study-right {border-bottom:none;background:url(../images/menu-line_21.gif) bottom left no-repeat;}
			
		table.case-studies#partners {}
			#partners .case-study-right h1 {background:url(../images/menu-line_21.gif) bottom left no-repeat;padding-bottom:10px;}
			#partners .case-study-right p {padding-top:0;}
			#partners .case-study-right {background:url(../images/menu-line_21.gif) bottom left no-repeat;border-bottom:0;}
			#partners .case-study-left {border-bottom:0;}
			
		table.case-studies#contact-content {margin-top:14px!important;}
			#contact-content td.case-study-left {width:200px!important;padding:0 14px 0 0;border-right:1px dashed #CCC;}
			#contact-content td.case-study-left p {margin-right:0!important;margin-left:0!important;}
			#contact-content td.case-study-right {width:257px!important;padding:0 0 0 20px;}
			#contact-content h3 {font-size:18px;color:#403f3f;margin-left:0!important;}
	
	body#contribute form {width:340px;margin:0 auto;}
	body#contribute label {font-size:13px;line-height:16px;margin:6px 0 6px 0;}
		#contribute .cat_textbox, #contribute .cat_listbox {margin-top:8px;}

/* ###### Contact Page Styles ###### */

#contactPage .article-archive-left, #contactPage .content-right-nav-text {display:none;}
			
/* ###### Temp blog styles. Delete before publishing ######## */
		
table.TheTable td.LeftCol {display:none!important;}	

.content-right-col {background:url(../images/content-template_11.gif) left repeat-y;}
	div.content-right-nav-container {float:left;width:205px;background:url(../images/content-template_07.gif) top left no-repeat;}
		.content-right-nav-text {margin-bottom:16px!important;background:url(../images/menu-line_21.gif) bottom no-repeat;}
		.content-right-nav-text p {margin:12px 0 12px 0!important;}
			#content-right-menu {background: url(../images/right-nav-icons_09.gif) 16px 30px no-repeat;padding-top:20px;width:186px;}
			#content-right-menu li {width:180px;float:left;background:url(../images/menu-line_21.gif) bottom no-repeat;}
			#content-right-menu li a, #content-right-menu li a.stbutton {padding:9px 0 14px 36px!important;}
	.content-right-nav-text {float:left;width:162px;margin:0 22px 0 22px;}
		
#map span {display:none!important;}

.diggContainer {float: right; margin: 0px 22px 22px 18px; width: 52px; height: 80px}

/* ######## Print Styles ######## */

.print-container {width:650px;margin:0 auto;}
body#printable {background:#FFF;}
body#printable h3 {font-size:12px;margin:0 0 12px 0;padding:0 0 12px 0;background:url(../images/menu-line_21.gif) bottom left no-repeat;}
body#printable .print-content h1 {height:48px;background:url(../images/content-template_06.gif) top left repeat-x;padding:20px 0 23px 22px;margin:0;font-size:24px;font-weight:normal;width:628px;}
body#printable .content-container, body#printable #home-2nd-content {padding:0;background:none;}
body#printable .home-title-container {margin-left:22px;width:350px;padding:0;background:none;margin-top:22px;}
body#printable #home-2nd-content {width:650px;}
body#printable #home-2nd-content h1 {padding-left:0;background:none;}
body#printable .home-wide-content {width:580px;}
body#printable #home-2nd-content .home-main-content {width:400px;}
body#printable .content-container h1 {padding:0;margin-bottom:22px;width:auto;background:none;}
body#printable .home-left-col {margin-top:16px!important;background:none;width:650px;}
body#printable .header-container {padding-left:0;border-bottom:1px dashed #CCC;height:80px;}
body#printable .home-print-share-container .print-share {display:none;}

body#maintenance ul#nav_442673, #maintenance ul#nav_439495 li, #maintenance div.bottom-nav {visibility:hidden!important;}
	
/* ############### OLD SITE Book Blog Styles ############## */
table.about-us-table {margin-top:12px;}
	table.about-us-table img {margin: 0 22px 0 0!important;}
	div.AboutContent {margin-bottom:30px;}
	
	/* ############### Blog ############## */
	.image-right {float:right;margin:0 0 6px 26px!important;}
	img.blogThumb {width:58px;height:58px;margin-bottom:0;border:2px solid #383838!important;}
	img.blogThumb:hover {border:2px solid #FB9B2A!important;}
	img.blogThumb2 {margin-bottom:0;border:2px solid #383838!important;}
	img.blogThumb2:hover {border:2px solid #FB9B2A!important;}

/* ############## Accorian Menu ################*/
.menu_list {width: 100%;}
.menu_head {padding: 7px 10px 7px 24px;cursor: pointer;position: relative;background: #fb9b2a url(../../../templates/designindustry/images/left.png) 7px 10px no-repeat;font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFF;font-weight:normal;margin:1px 0 1px 1px;line-height:16px!important;}
.menu_head:hover {background: #FBC382 url(../../../templates/designindustry/images/left.png) 7px 10px no-repeat;}
.menu_body {display:none;line-height:24px!important;}
.menu_body a {display:block;color:#006699;background-color:#EFEFEF;padding-left:10px;font-weight:bold;text-decoration:none;}
.menu_body a:hover {color: #000000;text-decoration:underline;}
.menu_body h1 {margin-top:12px!important;}
#firstpane .menu_list form {background:none;}
form.SendToFriend {width:100%;height:265px;}
form.SendToFriend label {width:100%;color:#FFF;float:left;margin:6px 0 0 0;font:12px Arial, Helvetica, sans-serif;}
div.SendToFriendFields {width:100%;float:left;}
div.SendToFriendFields .inputbox {width:100%;margin:2px 0 0;}
div.SendToFriendFields .inputbox#subject2 {width:100%;height:50px;}
form.SendToFriend .input_btn2 {float:left;margin-right:6px;}

/* ############### Content Forms ########## */

#subscribe-form-popup textarea.cat_listbox {border:2px solid #9C9B9B;width:95% !important;padding:4px;height:45px;margin:0 0 12px 0!important;}
#subscribe-form-popup input.cat_textbox_small, #subscribe-form-popup input.cat_textbox {background:url(../images/adv_input_bg.jpg) top right repeat-x;border:2px solid #9C9B9B;width:95% !important;padding:4px;height:14px;margin:0 0 12px 0!important;}
#subscribe-form-popup .contentForm label {color:#FFF;}
#subscribe-form-popup .cat_dropdown_smaller {width:65%;}

.contentForm td {padding:0!important;}

.comment-list textarea.cat_listbox_small, .comment-list input.cat_textbox_small, .comment-list input.cat_textbox {margin:0 0 8px 0!important;}
.comment-list label {margin-bottom:16px;}

.comment-list form {background:url(../images/bg-grey-stripes-sml_14.gif);margin: 0;border-bottom:1px solid #F0F0F0;padding:18px;}
.comment-list form label {color:#666!important;}



/* ############### Newsletter Registration ############## */

.newsletter-form {background:none!important;border:0;}
.menu_body div.form {padding:0;}
.newsletter-form .cat_textbox_small {background:url(../../../templates/designindustry/images/adv_input_bg.jpg) top right repeat-x;border:2px solid #9C9B9B;width:168px!important;width:180px;padding:4px;height:14px;}

/* ############### RSS Feeds ############## */

.rss_menu {padding:12px 0 0 8px!important;}
.rss_menu a {display:block;background:url(../../../templates/designindustry/images/rss-sml.gif) top left no-repeat;margin:8px 0 8px;padding:5px 0 5px 32px!important;font:12px Arial, Helvetica, sans-serif;color:#FFF;text-decoration:underline;}
.rss_menu a:hover {color:#FB9B2A!important;text-decoration:underline;}

/* ############### Sub page menu ############## */

div.moduletablesubNav {width:900px;margin:4px auto;}
div.moduletablesubNav ul {width:900px;margin:0;padding:0;background:url(../../../templates/designindustry/images/trans-white-bg.png);float:left;}
div.moduletablesubNav li {float:left;list-style:none;margin:0;border-right:1px dashed #000;}
div.moduletablesubNav li a {color:#FFF;display:block;padding:10px 12px 10px 12px;font:12px Arial, Helvetica, sans-serif;text-decoration:none;}
div.moduletablesubNav li a:hover {background:#7F7F7F;color:#FB9A29;}

/* ############### Footer ############## */

.ImageFooterContainer {width:100%;float:left; text-align:center;margin:32px 0 0;padding-bottom:32px;border-top:4px #2C2C2C solid;}
.ImageFooter {height:45px;background:#2C2C2C;width:900px;margin:0 auto;font:normal 12px Arial, Helvetica, sans-serif;color:#FFF;position:relative;}
ul.FooterNav {height:45px;float:left;margin:0 0 0 12px;padding:0;}
ul.FooterNav li {float:left;list-style:none;}
ul.FooterNav li a {float:left;padding:11px 18px 11px;color:#9F9F9F;}
ul.FooterNav li a:hover {color:#FB9A29;}
.ShareThis {position:absolute;width:150px;top:12px;left:740px;}

/* ############### Blog ############## */

div.post-list {width:100%!important;}
.post-body div.links {font-size:12px!important;}

body#home .links, body#home .comment-list {display:none;}

/* ############### Blog ############## */

.image-right {float:right;margin:0 0 6px 26px!important;}
img.blogThumb {width:58px;height:58px;margin-bottom:0;border:2px solid #FFF!important;}
img.blogThumb:hover {border:2px solid #FB9B2A!important;}
img.blogThumb2 {margin-bottom:0;border:2px solid #FFF!important;}
img.blogThumb2:hover {border:2px solid #FB9B2A!important;}
.diggContainer {border-right: #fff 3px solid; border-top: #fff 3px solid; float: right; margin: 0px 7px 10px 18px; border-left: #fff 3px solid; width: 52px; border-bottom: #fff 3px solid; height: 80px}
.TagContainer {padding:0 0 4px 0;margin:0 0 16px 0;background:url(../images/menu-line_21.gif) bottom left no-repeat;}

.bottom-dots {margin-top:2px;border-top:2px dashed #999;}
.under-nav-line {height:8px;background:#FB9B2A;}
.main-bg {background:#FFF url(/new/images/main-content-stipe-bg_07.gif) bottom repeat-x;}
.home-right-nav-bg {float:left;width:265px;background:#FFF;margin-left:1px;}