body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-color: #352833;
	text-align:center; /*ie 5 hack*/
	padding:0;
	margin: 0;
}

#wrapper {
	width: 960px;
	text-align:left; /*ie 5 hack*/
	margin: 0px auto 20px auto;
	padding: 0 0 40px 0;
}

#divNav {
	width: 908px;
	background-image:url(images/bknav.png);
	height:87px;
	padding: 0;
	border: 0;
	margin: auto;
}
html>body #divNav {
	width: 908px;
} 

a {
	text-decoration: none;
	color: #00CCFF;
	letter-spacing:0.09em;
}

td a{color:#0099FF}


a img {border: none}
a:hover {color: #d83489}

h1 {
	text-align: center;
	height:32px;
	margin: 0;
}

h2 {
	color:#fff;
	font-weight:normal;
	margin: 5px 0 13px 0;
	font-size:1.3em;
	letter-spacing:0.09em;
}

h3 {color:#fff;
	margin: 25px 0 0 0;
	font-size:0.9em; font-weight:bold;
	letter-spacing:0.09em;
}
p {
	color:#fff;
	margin: 9px 0 0 0;
	font-size:0.9em;
	letter-spacing:0.09em;
}

.smalltext2 {font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000}
.smalltext {font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;}


ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav {
	position: relative;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 544px;
	z-index:9000;
}

#nav a {
	font-weight: bold;
	color: green;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	padding: 5px 0px;
	width: 190px;
	font-weight: normal;
	color: #060;	
}

#nav li li a:hover {
	color: #fff;
}
/*Image replacement*/

#nav li span {
		position: absolute;
		left: -9384px;
		
}

#lihome a, #libuildings a, #liuses a, #lifaq a, #librochure a {
		display: block;
		position: relative;
		height: 87px;
		background: url(images/nav2.png) no-repeat; /*contains all hover states*/
	}

/*Initial states in place*/
#lihome a {
	width:63px;
	background-position: 0 0;
}

#libuildings a {
	width:98px;
	background-position: -63px 0;
}

#liuses a {
	width:60px;
	background-position: -161px 0;
}

#lifaq a {
	width:55px;
	background-position: -221px 0;
}

#librochure a {
	width:268px;
	background-position: -276px 0;
}

/*hover states*/

#lihome a:hover, #lihome:hover a, #lihome.over a {
	background-position: 0 -87px;
}

#libuildings a:hover, #libuildings:hover a, #libuildings.over a {
	background-position: -63px -87px;
}

#liuses a:hover, #liuses:hover a, #liuses.over a {
	background-position: -161px -87px;
}

#lifaq a:hover, #lifaq:hover a, #lifaq.over a {
	background-position: -221px -87px;
}

#librochure a:hover, #librochure:hover a, #librochure.over a {
	background-position: -276px -87px;
}


li {
	float: left;
	position: relative;
	text-align: left;
	cursor: default;
}

li ul {
	display: none;
	background-color:#cdcdcd;
	position: absolute;
	top: 100%;
	font-weight: normal;
	padding: 5px 3px 5px 12px;
	border: solid 1px #000;
}
/* Drop down box position */
li>ul { 
	top: auto;
	left: 0px; 
}

li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
}

/*drop down box line formatting*/
#nav li ul a{
	display: block;
	height:auto;
	background: #cdcdcd;
	color: #000;
	font-size: 1em;
}

/*=====================Content===================*/

#mainpic {
	width:908px;
	margin:0px auto 0px auto;
	padding:40px 0 20px 0; 
}	
	
#content {width:908px; margin:0 auto 0 auto; padding:30px 0 0 0;}
#content a img {border:solid 1px #352833}
#content a:hover img {border: solid 1px #FFF}
#content td a img {border:solid 1px #D5E2FF}
#content td a:hover img {border: solid 1px #352833}
#content-spacer {padding:20px}
#content1  {background:url(images/line.png) no-repeat;background-position:0 29px;padding:0;}
#content2  {width:908px; margin:0 auto 0 auto; padding:50px 0 0 0;}
#content2a {position:relative; float:left; width:280px;}
#content2b {position:relative; float:left; width:280px; margin:0 33px 0 33px;}
#content2c {position:relative; float:right; width:280px;}
#content2d {position:relative; float:left; width:581px;}
#content2e {position:relative; float:right; width:200px;}
#content3  {width:908px; margin:0 auto 0 auto; padding:30px 0 0 0;}
#content3a {position:relative; float:left; width:375px;}
#content3b {position:relative; float:left; width:267px; margin:0 33px 0 33px;}
#content3c {position:relative; float:right; width:200px;}
#content3d {position:relative; float:left; width:429px;}
#content3e {position:relative; float:left; width:200px; margin:0 33px 0 33px;}
#content3f {position:relative; float:right; width:200px;}
#content4  {width:908px; background: url(images/line.png) no-repeat; margin:30px auto 0 auto; padding:15px 0 0 0;}
#content5  {position:relative; float:left; width:300px;}
#content5a {background-image:url(images/brochure3.jpg); width: 260px; height:380px; padding:30px 10px 10px 10px}
#content6  {position:relative; float:left; width:606px; border: 1px solid #fff;}
#content7  {position:relative; float:left; width:608px;}
#content8  {width:908px; margin:0 auto 0 auto; padding:70px 0 0 0;}
#content9  {position:relative; float:left; width:624px;}
#content9 img {margin:0 15px 0 0}

.form1 {position:relative; float:left; width:250px; text-align:right; margin-top:2px}
.form2 {float:right; width:328px;}
.sup {color: red; position: relative; top: 2px; left: 0px;}

#garenberg {text-indent: -9000px;background: url(images/garenberg.png) no-repeat}
#garden-offices {text-indent: -9000px;background: url(images/garden-offices.png) no-repeat}
#garden-gym-room {text-indent: -9000px;background: url(images/garden-gym-room.png) no-repeat}
#garden-rooms {text-indent: -9000px;background: url(images/garden-rooms.png) no-repeat}
#garden-studio {text-indent: -9000px;background: url(images/garden-studio.png) no-repeat}
#karma-cedar {text-indent: -9000px;background: url(images/karma-cedar.png) no-repeat}
#karma-range {text-indent: -9000px;background: url(images/karma-range.png) no-repeat}
#karma-stone {text-indent: -9000px;background: url(images/karma-stone.png) no-repeat}
#music-studio {text-indent: -9000px;background: url(images/music-studio.png) no-repeat}
#selfbuild-range {text-indent: -9000px;background: url(images/selfbuild-range.png) no-repeat}
#schools {text-indent: -9000px;background: url(images/schools.png) no-repeat}
#brochure {text-indent: -9000px;background: url(images/brochure.png) no-repeat}
#contact {text-indent: -9000px;background: url(images/contact.png) no-repeat}
#phone {height:100px; text-indent: -9000px;background: url(images/phone.png) no-repeat}
h2#email span{position: absolute; left:-9384px;}
#email a{display: block; position: relative; height: 74px; background: url(images/email.png) no-repeat;}
#email a:hover{background-position:0 -74px;}

	
#content2 UL LI {
	background-color:#352833;
	float:none;
	display:inline;
	margin:0px 0px 0px 5px;
}
	
/*----------------Content Navigation----------------*/
#contentnav1 {
	position: relative;
	background-color: #352833;
	float: right;
	padding: 0 0 0 68px;
	width: 420px;
	width: "488px";  /*ie5 hack*/
	
}
#contentnav1 ul li {
	display:block;
	float:left;
	padding:30px 0 0 14px;
}

#contentnav1 ul li a {
	display:block;
	outline:none;
	width:126px;height:96px;
	background: url(images/contentnav4.png);
	text-indent:-9009px;
}
#contentnav1 ul li#selfbuild a:hover {background-position:0 -96px}	
#contentnav1 ul li#cedar a {
	background-position:-126px 0;
}
#contentnav1 ul li#cedar a:hover {
	background-position:-126px -96px;
}
#contentnav1 ul li#stone a {
	background-position:-252px 0;
}
#contentnav1 ul li#stone a:hover {
	background-position:-252px -96px;
}
#contentnav2 {
	position: relative;
	float: right;
	padding: 6px 0 0 0px;
}

#contentnav2 ul li{
	background-color:#352833;
	letter-spacing:0.04em;
}

#contentnav2 ul li a{
	font-size:1.1em;
	color:#fff;
	margin:0 0 0 30px
}
#contentnav2 ul li a:hover{
	color:#d83489;
}

/*---------------------- footer ------------------------*/
#footer {
    background: url(images/line.png) no-repeat;
	width:908px;
	margin:40px auto 0 auto;
}

#footer UL { 
	text-align:right;
	font-size:0.85em;
	letter-spacing:0.02em;
	padding: 5px 0 0 0}

#footer UL LI {
	background-color:#352833;
	color:#9e9e9e;
	position: relative;
	float:none;
	display:inline;
	margin:0px 0px 0px 3px;
}

#footer UL LI a{
	color:#9e9e9e;
	text-decoration:underline;
}

#footer UL LI a:hover{
	color:#FFF;
}

/* ===== Gallery Slimbox ======*/

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}