@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
font-size: 62.5%;
text-align: center; /* center for ie */
margin: 0;
padding: 0;
}

P {
font-size: 1.2em;
}
h1 {
font-size: 2.8em;
}
h2 {
font-size: 2.2em;
}
#headercontainer {
width: 800px;
margin-top: 15px;
padding-top: 1px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
border-top: solid 1px #000;
border-right: solid 1px #000;
border-bottom: none;
border-left: solid 1px #000;
}

#header {
background-image: url('./images/header_bg.jpg');
background-position: top center;
background-repeat: no-repeat;
background-color: #dbffdb;
width: 800px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
border: 0;
color: #38381f;
min-height: 144px;
text-align: right;
}

* html #header{height: 144px;}
#header h1 {position: absolute; right: 1px; top: 65px;}

#header #logo { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 424px; 
height: 68px;
}
#header #logo span {
display: block;
position:absolute;
right: 0;
top: 0;
z-index: 1;
width: 424px;
height: 68px;
margin: 0;
padding: 0;
background: url('./images/logo.jpg') top right no-repeat;
cursor: pointer;
}
#header #logo a {
position: static;
display: block;
height: 68px;
white-space: nowrap;
color: #390000;
}

#navcontainer {
width: 800px;
height: auto;
background-color: #330000;
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
}

#pagebody {
width: 800px;
margin-top: 0;
padding-top: 1px;
margin-right: auto;
margin-left: auto;
clear: both;
border-right: solid 1px #000;
border-left: solid 1px #000;
}

#contentcontainer {
width: 750px;
margin: 0 0 0 50px;
clear: both;
}
#footercontainer {
background-color: #330000;
width: 800px;
margin-top: 0;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding-bottom: 1px;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
border-left: solid 1px #000;
clear: both;
}


/*-- inner containers --*/

#content {
float: left;
width: 390px;
margin: 25px 0 0 0;
text-align: left;
}
#mapcontent {
float: none;
width: 700px;
margin: 15px 0 0 0;
text-align: left;
}
#collections {
float: none;
width: 700px;
margin: 15px 0 0 0;
text-align: left;
}
#imagecontainer {
float: left;
width: 300px;
margin: 25px 0 15px 55px;
}
.leftcol {
float: left;
width: 144px;
}
.leftcol img {
padding: 0 0 1px 0;
}
.rightcol {
float:left;
width: 144px;
padding: 0 0 0 3px;
}
.rightcol a img  {
border: 0;
padding: 0 0 1px 0;
}
.rightcol img {
padding: 0;
}


#form {
float: left;
width: 255px;
margin: 25px 0 0 25px;
height: 321px;
min-height: 321px;
}
#contactusform {
float: left;
width: 255px;
margin: 25px 0 0 25px;
height: 321px;
min-height: 321px;
}
#pagebottom {
width: 800px;
height: 81px;
min-height: 81px;
background: #96b48e url('./images/bottom_bg.jpg') repeat-x top left;
}




/* --- Global Navigation --------------------------------------------------*/
#nav {
font-size: 90%;
margin: 0;
line-height: 1.8em;
background-color: #330000;
height: auto;
}
#nav ul {
margin: 0;
text-align: left;
padding: 10px 0 8px 15px;
list-style: none;
/* margin: 0; */
}
#nav li {
display: inline;
}
#nav li a:link, #nav li a:visited {
font-family: Helvetica, verdana, arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
color: #fff;
text-decoration: none;
padding: 0 5px 0 10px;
text-align: center; 
}

#nav li a:hover {
text-decoration: underline;
}
#navcontainer #nav .navcurrent {
text-decoration: underline;
}
/* --- Content Style ----*/
#title {
position: relative;
margin-bottom: 25px;
}
/* -- Home Page Title -- */
#welcome h1 {position: absolute; left: 1px; top: 1px;}

#content #welcome { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 220px; 
height: 44px;
}
#content #welcome span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 220px;
height: 44px;
margin: 0;
padding: 0;
background: url('./images/welcome.jpg') top left no-repeat;
cursor: text;
}
/*-- About Page Title -- */
#aboutus h1 {position: absolute; left: 1px; top: 1px;}

#content #aboutus { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 220px; 
height: 44px;
}
#content #aboutus span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 220px;
height: 44px;
margin: 0;
padding: 0;
background: url('./images/aboutus.jpg') top left no-repeat;
cursor: text;
}
/*-- Ladies Shoes Page Title -- */
#ladiesshoes h1 {position: absolute; left: 1px; top: 1px;}

#content #ladiesshoes { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 307px; 
height: 53px;
}
#content #ladiesshoes span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 307px;
height: 53px;
margin: 0;
padding: 0;
background: url('./images/ladiesshoes.jpg') top left no-repeat;
cursor: text;
}

/*-- Ladies Boots Page Title -- */
#ladiesboots h1 {position: absolute; left: 1px; top: 1px;}

#content #ladiesboots { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 282px; 
height: 47px;
}
#content #ladiesboots span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 282px;
height: 47px;
margin: 0;
padding: 0;
background: url('./images/ladiesboots.jpg') top left no-repeat;
cursor: text;
}
/* -- Collections Page Title --*/
#ourcollections h1 {position: absolute; left: 1px; top: 1px;}

#collections #ourcollections { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 364px; 
height: 51px;
}
#collections #ourcollections span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 364px;
height: 51px;
margin: 0;
padding: 0;
background: url('./images/ourcollections.jpg') top left no-repeat;
cursor: text;
}
#shoecollection h1 {position: absolute; left: 1px; top: 1px;}

#collections #shoecollection {
	position: absolute;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 360px;
	height: 49px;
	background-image: url('./images/ladiesshoes.jpg');
}
#collections #shoecollection span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 360px;
height: 49px;
margin: 0;
padding: 0;
background: url('./images/shoe_collection.jpg') top left no-repeat;
cursor: text;
}
#bootcollection h1 {position: absolute; left: 1px; top: 1px;}

#collections #bootcollection { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 353px; 
height: 49px;
}
#collections #bootcollection span {
	display: block;
	position:absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 353px;
	height: 49px;
	margin: 0;
	padding: 0;
	background: url('./images/boot_collection.jpg') top left no-repeat;
	cursor: text;
	background-image: url('./images/boot_collection.jpg');
}
/*-- Sign Up Page Title -- */
#mailsignup h1 {position: absolute; left: 1px; top: 1px;}

#content #mailsignup { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 306px; 
height: 73px;
}
#content #mailsignup span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 306px;
height: 73px;
margin: 0;
padding: 0;
background: url('./images/mailinglist.jpg') top left no-repeat;
cursor: text;
}
/*-- Location Page Title --*/
#location h1 {position: absolute; left: 1px; top: 1px;}

#mapcontent #location { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 343px; 
height: 47px;
}
#mapcontent #location span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 343px;
height: 47px;
margin: 0;
padding: 0;
background: url('./images/location.jpg') top left no-repeat;
cursor: text;
}
/*-- Contact Us Page Title -- */
#contactus h1 {position: absolute; left: 1px; top: 1px;}

#content #contactus { 
position: absolute;
overflow: hidden;
margin: 0;
padding: 0;
width: 270px; 
height: 47px;
}
#content #contactus span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 270px;
height: 47px;
margin: 0;
padding: 0;
background: url('./images/contact_us.jpg') top left no-repeat;
cursor: text;
}

#text {
position: relative;
margin: 70px 0 0 0;
}
#text p {
font-family: Helvetica, verdana, arial, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #330000;
padding-bottom: 10px;
}
#text a:link, #text a:visited {
font-weight: bold;
color: #330000;
text-decoration: none;
}
#text a:hover, #text a:active {
text-decoration: underline;
}
#text h2 {
font-family: Helvetica, verdana, arial, sans-serif;
font-size: 2.0em;
font-weight: normal;
color: #330000;
padding-bottom: 10px;
}
.textspace {
height: 55px;
min-height: 55px;
}
/*------------ Collections Entry Page ----------------*/
.shoecollection {
width: 195px;
float: left;
border: solid 1px #a87070;
margin: 15px 0 31px 85px;
text-align: center;
display: inline;
}
.shoecollection img {
border: none;
}
.shoecollection p {
width: 175px;
padding: 5px 0 0 0;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.shoecollection span {
font-weight: bold;
}
#collections .shoecollection a:link, #collections .shoecollection a:visited {
font-weight: normal;
text-decoration: none;
}
#collections .shoecollection a:hover {
text-decoration: none;
}

.bootcollection {
width: 195px;
float: left;
border: solid 1px #a87070;
margin: 15px 0 10px 65px;
text-align: center;
}
.bootcollection img {
border: none
}
.bootcollection p {
width: 175px;
padding: 5px 0 0 0;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.bootcollection span {
font-weight: bold;
}
#collections .bootcollection a:link, #collections .bootcollection a:visited {
font-weight: normal;
}
#collections .bootcollection a:hover {
text-decoration: none;
}

/*---- gallery rows x3 images ----------*/

.galleryrow {
width: 700px;
text-align: center;
margin: 0;
padding-bottom: 15px;
}
.galleryimage {
width: 145px;
text-align: left;
float: left;
padding-right: 15px;
}
.galleryimage a img {
border: solid 1px #a87070;
padding: 2px;
}
#collections .galleryimage p {
width: 145px;
font-family: Helvetica, verdana, arial, sans-serif;
font-weight: normal;
font-size: 1.2em;
color: #330000;
padding: 2px 0 0 1px;
}
.galleryimage span {
font-weight: bold;
}

#map {
position: relative;
margin-top: 55px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}

#form h2 {
color: #330000;
font-family: Helvetica, verdana, arial, sans-serif;
font-weight: normal;
font-size: 1.5em;
margin: 0;
}
#form p {
font-family: Helvetica, verdana, arial, sans-serif;
color: #330000;
font-size: 1.2em;
margin: 0;
text-align: left;
padding-bottom: 10px;
}
#form .contactform fieldset {
border: none;
}
#form .contactform legend {
display: none;
}
#contactusform h2 {
color: #330000;
font-family: Helvetica, verdana, arial, sans-serif;
font-weight: normal;
font-size: 1.5em;
margin: 0;
}
#contactusform p {
font-family: Helvetica, verdana, arial, sans-serif;
color: #330000;
font-size: 1.2em;
margin: 0;
text-align: left;
padding-bottom: 5px;
}
#contactusform .contactform fieldset {
border: none;
}
#contactusform .contactform legend {
display: none;
}
.contactform .fixedwidth {
display: block;
width: 195px;
float: left;
}
.contactform #name {
width: 195px;
margin: 0;
}
.contactform #email {
width: 195px;
margin: 0;
}
.contactform #tel {
width: 195px;
}
.contactform #subject {
width: 195px;
}
.contactform .btn {
font-family: Helvetica, verdana, arial, sans-serif;
font-size: 1.0em;
width: 75px;
margin: 0 45px 0 0;
}
/*-- mail signup form --*/
#form .signupform fieldset {
border: none;
}
#form .signupform legend {
display: none;
}
.signupform .fixedwidth {
display: block;
width: 195px;
float: left;
}
.signupform #name {
width: 195px;
margin: 0 0 15px 0;
}
.signupform #email {
width: 195px;
margin: 0 0 15px 0;
}
.signupform .btn {
font-family: Helvetica, verdana, arial, sans-serif;
font-size: 1.0em;
width: 75px;
margin: 15px 45px 0 0;
}

#map_canvas {
text-align: center;
margin-right: auto;
margin-left: auto;
padding-bottom: 15px;
width: 500px;
height: 245px;
}

#pagebottom p {
font-family: Helvetica, verdana, arial, sans-serif;
font-size: 2.4em;
color: #ccffcc;
font-weight: normal;
padding-top: 33px;
padding-left: 45px;
text-align: left;
}

/* -- footer style --*/

#footercontainer p {
font-family: Helvetica, verdana, arial, sans-serif;
font-size: 1.0em;
color: #fff;
font-weight: bold;
text-align: left;
padding: 10px 0 0 45px;
}

#footernav {
margin: 15px 0 5px 35px;
padding: 0;
text-align: left;
}
#footernav ul {
margin: 0;
padding: 0;
}
#footernav li {
list-style: none;
display: inline;
font: normal 1.1em Arial, Helvetica, sans-serif;
color: #fff;
margin-left: 10px;
}
#footernav li a:link {
text-decoration: none;
color: #fff;
}
#footernav li a:visited {
text-decoration: none;
color: #fff;
}
#footernav li a:hover, #footernav li a:active {
text-decoration: underline;
}

#designby {
padding: 0 35px 5px 0;
}
#designby p{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: normal;
color: #ccc;
text-align: right;
}
#designby a {
color: #ccc;
}





.clear {
display: block;
height:1px;
clear:both;
margin: 0;
} 
#pagebody #contentcontainer #collections #Handbags span {
	background-image: url('./images/handbag_collection.jpg');
}
#pagebody #contentcontainer #hbcollections #handbags span {
	background-image: url('./images/handbag_collection.jpg');
}
#test {
	background-image: url('./images/handbag_collection.jpg');
}
test {
	background-image: url('./images/handbag_collection.jpg');
}