* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%; /* konqueror background color */
	background: #C5C5C5 url(img/gradient/grey-vertical-tall.gif) repeat-x top left;
}
body {
	padding-top: 50px;
	background: url(img/shadow/rectangular-large.png) no-repeat 50% 46px;
	padding-bottom: 10px;
	color: #514D4E;
}
#container {
	margin: auto;
	background: #373C3E url(img/gradient/black-slanted-tall.jpg) no-repeat top left;
	width: 764px;
	height: 453px;
	border: solid 1px #FFF;
	overflow: hidden;
	position: relative;
}
.no-css {
	display: none;
}
li {
	margin-left: 20px;
}
.content {
	overflow: auto;
	background-color: #FFF;
	height: 100%;
}
p a {
	text-decoration: underline;
}
a.broken {
	/* as a reminder that these links need to be fixed */
	background-color: #ffb;
}
h1,
#menu,
.content {
	padding: 22px 16px;
}

h2 {
	margin-bottom: .7em;
	line-height: 1em;
}
h1,
#menu,
#footer {
	/* width: 18.2%; */
	width: 139px;
	float: left;
}
h1,
h1 a,
h1 a:hover,
#menu,
#footer {
	color: #FFF;
	text-decoration: none;
}
h3.subtitle {
	margin-right: 9px;
}
q {
	display: block;
}
ul.links {
	list-style-image: url(img/icon/arrow.gif);
}
/*
for ie?
ul.links {
	list-style-type: none;
	margin-left: 0;
}
ul.links a {
	padding-left: 10px;
	background: url(img/icon/arrow.gif) no-repeat left .4em;
}
*/

/* previous and next links */
a.next,
a.previous {
	text-decoration: none;
	background-repeat:  no-repeat;
}
a.next {
	padding-right: 11px;
	background-image: url(img/icon/arrow.gif);
	background-position: right center;
	float: right;
	clear: right;
	margin-right: 9px;
}
a.previous {
	padding-left: 11px;
	background-image: url(img/icon/arrow-back.gif);
	background-position: left center;
	float: left;
	clear: left;
}
a.next:hover,
a.previous:hover {
	text-decoration: underline;
}
a.next:hover {
	background-image: url(img/icon/arrow-hover.gif);
}
a.previous:hover {
	background-image: url(img/icon/arrow-back-hover.gif);
}
.gallery a.next {
	margin-right: 0;
}

/* forms */
form {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
}
fieldset {
	float: left;
	border: none;
}
.text {
	padding: 1px 2px;
	background: #FFF url(img/gradient/grey-white-vertical-small.gif) repeat-x;
	border: solid 1px #5C6466;
}
.text:focus {
	/*background-color: #efefef; */
	/* border-color: #000; */
	/* background-image: none; */
}
label {
	float: left;
	width: 7em;
	clear: left;
	margin-right: 3px;
	padding-top: 3px;
}
label,
input,
textarea,
form td {
	margin-bottom: 10px;
	color: #000 !important;
}
.button {
	float: right;
	width: 7em;
	margin-left: 15px;
}
label.error {
	/* background: url(img/icon/arrow-error.gif) no-repeat right .6em; */
}
p.error {
	background: url(img/icon/arrow-error.gif) no-repeat left .5em;
	padding-left: 11px;
	margin-top: -5px;
	color: #E00;
}
input.error,
textarea.error {
	border-color: #E00 !important;
	border-width: 2px;
	margin-left: -1px;
	margin-top: -1px;
}

/* Portfolio */
.portfolio {
	width: 258px;
}
.gallery {
	position: absolute;
	bottom: 1px;
	padding: 10px 25px 15px;
	margin-left: -16px;
	margin-right: -16px;
	/* border-top: dotted 1px; */
	background: url(img/shadow/separator.gif) no-repeat left top;
	width: 240px;
}
.gallery p {
	line-height: inherit;
}
.gallery .thumbnail {
	margin-right: 10px;
	margin-bottom: 10px;
}
.gallery .last {
	margin-right: 0;
}
.gallery .thumbnail,
.gallery .thumbnail img {
	float: left;
}
.gallery a.thumbnail:hover,
.gallery strong.thumbnail {
	border: solid 1px #333;
	position: relative;
	margin-top: -2px;
	top: 1px;
	left: 1px;
	margin-left: -2px;
}
.display  {
	position: absolute;
	bottom: 0;
}
.display img {
	position: absolute;
	right: -568px;
	top: -452px;
}

/* Footer */
#footer {
	bottom: 0;
	left: 0;
	position: absolute;
	text-align: center;
}