/*reset statement starts*/

* {
	vertical-align: baseline;font-weight: inherit;font-family: inherit;font-style: inherit;font-size: 100%;border: 0 none;outline: 0;padding: 0;margin: 0;border-collapse: collapse;
	}
	
	/*restet statement ends*/                        

#navigation_menu {position: absolute;height: 80px;left: 0px;top: 14px;width: 900px;	z-index: 1000;}
#form_contact {height: 300px;width: 298px;position: absolute;top: 200px;right: 0px;}
#all_content, #contact_content, #work_content, #people_content, #process_content, #news_content{height: 625px;width: 900px;	margin-top: 20px;margin-right: auto;margin-left: auto;
	position: relative;	background-color: #FFFFFF;background-image: url(images/line_bg.gif);}
#all_content{background-image: url(images/line_bg.gif);}
#contact_content {background-image: url(contact/contact_bg.gif);}
#work_content {background-image: url(work/work_bg.gif);}
#people_content {background-image: url(images/exp_bg.gif);}
#process_content {background-image: url(process/services_bg.gif);}
#news_content {background-image: url(news/news_bg.gif);}

.sec_nav_pink {background-image: url(images/sec_nav_bg_home.png);}
.sec_nav_lilac {background-image: url(images/sec_nav_bg_downloads.gif);}
.sec_nav_turquoise {background-image: url(images/sec_nav_bg_expertise.png);}
.sec_nav_green {	background-image: url(images/sec_nav_bg_news.png);}
.sec_nav_orange {background-image: url(images/sec_nav_bg_services.png);}
.sec_nav_purple {background-image: url(images/sec_nav_bg_contact.png);}
.sec_nav_pink, .sec_nav_lilac, .sec_nav_turquoise, .sec_nav_green, .sec_nav_orange, .sec_nav_purple {float: left;height: 27px;width: 74px;padding-top: 6px;	padding-left: 15px;}
.pink_text {color: #F0037F;}
.pink_text,.lilac_text,.green_text,.turquoise_text,.orange_text,.purple_text{font: 11px lucida grande,tahoma,verdana,arial,sans-serif;text-decoration: none;outline: none;text-align: center;top: 7px;letter-spacing: 0;z-index: 10;display: block;float: left;height: 30px;position: relative;overflow: hidden;margin:0px 30px 0px 30px;}

*html .pink_text, *html .green_text, *html .turquoise_text, *html .orange_text, *html .purple_text, *html .lilac_text {margin:0px 10px 0px 10px;}

.green_text {color: #A6BC09;}
.turquoise_text {color: #00A0C6;}
.orange_text {color: #FF860B;}
.purple_text {color: #704165;}
.lilac_text {color: #A494BE;}

body {font-family: lucida grande,tahoma,verdana,arial,sans-serif;font-size: 11px;color: #999999;background-image: url(images/body_bgc.gif);background-repeat: repeat;}

#sec_nav {height: 33px;width: 900px;position: absolute;	left: 0px;bottom: 0px;}
#sec_nav_creative {	background-image: url(images/sec_nav_bg_creative_dir.png);height: 27px;	width: 286px;float: left;padding-left: 40px;padding-top: 6px;}
p {	font-family: lucida grande,tahoma,verdana,arial,sans-serif;	font-size: 11px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding: 0px;	margin-top: 0px;line-height: 15px;word-spacing: 1px;	color: #999999;}
.sec_nav_box {background-image: url(images/sec_nav_bg.png);	height: 27px;width: 74px;float: left;padding-left: 15px;padding-top: 6px;}
a:link {color: #999999;	text-decoration: none;}
a:visited {color: #999999;text-decoration: none;}
a:hover {color: #666666;text-decoration: underline;}
a:active {color: #999999;text-decoration: none;}

#news_headings a:link {	color: #fff;text-decoration: underline;}
#news_headings a:visited, #news_headings a:hover, #news_headings a:active {color: #fff;text-decoration: none;}

#index_right_text {height: 264px;width: 299px;position: absolute;z-index: 3;left: 52px;	top: 270px;}
#title_left {height: 24px;width: 150px;	z-index: 8;float: left;padding-right: 100px;padding-left: 40px;	padding-top: 18px;}
#title_right {float: left;height: 24px;width: 150px;padding-top: 18px;padding-left: 90px;z-index: 4;}
#index_left_text {position: absolute;height: 300px;width: 162px;top: 220px;z-index: 3;left: 638px;}
.white_text {color: #FFFFFF;}
h3 {font-family: lucida grande,tahoma,verdana,arial,sans-serif;font-size: 16px;font-weight: lighter;}

#flash_wrapper  {height: 60px;width: 860px;	float: left;position: absolute;left: 0px;top: 184px;z-index: 3;}
#portfolio {height: 60px;width: 860px;z-index: 1;float: left;position: absolute;left: 0px;top: 184px;list-style-type:none;}
#hidethisone { background-color:#FFF;height: 360px;width: 860px;z-index: 2;float: left;position: absolute;left: 0px;top: 184px;list-style-type:none;} 


#index_left_text {position: absolute;height: 264px;width: 162px;top: 270px;right: 98px;z-index: 3;}

h4 {font-family: lucida grande,tahoma,verdana,arial,sans-serif;font-size: 11px;font-weight: bold;margin: 0px 0px 6px;padding: 0px;}
#about_us_links a:link, #about_us_links a:visited, #about_us_links a:hover, #about_us_links a:active,
#contact_links a:link, #contact_links a:visited, #work_links a:link, #work_links a:visited, #process_links a:link, #process_links a:visited, #people_links a:link, #people_links a:visited, #news_links a:link, #news_links a:visited {color: #999;text-decoration: none;}

#about_us_links a:hover,#about_us_links a:active {color: #F0037F;}
#contact_links a:hover, #contact_links a:active {color: #704165;}
#work_links a:hover, #work_links a:active {color: #A494BE;}
#process_links a:hover, #process_links a:active {color: #FF860B;}	
#people_links a:hover, #people_links a:active {color: #00A0C6;}	
#news_links a:hover, #news_links a:active {color: #AABC09;}

#contact_map {height: 336px;width: 332px;position: absolute;top: 200px;right: 207px;}
#contact_text {height: 68px;width: 329px;position: absolute;z-index: 10;left: 33px;	top: 500px;}
#contact_directions {height: 256px;	width: 135px;position: absolute;z-index: 10;top: 232px;right: 53px;}
#contact_flash {height: 60px;width: 860px;position: absolute;left: 0px;top: 154px;z-index: 2;}

#work_menu_1, #work_menu_2, #work_menu_3 {height: 240px;width: 223px;position: absolute;left: 27px;top: 354px;}
#work_top_arrow {height: 9px;width:10px;position:absolute;top: 58px;left: 2px;z-index: 11;}
#work_base_arrow {height: 9px;width: 10px;position: absolute;top: 182px;left: 2px;z-index: 11;}
#work_base_arrow.news {top:340px}
#work_menu_items.tall_menu {height:294px}
.innertop {margin-bottom:0px; padding-bottom:8px; color:#FFF; margin-top:10px}	  

.inner {margin-bottom:0px; padding-bottom:8px; color:#FFF}	  
#work_menu_items {height: 138px;width: 175px;position: absolute;left: 22px;top: 56px;border-left:1px solid #CCCCCC;padding-left:14px;z-index: 11;}
#work_text_left {height: 70px;width: 213px;position: absolute;left: 30px;top: 225px;}
#work_text_left.newsintro {position:absolute;top:240px}
#work_right_thumbs {/*	background-color: #9999CC;*/height: 170px;width: 120px;position: absolute;top: 175px;right: 50px;padding-top: 50px;	padding-right: 20px;padding-bottom: 20px;padding-left: 20px;z-index:101;}
#work_right_flash {	height: 240px;width: 210px;	position: absolute;top: 175px;right: 0px;z-index:19;}
#work_thumbs {height:40px;padding:8px 0px 0px 0px;position:absolute;top:167px;right:17px;width: 123px;}
#case_study_here {height: 16px;width: 66px;position: absolute;top: 392px;right: 72px;z-index:999;}
#work_centre_image,  #work_centre_image_2, #work_centre_image_3, #work_centre_image_4, #work_centre_image_5 {height: 411px;width: 600px;position: absolute;top: 154px;right: 40px;z-index: 1;}
#portfolio_tab {height: 15px;width: 72px;position: absolute;left: 30px;top: 193px;z-index:100;}
#case_studies_tab {height: 15px;width: 105px;position: absolute;left: 118px;top: 193px;z-index:100;}
#work_titles {height: 15px;width: 160px;position: absolute;top: 193px;right: 31px;z-index:999;}
#case_study_titles {height: 15px;width: 160px;position: absolute;top: 193px;right: 179px;z-index:999;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #333;
}

#TB_secondLine {
	font: 10px "lucida grande", tahoma, verdana, arial, sans-serif;
	color:#333;
}

#TB_window a:link {color: #4e6e87;}
#TB_window a:visited {color: #4e6e87;}
#TB_window a:hover {color: #333;}
#TB_window a:active {color: #4e6e87;}
#TB_window a:focus{color: #4e6e87;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---- thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #f4f4f4;
	z-index: 100000;
	color:#fff;
	display:none;
/*	outer border here */
	border-right: 27px solid #f4f4f4;
	border-bottom: 27px solid #f4f4f4;
	border-top: 0px solid #f4f4f4;
	border-left: 27px solid #f4f4f4;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 0px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

/*#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}
*/
#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:left;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

/* title bar attributes here */
#TB_title{
	background-color:#f4f4f4;
	height:27px;
	color:#999999;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:1199;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/*END THICKBOX STYLES*/
#tb_case_studies {
	margin: 0px;
	height: 410px;
	width: 600px;
	background-color:#FFFFFF;
	padding: 0px;
}
#case_studies {
	margin: 0px;
	height: 300px;
	width: 270px;
	position: absolute;
	top: 155px;
	right: 39px;
	padding: 70px 30px 30px 300px;
}
#tb_case_study_titles {float: left;height: 60px;width: 570px;}
#tb_case_study_image {height: 300px;width: 240px;border: 1px solid #f4f4f4;position: absolute;left: 30px;top: 80px;}
#tb_case_study_text {height: 300px;	width: 270px;position: absolute;left: 302px;top: 80px;}
#case_study_image {height: 300px;width: 240px;border-right: 1px solid #f4f4f4;position: absolute;left: 293px;top: 227px;}
#work_menu_items a:link, .people_text_columns a:link {color: #FFF;text-decoration: underline;}
#work_menu_items a:visited, .people_text_columns a:visited {color: #FFF;text-decoration: underline;}
#people_container {width:860px;height: 565px;position:relative;z-index: 10;}
.people_text_columns { width:194px; padding:225px 41px 0 30px; float: left; display:inline;}
#people_lines { position:absolute; bottom:0; left:0;}
#news_tab {	height: 15px;width: 105px;position: absolute;left: 148px;top: 193px;z-index:100;}
#news_text_column { width: 390px; padding: 240px 0 0 296px; float:left; display:inline;}
#news_panel { width: 139px; float:right; display:inline; padding-top:154px;}
#news_headline {	height: 15px;width: 450px;position: absolute;left: 296px;top: 193px;z-index:100;}
#process_side_panel {height: 380px;width: 280px;position: absolute;	top: 175px;	right: 0px;	z-index:9;}
#process_cat_title {height: 15px;width: 200px;position: absolute;right: 60px;top:193px;z-index:100;}
#process_cat_text {width:192px; padding-top:225px; float:right;padding-right:30px; z-index:101; }
/**html .current { margin:0px 0px 0px 0px;}*/
/*.current a { margin:0px 30px 0px 30px;}
*/
#process_cat_text p img {border:1px solid #FFFFFF;}
#process_cat_text p img #mid {margin: 0 6px;}
.people_text_columns a {color:#FFFFFF; text-decoration:underline;}#bulletPoint {
	position: absolute;
	z-index: 100;
	height: 47px;
	width: 246px;
	top: 513px;
	right: 50px;
}
#replay {
	line-height: 24px;
	height: 24px;
	position: absolute;
	z-index: 1000;
	top: 534px;
	right: 517px;
	width:115px;
	background:url(images/playButtonB.png) no-repeat right center;
		}
	
#replay p {line-height:24px; text-decoration:underline;display:inline; width:100%}
#replay a {display:block; width:100%; height:100%;float:right;}

#print_page { position:absolute; top:40px; left:495px; z-index:2;}
#print_page a {color:#fff}