html, body, h1, h2, h3, h4, ul, li {
margin: 0;
padding: 0;
}
h1 img {
display: block;
}
img {
border: 0;
}
a {
color: #464544;
}
a:hover {
color: #FFA405;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
body {
background: #51580e;
text-align: center;
font: 11px verdana, arial, sans-serif;
color: #695F4C;
padding-bottom: 10px;
}
/** layout **/
#wrapper {
text-align: left;
margin: 37px auto;
width: 800px;
background: #242704;
position: relative;
}
#header {
background: #bbd2e8 url(images/bg.jpg) no-repeat;
height: 266px;
}
#logo {
position: absolute;
top: 12px;
left: 380px;
width: 350px;
color: #04305a;
}
#logo h1 {
font: bold 24px "arial narrow", arial, sans-serif;
}
#logo p {
margin: 0;
font-weight: bold;
}
#cart {
position: absolute;
top: 10px;
left: 454px;
width: 208px;
background: #bbd2e8;
width: 209px;
}
#cart-top { background: url(images/cart_top.gif) no-repeat; }
#cart-bot { background: bottom left url(images/cart_bot.gif) no-repeat; }
#cart-cart { background: 9px 11px url(images/cart.gif) no-repeat; }
#cart-cart {
padding: 8px 8px 8px 60px;
color: white;
}
#cart p {
margin: 0;
}
#cart .orange {
color: #bbd2e8;
font-size: 10px;
}
#cart a {
color: white;
font-size: 10px;
}
#nav {
background: #242704;
position: absolute;
top: 101px;
left: 350px;
width: 450px;
padding: 9px 0;
text-align: center;
}
#nav li {
list-style: none;
display: inline;
color: #fff;
}
#nav a {
text-decoration: none;
color: #fff;
}
#nav ul li a:hover
{
color: #000000;
background-color: #F9F9F9;
}
#gallery {
position: absolute;
top: 155px;
left: 350px;
width: 450px;
}
#gallery li {
list-style: none;
text-indent: -999px;
float: left;
overflow: hidden;
height: 111px;
}
#gallery .gwomen {
background: url(images/pic_1.jpg) no-repeat;
width: 450px;
}
#gallery .gkids {
background: url(images/pic_2.jpg) no-repeat;
width: 130px;
}
#gallery .gmen {
background: url(images/pic_3.jpg) no-repeat;
width: 128px;
}
#body {
padding-top: 3px;
background-color:#FFF;
}
#categories {
float: left;
width: 220px;
}
#seasonal, #collection {
float: right;
width: 575px;
background: #d4da9e;
margin-bottom: 2px;
}
#seasonal .inner, #collection .inner {
padding: 6px 6px;
}
#seasonal p, #collection p {
margin: 0.9em 0;
}
.more a {
font-size: 12px;
color: #000;
text-decoration: none;
}
.more a:hover {
text-decoration: underline;
}
h3 {
font: bold 14px "arial narrow", arial, sans-serif;
color: #1B1812;
}
h2 {
font: 18px "arial narrow", arial, sans-serif;
color: #51580e;
padding-bottom: 10px;
}
#categories h2 {
color: #fff;
padding: 4px 0 5px 39px;
background: #97a805;
}
#categories li {
background: #d4da9e left url(images/bullet.gif) no-repeat;
border-top: 1px solid #F4EFDF;
list-style: none;
font-size: 12px;
padding: 7px 0 8px 20px;
}
#categories a {
text-decoration: none;
color: #000000;
}
#categories a:hover {
color: #fff;
background-color: #847A67;
}
#collection {
background: #D4CAB6 bottom right url(images/person_bg.jpg) no-repeat;
}
#collection .inner {
padding-right: 98px;
}
#minigal {
float: right;
width: 222px;
margin-top: 1em;
margin-bottom: 1em;
}
#minigal div {
float: left;
margin: 6px;
}
#collection ul {
margin-left: 1.5em;
}
#collection li {
margin: 0.2em 0;
color: #463F32;
font-size: 16px;
font-weight: bold;
font-family: "arial narrow", arial, sans-serif;
}
#collection p {
width: 103px;
margin-left: 1.5em;
}
#seas-one, #seas-two, #seas-three {
height: 146px;
}
#seas-one {
float: left;
width: 195px;
margin-right: 3px;
background: url(images/foot_1.jpg) no-repeat;
}
#seas-two {
float: left;
width: 249px;
margin-right: 3px;
background: url(images/foot_2.jpg) no-repeat;
}
#seas-three {
float: left;
width: 222px;
background: url(images/foot_3.jpg) no-repeat;
}
#seas p {
text-align: right;
color: #000;
margin: 80px 15px 0 0;
font-size: 23px;
font-weight: bold;
}
#seas p.date {
margin-top: 0;
font-size: 16px;
}
#copyright {
text-align: center;
font-size: 9px;
padding: 3px;
}
.img1{
background-color:#FFFFFF;
border: 1px solid #E7E7E7;
padding: 5px;
margin: 0px;
display: block;
}
.img2{
background-color:#FFFFFF;
border: 1px solid #E7E7E7;
padding: 5px !important;
padding: 5px;
margin: 4px 12px 8px 0px !important;
margin: 4px 12px 8px 0px;
float:left;
display: block;
}
.img3{
background-color:#FFFFFF;
border: 1px solid #E7E7E7;
padding: 5px;
margin: 4px 0px 8px 10px;
float:right;
display: block;
}
.img4{
background-color:#FFFFFF;
border: 1px solid #000000;
margin: 8px 8px 8px 8px;
float:left;
}
.imgnews{
border: 1px solid #FFFFFF;
background-color:#FFFFFF;
border: 1px solid #E7E7E7;
padding: 5px;
margin: 0px 0px 4px 0px;
display: block;
}
.imgfolder{
padding: 0px 8px 0px 0px;
float:left;
}
.leftnav{
padding: 0px 0px 15px 0px;
background-image:url(images/dotted.jpg);
background-repeat:repeat-x;
background-position:bottom;
display:block;
}
.square{
margin: 0px 0px 40px 0px;
padding: 12px 12px 12px 12px;
border: 1px solid #D4E6B1;
background-color: #f3f7f8;
display:block;
}
.square2{
background-repeat:repeat-x;
padding: 6px 6px 6px 6px;
border-bottom: 1px solid #D8D8D8;
border-top: 1px solid #D8D8D8;;
background-color: #F8F8F8;
display:block;
}
.square3{
padding: 12px 12px 8px 12px;
margin: 0px 0px 20px 0px;
border: 1px solid #E4E6D2;
background-image: url(images/propertysearch.jpg);
background-repeat:repeat-x;
display:block;
}