@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%;
	background: url(../images/interface/htmlBG.gif) top left repeat-x fixed #cecbc6;
}

body {
	position: relative;
	width: 900px;

	margin: -10px auto 0 auto;
	padding-top: 135px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul#masthead {
	position: absolute;
	top: 0;

	width: 900px;
	height: 30px;

	margin: 0 auto;
	padding-top: 95px;

	background: url(../images/interface/masthead.gif) top left repeat-x;
	list-style-type: none;
}

ul#masthead li {
	float: right;
	height: 30px;
	margin-left: 5px;
}

ul#masthead li a {
	display: block;
	padding: 0 5px 0 5px;
	height: 30px;
	line-height: 25px;

	font-size: 11px;
	text-decoration: none;

	color: #fff;
	background: url(../images/interface/mastheadA.gif) top left repeat-x #71002d;
}

ul#masthead li a:hover { background-position: bottom left; }

/* COLLECTIONS MENU */
ul#masthead li ul { display: none; }

ul#masthead li:hover ul {
	position: absolute;
	display: block;
	z-index: 2;
}

ul#masthead li ul li {
	position: relative;
	left: -20px;
	float: left;
	clear: left;
}

ul#masthead li ul li, ul#masthead li ul li a {
	display: block;
	padding: 0;

	width: 125px;
	height: 20px;

	line-height: 20px;
	background: #71002d;
	font-size: 11px;
}

ul#masthead li ul.wider, ul#masthead li ul.wider li, ul#masthead li ul.wider li a { width: 250px; }

ul#masthead li ul li a { text-indent: 5px; }
ul#masthead li ul li { border-bottom: 2px solid #c2beb8; }
ul#masthead li ul li a:hover { background-color: #86264c; }

ul#masthead li ul li.heading {
	color: #cc0;
	padding-top: 5px;
	text-indent: 5px;
}

/* MISC */
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 27px;
	font-weight: normal;
	margin-bottom: 20px;
}

h1, p, ul { color: #71002d; }
h2 {
	color: #333;
	clear: both;

	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
	font-style: italic;

	margin: 5px 0 10px 0;
}
p, ul { line-height: 18px; }

img {
	padding: 2px;
	border: 1px solid #71002d;
}

h1.title {
	display: block;
	clear: both;

	margin-top: 10px;

	text-indent: -10000px;
	overflow: hidden;
}

h1.title.classical {
	width: 281px;
	height: 17px;
	background: url(../images/interface/classicalInterior.gif) top left no-repeat;
}

h1.title.country {
	width: 200px;
	height: 43px;
	background: url(../images/interface/countryInterior.gif) top left no-repeat;
}

h1.title.contemporary {
	width: 272px;
	height: 18px;
	background: url(../images/interface/contemporaryInterior.gif) top left no-repeat;
}

h1.title.liberty {
	width: 277px;
	height: 18px;
	background: url(../images/interface/libertyInterior.gif) top left no-repeat;
}

h4 {
	position: relative;
	top: 10px;
	clear: both;
	display: block;

	width: 860px;

	padding: 20px;
	margin: 0 auto;

	color: #71002d;
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-align: center;
	
	background: url(../images/interface/whiteBG.gif) top left repeat #fff;
	border: 1px solid #71002d;
}

/* FORM STUFF */
form#contact {
	float: left;
	width: 40%;
}

form fieldset { border: 0; }

form ol {
	width: 100%;
	list-style-type: none;
}

form ol li {
	float: left;
	clear: both;

	margin: 5px 0;
	border: 1px solid #71002d;

	width: 312px;
	height: 30px;
}

form ol li.button {
	width: auto;
	height: 33px;
}

form ol li.message {
	width: 312px;
	height: auto;
}

form ol li label, form ol li input, form ol li textarea {
	float: left;
	margin: 2px 2px 0 2px;

	color: #71002d;
	background-color: #fff;
}

form ol li label {
	display: block;
	width: 102px;
	height: 26px;

	line-height: 26px;
	text-indent: 4px;

	margin-right: 0;
	font-weight: bold;
}

form ol li input, form ol li textarea {
	width: 200px;
	padding: 6px 2px;
	border: 0;

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

form ol li textarea {
	clear: both;
	width: 304px;
	height: 100px;
	margin-bottom: 2px;
}

form ol li.message label { width: 308px; }
form ol li input.button { font-weight: bold; }

form ol li input.button:hover { background-color: #ccc; }

/* HOME PAGE TEXT */
div#homeText {
	position: absolute;
	top: 700px;
	left: 0;
}

div#homeText p { margin-bottom: 10px; }

/* HOME PAGE ANIMATION */
a.homeAnim {
	position: relative;

	width: 404px;
	height: 439px;

	text-decoration: none;
	margin: 0 auto;
}

a.homeAnim span {
	position: absolute;

	width: 380px;
	bottom: 0;

	margin: 0 0 2px 2px;
	padding: 10px;

	color: #fff;
	background: url(../images/interface/semi75.png) top left repeat;
}

a.homeAnim span strong {
	display: block;
	margin-bottom: 10px;
	font-size: 17px;
}

a.homeMenu {
	position: absolute;
	width: 194px;
	height: 211px;
}

a.homeAnim, a.homeMenu {
	display: block;

	border: 1px solid #71002d;
	background-position: 2px 2px;
	background-repeat: no-repeat;
}

a.homeMenu:hover { background-position: 2px -207px; }

a.homeAnim.classical {		background-image: url(../images/homeAnimation/classical.jpg); }
a.homeAnim.country {		background-image: url(../images/homeAnimation/country.jpg); }
a.homeAnim.contemporary {	background-image: url(../images/homeAnimation/contemporary.jpg); }
a.homeAnim.liberty {		background-image: url(../images/homeAnimation/liberty.jpg); }

a.homeMenu.classical {		top: 135px;	left: 20px;		background-image: url(../images/homeAnimation/classical_s.jpg); }
a.homeMenu.country {		top: 363px;	left: 20px;		background-image: url(../images/homeAnimation/country_s.jpg); }
a.homeMenu.contemporary {	top: 135px;	left: 690px;	background-image: url(../images/homeAnimation/contemporary_s.jpg); }
a.homeMenu.liberty {		top: 363px;	left: 690px;	background-image: url(../images/homeAnimation/liberty_s.jpg); }

/* PROCESS PAGE */
ul#process {
	list-style: none;
	margin: 20px 0;

	background: url(../images/interface/whiteBG.gif) top left repeat #fff;
	border: 1px solid #71002d;
}

ul#process li {
	float: left;
	width: 205px;

	text-align: justify;
	margin: 20px 0 20px 70px;
}

ul#process li h2 {
	display: block;

	color: #71002d;
	margin-bottom: 20px;

	width: 205px;
	height: 30px;
	line-height: 30px;

	overflow: hidden;
	text-align: center;

	font-size: 27px;
	font-weight: normal;
}

ul#process li img { margin-bottom: 20px; }

a.interiorsMenu {
	display: block;
	float: left;
	margin: 10px 10px;

	width: 194px;
	height: 111px;

	border: 1px solid #71002d;
	background: url(../images/process/interiorsMenu.jpg) top left no-repeat;
}

a.interiorsMenu.classical { background-position: 2px 2px; }
a.interiorsMenu.country { background-position: -190px 2px; }
a.interiorsMenu.contemporary { background-position: -382px 2px; }
a.interiorsMenu.liberty { background-position: -574px 2px; }

a.interiorsMenu.classical:hover { background-position: 2px -107px; }
a.interiorsMenu.country:hover { background-position: -190px -107px; }
a.interiorsMenu.contemporary:hover { background-position: -382px -107px; }
a.interiorsMenu.liberty:hover { background-position: -574px -107px; }

/* CLASSICAL PAGE */

/* SLIDESHOW STUFF */
div#slideshowMain {
	position: relative;

	width: 894px;
	height: 450px;

	margin: 20px auto;
	padding: 2px;

	border: 1px solid #71002d;
	background: url(../images/classical/1.jpg) 2px 2px no-repeat;
	text-decoration: none;
}

div#slideshowMain.cs {
	float: right;
	width: 430px;
	height: 300px;
	margin-right: 10px;
}

div#slideshowMain.cs.gallery {
	margin-top: 0;
	width: 485px;
	height: 321px;
	margin-right: 0;
}

span#slideshowTag {
	position: absolute;

	width: 874px;
	bottom: 0;

	margin: 0 0 2px 0;
	padding: 10px;

	font-size: 25px;
	color: #fff;
	background: url(../images/interface/semi75.png) top left repeat;
}

span#slideshowTag p { color: #fff; }

div#slideshowImages {
	clear: both;
	width: 900px;
	margin-top: 20px;
}

div#slideshowImages img.slideshow {
	display: block;
	float: left;
	cursor: pointer;

	width: 200px;
	margin: 10px 9px;
}

div.floatBox div#slideshowImages { width: 100%; }
div.floatBox div#slideshowImages img.slideshow { width: 75px; }

/* GALLERY STUFF */
div#tabStops {
	width: 900px;
	height: 5px;
	margin-top: 15px;
	background: url(../images/interface/tabStops.gif) top center no-repeat;
	margin-bottom: 0;
}

ul#galleryMenu, ul#galleryMenu li, ul#galleryMenu li a { display: block; height: 46px; line-height: 46px; }
ul#galleryMenu li, ul#galleryMenu li a { width: 140px; }

ul#galleryMenu {
	clear: both;
	width: 894px;
	padding-left: 5px;
	list-style: none;
	text-align: center;
	background-color: #71002d;
}

ul#galleryMenu li {
	float: left;
	margin: 0 18px;
}

ul#galleryMenu li a {
	display: block;
	float: left;

	color: #fff;
	background-image: url(../images/interface/whiteTitles.png);
	background-repeat: no-repeat;

	font-size: 15px;
	text-decoration: none;
}

ul#galleryMenu li a.classical { background-position: 0 0; }
ul#galleryMenu li a.country { background-position: -140px 0; }
ul#galleryMenu li a.contemporary { background-position: -280px 0; }
ul#galleryMenu li a.liberty { background-position: -420px 0; }
ul#galleryMenu li a.gardens { background-position: -560px 0; }

ul#galleryMenu li a.classical:hover { background-position: 0 -46px; }
ul#galleryMenu li a.country:hover { background-position: -140px -46px; }
ul#galleryMenu li a.contemporary:hover { background-position: -280px -46px; }
ul#galleryMenu li a.liberty:hover { background-position: -420px -46px; }
ul#galleryMenu li a.gardens:hover { background-position: -560px -46px; }

div#galleryBox {
	overflow: auto;
	width: 390px;
	height: 325px;
	border: 1px solid #71002d;
	background: url(../images/interface/whiteBG.gif) top left repeat #fff;
}

div#galleryBox h2 { margin-left: 10px; }

div#slideshowImages.gallery {
	float: left;
	clear: both;

	margin-top: 10px;
	padding-bottom: 10px;
	width: 375px;
}

div#slideshowImages.gallery img.slideshow { width: 100px; }
div#slideshowImages.gallery img.slideshow:hover {
	border-color: #000;
	background-color: #dbb3c3;
}

a.bookmark {
	clear: both;
	display: block;
	width: 100%;
}

a.prevnextBtn {
	display: block;
	position: absolute;
	top: 301px;
	left: 4px;
	height: 20px;
	width: 70px;
	background-color: #71002d;
	color: #fff;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
}

a.prevnextBtn:hover { background-color: #860a3a; }
a.prevnextBtn.next { left: 415px; }

/* CONTENT */
div#content {
	float: left;
	width: 600px;
	margin-bottom: 10px;
}

div#content.wide { width: 100%; }

div.floatBox {
	float: left;
	width: 50%;
}
/* BLOCK QUOTE */
div.quoteBox {
	float: right;
	clear: right;
	width: 415px;
	margin-right: 30px;
}

div.quoteBox blockquote {
	width: 100%	;
	display: block;

	margin-bottom: 10px;
	padding: 10px 10px 30px 10px;

	font-size: 15px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;

	border-top: 1px solid #71002d;
	background: url(../images/interface/blockquote.gif) bottom right repeat-x #fff;
}

div.quoteBox span {
	display: block;
	width: 100%;

	color: #71002d;
	text-align: right;
	font-weight: bold;
}

/* FOOTER */
ul#footer {
	width: 900px;
	height: 30px;

	margin: 10px auto 20px auto;
	position: relative;

	clear: both;
	list-style: none;
	border-top: 5px solid #71002d;
	background: url(../images/interface/footerBG.png) bottom left no-repeat;
}

ul#footer li {
	float: right;
	margin: 5px 0 10px 40px;
}

/* WEBCASTLE BRANDING */
ul#footer li a#webcastle {
	padding: 1px 3px;

	font-size: 11px;

	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-style: oblique;

	color: #0043f3;
	background-color: #fff;
	border: 1px solid #555;
}

ul#footer li a#webcastle span { color: #fd1824; }

ul#footer li a#webcastle:hover {
	color: #4376ff;
	border-color: #7d7d7d;
}

ul#footer li a#webcastle:hover span { color: #fe686f; }