/**************** 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: #fff; background-color: #D2E6E0;
	min-width: 760px;
}
img, #fullcontainerleft img.titletextimg {
	border: none;
}
h1 {font-size: 1.1em;
}
h2 {font-size: 1.1em;
	color: #D2E6E0;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: .4em;
}
p {
	margin-bottom: 1em;
	font-size: .7em;
}
a {text-decoration: none;
	font-weight: bold;}
a:link {color: #fff; background-color: inherit;}
a:visited {color: #fff; background-color: inherit;}
a:hover {color: #6E6F71; background-color: inherit; text-decoration: underline;}
a:active {color: #5D5C5C; background-color: inherit; text-decoration: underline;
}
/**************** Container styles ****************/
#container, #containerkitchensbg, #containerbedroomsbg, #containerblankbg, #containerblankwholebg, #containerbathroomsbg, #containerstudiesbg {
	background: url(../images/jpg/homepage-bg.jpg) no-repeat left top;
	border: 4px solid #fff;
	position: absolute;
	width: 752px;
	height: 473px;
	top: 50%;
	left: 50%;
	margin: -237px -380px 0;	
}
#containerkitchensbg {background: url(../images/jpg/kitchenpage-bg.jpg) no-repeat left top;}
#containerbedroomsbg {background: url(../images/jpg/bedroomspage-bg.jpg) no-repeat left top;}
#containerbathroomsbg {background: url(../images/jpg/bathroompage-bg.jpg) no-repeat left top;}
#containerstudiesbg {background: url(../images/jpg/studiespage-bg.jpg) no-repeat left top;}
#containerblankwholebg {background: url(../images/jpg/blankwhole-bg.jpg) no-repeat left top;}
#containerblankbg {background: url(../images/jpg/blank-bg.jpg) no-repeat left top;
}
/**************** Navigation styles ****************/
ul#navleft {
	position: absolute;
	top: 105px; right: 597px;
}
ul#navleft li {
	list-style-type: none;
	margin-bottom: 7px;
	height: 17px;
}
ul#navleft li a span {display: none;}
ul#navleft li a {display: block; height: 17px; float: right;}
ul#navleft li a.homelink:link, ul#navleft li a.homelink:visited {background: url(../images/png/home-link.png) no-repeat right top; width: 60px;}
ul#navleft li a.homelink:hover, ul#navleft li a.homelink:active {background: url(../images/png/home-link.png) no-repeat right -17px;}
ul#navleft li a.kitchenslink:link, ul#navleft li a.kitchenslink:visited {background: url(../images/png/kitchens-link.png) no-repeat right top; width: 84px;}
ul#navleft li a.kitchenslink:hover, ul#navleft li a.kitchenslink:active {background: url(../images/png/kitchens-link.png) no-repeat right -17px;}
ul#navleft li a.bathroomslink:link, ul#navleft li a.bathroomslink:visited {background: url(../images/png/bathrooms-link.png) no-repeat right top; width: 98px;}
ul#navleft li a.bathroomslink:hover, ul#navleft li a.bathroomslink:active {background: url(../images/png/bathrooms-link.png) no-repeat right -17px;}
ul#navleft li a.bedroomslink:link, ul#navleft li a.bedroomslink:visited {background: url(../images/png/bedrooms-link.png) no-repeat right top; width: 90px;}
ul#navleft li a.bedroomslink:hover, ul#navleft li a.bedroomslink:active {background: url(../images/png/bedrooms-link.png) no-repeat right -17px;}
ul#navleft li a.studieslink:link, ul#navleft li a.studieslink:visited {background: url(../images/png/studies-link.png) no-repeat right top; width: 74px;}
ul#navleft li a.studieslink:hover, ul#navleft li a.studieslink:active {background: url(../images/png/studies-link.png) no-repeat right -17px;}
ul#navleft li a.gallerylink:link, ul#navleft li a.gallerylink:visited {background: url(../images/png/gallery-link.png) no-repeat right top; width: 78px;}
ul#navleft li a.gallerylink:hover, ul#navleft li a.gallerylink:active {background: url(../images/png/gallery-link.png) no-repeat right -17px;}
ul#navleft li a.contactlink:link, ul#navleft li a.contactlink:visited {background: url(../images/png/contact-link.png) no-repeat right top; width: 100px;}
ul#navleft li a.contactlink:hover, ul#navleft li a.contactlink:active {background: url(../images/png/contact-link.png) no-repeat right -17px;}

/**************** Content styles ****************/
#maincontent, #maincontentcatagories, #maincontentcontact {
	position: absolute;
	left: 151px; top: 250px;
	width: 319px;	
}
#maincontentcatagories {top: 164px;}
#maincontentcontact {top: 142px;	
}
p.maintext, #maincontentcontact p {
	text-align: center;
	line-height: 1.7em;
	margin-left: 40px;
	width: 239px;
}
#maincontentcontact p {
	text-align: left;
}
#maincontentcatagories p.maintext {
	margin-left: 30px;
	width: 249px;
	position: absolute;
	top: 32px; left: 0;
}
#contactdetails {
	position: absolute;
	bottom: 0; left: 0;
	width: 127px;
	padding-bottom: .3em;
}
#contactdetails p {
	text-align: right;
	font-size: .61em;
	line-height: 1.5;
}
#categorycontainer {
	position: absolute;
	top: 18px; left: 473px;
	width: 102px;
}
#categorycontainer img {
	float: left;
	margin-bottom: 5px;
}
#maincontentcontact h1 {
	margin: .2em 0 .5em 40px;
}
#pagetitle {
	position: absolute;
	top: 0; left: 0;
	text-align: center;
	width: 318px;
	height: 24px;
}
#pagetitle.contacttitle {
	position: absolute;
	top: 100px; left: 151px;
}
#mainimagecontainer #mainimage {
	border: none;
}
#kitchenlogos, #bathroomlogos {
	position: absolute;
	bottom: 0; right: 0;
	width: 279px;
	height: 30px;
	background: url(../images/png/kitchen-logos.png) no-repeat left top;
}
#bathroomlogos {background: url(../images/png/bathroom-logos.png) no-repeat left top;
}
/**************** Full container styles ****************/
#fullcontainerleft {
	position: absolute;
	left: 171px; top: 0;
	width: 278px;
	height: 453px;
	text-align: center;
	padding-top: 20px;
}
#fullcontainerright {
	position: absolute;
	right: 0; top: 0;
	width: 242px;
	height: 433px;
	padding: 20px 16px 20px 0;
	text-align: center;
}
#fullcontainerleft p {margin: .5em 0 .8em;}
#fullcontainerleft img {
	border: 4px solid #fff;
}
#mainimagedescription p {
	font-size: .58em;
	line-height: 1.2;
	margin: .2em 0 0 0;
} 
p#galleryimagedescription {
	margin-top: .2em;
}
#galleryimagecontainer {
	width: 100%;
	height: 45px;
	margin-bottom: .7em;
}
#galleryimagecontainer img {
	border: 1px solid #fff;
	margin-right: 18px;
	float: left;
}
#thumbbox {
	float: left;
	width: 100%;
	height: 420px;
}
.thumbcontainer {
	width: 58px;
	height: 58px;
	margin: 0 2px 2px 0;
	float: left;
	text-align: left;
	background: url(../images/gif/blank.gif) no-repeat center top;
}
.thumbcontainer a img {border: 1px solid #648A89;}
.thumbcontainer a:hover img, #galleryimagecontainer a:hover img {border-color: #B8B8B8;
}
p.pagenav {
	float: left;
	width: 100%;
}
/**************** Contact page styles ****************/
#contactformcontainer {
	width: 282px;
	float: left;
	position: absolute;
	top: 145px; right: 0;
}
#contactformcontainer input#theirname, #contactformcontainer input#email, #contactformcontainer input#subject, #contactformcontainer textarea {
	width: 170px;
	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: .6em;
}
#contactformcontainer br {
	clear: both;
}
/**************** Gallery styles ****************/
#fullcontainer {
	position: absolute;
	left: 171px; top: 0;
	width: 560px;
	height: 453px;
	text-align: center;
	padding-top: 20px;
}
ul#gallerycat {
	font-size: .7em;
	margin-bottom: 10px;
}
#gallerycat li {
	display: inline;
	list-style-type: none;
	padding: 0 1em 0 .8em;
	border-right: 1px solid #fff;
}
#gallerycat li a {padding-right: 1px;
}
#gallerymainimage img {
	border: 4px solid #fff;
}
p#previouslink, p#nextlink {
	position: absolute;
	bottom: 0; right: 20px;
}
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: 0;}
p#nextlink img {background: url(../images/gif/nextbutton.gif) no-repeat left top;}
p#nextlink a:hover img {background: url(../images/gif/nextbutton.gif) no-repeat -17px top;
}	
/**************** Misc classes and styles ****************/
.boldtext {font-weight: bold;}