/**************************** Title **************************************/

div#titlebar
{
	position:relative;
	width:710px;
	height:auto;
	border-bottom:#e6e6e6 solid 1px;
	margin-bottom:5px;
}
div#title h2					/* page titles */
{
	position:relative;
	width:200px;
	height:27px;
	background-image:none;
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}
div#servicelink a {
	position:absolute;
	left:584px;
	top:5px;
	display:block;
	width:125px;
	height:18px;
	background-image: url(/images/view-by-service.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent:-9999px;
}
/**************************** Header **************************************/
#logo a {
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:110px;
	height:58px;
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent:-9999px;
}
#telephone {
  /*
	position:absolute;
	display:block;
	left:752px;
	top:26px;
	*/
	width:249px;
	height:20px;
	background-image: url(/images/telephone.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent:-9999px;
}
#emailtext {
	position:absolute;
	left:290px;
	top:25px;
	width:143px;
	height:18px;
}
#emailtext-email a {
	position:relative;
	float:left;
	display:block;
	width:75px;
	height:18px;
	background-image: url(/images/emailus.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent:-9999px;
}
#emailtext-text a {
	position:relative;
	float:left;
	display:block;
	width:68px;
	height:18px;
	background-image: url(/images/textus.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent:-9999px;
}
/**************************** Left ****************************************/
#twistlink a {
	position: relative;
	display:block;
	width:170px;
	height:131px;
	background-image: url(/images/btn_twist.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent:-9999px;
}

div#mainmenu {
	position:absolute;
	width:243px;
	height:75px;
	top:0px;
	left:10px;
}
div#mainmenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
div#mainmenu li {
	display: inline;
}
li#mainmenu-home a {
	position:absolute;
	top:0px;
	left:0px;
	width: 70px;
	height: 25px;
	display: block;
	background: url(/images/menu/home.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#mainmenu-home a:hover {
	background-position: 0px -25px;
}
li#mainmenu-homeselected a {
	position:absolute;
	top:0px;
	left:0px;
	width: 70px;
	height: 25px;
	display: block;
	background: url(/images/menu/home.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#mainmenu-work a {
	position:absolute;
	top:0px;
	left:70px;
	width: 65px;
	height: 25px;
	display: block;
	background: url(/images/menu/work.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#mainmenu-work a:hover {
	background-position: 0px -25px;
}

li#mainmenu-workselected a {
	position:absolute;
	top:0px;
	left:70px;
	width: 65px;
	height: 25px;
	display: block;
	background: url(/images/menu/work.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#mainmenu-clients a {
	position:absolute;
	top:0px;
	left:135px; /*should be 158px when ideas are in */
	width: 80px;
	height: 25px;
	display: block;
	background: url(/images/menu/clients.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#mainmenu-clients a:hover {
	background-position: 0px -25px;
}
li#mainmenu-clientsselected a {
	position:absolute;
	top:0px;
	left:135px; /*should be 158px when ideas are in */
	width: 80px;
	height: 25px;
	display: block;
	background: url(/images/menu/clients.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#mainmenu-articles a {
	position:absolute;
	top:25px;
	left:0px;
	width: 90px;
	height: 25px;
	display: block;
	background: url(/images/menu/articles.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#mainmenu-articles a:hover {
	background-position: 0px -25px;
}
li#mainmenu-articlesselected a {
	position:absolute;
	top:25px;
	left:0px;
	width: 90px;
	height: 25px;
	display: block;
	background: url(/images/menu/articles.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#mainmenu-news a {
	position:absolute;
	top:25px;
	left:90px;
	width: 75px;
	height: 25px;
	display: block;
	background: url(/images/menu/news.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#mainmenu-news a:hover {
	background-position: 0px -25px;
}
li#mainmenu-newsselected a {
	position:absolute;
	top:25px;
	left:90px;
	width: 75px;
	height: 25px;
	display: block;
	background: url(/images/menu/news.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#mainmenu-getintouch a {
	position:absolute;
	top:50px;
	left:0px;
	width: 130px;
	height: 25px;
	display: block;
	background: url(/images/menu/getintouch.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#mainmenu-getintouch a:hover {
	background-position: 0px -25px;
}
li#mainmenu-getintouchselected a {
	position:absolute;
	top:50px;
	left:0px;
	width: 130px;
	height: 25px;
	display: block;
	background: url(/images/menu/getintouch.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
div#submenu {
	position:absolute;
	width:195px;
	height:150px;
	left:10px;
	top:110px;
	top:37px;
}
div#submenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
div#submenu div#submenusubs{
  padding-bottom:1em;
}
div#submenu div#submenusubs a{
  color:#646464;
  padding-right:1em;
  margin-left:4px;
}
div#submenu div#submenusubs li.selected{
  
}
div#submenu div#submenusubs li.selected a{
  background-color:#646464;
  color:#FFFFFF;
}
li#submenu-identity a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/identity.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#submenu-identity a:hover {
	background-position: 0px -25px;
}
div#submenu a.codeselected {
	background-position: 0px -25px;
}
li#submenu-identityselected a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/identity.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#submenu-identityselected ul li a{
  background-image:none;
  height:auto;
  text-indent:0;
}
li#submenu-strategy a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/strategy.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#submenu-strategy a:hover {
	background-position: 0px -25px;
}
li#submenu-strategyselected a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/strategy.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#submenu-strategyselected ul li a{
  background-image:none;
  height:auto;
  text-indent:0;
}
li#submenu-web a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/web.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#submenu-web a:hover {
	background-position: 0px -25px;
}
li#submenu-webselected a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/web.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#submenu-webselected ul li a{
  background-image:none;
  height:auto;
  text-indent:0;
}
li#submenu-print a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/print.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#submenu-print a:hover {
	background-position: 0px -25px;
}
li#submenu-printselected a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/print.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#submenu-printselected ul li a{
  background-image:none;
  height:auto;
  text-indent:0;
}
li#submenu-outdoor-interior a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/outdoor-interior.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#submenu-outdoor-interior a:hover {
	background-position: 0px -25px;
}
li#submenu-outdoor-interiorselected a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/outdoor-interior.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#submenu-outdoor-interiorselected ul li a{
  background-image:none;
  height:auto;
  text-indent:0;
}
li#submenu-event-exhibition a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/event-exhibition.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
}
li#submenu-event-exhibition a:hover {
	background-position: 0px -25px;
}
li#submenu-event-exhibitionselected a {
	position:relative;
	width: 195px;
	height: 25px;
	display: block;
	background: url(/images/menu/event-exhibition.gif) 0 0  no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow:hidden;
	background-position: 0px -25px;
}
li#submenu-event-exhibitionselected ul li a{
  background-image:none;
  height:auto;
  text-indent:0;
}
div#secondlevelmenu {
	position:relative;
	width:148px;
	padding-left:73px;
	padding-top:10px;
}
div#secondlevelmenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
/********************* category text page ****************************/
div#categorytext  {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	width: 710px;
	margin-left: -2000px;
}


/********************* category/job page ****************************/
#joblist {
	position:relative;
	width:710px;
	padding-bottom:5px;
	min-height:70px;
}
div#joblist ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
div#joblist a {
	display:block;
	width:172px;
	height:auto;
	overflow:hidden;
	color: #646464;
}
#joblist a:hover {
	display:block;
	color: #FFFFFF;
	background-color: #646464;
	text-decoration:none;
}
#joblist .selected a {
	display:block;
	color: #FFFFFF;
	background-color: #646464;
	text-decoration:none;
}
div#joblist a.archive {
	display:block;
	width:172px;
	height:auto;
	overflow:hidden;
	color: #46d315;
	text-decoration:none;
}
#joblist a.archive:hover {
	display:block;
	color: #46d315;
	text-decoration:underline;
	background-color:#FFFFFF;
}
div#archivelist ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#archivelist a {
	display:block;
	color: #646464;
	width:145px;
	height:auto;
	overflow:hidden;
}
#archivelist a:hover {
	display:block;
	color: #FFFFFF;
	background-color: #646464;
	text-decoration:none;
}
#archivelist .selected a {
	display:block;
	color: #FFFFFF;
	background-color: #646464;
	text-decoration:none;
}
.jobcolumn {
	position:relative;
	float:left;
	width:172px;
	padding-right:5px;
	margin-bottom:10px;
}
.website_url a {
	position:relative;
	display:block;
	width:129px;
	height:14px;
	background-image: url(/images/launch-website.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	text-indent:-9999px;
	padding-bottom:10px;
}
/******************** Portfolio Page ********************************/
#portfolioimage {
	position:relative;
	padding-bottom:10px;
}
#archivelist {
	position:absolute;
	top:0px;
	left:0px; 
	width: 710px; 
	height:370px; 
	display:none; 
	overflow:hidden; 
	background-color:#FFFFFF; 
	color:#333333;
}
#portfoliodescription {
	position:relative;
	float:left;
	width:440px;
	padding-right:10px;
}
#portfolionumbers {
	position:relative;
	float:left;
	width:80px;
	padding-right:10px;
	color:#46d315;
}
#portfoliorelated {
	position:relative;
	float:left;
	width:170px;
}

/******************** Glossary Page ********************************/
div#servicestitle {
	color: #46d315;
	padding-bottom: 5px;
	margin: 0px;
	display: block;
}
div#servicescontent {
	display: block;
	padding-bottom: 5px;
	width:520px;
	padding-right:10px;
}


/**************************** Content Settings ****************************/

div#content						/* page content */
{
	padding-left: 10px;
}

/*********************** Page Navigation **********************/

div.pagenavigation				/* page navigation */
{
	margin-bottom:10px;
	float:right;
}

/******************** Default Content Page ********************/

div.contenttext					/* page text */
{
}
div.contentunavailable p 		/* page content unavailable text */
{
}

/******************** Default Contact Page ********************/

div.contactwarningmsg p			/* contact error message */
{
	color:#FF0000;
}
form#contactform				/* contact form */
{
}
div.contactthankyou p			/* thankyou text */
{
}

/******************** Default List Page ********************/

div.listinstructions			/* module configuration introduction text */
{
}
div.list 						/* list of records */
{
}
div.listitem {
	position:relative;
	float:left;
	width:156px;
	padding-right:10px;
	padding-bottom:10px;
}
div.listgroupdivider			/* end category divider */
{
	clear:both;
}
div.listgrouptitle h3 			/* record category title */
{
	background-color:#CCCCCC;
}
div.listgroupcaption 			/* record category title */
{
}
div.listrow 					/* record row */
{
}
div.listimage 					/* record image */
{
	position:relative;
	margin-bottom:10px;
}
div.listimage img				/* record image */
{
}
div.listdetails					/* record details (title, caption, select) */
{
}
div.listtitle 					/* record title */
{
}
div.listcaption 				/* record caption */
{
}
div.listselect					/* record select button */
{
}
div.listdivider					/* record divider */
{
	clear:both;
}
div.listunavailable p			/* list unavailable text */
{
}

/******************** Default Selected Page ********************/

.selected						/* selected information (image and details) */
{
}
.selectedimage					/* selected image */
{
}
.selecteddetails				/* selected details (title, text) */
{
}
.selectedtitle					/* selected record title */
{
}
.selectedtext					/* selected record text */
{
}
.selectedlink					/* selected record text */
{
}
.selectedunavailable p			/* selected record unavailable text */
{
}
.selectedpreviouspage			/* previous page link */
{
}

/************************* Search Box ***************************/

#sitesearch						/* website search box */
{
	float:right;
	width:auto;
	height:auto;
}
#sitesearchform					/* website search form */
{
}
.sitesearchtitle				/* website search title */
{
}
#sitesearchtext					/* website search textbox */
{
}
#sitesearchgo					/* website search go */
{
}

/*********************** Product Search *************************/

.productsearchinstructions		/* product search box */
{
}
#productsearchform				/* product search form */
{
}

/********** Additional Job Vacancies **********/

.listsalary 						/* record salary */
{
}
.liststartdate 						/* record startdate */
{
}
.selectedsalary 					/* selected salary */
{
}
.selectedstartdate					/* selected startdate */
{
}

/*********************** Gallery Settings ***********************/

div.gallery div.listgroupdivider			/* end category divider */
{
	padding-top:10px;
	clear:both;
}
div.gallery div.listgrouptitle h3 			/* record category title */
{
	background-color:#CCCCCC;
}
div.gallery div.listrow 					/* record row */
{
	float:left;
	width:25%;
	height:auto;
	margin-bottom:10px;
}
div.gallery div.listimage 					/* record image */
{
	float:none;
	position:relative;
	margin-left:0px;
	margin-bottom:5px;
	background-color:#CCCCCC;
	width:140px;
	border:1px dashed #555555;
}
div.gallery div.listimage img				/* record image */
{
	margin:19px;
}
div.gallery div.listdetails					/* record details (title, caption, select) */
{
	width:140px;
	height:3em;
	overflow:hidden;
	background-color:#CCCCCC;
	text-align:center;
	border:1px dashed #555555;
}
div.gallery div.listtitle 					/* record title */
{
	padding:2px;
}