html {
	background: #dfcda7 url(img/shine.gif) fixed bottom left repeat-x;
}
body {
	margin: 0;
	background: url(img/background.gif) repeat-x;
	color: #55421c;
	font: 13px/18px "helvetica neue", arial, sans-serif;
}
a {
	color: #0087c7;
	text-decoration: none;
}
a:hover {
	background: #ffab00;
	color: #fff;
}

/* a shadow around the wrapper */
#shadow {
	width: 736px;
	margin: 0 auto;
	background: url(img/shadow.png) repeat-y;
}

/* hide the PNG from IE */
* html #shadow {
	background: transparent;
}

/* the two-tone wrapper around the content */
#wrapper {
	position: relative;
	width: 720px;
	margin: 0 8px;
	background: #fff url(img/wrapper.gif) repeat-y;
}

/* the header box that contains the logo and address line */
#header {
	height: 92px;
	background: url(img/gradient.gif) repeat-y;
}

/* the logo is shown using Farhner Image Replacement on a H1 */
#header h1 {
	position: absolute;
	left: 25px;
	top: 9px;
	width: 188px;
	height: 72px;
	margin: 0;
	background: url(img/logo.gif);
	text-indent: -999em;
}

/* the address line */
#header p {
	position: absolute;
	right: 8px;
	top: 68px;
	margin: 0;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
}

/* the masthead box */
#masthead {
	background: url(img/gradient.gif) repeat-y;
}

.page_11 #masthead, .page_14 #masthead,
.page_15 #masthead, .page_66 #masthead,
.page_16 #masthead, .page_67 #masthead,
.page_17 #masthead, .page_68 #masthead,
.page_49 #masthead, .page_72 #masthead,
.page_51 #masthead, .page_74 #masthead,
.page_52 #masthead, .page_75 #masthead,
.page_53 #masthead, .page_76 #masthead,
.page_55 #masthead, .page_71 #masthead,
.page_59 #masthead, .page_79 #masthead,
.page_65 #masthead, .page_77 #masthead {
	height: 212px;
}

/* the photo box inside the masthead */
#masthead #photo {
}

/* different images for different pages */
.page_11 #photo, .page_14 #photo {
	height: 200px;
	background: url(/photo/masthead.jpg);
}
.page_15 #photo, .page_66 #photo {
	height: 200px;
	background: url(/photo/bookprint.jpg);
}
.page_16 #photo, .page_67 #photo {
	height: 200px;
	background: url(/photo/accessory.jpg);
}
.page_17 #photo, .page_68 #photo {
	height: 200px;
	background: url(/photo/finishing.jpg);
}
.page_49 #photo, .page_72 #photo {
	height: 200px;
	background: url(/photo/motterstitch.gif);
}
.page_51 #photo, .page_74 #photo {
	height: 200px;
	background: url(/photo/quad_tech.gif);
}
.page_52 #photo, .page_75 #photo {
	height: 200px;
	background: url(/photo/controls_group.jpg);
}
.page_53 #photo, .page_76 #photo {
	height: 200px;
	background: url(/photo/baldwin_jimek.jpg);
}
.page_55 #photo, .page_71 #photo {
	height: 200px;
	background: url(/photo/rima_systems.jpg);
}
.page_59 #photo, .page_79 #photo {
	height: 200px;
	background: url(/photo/harland_simon.jpg);
}
.page_65 #photo, .page_77 #photo {
	height: 200px;
	background: url(/photo/toppy.jpg);
}

/* the language selector */
#lang {
	position: absolute;
	top: 8px;
	right: 8px;
}
#lang ul {
	list-style: none;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
}
#lang a {
	display: block;
	color: #fff;
}
#lang #fi {
	background: url(/img/finnish.gif) no-repeat;
}
#lang #en {
	background: url(/img/english.gif) no-repeat;
}

/* hide selected language */
#lang.fi #fi {
	display: none;
}
#lang.en #en {
	display: none;
}

/* the sidebar and sidebar menu */
#menu {
	display: none !important;
}

#sidebar, #menu {
	clear: right;
	float: right;
	display: inline;
	width: 200px;
	margin: 0 1px 16px 0;
}
#sidebar ul, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar ul {
	padding-left: 7px;
}
#sidebar a {
	display: block;
	padding: 2px 7px;
}
#menu a {
	display: block;
	height: 50px;
	padding: 7px;
	background: url(img/menu.gif) no-repeat;
	color: #163442;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
}
.index #menu .index a,
.newsprint #menu .newsprint a,
.heatset #menu .heatset a,
.bookprint #menu .bookprint a,
.accessory #menu .accessory a,
.finishing #menu .finishing a,
.services #menu .services a,
.contact #menu .contact a,
#menu li a.selected,
#menu li a:hover {
	background-position: 0 -64px;
	color: #fff;
	text-decoration: none;
}
#menu span {
	display: none;
}

/* the main content box */
#main {
	float: left;
	display: inline;
	width: 450px;
	padding: 28px 0 0 32px;
}
#main h1 {
	display: none;
}
#main h2 {
	margin: 0 0 18px 0;
	font: normal 28px/24px "helvetica neue", arial, sans-serif;
	letter-spacing: -1px;
}
#main h2 img {
	float: right;
}
#main h2 a img {
	border: 0;
}
#main p {
	margin: 0 0 12px 0;
}

/* navigation after the article */
#main #nav {
	margin: 16px 0;
	border-top: 1px solid #dfcda7;
}
#main #nav ul {
	padding: 0;
	list-style-image: none;
	list-style: none;
}
#main #nav ul ul {
	padding-left: 18px;
}
#main #nav li a.selected {
	color: #000;
	font-weight: bold;
}
#main #nav li a.editable {
	background: #999;
	color: #fff;
}
#main #nav li a.editable:hover {
	background: #ffab00;
	color: #fff;
}

/* a pull-quote style box */
#main .pull {
	float: left;
	display: inline;
	width: 196px;
	margin: 0 18px 0 -31px;
	padding: 12px 12px 12px 32px;
	border-top: 1px solid #bfa060;
	background: #dfcda7 url(img/shine.gif) repeat-x bottom left;
	color: #55421c;
	font-size: 16px;
	line-height: 22px;
}

/* lists */
#main dl {
	width: 450px;
	margin: 12px 0;
	padding: 0;
	border-bottom: 1px solid #dfcda7;
}
#main dt {
	position: relative;
	margin: 0;
	padding: 4px 0;
	border-top: 1px solid #dfcda7;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
#main dt img {
	position: absolute;
	top: 4px;
	right: 0;
	border: 0;
}
#main dd {
	margin: 0;
	padding: 0 80px 32px 0;
}
#main ol {
	margin: 6px 0;
	padding: 0 0 0 18px;
}
#main ul {
	margin: 6px 0;
	padding: 0 0 0 18px;
	list-style: url(img/bullet.gif);
}
#main ul ul {
	margin: 0;
}

/* site footer */
#footer {
	clear: both;
	background: url(img/gradient.gif) repeat-y;
	color: #fff;
	font-size: 11px;
}
#footer p {
	margin: 0;
	padding: 12px 8px 12px 30px;
	text-align: right;
}
#footer a {
	color: #fff;
}
#footer span {
	float: left;
	display: inline;
}

/* forms */
form {
	margin: 0 0 32px -4px;
}
form fieldset {
	margin-top: 16px;
	border: 0;
}
form legend {
	font-weight: bold;
}
form label {
	float: left;
	display: inline;
	margin: 8px 4px 0 0;
}
form input, form select, form textarea {
	display: block;
	padding: 2px;
	border: 1px solid #0087c7;
}
form input, form textarea {
	font-family: courier, monospace;
}
form textarea {
	width: 450px;
}
form input[type="hidden"] {
	display: none;
}
form input.button {
	float: right;
	display: inline;
	width: 160px;
	margin-left: 16px;
	font-family: "helvetica neue", arial, sans-serif;
}
form fieldset .disabled {
	border: 0;
}
form br {
	clear: left;
}