*{
	margin: 0;
	padding: 0;
	border: 0;
}

html{
	background: #dfcaa4;
}

body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: Black;
	background: #dfcaa4;
}

p{
  line-height: 1.5;
}

a{
	text-decoration: none;
	color: #4e3a13;
}

a:hover{
	text-decoration: underline;
}

h1, h2, h3, h4{
  background: White;
  text-transform: uppercase;
  color: #4e3a13;
  padding: 0 5px 5px 0;
}

h1{
  font-size: 14px;
  height: 24px;
  background: #c3a468; 
  padding: 10px 0 0 35px;
}

h2{
  font-size: 14px;
  text-align: right;
}

#text h1{
  background: White; 
  font-size: 16px;
  padding: 10px 10px 10px 0;
}

.clear{
	clear: both;
}

form{
	width: 500px;
	margin: 0 0 40px 0;
}

#form-left{
	width: 250px;
	float: left;
}

#form-right{
	width: 250px;
	float: right;
}

.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #4e3a13;
	background: white;
	width: 180px;
}

textarea{
	width: 430px;
}

#submitdiv input{
	float: right;
	margin: 0 70px 0 0;
	background: #eee;
}

#errormsg{
	width: 350px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
}




#wrapper{
  width: 884px;
  margin: 0px auto;
  border: solid 5px #c3a468; 
  border-top: none; 
  float: none;
  margin-bottom: 20px;
}

/******************** HEADER AND MAIN HORIZONTAL MENU **********************/
#header{float: left; width: 884px; background: White;}

#header #logo{
  background: url(images/logo.gif) no-repeat top left;
  width: 292px;
  height: 151px;
  display: block;
  float: left;
}

#header ul{
  float: right;
  width: 592px;
  height: 37px;
	background: url(images/menuback.gif) no-repeat;
}

#header ul li{
	list-style: none;
	float: left;
  position: relative; top: 10px; left: 3px; 
}

#header ul li a{
	float: left;
	color: white;
	text-align: center;
	width: 98px;
	font-size: 11px;
	font-weight: 600;
}


/******************** SECONDARY VERTICAL MENU **********************/
#leftsidebar ul{
  	float: right;
  	width: 240px;
	background: url(images/secmenuback.gif);
}

#leftsidebar ul li{
	list-style: none;
	text-align: right;
	position: relative; top: 13px; right: 35px;
}

#leftsidebar ul li a{
	color: white;
	font-weight: bold;
	font-size: 12px;
	display: block;
	height: 43px;
}

#delivery{
  width: 239px;
  height: 133px;
  float: right;
  margin: 20px 0;
}


/******************** RANGE NAME AND MAIN RANGE PHOTO **********************/
#headingimage{
  float: left;
  width: 494px;
  height: 86px;
}

#mainimage{
  float: right;
  width: 390px;
  height: 260px;
}

#downloadbrochure{
  width: 426px; 
  height: 159px;
  float: left;
  padding: 15px 0 0 68px;
}

#downloadbrochure p{
  color: white;
  width: 160px;
  font-size: 13px;
}

#downloadbrochure a img{
  width: 170px;
  height: 40px;
}

#downloadbrochure strong{
  position: relative; top: 29px; left: 50px;
}

#downloadbrochure a:hover{
  text-decoration: none;
}



/******************** ADD RANGES COLORS AND BACKGROUNDS HERE *******************/
#acorn #downloadbrochure{background: #a61d53;}
#acorn {background: url(images/acorn-back.gif) repeat-y;}

#appleton #downloadbrochure{background: #be5c3e;}
#appleton {background: url(images/appleton-back.gif) repeat-y;}

#badger #downloadbrochure{background: #2f6c27;}
#badger {background: url(images/badger-back.gif) repeat-y;}

#bauerhaus #downloadbrochure{background: #b43a37;}
#bauerhaus {background: url(images/bauerhaus-back.gif) repeat-y;}

#camargue #downloadbrochure{background: #212143;}
#camargue {background: url(images/camargue-back.gif) repeat-y;}

#cambridge #downloadbrochure{background: #7babd4;}
#cambridge {background: url(images/cambridge-back.gif) repeat-y;}

#crosswell #downloadbrochure{background: #c1213f;}
#crosswell {background: url(images/crosswell-back.gif) repeat-y;}

#denver #downloadbrochure{background: #be6f3e;}
#denver {background: url(images/denver-back.gif) repeat-y;}

#devon-oak #downloadbrochure{background: #5c1315;}
#devon-oak {background: url(images/devon-oak-back.gif) repeat-y;}

#madrid #downloadbrochure{background: #61662d;}
#madrid {background: url(images/madrid-back.gif) repeat-y;}

#memphis #downloadbrochure{background: #bea03e;}
#memphis {background: url(images/memphis-back.gif) repeat-y;}

#midford #downloadbrochure{background: #97bf77;}
#midford {background: url(images/midford-back.gif) repeat-y;}

#oak-bedroom #downloadbrochure{background: #5c1315;}
#oak-bedroom {background: url(images/oak-bedroom-back.gif) repeat-y;}

#oakland #downloadbrochure{background: #dfaf51;}
#oakland {background: url(images/oakland-back.gif) repeat-y;}

#oakhampton-bedroom #downloadbrochure{background: #daaf8b;}
#oakhampton-bedroom {background: url(images/oakhampton-bedroom-back.gif) repeat-y;}

#oakhampton-dining #downloadbrochure{background: #daad92;}
#oakhampton-dining {background: url(images/oakhampton-dining-back.gif) repeat-y;}

#orly-bedroom #downloadbrochure{background: #99c9cd;}
#orly-bedroom {background: url(images/orly-bedroom-back.gif) repeat-y;}

#orly-dining #downloadbrochure{background: #8ca0b8;}
#orly-dining {background: url(images/orly-dining-back.gif) repeat-y;}

#pinetum #downloadbrochure{background: #000000;}
#pinetum {background: url(images/pinetum-back.gif) repeat-y;}

#salzburg #downloadbrochure{background: #485488;}
#salzburg {background: url(images/salzburg-back.gif) repeat-y;}

#tarka #downloadbrochure{background: #5c1315;}
#tarka {background: url(images/tarka-back.gif) repeat-y;}

#trafalgar-bedroom #downloadbrochure{background: #c1af63;}
#trafalgar-bedroom {background: url(images/trafalgar-bedroom-back.gif) repeat-y;}

#trafalgar-dining #downloadbrochure{background: #c1af63;}
#trafalgar-dining {background: url(images/trafalgar-dining-back.gif) repeat-y;}

#tuscan #downloadbrochure{background: #392e7a;}
#tuscan {background: url(images/tuscan-back.gif) repeat-y;}



/*********  MAIN PART WITH TEXT AND SIDEBARS WITH IMAGES AND SIDEMENU ********/
#main{
  width: 884px;
  background: white url(images/headingback.gif) repeat-x;
}

#homemain{
  width: 884px;
  background: white;
}

#sideimages, #leftsidebar{  
  width: 290px;
  float: left;
}

#heading{
  width: 594px;
  height: 100px;
  float: right;
}

#leftsidebar img{
  float: right;
}

#sideimages img{
  float: right;
  margin: 0 0 20px 0;
  position: relative; left: 2px;
}

#upperpart{
  width: 590px;
  height: 260px;
  position: relative; left: 50px;
  float: left
}

#upperpart img, #flash{
  width: 390px;
  height: 260px;
  float: left;
}

#latestnews{
  width: 200px;
  height: 260px;
  float: right;
  background: #a97c27;
}

#latestnews p{
  color: #cecece;
  text-align: left;
  margin: 15px;
}

#latestnews span{
  background: #c3a468; 
   width: 200px;
    height: 37px;
    display: block;
}

#latestnews strong{
  
  position: relative; top: 13px; left: 15px;
  font-size: 14px;
 
 
  /*padding: 10px 0 0 35px;*/
  text-transform: uppercase;
}

#latestnews a{
  color: white;
  font-weight: bold;
  margin: 15px;
}

#latestnews p a{
  float: right;
}

#signup{
  float: right;
  width: 152px;
  height: 161px;
  position: relative; right: 92px;
}

#text{
  width: 540px;
  float: right;
  padding: 20px 20px 0 30px;
  text-align: left;
}

#homemain #text{
  width: 500px;
  padding: 20px 50px 0 30px;
}


#text img{
  padding: 0 15px 0 0;
  margin: 0 0 15px 0;
}

#heading p{
  width: 400px;
  color: #cecece;
  text-align: left;
  padding: 10px 20px 0 35px;
}

#footer{
  padding: 40px 0 3px 0;
  width: 884px;
}

#footer p{
  position: relative; left: 325px;
  font-size: 11px;
  color: #999;
}
