/* defaults */

a
{
	color: #33f;
}

a:hover
{
	color: #f33;
}

b,
strong
{
	font-weight: bold;
}

big,
.big /* .big works better on block elements because it also adjusts the line-height. */
{
	font-size: 1.1666em;
}

blockquote,
fieldset,
p,
pre
{
	margin: 0 0 1em 0;
}

body,
.normal
{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

body.large-fonts,
body.large-fonts .normal
{
	font-size: 15px;
}

body,
button,
input,
optgroup,
option,
select,
textarea
{
	font-family: 'trebuchet ms';
}

body,
form
{
	margin: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
.big,
.normal,
.small
{
	line-height: 1.5em;
}

button,
input,
optgroup,
option,
select,
textarea
{
	font-size: 1em;
}

dd,
fieldset,
legend,
ol,
td,
th,
ul
{
	padding: 0;
}

dfn,
em,
i
{
	font-style: italic;
}

dl,
ol,
ul
{
	margin: 0 2.5em 1em 2.5em;
}

h1, h2, h3, h4, h5, h6
{
	line-height: 1em;
	margin: 1.5em 0 0.5em 0;
}

h1
{
	font-size: 2.1666em;
}

h2
{
	font-size: 1.8333em;
}

h3
{
	font-size: 1.5em;
}

h4
{
	font-size: 1.1666em;
}

h5
{
	font-size: 1em;
}

h6
{
	font-size: 0.8333em;
}

ol
{
	list-style-type: decimal;
}

img
{
	border: 0;
	display: block;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

q:after,
q:before
{
	content: '';
}

small,
.small /* .small works better on block elements because it also adjusts the line-height. */
{
	font-size: 0.8333em;
}

sub
{
	font-size: 0.8333em;
	vertical-align: -0.333em;
}

sup
{
	font-size: 0.8333em;
	vertical-align: 0.333em;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

th
{
	text-align: left;
}

ul
{
	list-style-type: disc;
}

ul ul
{
	list-style-type: square;
}

ul ul ul
{
	list-style-type: circle;
}

/* forms */

button,
input
{
	line-height: normal;
}

button,
input,
select
{
	vertical-align: baseline;
}

#ie6 button,
#ie6 input,
#ie6 select,
#ie7 button,
#ie7 input,
#ie7 select
{
	vertical-align: middle;
}

button,
input.button,
input.reset,
input.submit
{
	background: #eee url(/media/base/images/form-button-hard.png) repeat-x scroll center;
	border: 0.08333em outset #ccc;
	cursor: pointer;
	padding: 0.25em 0.5em;
}

#ie6 button,
#ie6 input.button,
#ie6 input.reset,
#ie6 input.submit
{
	overflow: visible;
	background-image: none;
}

#ie7 button,
#ie7 input.button,
#ie7 input.reset,
#ie7 input.submit
{
	overflow: visible;
}

button.submit,
input.submit
{
	font-weight: bold;
}

button:focus,
input.button:focus,
input.password:focus,
input.reset:focus,
input.submit:focus,
input.text:focus,
select:focus,
textarea:focus
{
	background-color: #ddd;
	border-color: #999;
	outline: none;
}

fieldset
{
	border: 0;
	margin-top: 1.5em;
}

input.image
{
	vertical-align: middle;
}

input.password,
input.text,
textarea
{
	background: #eee url(/media/base/images/form-field.png) repeat-x;
	border: 0.08333em solid #ccc;
	padding: 0.25em;
	width: 15em;
}

#ie6 input.password,
#ie6 input.text,
#ie6 textarea
{
	background-image: none;
}

legend
{
	color: #000;
	font-size: 1.1666em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#ie6 legend,
#ie7 legend
{
	margin-left: -7px;
}

select
{
	background: #eee;
	border: 0.08333em solid #ccc;
}

#ie6 select
{
	background: none;
}

textarea
{
	height: 6em;
	width: 22.5em;
}

/* javascript */

body.js-disabled .js-enabled
{
	display: none;
}

body.js-enabled .js-disabled
{
	display: none;
}



	
	div.form-field,
div.form-group
{
	margin-bottom: 1em;
}

div.form-group div.form-field,
div.form-input ul,
div.form-last div.form-field,
div.form-last div.form-group,
div.form-last fieldset
{
	margin-bottom: 0;
}

#ie6 div.form-last div.form-field,
#ie7 div.form-last div.form-field
{
	padding-bottom: 0;
}

div.form-help-text,
span.form-help-text,
ul.form-errors
{
	font-size: 0.8333em;
}

div.form-inline-field div.form-field
{
	padding-left: 15.5em;
	position: relative;
}

div.form-inline-field div.form-label
{
	left: 0;
	padding-top: 0.333em;
	position: absolute;
	text-align: right;
	top: 0;
	width: 15em;
}

div.form-inline-field div.w-checkboxselectmultiple div.form-label
{
	padding-top: 0;
}

div.form-inline-field div.w-radioselect div.form-label,
div.form-inline-field div.w-radioselect-textinput div.form-label,
div.form-inline-field div.w-selectmultiple div.form-label
{
	padding-top: 0.08333em;
}

div.form-inline-field div.w-nullbooleanselect div.form-label,
div.form-inline-field div.w-select div.form-label,
div.form-inline-field div.w-select-select-select div.form-label
{
	padding-top: 0.1666em;
}

div.form-inline-field table.rows div.form-field
{
	padding-left: 0;
}

div.form-input ul,
ul.form-errors
{
	list-style: none;
	margin: 0;
}

div.form-row
{
	overflow: hidden;
}

div.form-row div.form-field
{
	float: left;
	margin-right: 1.5em;
}

#ie6 div.form-row div.form-field,
#ie7 div.form-row div.form-field
{
	margin-right: 0;
	padding-bottom: 1em;
	padding-right: 1.5em;
}

ul.form-errors
{
	color: #ff3333;
}

/* fields: booleanfield, charfield, choicefield, typedchoicefield, datetimefield, filefield,
filepathfield, floatfield, imagefield, ipaddressfield, multiplechoicefield, nullbooleanfield */

input.f-datefield,
input.f-decimalfield,
input.f-hexcolourfield,
input.f-integerfield,
input.f-splitdatetimefield,
input.f-timefield
{
	width: 7.5em;
}

input.f-emailfield
{
	width: 22.5em;
}

input.f-regexfield,
input.f-urlfield
{
	width: 30em;
}

/* widgets: checkboxinput, checkboxselectmultiple, datetimeinput, fileinput, hiddeninput,
multiplehiddeninput, multiwidget, nullbooleanselect, passwordinput, radioselect, select, selectmultiple,
textarea, textinput */

input.w-splitdatetimewidget,
select.w-splitdateselect,
select.w-otherchoicewidget
{
	margin-right: 0.5em;
}

input.w-radioselect
{
	width: auto;
}

/* filter */

table.filter
{
	margin-bottom: 0.333em;
}

table.filter td
{
	background: #eef;
	border: 0.08333em solid #99f;
	color: #33d;
	margin-bottom: 0.1666em;
	padding: 0.5em 1em;
}

table.filter td.active
{
	background: #fee;
	border-color: #f99;
	color: #f33;
}

/* pagination */

input.w-pagination
{
	text-align: center;
	width: 2em;
}

/* firefox */

@-moz-document url-prefix()
{
	div.form-inline-field div.form-label
	{
		padding-top: 0.1666em;
	}

	div.form-inline-field div.w-nullbooleanselect div.form-label,
	div.form-inline-field div.w-radioselect div.form-label,
	div.form-inline-field div.w-select-select-select div.form-label
	{
		padding-top: 0;
	}

	div.form-inline-field div.w-radioselect-textinput div.form-label,
	div.form-inline-field div.w-select div.form-label
	{
		padding-top: 0.08333em;
	}

	div.form-inline-field div.w-select-textinput div.form-label
	{
		padding-top: 0.25em;
	}
}

	/* dimensions */

.h100
{
	height: 100%;
}

.w16
{
	width: 16%;
}

.w25
{
	width: 25%;
}

.w33
{
	width: 33%;
}

.w50
{
	width: 50%;
}

.w66
{
	width: 66%;
}

.w75
{
	width: 75%;
}

.w83
{
	width: 83%;
}

.w100
{
	width: 100%;
}



/* image links */

a.image
{
	background-repeat: no-repeat;
	display: block;
}

a.image span
{
	display: none;
}



/* layout */

.block
{
	display: block;
}

.center
{
	margin-left: auto;
	margin-right: auto;
}

.clear
{
	clear: both;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.floats
{
	overflow: hidden;
}

.hidden
{
	display: none;
}

.inline
{
	display: inline;
}

.print
{
	display: none;
}

.relative
{
	position: relative;
}

p.float-left
{
	margin-right: 1.5em;
}



/* typography */

dl.padded > dd, dl.padded > dt, ol.padded > li, ul.padded > li
{
	margin-bottom: 1em;
}

.error
{
	color: #f33;
}

.first
{
	margin-top: 0 !important;
}

.info
{
	color: #33f;
}

.last
{
	margin-bottom: 0 !important;
}

.nowrap
{
	white-space: nowrap;
}

.p
{
	margin-bottom: 1em;
}

.success
{
	color: #393;
}

.warning
{
	color: #c93;
}




	/* layout */

	#container
	{
		height: 100%;
		width: 100%;
	}

	#t-body
	{
		height: 650px;
		width: 100%;
	}

	#t-bleed-left, #t-side-bar, #t-content-left, #t-content-right, #t-bleed-right
	{
		height: 100%;
	}

	#t-side-bar
	{
		width: 227px;
	}

	#t-content-left
	{
		width: 274px;
	}

	#t-content-right
	{
		width: 440px;
	}

	/* bleed and drop-shadows */

	div.shadow-left, div.shadow-right
	{
		height: 100%;
		position: absolute;
		top: 0;
		width: 5px;
		z-index: 1;
	}

	div.shadow-left
	{
		background-image: url('/media/thirty30/images/template/drop-shadow/left-trans.png');
		left: 0;
	}

	div.shadow-right
	{
		background-image: url('/media/thirty30/images/template/drop-shadow/right-trans.png');
		right: 0;
	}

	#content-left div.shadow-right
	{
		background-image: url('/media/thirty30/images/template/drop-shadow/left-trans.png');
		left: 274px;
	}

	#bleed-right div.shadow-right
	{
		left: -5px;
	}

	#bleed-top
	{
		background-image: url('/media/thirty30/images/template/drop-shadow/top-trans.png');
		height: 5px;
		margin-top: 19px;
	}

	#bleed-left, #side-bar, #content-left, #content-right, #bleed-right
	{
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
	}

	#bleed-left, #side-bar, #content-left, #bleed-right
	{
		position: relative;
	}

	#bleed-left
	{
		background-image: url('/media/thirty30/images/template/bleed/left.gif');
		background-position: top right;
	}

	#bleed-right
	{
		background-image: url('/media/thirty30/images/template/bleed/right.gif');
	}

	#bleed-bottom
	{
		background-image: url('/media/thirty30/images/template/drop-shadow/bottom-trans.png');
		height: 5px;
	}

	/* side-bar */

	#thirty30
	{
		margin: 24px auto;
		margin-bottom: 12px;
	}

	#navigation
	{
		left: -30px;
		position: absolute;
		z-index: 5;
	}

	#navigation img
	{
		height: 36px;
		width: 252px;
	}

	#side-bar div.content
	{
		left: 0;
		position: absolute;
		top: 339px;
	}

	#apma
	{
		margin: 6px auto;
	}

	/* content-left */

	#content-left div.ribbon-top, #content-left div.ribbon-bottom
	{
		background-image: url('/media/thirty30/images/template/content-left/ribbon-trans.png');
		height: 24px;
		left: 0;
		position: absolute;
		width: 100%;
	}

	#content-left div.ribbon-top
	{
		top: 0;
	}

	#content-left div.ribbon-bottom
	{
		bottom: 0;
	}

	#headline
	{
		line-height: 21px;
		margin-left: 36px;
		margin-right: 18px;
		margin-top: 48px;
	}

	/* footer */

	#footer
	{
		color: #a0a0a0;
		margin: 6px 18px;
		text-align: center;
	}



	/* common elements */

	#side-bar div.panel
	{
		background-color: #f7f7f7;
		padding: 0 18px;
	}

	#side-bar h3
	{
		color: #bc6565;
		margin: 0 18px;
		margin-bottom: -12px;
		position: relative;
		top: -6px;
	}

	#side-bar h3 a
	{
		color: #bc6565;
	}

	#login-form label
	{
		color: #919191;
		font-weight: normal;
	}

	#login-form input.text
	{
		width: 108px;
	}

	#login-form input[type=image]
	{
		float: right;
	}

	#login-form td
	{
		padding: 3px 0;
	}

	dl.project-details dt
	{
		float: left;
		font-weight: bold;
		width: 60px;
	}

	dl.project-details dd
	{
		margin-left: 60px;
		margin-right: 0;
	}



	/* palettes (common) */

	a.palette, a.palette:hover
	{
		color: #054b06;
		cursor: pointer;
		text-decoration: none;
	}

	div.palette
	{
		z-index: 2;
	}

	div.palette dd
	{
		margin-right: 0;
	}

	div.palette div.clear, div.palette div.dark, div.palette div.light
	{
		margin-bottom: 10px;
	}

	div.palette div.header
	{
		background-repeat: no-repeat;
		height: 8px;
	}

	div.palette div.heading
	{
		background-repeat: repeat-y;
		padding: 6px 22px;
		padding-top: 2px;
	}

	div.palette div.heading-shadow, div.palette div.heading-shadow-arrow
	{
		background-repeat: no-repeat;
		height: 12px;
		position: relative;
		width: 100%;
		z-index: 3;
	}

	div.palette div.body
	{
		background-repeat: repeat-y;
		width: 100%;
	}

	div.palette div.content
	{
		margin-top: -12px;
		padding: 18px 4px;
		padding-bottom: 8px;
	}

	div.palette div.content div.inner
	{
		overflow: auto;
		padding: 0 18px;
	}

	div.palette div.content div.markdown
	{
		margin-bottom: -18px;
	}

	div.palette div.button-body a.on
	{
		font-weight: bold;
	}

	div.palette div.footer
	{
		background-repeat: no-repeat;
		height: 14px;
	}

	div.palette textarea
	{
		height: 4em;
		width: 342px;
	}

	/* clear */

	div.palette div.clear div.button
	{
		margin-bottom: -4px;
	}

	div.palette div.clear div.button-body
	{
		background-image: url('/media/thirty30/images/template/palette/small/body-trans.png');
		background-repeat: repeat-y;
	}

	div.palette div.clear div.button a
	{
		display: block;
		padding: 0 18px;
		position: relative;
		text-decoration: none;
		top: 3px;
	}

	/* extended positioning */

	div.palette .bottom
	{
		margin-bottom: -12px;
	}

	div.palette .left
	{
		margin-left: -12px;
	}

	div.palette .right
	{
		margin-right: -12px;
	}

	div.palette .top
	{
		margin-top: -12px;
	}



	/* palettes (content-left) */

	#content-left div.palette
	{
		left: 14px;
		margin-right: -14px;
		position: relative;
		top: 14px;
		width: 282px;
	}

	#content-left div.palette div.header
	{
		background-image: url('/media/thirty30/images/template/palette/small/header-trans.png');
	}

	#content-left div.palette div.heading
	{
		background-image: url('/media/thirty30/images/template/palette/small/heading-trans.png');
	}

	#content-left div.palette div.heading-shadow
	{
		background-image: url('/media/thirty30/images/template/palette/small/heading-shadow-trans.png');
		width: 274px;
	}

	#content-left div.palette div.heading-shadow-arrow
	{
		background-image: url('/media/thirty30/images/template/palette/small/heading-shadow-arrow-trans.png');
	}

	/* clear body */

	#content-left div.palette div.clear div.heading-shadow
	{
		background-image: url('/media/thirty30/images/template/palette/small/clear-heading-shadow-trans.png');
	}

	#content-left div.palette div.clear div.heading-shadow-arrow
	{
		background-image: url('/media/thirty30/images/template/palette/small/clear-heading-shadow-arrow-trans.png');
	}

	#content-left div.palette div.clear div.content
	{
		padding: 0;
	}

	/* dark body */

	#content-left div.palette div.dark div.body
	{
		background-image: url('/media/thirty30/images/template/palette/small/dark-body-trans.png');
	}

	#content-left div.palette div.dark div.footer
	{
		background-image: url('/media/thirty30/images/template/palette/small/dark-footer-trans.png');
	}

	/* light body */

	#content-left div.palette div.light div.body
	{
		background-image: url('/media/thirty30/images/template/palette/small/body-trans.png');
	}

	#content-left div.palette div.light div.footer
	{
		background-image: url('/media/thirty30/images/template/palette/small/footer-trans.png');
	}



	/* palettes (content-right) */

	#content-right div.palette
	{
		left: 32px;
		position: relative;
		top: 43px;
		width: 394px;
	}

	#content-right div.palette div.content div.inner
	{
		max-height: 488px;
	}

	#content-right div.palette div.header
	{
		background-image: url('/media/thirty30/images/template/palette/large/header-trans.png');
	}

	#content-right div.palette div.heading
	{
		background-image: url('/media/thirty30/images/template/palette/large/heading-trans.png');
	}

	#content-right div.palette div.body
	{
		background-image: url('/media/thirty30/images/template/palette/large/body-trans.png');
	}

	#content-right div.palette div.heading-shadow
	{
		background-image: url('/media/thirty30/images/template/palette/large/heading-shadow-trans.png');
	}

	#content-right div.palette div.heading-shadow-arrow
	{
		background-image: url('/media/thirty30/images/template/palette/large/heading-shadow-arrow-trans.png');
	}

	#content-right div.palette div.footer
	{
		background-image: url('/media/thirty30/images/template/palette/large/footer-trans.png');
	}

	/* clear body */

	#content-right div.palette div.clear div.heading-shadow
	{
		background-image: url('/media/thirty30/images/template/palette/large/clear-heading-shadow-trans.png');
	}

	#content-right div.palette div.clear div.heading-shadow-arrow
	{
		background-image: url('/media/thirty30/images/template/palette/large/clear-heading-shadow-arrow-trans.png');
	}

	#content-right div.palette div.clear div.body
	{
		background-image: none;
		padding: 0;
	}

	#content-right div.palette div.clear ul.buttons
	{
		list-style: none;
		margin: 0;
	}

	#content-right div.palette div.clear li
	{
		margin: 0;
		margin-bottom: -6px;
	}

	#content-right div.palette div.clear div.button-body
	{
		background-image: url('/media/thirty30/images/template/palette/large/body-trans.png');
		background-repeat: repeat-y;
	}

	#content-right div.palette div.clear a
	{
		display: block;
		padding: 0 18px;
		position: relative;
		text-decoration: none;
		top: 3px;
	}

	/* dark body */

	#content-right div.palette div.dark div.body
	{
		background-image: url('/media/thirty30/images/template/palette/large/dark-body-trans.png');
	}

	#content-right div.palette div.dark div.footer
	{
		background-image: url('/media/thirty30/images/template/palette/large/dark-footer-trans.png');
	}

	/* light body */

	#content-right div.palette div.light div.body
	{
		background-image: url('/media/thirty30/images/template/palette/large/body-trans.png');
	}

	#content-right div.palette div.light div.footer
	{
		background-image: url('/media/thirty30/images/template/palette/large/footer-trans.png');
	}



	/* typography */

	a
	{
		color: #000099;
	}

	body
	{
		color: #054b06;
	}

	h2
	{
		font-size: 15px;
		font-weight: normal;
	}

	h3
	{
		font-size: 12px;
	}

	h4
	{
		font-size: 11px;
		font-weight: normal;
	}

	#headline
	{
		color: #ffffff;
	}

	div.palette div.dark div.body
	{
		color: #ffffff;
	}

	div.palette div.dark div.body a
	{
		color: #ffffff;
	}



	/* project images */

	div.project-image
	{
		position: relative;
	}

	div.project-image a
	{
		display: block;
		text-decoration: none;
	}

	div.project-image, div.project-image img.small, div.project-image img.medium
	{
		border-color: #303030;
		border-style: solid;
		border-width: 2px;
	}

	div.project-image img.small
	{
		border-width: 1px;
	}

	div.project-image a:hover img.small, div.project-image a:hover img.medium
	{
		border-color: #ffffff;
	}

	div.project-image img.medium
	{
		height: 49px;
		width: 254px;
	}

	div.project-image img.small
	{
		height: 36px;
		width: 36px;
	}

	div.project-image div.title
	{
		background-image: url('/media/thirty30/images/template/overlays/dark-grey-trans.png');
		bottom: 0;
		color: #ffffff;
		cursor: pointer;
		display: none;
		font-size: 9px;
		margin: 2px;
		padding: 0 6px;
		position: absolute;
	}



	/* home */

	body.root #headline
	{
		text-align: right;
	}

	body.root #content-left
	{
		background-color: #90e424;
	}

	body.root #shocking-truth
	{
		color: #ff9c00;
		font-size: 30px;
		line-height: 39px;
	}

	body.root #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/home.jpg');
	}

	/* palettes */

	body.root div.palette div.dark div.body dt
	{
		color: #7cca16;
	}



	/* the shocking truth */

	body.crumb-shocking-truth #content-left
	{
		background-color: #00a4ec;
	}

	body.crumb-shocking-truth #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/experimental.jpg');
	}



	/* capabilities */

	body.crumb-capabilities #content-left
	{
		background-color: #79dbf9;
	}

	body.crumb-capabilities #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/capabilities.jpg');
	}



	/* portfolio */

	body.crumb-portfolio #content-left
	{
		background-color: #c32223;
	}

	body.crumb-portfolio #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/portfolio.jpg');
	}

	/* case studies */

	body.crumb-portfolio div.case-studies
	{
		margin: -12px 6px;
	}

	body.crumb-portfolio div.case-studies div.project-image
	{
		margin-bottom: 2px;
	}

	body.crumb-portfolio div.case-studies div.last
	{
		margin-bottom: 0;
	}

	/* client list */

	body.crumb-portfolio #client-list
	{
		overflow: hidden;
		width: 350px;
	}

	body.crumb-portfolio #client-list dl
	{
		float: left;
		margin-bottom: -18px;
		width: 50%;
	}

	body.crumb-portfolio #client-list dt.last, body.crumb-portfolio #client-list dd.last
	{
		margin-bottom: 18px !important;
	}

	/* recent projects */

	body.crumb-portfolio div.recent-projects
	{
		margin: -12px 0;
		overflow: hidden;
		padding: 0 6px;
	}

	body.crumb-portfolio div.recent-projects div.project-image
	{
		float: left;
		margin-bottom: 2px;
		margin-right: 2px;
	}

	body.crumb-portfolio div.recent-projects div.last
	{
		margin-right: 0;
	}



	/* experimental */

	body.crumb-experimental #content-left
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/experimental.jpg');
		background-repeat: no-repeat;
		width: 714px;
	}

	body.crumb-experimental #buttons
	{
		left: 51px;
		position: relative;
		top: -13px;
		z-index: 4;
	}

	body.crumb-experimental #buttons img
	{
		height: 26px;
		margin-bottom: 6px;
		margin-right: 6px;
		width: 26px;
	}

	body.crumb-experimental #buttons-1, body.crumb-experimental #buttons-2
	{
		width: 26px;
	}

	body.crumb-experimental #buttons-2
	{
		left: 32px;
		position: absolute;
		top: 64px;
	}

	body.crumb-experimental #buttons-3
	{
		left: 32px;
		position: absolute;
		top: 320px;
	}

	body.crumb-experimental #buttons-4
	{
		left: 128px;
		position: absolute;
		top: 352px;
	}

	body.crumb-experimental #buttons-3 img, body.crumb-experimental #buttons-4 img
	{
		float: left;
	}



	/* credentials */

	body.crumb-credentials #content-left
	{
		background-color: #79dbf9;
	}

	body.crumb-credentials #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/capabilities.jpg');
	}

	body.crumb-credentials #enter-code-form td input, body.crumb-credentials #request-credentials-form td input
	{
		width: 160px;
	}



	/* contacts */

	body.crumb-contacts #content-left
	{
		background-color: #c32223;
	}

	body.crumb-contacts #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/portfolio.jpg');
	}



	/* grinner */

	body.crumb-grinner #content-left
	{
		background-color: #c32223;
	}

	body.crumb-grinner #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/xmas-07.jpg');
	}

	/* motiv8 */

	body.crumb-motiv8 #content-left
	{
		background-color: #c32223;
	}

	body.crumb-motiv8 #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/xmas-07.jpg');
	}

	/* coooeee */

	body.crumb-coooeee #content-left
	{
		background-color: #c32223;
	}

	body.crumb-coooeee #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/xmas-07.jpg');
	}


	/* newsletters */

	body.crumb-newsletters #content-left
	{
		background-color: #c32223;
	}

	body.crumb-newsletters #headline
	{
		text-align: right;
	}

	body.crumb-newsletters #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/portfolio.jpg');
	}



	/* login */

	body.crumb-login #content-left
	{
		background-color: #c32223;
	}

	body.crumb-login #content-right
	{
		background-image: url('/media/thirty30/images/content-right/backgrounds/portfolio.jpg');
	}



	body, html, #body
	{
		height: 100%;
	}

	img
	{
		display: block;
	}

	#body
	{
		padding: 0;
	}