/* generic styles */

/* commented backslash hack \*/ 
html, body { height: 100%; }
/* end hack */

html,body
{
	margin: 0px 0px 0px 0px;
	padding 0px 0px 0px 0px;
}

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #000000;
	background-image: url(../images/general/banner-tile.gif);
	background-repeat: repeat-x;
	background-position: top left;
	font: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #888888;
	text-align: left;
}

a:link
{
	color: #BEE9FF;
	text-decoration: none;
}

a:active
{
	color: #BEE9FF;
	text-decoration: none;
}

a:visited
{
	color: #BEE9FF;
	text-decoration: none;
}

a:hover
{
	color: #3173AA;
	text-decoration: none;
}

h3
{
	margin: 0px;
	padding: 0px;
}

acronym
{
	font-style: italic;
	text-decoration: none;
	border-width: 0px;
}

.subtitle_label
{
	position: relative;
	top: 0px;
	font: bold 9px/16px Geneva,Arial,Tahoma,sans-serif;
}

.subtitle
{
	position: relative;
	top: 0px;
	font: 9px/16px Geneva,Arial,Tahoma,sans-serif;
	color: #666666;
}

/* get rid of borders on all images */
img
{
	margin: 0px 0px 0px 0px;
	border: none;
}
/* generic styles */



/* container for site contents */
* html #container
{
	height:100%;
	width:900px;/* box model hack for ie5.+*/
	w\idth:890px;
}

#container
{
	position: relative;
	min-height:100%;
	height:auto;
	width: 900px;
}
/* container for site contents */



/* paragraph formatting */
p
{
	position: relative;
	top: 0px;
	text-align: justify;
	width: 573px;  /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 470px;	 /* Actual value for conformant browsers */
}

html>p
{
	width: 470px; /* Be nice to Opera */
}

@media ScReEn
{
	/* HIDE THIS FROM SAFARI */
	p span
	{
		position: relative;
		top: -1px;
		padding-bottom: 2px;
	}
}

/* FOR IE */

* html p span
{
	position: relative;
	top: -1px;
}
/* paragraph formatting */





/* pageheader */
#header
{
	position: relative;
	margin: 0px 0px 30px 0px;
	width: 100%;
	height: 107px;
	background-image: url(../images/general/banner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 3;
}

#headermain h1
{
	position: absolute;
	background: url(../images/general/maintitle.gif) no-repeat;
	top: 41px;
	left: 65px;
	width: 322px;
	height: 41px;
}

/* MORE NONSENSE JUST FOR IE <SHAKES HEAD /> */
* html #headermain h1
{
	top: 53px;
}

#headerdialogues h1
{
	position: absolute;
	background: url(../images/general/dialoguestitle.gif) no-repeat;
	top: 41px;
	left: 65px;
	width: 322px;
	height: 41px;
}

/* MORE NONSENSE JUST FOR IE <SHAKES HEAD /> */
* html #headerdialogues h1
{
	top: 53px;
}

#language
{
	position: absolute;
	padding: 1px 6px 1px 6px;
	top: 86px;
	left: 770px;
	width: 118px;
	height: 14px;
	line-height: 11px;
	font: 10px/14px Geneva,Arial,Tahoma,sans-serif;
	text-align: left;
	background-color: #333333;
}

/* MORE NONSENSE JUST FOR IE <SHAKES HEAD /> */
* html #language
{
	width: 108px;
}

#language a:hover
{
	color: #BEE9FF;
	background-color: #3173AA;
}
/* pageheader */





/* pagefooter */
#footer
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 370px;
	width: 100%;
	background-image: url(../images/general/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#clearfooter{ clear: both; height: 370px; width: 100%; }
div>p {margin:0}


#footerdetails
{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 10px 70px;
	top: 90%;
	width: 830px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family:inherit;
}

html>#footerdetails
{
	width: 830px;
}

#footerdetails a
{
	padding-bottom: 10px;
	border-bottom: 0px;
}

@media ScReEn
{
	/* HIDE THIS NONSENSE FROM SAFARI */
	#footerdetails a
	{
		position: relative; top: -1px;
	}
}

/* MORE NONSENSE JUST FOR IE <SHAKES HEAD /> */
* html #footerdetails a
{
	position: relative; top: -1px;
}
/* pagefooter */





/* menu */
#linklist
{
	position: relative;
	margin: 0px 0px 0px 12px;
	width: 124px;
	float: left;
}

/* MORE NONSENSE JUST FOR IE <SHAKES HEAD /> */
* html #linklist
{
	width: 114px;
}

#mainmenu
{
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
	line-height: 11px;
	font: 11px/16px Geneva,Arial,Tahoma,sans-serif;
	text-align: left;
}

#mainmenu a:link
{
	color: #BEE9FF;
	text-decoration: none;
}

#mainmenu a:active
{
	color: #BEE9FF;
	text-decoration: none;
}

#mainmenu a:visited
{
	color: #BEE9FF;
	text-decoration: none;
}

#mainmenu a:hover
{
	color: #3173AA;
	text-decoration: none;
}

#mainmenu h3 span
{
	display: none;
}

@media ScReEn
{
	/* HIDE THIS NONSENSE FROM SAFARI */
	#mainmenu
	{
		margin-top: 0px;
	}
}

/* MORE NONSENSE JUST FOR IE <SHAKES HEAD /> */
* html #mainmenu
{
	margin-top: -2px;
}
/* menu */





/* to hold image menu. */
#imagemenu_div
{
	position: relative;
	margin: 0px 0px 16px 294px;
	width: 460px;
	height: 270px;
}

.imagemenu_links
{
	position: relative;
	float: left;
	width: 237px;
	background-color: #bbbbbb;
}

.imagemenu_preview
{
	position: absolute;
	width: 233px;
	height: 270px;
	left: 237px;
	top: 0px;
}
/* to hold image menu. */





/* main body content */
#maincontent
{
	position: relative;
	float: left;
}
/* main body content */





/* general content holders */
#general_div
{
	margin-top: -37px;
	width: 764px;
}

#image_div
{
	position: relative;
	margin: 4px 0px 16px 0px;
	width: 764px;
	height: 180px;
}
/* general content holders */





/* to hold image / flash etc. */
.embeddedobject1
{
	margin: 0px 0px 16px 292px;
	padding: 1px 1px 1px 1px;
	background-color: #333333;
	width: 470px;
}

.embeddedobject2
{
	margin: 16px 0px 16px 292px;
	padding: 1px 1px 1px 1px;
	background-color: #333333;
}

#general_div p
{
	margin: 0px 0px 0px 65px;
	padding: 0px 0px 16px 229px;
}

/* no line space end paragraph */
#general_div .general_startparagraph0
{
	padding-bottom: 1px;
	background: url(../images/general/paragraph-lines-title.gif) no-repeat;
}

/* normal one line space end paragraph */
#general_div .general_startparagraph1
{
	padding-bottom: 16px;
	background: url(../images/general/paragraph-lines-title.gif) no-repeat;
}

/* two line space end paragraph */
#general_div .general_startparagraph2
{
	padding-bottom: 32px;
	background: url(../images/general/paragraph-lines-title.gif) no-repeat;
}

/* no line space middle paragraph */
#general_div .general_paragraph0
{
	padding-bottom: 1px;
	background: url(../images/general/paragraph-lines.gif) no-repeat;
}

/* normal one line space middle paragraph */
#general_div .general_paragraph1
{
	padding-bottom: 16px;
	background: url(../images/general/paragraph-lines.gif) no-repeat;
}

/* two line space middle paragraph */
#general_div .general_paragraph2
{
	padding-bottom: 32px;
	background: url(../images/general/paragraph-lines.gif) no-repeat;
}

#general_div .general_endparagraph0
{
	padding-bottom: 1px;
	background: url(../images/general/paragraph-lines.gif) no-repeat;
}

#general_div .general_endparagraph1
{
	padding-bottom: 16px;
	background: url(../images/general/paragraph-lines.gif) no-repeat;
}

#general_div .general_endparagraph2
{
	padding-bottom: 32px;
	background: url(../images/general/paragraph-lines.gif) no-repeat;
}

#general_div .general_startparagraph0 a:link, #general_div .general_startparagraph1 a:link, #general_div .general_startparagraph2 a:link, #general_div .general_paragraph0 a:link, #general_div .general_paragraph1 a:link, #general_div .general_paragraph2 a:link, #general_div .general_endparagraph0 a:link, #general_div .general_endparagraph1 a:link, #general_div .general_endparagraph2 a:link
{
	padding: 0px 1px 0px 1px;
	color: #BEE9FF;
	text-decoration: none;
}

#general_div .general_startparagraph0 a:active, #general_div .general_startparagraph1 a:active, #general_div .general_startparagraph2 a:active, #general_div .general_paragraph0 a:active, #general_div .general_paragraph1 a:active, #general_div .general_paragraph2 a:active, #general_div .general_endparagraph0 a:active, #general_div .general_endparagraph1 a:active, #general_div .general_endparagraph2 a:active
{
	padding: 0px 1px 0px 1px;
	color: #BEE9FF;
	text-decoration: none;
}

#general_div .general_startparagraph0 a:visited, #general_div .general_startparagraph1 a:visited, #general_div .general_startparagraph2 a:visited, #general_div .general_paragraph0 a:visited, #general_div .general_paragraph1 a:visited, #general_div .general_paragraph2 a:visited, #general_div .general_endparagraph0 a:visited, #general_div .general_endparagraph1 a:visited, #general_div .general_endparagraph2 a:visited
{
	padding: 0px 1px 0px 1px;
	color: #284268;
	text-decoration: none;
}

#general_div .general_startparagraph0 a:hover, #general_div .general_startparagraph1 a:hover, #general_div .general_startparagraph2 a:hover, #general_div .general_paragraph0 a:hover, #general_div .general_paragraph1 a:hover, #general_div .general_paragraph2 a:hover, #general_div .general_endparagraph0 a:hover, #general_div .general_endparagraph1 a:hover, #general_div .general_endparagraph2 a:hover
{
	padding: 0px 1px 0px 1px;
	color: #3173AA;
	text-decoration: none;
}
/* general content holders */





/* ////////////////////// website sections ////////////////////// */

/* explanation */
.explanation_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/explanation.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.explanation_heading span
{
	display: none;
}
/* explanation */



/* website */
.website_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/website.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.website_heading span
{
	display: none;
}
/* website */



/* concept */
.concept_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/concept.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.concept_heading span
{
	display: none;
}
/* concept */



/* aims */
.aims_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/aims.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.aims_heading span
{
	display: none;
}

#aims_div
{
	position: relative;
	margin: 16px 0px 0px 294px;
	padding: 0px 40px 0px 20px;
	width: 410px;
}

.aims_items
{
	list-style-type: decimal;
	list-style-position: outside;
}
/* aims */



/* technology */
.technology_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/technology.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.technology_heading span
{
	display: none;
}
/* technology */



/* the build */
.build_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/build.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.build_heading span
{
	display: none;
}
/* the build */



/* works */
.dialogues_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/dialogues.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.dialogues_heading span
{
	display: none;
}

.workspreview_div
{
	margin: 0px 0px 0px 292px;
	padding: 1px 1px 1px 1px;
	background-color: #bbbbbb;
}
/* works */



/* reference */
.reference_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/reference.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.reference_heading span
{
	display: none;
}

.referencepreview_div
{
	margin: 16px 0px 16px 292px;
	padding: 1px 1px 1px 1px;
	background-color: #bbbbbb;
}
/* reference */



/* credits */
.credits_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/credits.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.credits_heading span
{
	display: none;
}

#credits_div
{
	position: relative;
	margin: 16px 0px 26px 294px;
	padding: 0px 0px 0px 25px;
	width: 445px;
	height: 50px;
	text-align: left;
}

/* MORE NONSENSE JUST FOR IE <SHAKES HEAD /> */
* html #credits_div
{
	margin-bottom: 16px;
}

.credits_role
{
	float: left;
	width: 300px;
}

.credits_individual
{
	float: left;
	width: 125px;
}


/* credits */



/* funding */
.funding_heading
{
	position: relative;
	top: 14px;
	left: 70px;
	background: url(../images/titles/funding.gif) no-repeat;
	width: 200px;
	height: 37px;
}

.funding_heading span
{
	display: none;
}

#funding_div
{
	position: relative;
	margin: 16px 0px 0px 294px;
	width: 470px;
	height: 50px;
}

.funding_logos
{
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 50px;
	float: left;
}

/* get rid of borders on all image links */
.funding_logos a
{
	border: none;
}
/* funding */

/* ////////////////////// website sections ////////////////////// */





/* galleries on website */


#gallery_div
{
	position: relative;
	margin: 16px 0px 0px 294px;
	width: 470px;
}

.gallery_index
{
	float: left;
	clear: left;
	width: 468px;
}

.gallery_viewby
{
	float: left;
	clear: left;
	width: 230px;
}

.gallery_pages
{
	float: right;
}

.gallery_list
{
	float: left;
	clear: left;
	margin: 5px 0px 0px 0px;
}

.gallery_listtable
{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0px 2px;
	border-width: 0px 0px 0px 0px;
	border-color: #333333;
	border-style: solid;
	width: 468px;
	line-height: 12px;
}

.gallery_celltable
{
	margin: 5px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 2px 2px;
	border-width: 0px 0px 0px 0px;
	border-color: #333333;
	border-style: solid;
	line-height: 12px;
}

.gallery_date_column
{
	padding: 3px 0px 3px 3px;
	border-width: 1px 0px 1px 1px;
	border-color: #333333;
	border-style: solid;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	width: 120px;
}

.gallery_caption_column
{
	padding: 3px 0px 3px 0px;
	border-width: 1px 0px 1px 0px;
	border-color: #333333;
	border-style: solid;
	text-align: left;
	vertical-align: top;
}

.gallery_name_column
{
	padding: 3px 3px 3px 0px;
	border-width: 1px 1px 1px 0px;
	border-color: #333333;
	border-style: solid;
	text-align: right;
	vertical-align: top;
	width: 50px;
}

.gallery_thumb
{
	padding: 3px 4px 3px 4px;
	border-width: 1px 1px 1px 1px;
	border-color: #333333;
	border-style: solid;
	text-align: center;
	vertical-align: top;
	width: 105px;
}

/* MORE NONSENSE JUST FOR IE <SHAKES HEAD /> */
* html .gallery_thumb
{
	padding: 3px 7px 3px 7px;
}

.gallery_thumb_caption
{
	text-align: left;
	vertical-align: middle;
}

.gallery_thumb_info
{
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}

.gallery_full
{
	padding: 3px 3px 3px 3px;
	border-width: 1px 1px 1px 1px;
	border-color: #333333;
	border-style: solid;
	text-align: center;
	vertical-align: middle;
}

.gallery_full_caption
{
	text-align: left;
	vertical-align: middle;
}

.gallery_full_info
{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
/* gallery */





/* don't display these */
#headermain h1 span, #headermain h2 span, #headerdialogues h1 span, #explanation h3 span, #website h3 span, #credits h3 span, #funding h3 span
{
	display: none;
}
/* don't display these */



/* to test */
//* { border: 1px solid #ff0000; }