/*----------
	Half Price Pallets - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #3A230D;
  background: #EFE2CD url(../images/core/bg.gif) repeat-x;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
}

#container {
  width: 860px;
  font-size: 1.2em;
  margin: 10px auto 0 auto;
  background: url(../images/core/left-bg.gif) repeat-y left;
}

#column-left {
  float: left;
  width: 185px;
  background: url(../images/core/left-bg.gif) repeat-y;
}

#column-right {
  float: right;
  width: 655px;
}

#text {
  width: 621px;
  padding: 20px 15px;
}


/*----------	CoMMoN STYLeS	----------*/
a { color: #52AE08; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2 {
  color: #000;
  padding: 10px 0 0;
	margin-bottom: 15px;
  border-bottom: 1px solid #D6B7A2;
  font-weight: normal;
  display: block;
  width: 621px;
  height: 28px;
  letter-spacing: 1px;
}

h1 { font-size: 1.7em; text-transform: uppercase; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.5em; color: #000000; font-weight: 500; }
h4 { font-size: 1.4em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #D6B7A2; margin: 10px; }
p { margin: 15px 0; }
ul { margin: 10px 30px; }
ul li { background: url(../images/core/icon-list.gif) no-repeat left; padding-left: 10px; }


#p-home h1 { text-indent: -9999px; background: url(../images/core/welcome.gif) no-repeat; height: 15px; }
#p-profile h1 { text-indent: -9999px; background: url(../images/core/profile.gif) no-repeat; height: 15px; }
#p-pallets h1 { text-indent: -9999px; background: url(../images/core/pallets.gif) no-repeat; height: 15px; }
#p-contact h1 { text-indent: -9999px; background: url(../images/core/contact.gif) no-repeat; height: 15px; }
#p-thankyou h1 { text-indent: -9999px; background: url(../images/core/thankyou.gif) no-repeat; height: 15px; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.top { border-top: 1px solid #D6B7A2; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }
.divider { display: block; width: 185px; height: 2px; background: url(../images/core/divider.gif) no-repeat; }

#multiple-column { display: block; clear: both; margin-left: 20px; }
#multiple-column ul { width: 300px; padding-bottom: 10px; float: left; display: inline; margin: 10px 0; }

#gallery { display: inline-block; clear: both; width: 621px; padding-top: 15px; }
#gallery ul { list-style-type: none; margin: 0; }
#gallery ul li { float: left; width: 100px; padding: 0 5px; background: none; }

#mudmap { margin: 10px; float: right; font-size: 0.9em; }
#mudmap img { border: 1px solid #D6B7A2; }
#mudmap a { text-decoration: none;}
#mudmap a:hover { text-decoration: underline;}
img.inner_photos { float: right; margin: 10px; }

a.back {
	display: block;
	text-align: right;
	border-top: 1px dashed #d6b7a2;
	padding-top: 3px;
	text-decoration: none;
}

a:hover.back {
	color: #52AE08; 
	text-decoration: underline; 
}

p.click { padding: 15px 0 0; margin: 0; font-size: 0.8em;}

/*----------	HeaDeR STYLeS	----------*/
#header { height: 96px; padding: 16px 0 0 69px; }


/*----------	BaNNeR STYLeS	----------*/
#banner { height: 298px; width: 651px; overflow: hidden; display: block; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { width: 185px; }
#nav ul { margin: 0; }
#nav ul li { display: inline; padding: 0; background: none; }
#nav ul li a { display: block; height: 37px; width: 185px; text-indent: -9999px; }
#nav ul li a:hover { background-position: -185px 0 !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; }
#nav li#profile a { background: url(../images/nav/profile.gif) no-repeat; }
#nav li#pallets a { background: url(../images/nav/pallets.gif) no-repeat; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; }

#p-home li#home a, #p-profile li#profile a, #p-pallets li#pallets a, #p-contact li#contact a {
  background-position: -185px 0 !important;
}

/*----------	CoNTaCT DeTaILS STYLeS	----------*/
#details { padding: 0px 30px; font-size: 0.9em; }
#details  a { color: #FFFFFF;}
#details #phone { background: url(../images/core/icon-phone.gif) no-repeat left; padding-left: 20px; }
#details #fax { background: url(../images/core/icon-fax.gif) no-repeat left; padding-left: 20px; }
#details #email { background: url(../images/core/icon-email.gif) no-repeat left; padding-left: 20px; }


/*----------	FooTeR STYLeS	----------*/
#footer-bg {
  background: url(../images/core/footer-bg.gif) repeat-x;
  height: 35px;
  display: block;  
}
#footer {
  font-size: 1.1em;
  background: url(../images/core/footer-bg2.gif) no-repeat;
  width: 633px;
  height: 15px;
  color: #442A13;
  padding: 8px 5px 15px 222px;
  display: block;
  clear: both;
  margin: 0 auto;
}
#footer a { color: #fff; }
#footer #links { color: #fff; float: left; width: 340px; }
#footer #copyright { float: left; width: 290px; }