/**************** Body and tag styles ****************/
* {margin: 0;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, ul, ol, dl, li, object, table, th, tr, td  {padding: 0;}
body {
	font: 100%/1.3 Tahoma, Geneva, Arial, sans-serif;
	color: #333; background-color: #FEEDCF;
}
img {border:none;
}
h4 {font-size: 1em; margin-top: 2em;}
p {font-size: .7em;
	margin-bottom: 1em;
}
a {text-decoration: none; font-weight: bold;}
a:link {color: #FEEDCF; background-color: inherit;}
a:visited {color: #FEEDCF; background-color: inherit;}
a:hover {color: #FEEDCF; background-color: inherit; text-decoration: underline;}
a:active {color: #FEEDCF; background-color: inherit; text-decoration: underline;
}
/**************** Container styles ****************/
#container {
	position: absolute;
	width: 752px;
	height: 548px;
	top: 50%;
	left: 50%;
	margin: -274px -376px 0;	
}
#leftcontainer {
	background: url(../images/gif/nav-bg.gif) no-repeat left top;
	position: absolute;
	left: 0; top: 0;
	width: 143px;
	height: 548px;
}
#maincontainer, #livingcontainer, #gallerycontainer, #kitchencontainer, #bedroomcontainer, #bathroomcontainer, #officecontainer, #noveltycontainer, #contactcontainer {
	background: url(../images/jpg/home-bg.jpg) no-repeat left top;
	position: absolute;
	left: 147px; top: 0;
	width: 605px;
	height: 520px;
}
#livingcontainer {background: url(../images/jpg/living-bg.jpg) no-repeat left top;}
#kitchencontainer {background: url(../images/jpg/kitchen-bg.jpg) no-repeat left top;}
#bedroomcontainer {background: url(../images/jpg/bedroom-bg2.jpg) no-repeat left top;}
#bathroomcontainer {background: url(../images/jpg/bathroom-bg.jpg) no-repeat left top;}
#officecontainer {background: url(../images/jpg/office-bg.jpg) no-repeat left top;}
#noveltycontainer {background: url(../images/jpg/novelty-bg.jpg) no-repeat left top;}
#contactcontainer {background: url(../images/jpg/contact-bg.jpg) no-repeat left top;}
#gallerycontainer {background: url(../images/jpg/gallery-bg.jpg) no-repeat left top;
}
/**************** Navigation styles ****************/
ul#navleft, ul#navleftbeige {
	position: absolute;
	top: 78px; left: 10px;
}
ul#navleft li, ul#navleftbeige li {
	list-style-type: none;
	margin-bottom: 14px;
	height: 14px;
}
ul#navleft li a span, ul#navleftbeige li a span {display: none;}
ul#navleft li a, ul#navleftbeige li a {display: block; height: 14px;}
ul#navleft li a.homelink:link, ul#navleft li a.homelink:visited {background: url(../images/gif/home-link.gif) no-repeat left top; width: 33px;}
ul#navleft li a.homelink:hover, ul#navleft li a.homelink:active {background: url(../images/gif/home-link.gif) no-repeat left -14px;}
ul#navleft li a.livinglink:link, ul#navleft li a.livinglink:visited {background: url(../images/gif/living-link.gif) no-repeat left top; width: 30px;}
ul#navleft li a.livinglink:hover, ul#navleft li a.livinglink:active {background: url(../images/gif/living-link.gif) no-repeat left -14px;}
ul#navleft li a.kitchenlink:link, ul#navleft li a.kitchenlink:visited {background: url(../images/gif/kitchen-link.gif) no-repeat left top; width: 40px;}
ul#navleft li a.kitchenlink:hover, ul#navleft li a.kitchenlink:active {background: url(../images/gif/kitchen-link.gif) no-repeat left -14px;}
ul#navleft li a.bedroomlink:link, ul#navleft li a.bedroomlink:visited {background: url(../images/gif/bedroom-link.gif) no-repeat left top; width: 49px;}
ul#navleft li a.bedroomlink:hover, ul#navleft li a.bedroomlink:active {background: url(../images/gif/bedroom-link.gif) no-repeat left -14px;}
ul#navleft li a.bathroomlink:link, ul#navleft li a.bathroomlink:visited {background: url(../images/gif/bathroom-link.gif) no-repeat left top; width: 53px;}
ul#navleft li a.bathroomlink:hover, ul#navleft li a.bathroomlink:active {background: url(../images/gif/bathroom-link.gif) no-repeat left -14px;}
ul#navleft li a.officelink:link, ul#navleft li a.officelink:visited {background: url(../images/gif/office-link.gif) no-repeat left top; width: 33px;}
ul#navleft li a.officelink:hover, ul#navleft li a.officelink:active {background: url(../images/gif/office-link.gif) no-repeat left -14px;}
ul#navleft li a.noveltylink:link, ul#navleft li a.noveltylink:visited {background: url(../images/gif/novelty-link.gif) no-repeat left top; width: 42px;}
ul#navleft li a.noveltylink:hover, ul#navleft li a.noveltylink:active {background: url(../images/gif/novelty-link.gif) no-repeat left -14px;
}
ul#navleftbeige {top: 310px;
}
ul#navleftbeige li a.gallerylink:link, ul#navleftbeige li a.gallerylink:visited {background: url(../images/gif/gallery-link.gif) no-repeat left top; width: 40px;}
ul#navleftbeige li a.gallerylink:hover, ul#navleftbeige li a.gallerylink:active {background: url(../images/gif/gallery-link.gif) no-repeat left -14px;}
ul#navleftbeige li a.aboutlink:link, ul#navleftbeige li a.aboutlink:visited {background: url(../images/gif/about-link.gif) no-repeat left top; width: 50px;}
ul#navleftbeige li a.aboutlink:hover, ul#navleftbeige li a.aboutlink:active {background: url(../images/gif/about-link.gif) no-repeat left -14px;}
ul#navleftbeige li a.contactlink:link, ul#navleftbeige li a.contactlink:visited {background: url(../images/gif/contact-link.gif) no-repeat left top; width: 44px;}
ul#navleftbeige li a.contactlink:hover, ul#navleftbeige li a.contactlink:active {background: url(../images/gif/contact-link.gif) no-repeat left -14px;
}
/**************** Gallery Navigation styles ****************/
ul#gallerylist1, ul#gallerylist2, ul#gallerylist3, ul#gallerylist4, ul#gallerylist5 {
	position: absolute;
	top: 102px; left: 14px;
}
ul#gallerylist1 li, ul#gallerylist2 li, ul#gallerylist3 li, ul#gallerylist4 li, ul#gallerylist5 li {
	list-style-type: none;
	height: 22px;
	margin-bottom: 10px;
}
ul#gallerylist1 li a span, ul#gallerylist2 li a span, ul#gallerylist3 li a span, ul#gallerylist4 li a span, ul#gallerylist5 li a span {display: none;}
ul#gallerylist1 li a, ul#gallerylist2 li a, ul#gallerylist3 li a, ul#gallerylist4 li a, ul#gallerylist5 li a {display: block; height: 18px; float: left;
}
ul#gallerylist1 li a.livinggallerylink:link, ul#gallerylist1 li a.livinggallerylink:visited {background: url(../images/gif/living-gallerylink.gif) no-repeat left top; width: 42px;}
ul#gallerylist1 li a.livinggallerylink:hover, ul#gallerylist1 li a.livinggallerylink:active {background: url(../images/gif/living-gallerylink.gif) no-repeat left -18px;}
ul#gallerylist2 li a.kitchengallerylink:link, ul#gallerylist2 li a.kitchengallerylink:visited {background: url(../images/gif/kitchen-gallerylink.gif) no-repeat left top; width: 57px;}
ul#gallerylist2 li a.kitchengallerylink:hover, ul#gallerylist2 li a.kitchengallerylink:active {background: url(../images/gif/kitchen-gallerylink.gif) no-repeat left -18px;}
ul#gallerylist3 li a.bedroomgallerylink:link, ul#gallerylist3 li a.bedroomgallerylink:visited {background: url(../images/gif/bedroom-gallerylink.gif) no-repeat left top; width: 71px;}
ul#gallerylist3 li a.bedroomgallerylink:hover, ul#gallerylist3 li a.bedroomgallerylink:active {background: url(../images/gif/bedroom-gallerylink.gif) no-repeat left -18px;}
ul#gallerylist4 li a.bathroomgallerylink:link, ul#gallerylist4 li a.bathroomgallerylink:visited {background: url(../images/gif/bathroom-gallerylink.gif) no-repeat left top; width: 76px;}
ul#gallerylist4 li a.bathroomgallerylink:hover, ul#gallerylist4 li a.bathroomgallerylink:active {background: url(../images/gif/bathroom-gallerylink.gif) no-repeat left -18px;}
ul#gallerylist5 li a.officegallerylink:link, ul#gallerylist5 li a.officegallerylink:visited {background: url(../images/gif/office-gallerylink.gif) no-repeat left top; width: 47px;}
ul#gallerylist5 li a.officegallerylink:hover, ul#gallerylist5 li a.officegallerylink:active {background: url(../images/gif/office-gallerylink.gif) no-repeat left -18px;
}
ul#gallerylist1 li a.noveltygallerylink:link, ul#gallerylist1 li a.noveltygallerylink:visited {background: url(../images/gif/novelty-gallerylink.gif) no-repeat left top; width: 60px;}
ul#gallerylist1 li a.noveltygallerylink:hover, ul#gallerylist1 li a.noveltygallerylink:active {background: url(../images/gif/novelty-gallerylink.gif) no-repeat left -18px;}
ul#gallerylist2 li a.inandoutgallerylink:link, ul#gallerylist2 li a.inandoutgallerylink:visited {background: url(../images/gif/inandout-gallerylink.gif) no-repeat left top; width: 82px;}
ul#gallerylist2 li a.inandoutgallerylink:hover, ul#gallerylist2 li a.inandoutgallerylink:active {background: url(../images/gif/inandout-gallerylink.gif) no-repeat left -18px;}
ul#gallerylist3 li a.renovationgallerylink:link, ul#gallerylist3 li a.renovationgallerylink:visited {background: url(../images/gif/renovation-gallerylink.gif) no-repeat left top; width: 85px;}
ul#gallerylist3 li a.renovationgallerylink:hover, ul#gallerylist3 li a.renovationgallerylink:active {background: url(../images/gif/renovation-gallerylink.gif) no-repeat left -18px;}
ul#gallerylist4 li a.productiongallerylink:link, ul#gallerylist4 li a.productiongallerylink:visited {background: url(../images/gif/production-gallerylink.gif) no-repeat left top; width: 82px;}
ul#gallerylist4 li a.productiongallerylink:hover, ul#gallerylist4 li a.productiongallerylink:active {background: url(../images/gif/production-gallerylink.gif) no-repeat left -18px;}
ul#gallerylist2 {left: 95px;}
ul#gallerylist3 {left: 200px;}
ul#gallerylist4 {left: 308px;}
ul#gallerylist5 {left: 416px;
}
/**************** Content styles ****************/
#leftcontainer a {font-weight: normal;}
#leftcontainer a:link, #leftcontainer a:visited {color: #6A8E58;}
#leftcontainer a:hover, #leftcontainer a:active {color: #6A8E58; text-decoration: underline;
}
#container img#footer {
	position: absolute;
	bottom: 0; right: 0;
}
#contactdetails {
	color: #6A8E58;
	font-size: .81em;
	position: absolute;
	bottom: 0; left: 10px;
	line-height: 1.5;
	z-index: 50;
}
p#hometext {
	color: #6F0522;
	width: 362px;
	position: absolute;
	top: 26px; left: 14px;
	font-size: .8em;
	line-height: 1.5;
}
p#hometext1, p#hometext2, p#hometext3 {
	width: 175px;
	position: absolute;
	top: 440px; left: 14px;
	line-height: 1.1;
	z-index: 100;
}
p#hometext2 {left: 220px;
}
p#hometext3 {left: 414px;
}
img#pagetitle {
	position: absolute;
	top: 50px; left: 14px;
}
.cattext1, .cattext2, .cattext3, .cattext4 {
	color: #FEEDCF;
	width: 287px;
	position: absolute;
	top: 80px; left: 14px;
}
.cattext2 {
	 left: 322px;
	 width: 250px;
}
.cattext3, .cattext4 {
	width: 575px;
	top: 75px;
}
.cattext4 {color: #333;}
.cattext4 ul {font-size: .7em;
	margin-left: 1.6em;
}
.cattext4 a:link, .cattext4 a:visited {
	color: #700021;
}
#galleryimgcontainer {
	position: absolute;
	top: 188px; left: 147px;
	width: 605px;
	text-align: center;
}
#galleryimgcontainer img {
	border: 4px solid #FEEDCF;	
}
p#previouslink, p#nextlink {
	position: absolute;
	bottom: 23px; right: 30px;
}
p#previouslink img {background: url(../images/gif/previousbutton.gif) no-repeat left top;}
p#previouslink a:hover img {background: url(../images/gif/previousbutton.gif) no-repeat -17px top;}
p#nextlink {right: 10px;}
p#nextlink img {background: url(../images/gif/nextbutton.gif) no-repeat -17px top;}
p#nextlink a:hover img {background: url(../images/gif/nextbutton.gif) no-repeat left top;
}	
/**************** Contact page styles ****************/
#contactformcontainer {
	width: 292px;
	float: left;
	position: absolute;
	top: 175px; left: 0;
	border-top: 1px dotted #FEEDCF;
	padding-top: .5em;
}
#contactformcontainer input#theirname, #contactformcontainer input#email, #contactformcontainer input#subject, #contactformcontainer textarea {
	width: 195px;
	float: left;
}
#contactformcontainer #submit {
	margin-left: 89px;
}
#contactformcontainer label {
	width: 79px;
	float: left;
	font-size: .7em;
	text-align: right;
	margin-right: 10px;
	padding-top: .2em;
}
#contactformcontainer input, #contactformcontainer textarea {
	margin-bottom: .4em;
}
#contactformcontainer br {
	clear: both;
}
#mapcontainer {float: right;}
#mapcontainer p {
	text-align: center;
	margin-top: .5em;
	font-style: italic;
	width: 265px;
}
/**************** Misc classes and styles ****************/
.boldtext {font-weight: bold;}