* { margin:0; padding:0; }

html, body {
width:100%;
height:100%;
}

body {
font:0.85em/1.3em arial;
color:#333333;
background:url(bgTop.png) center top repeat-x;
}

#wrap {
margin:0 auto -103px auto;
min-height:100%;
width:900px;
position:relative;
z-index:5;
}

a {
color:#382225;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#92888f;
}

p {
font-size:0.95em;
margin-bottom:10px;
}

p.strong { font-weight:bold; font-size:1.1em; }

p.purplestrong {
font-family:georgia;
font-weight:bold;
color:#382225;
font-style:italic;
font-size:1.05em;
}

p.none {
margin:0 !important;
padding:0 !important;
top:0 !important;
left:0 !important;
}

img { border:0; }
li { list-style-position:inside; }

h1 {
width:900px;
height:208px;
background:url(h1.png) no-repeat;
font-size:0;
text-indent:-2000px;
position:relative;
}

ul#menu {
margin:4px 0 10px 0;
display:block;
height:41px;
}

ul#menu li {
list-style:none;
float:left;
height:39px;
display:block;
margin:1px 0;
color:#ffffff;
text-indent:-2000px;
position:relative;
}

ul#menu > li + li {
margin-left:33px;
}

ul#menu li a {
color:#92888f;
display:block;
width:100%;
height:100%;
background:transparent left top no-repeat;
}

ul#menu li a:hover {
background-position:left bottom;
}

ul#menu li a.home			{ width:46px; background-image:url(menu/home.png); }
ul#menu li a.collection	{ width:91px; background-image:url(menu/collection.png); }
ul#menu li a.aboutBabs	{ width:91px; background-image:url(menu/aboutBabs.png); }
ul#menu li a.yourSize		{ width:79px; background-image:url(menu/yourSize.png); }
ul#menu li a.fabricsCare	{ width:112px; background-image:url(menu/fabricsCare.png); }
ul#menu li a.scrapbook	{ width:90px; background-image:url(menu/scrapbook.png); }
ul#menu li a.press		{ width:38px; background-image:url(menu/press.png); }
ul#menu li a.onTheRoad	{ width:53px; background-image:url(menu/onTheRoad.png); }
ul#menu li a.contactBabs	{ width:114px; background-image:url(menu/contactBabs.png); }

ul#menu li:hover ul {
display:block;
}

ul#menu li ul {
display:none;
background:url(dropdownmenu.png) center bottom no-repeat;
width:125px;
padding-bottom:5px;
position:absolute;
top:38px;
left:-5px;
z-index:20;
}

ul#menu li ul li {
display:list-item;
width:105px;
text-indent:0;
font-size:0.9em;
padding:2px 10px 1px;
height:auto;
clear:both;
border-top:1px solid #635e5e;
}

ul#menu li ul a {
color:#ffffff;
text-decoration:none;
}

ul#menu li ul a:hover {
color:#382225;
}

h2 {
width:500px;
height:92px;
background:transparent left center no-repeat;
font-size:0;
text-indent:-2000px;
margin:0 0 5px 0;
z-index:2;
}

h2.home { background-image:url(h2/home.png); }
h2.aboutBabs { background-image:url(h2/aboutBabs.png); }
h2.inspiration { background-image:url(h2/inspiration.png); height:102px; }
h2.friends { background-image:url(h2/friends.png); }
h2.careers { background-image:url(h2/careers.png); }
h2.clothing { background-image:url(h2/clothing.png); }
h2.featuredArtists { background-image:url(h2/featuredArtists.png); }
h2.yourSize { background-image:url(h2/yourSize.png); }
h2.silkWeaving { background-image:url(h2/silkWeaving.png); }
h2.fabricInformation { background-image:url(h2/fabricInformation.png); }
h2.press { background-image:url(h2/press.png); }
h2.audioVideo { background-image:url(h2/audioVideo.png); }
h2.pastEvents { background-image:url(h2/pastEvents.png); }
h2.loveLetters { background-image:url(h2/loveLetters.png); }
h2.contactBabs { background-image:url(h2/contactBabs.png); }
h2.collection { background-image:url(h2/collection.png); }
h2.accessories { background-image:url(h2/accessories.png); }
h2.onTheRoad { background-image:url(h2/onTheRoad.png); }
h2.latestNews { background-image:url(h2/latestNews.png); }

h3, h4, h5, h6 {
color:#382225;
text-transform:uppercase;
margin-bottom:5px;
font-size:1.2em;
}

td, th {
padding:3px;
border-color:#382225;
}

.left { float:left; }
.right { float:right; }

img.left {
float:left;
margin:0 10px 10px 0;
border:1px solid #382225;
}

img.right {
float:right;
border:1px solid #382225;
margin:0 0 10px 10px;
}

#photoStrip {
margin:15px 0 0 0;
clear:both;
height:269px;
}

#photoStrip img {
display:block;
float:left;
}

#photoStrip img + img {
margin-left:3px;
}

#photoStrip img + a img {
margin-left:3px;
}

#whatshot {
display:block;
background:url(../images/home/whats_hot.jpg) no-repeat;
width:295px;
height:92px;
margin:0 auto;
text-indent:-2000px;
font-size:0;
}

#whatshot:hover {
background:url(../images/home/whats_hotHover.jpg) no-repeat;
}

#loveLetter {
margin:20px 0 0 0;
clear:both;
}

#loveLetter  p.letter {
font-family:georgia;
color:#92888f;
font-style:italic;
border:0;
}

.letter {
margin:10px 0 0 0;
padding:0 0 10px 0;
border-bottom:1px dashed #382225;
}

.gallery a {
float:left;
display:block;
position:relative;
}

.gallery a img {
background:#ffffff;
border:1px solid #382225;
padding:1px;
margin:2px;
}

.gallery a img.full {
display:none;
position:absolute;
top:-100%;
left:-50%;
z-index:15;
}

.gallery a:hover img.full {
display:block;
}

.press img {
border:1px solid #382225;
margin:10px;
}

#collectionMenu {
float:left;
width:250px;
margin-right:15px;
}

#collectionMenu li {
list-style:none;
background:url(collectionmenubg.png) no-repeat;
width:222px;
height:29px;
margin-bottom:11px;
}

#collectionMenu a {
font-weight:normal;
display:block;
width:187px;
height:23px;
padding:6px 0 0 35px; 
}

#collectionPage {
float:left;
width:635px;
position:relative;
margin-bottom:15px;
}

#viewCollection {
clear:both;
}

#loading {
width:24px;
display:block;
position:absolute;
left:47%;
z-index:20;
}

#slideLeft {
float:left;
margin:6px 0 1px 13px;
}

#slideRight {
float:left;
margin:6px 0 6px 13px;
}

#viewWrap {
position:relative;
}


#ssControls {
z-index:100;
}

#player {
background:url(player.png) no-repeat;
width:174px;
height:29px;
position:absolute;
bottom:90px;
right:-25px;
z-index:200;
}

#player a {
float:left;
margin:0;
height:29px;
}

#player a:hover {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
}

.imageInfo {
position:absolute;
top:25px;
right:-17px;
width:167px;
}

.imageInfo h3 {
font-size:35px;
text-align:center;
text-transform:none;
margin-bottom:40px;
font-weight:normal;
font-size:1.4em;
line-height:1.2em;
}

.imageInfo h4 {
font-size:16px;
text-align:center;
text-transform:none;
margin-bottom:20px;
color:#262626;
font-weight:normal;
}

.imageInfo p {
font-size:13px;
text-align:left;
text-transform:none;
color:#262626;
}

#collectionLeft {
float:left;
width:500px;
}

#collectionWrap {
width:99px;
height:515px;
overflow:hidden;
float:right;
position:absolute;
top:-90px;
right:0;
z-index:40;
background:url(scrollerbackground.png) no-repeat;
margin-bottom:10px;
}

#collection {
margin:0 0 0 11px;
width:77px;
height:441px;
overflow:hidden;
}

#collection a img {
margin:0;
padding:0;
border:1px solid #92888f;
}

#colloction-inside {
height:100%;
}

#collection a img {
padding:0px;
}

#collection a:hover img {
border-color:#382225;
padding:0px;
}

#allPhotoItems {
position:relative;
top:-90px;
margin-bottom:-95px;
}

#friends ul {
float:left;
width:240px;
height:220px;
margin:0 35px 0 0px;
padding: 0 0 0 20px;
}

#friends ul li 
{
list-style-position: outside;
padding: 0 0 0 3px;
}

#firstAnniversary {
background:url(../images/pastEvents/firstanniversaryinvite.gif) no-repeat;
width:267px;
height:400px;
float:left;
margin:0 20px 0 0;
}

#firstAnniversary:hover { background-image:url(../images/pastEvents/anniversaryinviteover.gif); }

#galaInvitation {
background:url(../images/pastEvents/galainvitation.gif) no-repeat;
width:267px;
height:400px;
float:left;
margin:0 20px 0 0;
}

#galaInvitation:hover { background-image:url(../images/pastEvents/galainvitationover.gif); }

.clearfooter {
height:103px;
width:100%;
clear:both;
}

#foot {
clear:both;
height:103px;
background:transparent url(bgBottom.png) center bottom repeat-x;
}

#foot form#newsletter {
width:900px;
height:45px;
margin:0 auto 6px;
display:block;
position:relative;
z-index:10;
color:#373636;
}

#foot #newsletter p {
float:left;
position:relative;
top:13px;
margin-right:10px;
}

#foot #newsletter button {
border:0;
float:left;
margin-left:10px;
position:relative;
top:7px;
cursor:pointer;
font-size:0;
text-indent:-2000px;
}

#foot #newsletter #join {
background:url(joinList.png) no-repeat;
width:199px;
height:34px;
font-size:0;
text-indent:-2000px;
border:0;
margin-top:7px;
}

#foot #newsletter #unsubscribe {
background:url(unsubscribe.png) no-repeat;
width:139px;
height:34px;
font-size:0;
text-indent:-2000px;
border:0;
margin-top:7px;
}

#foot #bottom {
width:900px;
height:51px;
margin:0 auto;
line-height:1em;
position:relative;
z-index:20;
}

#foot #bottom a {
color:#ffffff;
text-decoration:none;
font-weight:normal;
}

#foot #bottom a:hover {
color:#d3cfd2;
text-decoration:underline;
}

#foot #bottom #address {
display:block;
color:#ffffff;
font-size:0.9em;
float:left;
position:relative;
top:10px;
}

#foot #bottom #bottomMenu {
float:right;
text-align:right;
width:550px;
color:#ffffff;
font-size:0.9em;
position:relative;
top:10px;
}

#springsummercont { margin:0; padding:0; margin-top:-5px; clear:both; }
#springsummercont_canada { margin:0; padding:0; padding-bottom:75px; margin-top:-5px; clear:both; }
#moveUp { position:absolute; top:954px; *top:953px; left:50%; margin-left:-450px; padding:0; }
#moveIt { height:75px; }
#springsummercont_canada a { float:left; margin:0; padding:0; }

#springsummercont a, #moveUp a {
float:left;
margin:0;
padding:0;
}
.error { border: 1px solid #900; } 
.button { background-color:#C69; border:2px solid #ccc; cursor:pointer; width:120px; height:30px; color:#FFF; font-size:16px; font-style:oblique; }