/*
Last Updated 11 Oct 06 / by Sandor Weisz
*/

/* @group General */

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

br.clr {
	clear: both;
}

/* @end */

/* @group Layout */

body {
	text-align: center;
	margin: 0;
	padding: 0;
}

p, form, ul, ol {
	margin: 0 0 10px 0;
}

div.attr {
	text-align: right;
}

#wrap {
	width: 620px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	height: 240px;
	margin-bottom: 10px;
}

a#contactus {
	position: absolute;
	top: 15px;
	left: 0;
}

#title {
	position: absolute;
	top: 89px;
	left: 7px;
	width: 310px;
}

body a#contactus {
	width: 52px;
	height: 48px;
}

#nav {
	position: absolute;
	top: 198px;
	width: 334px;
	height: 19px;
}

#nav li {
	height: 19px;
	float: left;
}

#nav li a {
	height: 19px;
	display: block;
	background: url(/i/general/nav.gif) no-repeat;
}

#nav #company a {
	width: 72px;
}

.company #nav #company a, #nav #company a:hover {
	background-position: 0px -19px;
}

#nav #whatis a {
	width: 109px;
	background-position: -72px 0;
}

.whatis #nav #whatis a, #nav #whatis a:hover {
	background-position: -72px -19px;
}

#nav #services a {
	width: 91px;
	background-position: -181px 0;
}

.services #nav #services a, #nav #services a:hover {
	background-position: -181px -19px;
}

#nav #art a {
	width: 37px;
	background-position: -272px 0;
}

.art #nav #art a, #nav #art a:hover {
	background-position: -272px -19px;
}

#subnav {
	position: absolute;
	top: 223px;
	left: 12px;
	width: 314px;
	height: 9px;
}

#subnav li {
	float: left;
}

#subnav li a {
	height: 9px;
	display: block;
	background-repeat: no-repeat;
	line-height: 1px;
}

#subnav li a:hover {
	text-decoration: none;
}

.company #subnav li a {
	background-image: url(/i/company/subnav.gif);
}

.whatis #subnav li a {
	background-image: url(/i/whatis/subnav.gif);
}

.services #subnav li a {
	background-image: url(/i/services/subnav.gif);
}

.art #subnav li a {
	background-image: url(/i/art/subnav.gif);
}

#subnav #aboutno a {
	width: 129px;
}

#subnav #testimonials a {
	width: 70px;
	background-position: -129px 0;
}

#subnav #design a {
	width: 100px;
}

#subnav #org a {
	width: 79px;
	background-position: -100px 0;
}

#subnav #tips a {
	width: 80px;
	background-position: -179px 0;
}

#subnav #why a {
	width: 74px;
}

#subnav #photos a {
	width: 56px;
	background-position: -74px 0;
}

#subnav #news a {
	width: 92px;
	background-position: -130px 0;
}

#subnav #faqs a {
	width: 45px;
	background-position: -222px 0;
}

#subnav #furnishings a {
	width: 73px;
}

#subnav #artists a {
	width: 59px;
	background-position: -73px 0;
}

.testimonials #subnav #design a, #subnav #testimonials a:hover {
	background-position: -129px -9px;
}

.design #subnav #design a, #subnav #design a:hover {
	background-position: 0 -9px;
}

.org #subnav #org a, #subnav #org a:hover {
	background-position: -100px -9px;
}

.tips #subnav #tips a, #subnav #tips a:hover {
	background-position: -179px -9px;
}

.why #subnav #why a, #subnav #why a:hover {
	background-position: 0px -9px;
}

.photos #subnav #photos a, #subnav #photos a:hover {
	background-position: -74px -9px;
}

.news #subnav #news a, #subnav #news a:hover {
	background-position: -130px -9px;
}

.faqs #subnav #faqs a, #subnav #faqs a:hover {
	background-position: -222px -9px;
}

.furnishings #subnav #furnishings a, #subnav #furnishings a:hover {
	background-position: 0 -9px;
}

.artists #subnav #artists a, #subnav #artists a:hover {
	background-position: -73px -9px;
}

#main {
	width: 330px;
	float: left;
	padding-right: 25px;
}

#main.wide {
	width: 620px;
	padding: 0;
}

#rail {
	width: 260px;
	float: right;
	text-align: center;
}

#rail.quote {
	padding-top: 34px;
}

#main, #rail {
	padding-bottom: 20px;
}

#rail.quote img {
	margin-bottom: 16px;
}

h2 {
	margin-bottom: 1em;
}

.news h2, .articles h2 {
	margin-bottom: .4em;
}

h3 {
	margin-bottom: 1.1em;
}

h4 {
	margin-bottom: 1em;
	padding-left: 8px;
}

.photo img {
	margin-bottom: 10px;
}

#main dt, #main dd, #main li {
	margin: 0 0 16px 0;
	padding: 0 0 0 14px;
}

#main dt {
	margin: 0 0 1px 0;
	padding-left: 13px;
	font-weight: bold;
	line-height: 16px;
}

#main dd {
	background: none;
	font-size: .9em;
}

.half {
	width: 288px;
	margin-right: 20px;
	float: left;
}

label {
	clear: both;
	float: left;
	display: block;
	margin: 0 6px 2px 0;
	width: 80px;
}

label.inline {
	clear: none;
	width: 35px;
	margin-left: 10px;
}

.contact span {
	float: left;
	margin: 0 12px 0 5px;
}

.contact input {
	margin-bottom: 6px;
	float: left;
}

.contact input.button {
	margin: 10px 0 0 86px;
}

.contact textarea {
	float: left;
}

#footer {
	clear: both;
	padding-top: 10px;
	padding-bottom: 15px;
}

/* @end */

/* @group Borders and backgrounds */

body {
	background: url(/i/home/bg.gif) repeat-x;
}

body.company {
	background-image: url(/i/company/bg.gif);
}

body.whatis {
	background-image: url(/i/whatis/bg.gif);
}

body.services {
	background-image: url(/i/services/bg.gif);
}

body.slideshow {
	background: url(/i/photos/bg.gif) repeat-x;
}

body.art {
	background-image: url(/i/art/bg.gif);
}

body.contact {
	background-image: url(/i/contact/bg.gif);
}

body #header {
	background: url(/i/home/room.gif) no-repeat right 0;
}

body.company #header {
	background-image: url(/i/company/room.gif);
}

body.whatis #header {
	background-image: url(/i/whatis/room.gif);
}

body.services #header {
	background-image: url(/i/services/room.gif);
}

body.art #header {
	background-image: url(/i/art/room.gif);
}

body.contact #header {
	background-image: url(/i/contact/room.gif);
}

body.home a#contactus {
	background: url(/i/home/contactus.gif) no-repeat;
}

body.company a#contactus {
	background: url(/i/company/contactus.gif) no-repeat;
}

body.whatis a#contactus {
	background: url(/i/whatis/contactus.gif) no-repeat;
}

body.services a#contactus {
	background: url(/i/services/contactus.gif) no-repeat;
}

body.art a#contactus {
	background: url(/i/art/contactus.gif) no-repeat;
}

body.contact a#contactus {
	background: url(/i/contact/contactus.gif) no-repeat;
}

body a#contactus:hover {
	background-position: 0 -63px;
}

#nav {
	background: url(/i/general/nav.gif) no-repeat;
}

#main {
	border-right: 2px solid #ebebeb;
}

#main.wide {
	border: none;
}

h4 {
	border-left: 8px solid #e7e7e7;
}

.photo img {
	border: 9px solid #e4e8ee;
}

#main dt, #main dd, #main li {
	background: url(/i/general/arrows.gif) no-repeat 0 3px;
}

#main dd {
	background: none;
}

input, textarea {
	border: 1px solid #777;
}

#footer {
	border-top: 1px solid #ebebeb;
}

/* @end */

/* @group Typography */

body {
	color: black;
	font: 75.25% Verdana, Tahoma, Arial;
}

a {
	color: #370124;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p, form, ul, ol {
	font-size: 1em;
}

h1 {
	font-size: 1.9em;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: black;
}

h3 {
	font-size: 1.2em;
	font-weight: bold:color:black;
}

h3.err {
	color: red;
}

h4 {
	font-weight: normal;
	font-size: .95em;
	color: #272727;
}

h5 {
	font-size: .8em;
}

.photo p {
	color: #630;
	font-size: .8em;
	font-weight: bold;
}

#main {
	color: #000;
	line-height: 1.5em;
	text-align: justify;
}

#main b {
	color: #630;
}

#main b em {
	color: black;
	font-style: normal;
}

#main dt {
	font-weight: bold;
	line-height: 16px;
}

#main dd {
	font-size: .9em;
}

#rail b {
	color: #630;
}

#rail p.note {
	font-size: .85em;
	line-height: 1.3em;
	color: #222;
	padding: 0 20px;
}

label {
	font-weight: bold;
	font-size: .95em;
}

label.inline {
	text-align: right;
}

#footer {
	font-size: .85em;
	line-height: 1.3em;
	color: #222;
}

#footer a {
	color: #738169;
}

#footer em {
	font-style: normal;
	color: #630;
}

/* @end */