@import url(modules.css);
@import url(vimeo.css);

html, body {
	background-color : #e7e7df;
	font-family : Arial;
	font-size : 10px;
	color : #3e3e3e;
	padding : 0em;
	margin : 0em;
	background-image : url(/images/gutters.gif);
	background-repeat : repeat-y;
	background-position : top center;
	height : 100%;
}
img {
	border : none;
}
div#canvas {
	width : 85em;
	padding : 0em 0em;
	margin : 0em auto;
	background-color : #ffffff;
}
div#header {
	width : 85em;
	height : 17.6em;
	padding-top : 4em;
}
div#header div#disciplines {
	font-size : .9em;
	text-transform : uppercase;
	margin-top : 1em;
}
div#header div#disciplines a:link, div#header div#disciplines a:visited {
	color : #3e3e3e;
	margin : .7em;
}
div#header img#logo {
	margin-left : 2em;
	width : 21.7em;
	height : 3.8em;
}
div#header div#navigation {
	word-spacing : .5em;
	font-size : 1.6em;
	float : right;
	margin-top : 1em;
}
div#header div#navigation a:link, div#header div#navigation a:visited {
	color : #7b7b7b;
	text-decoration : none;
}
div#header div#navigation a:hover, div#header div#navigation a:active {
	color : #7b7b7b;
	text-decoration : underline;
}
div#header div#navigation a.selected:link, div#header div#navigation a.selected:visited {
	color : #7b7b7b;
	text-decoration : underline;
}
div#header img#casestudy {
	clear : right;
	margin-top : 1.5em;
	width : 85em;
	height : 6em;
}
div#header div#breadcrumbs {
	font-size : 1.2em;
	line-height : 2.5em;
	width : 45em;
	height : 2.667em;
	float : left;
	overflow : hidden;
}
div#header div#breadcrumbs a:link, div#header div#breadcrumbs a:visited {
	color : #7b7b7b;
}
div#header div#breadcrumbs a:hover {
	color : #20a1bd;
}
div#header div#breadcrumbs a:active {
	color : #7b7b7b;
}
div#header div#follow {
	height : 3.2em;
	float : right;
	overflow : hidden;
}
div#header div#follow div {
	width : 6em;
	float : left;
	text-align : right;
	text-transform : uppercase;
	font-size : 1em;
	font-weight : bold;
	margin : .3em .5em 0em 0em;
}
div#footer {
	clear : both;
	padding-bottom : 4em;
	background-image : url(/images/zpattern.gif);
	height : 6em;
	
}
div#g1 {
	width : 91.2em;
	margin : 0em auto;
	background-color : #ffffff;
	/*
	background-image : url(/images/gutters-pattern.gif);
	background-repeat : repeat-y;
	background-position : top center;
	*/
	min-height : 100%;
}

label {
	display : block;
	font-size : 1.333em;
	line-height : 1.333em;
	width : 100%;
}
input.text {
	display : block;
	font-size : 1.333em;
	line-height : 1.333em;
	width : 100%;
	border : solid 1px #c2c2c2;
}
input.submit {
	background-color : #c2c2c2;
	border : solid 1px #c2c2c2;
	color : #ffffff;
	font-size : 1.167em;
	float : right;
	margin : 1em 0em;
	padding : 0.25em 0.5em;
	text-transform : uppercase;
	cursor : pointer;
}
div.left {
	width : 43em;
	float : left;
}
div.right {
	width : 39em;
	float : right;
}
div#wordcloud a:link, div#wordcloud a:visited {
	color : #3bbde0;
}

a.asset:link, a.asset:visited {
	padding : 3px;
	padding-right : 3.333em;
	margin-bottom : 1em;
	display : block;
}
a.asset.selected:link, a.asset.selected:visited {
	border : solid 1px #a2a2a2;
	padding : 2px;
	background-color : #f1f1f1;
}

a.asset.selected {
	border : solid 1px #a2a2a2;
	padding : 2px;
	background-color : #f1f1f1;
}