html, body { margin: 0;
		     padding: 0; }
p { margin-top: 10px;
    margin-bottom: 10px; }
#all { width: 968px;
	   margin: auto; }
#content { padding-top: 76px;
		   padding-bottom: 78px;
		   padding-left: 401px;
		   padding-right: 48px;
		   min-height: 450px;
		   height: auto !important;
		   height: 450px;
		   font: 12px Arial, Helvetica, sans-serif; }
#content,
#content a { color: #852758; }
#content a { text-decoration: none; }
#content a:hover { color: #9966CC; }
#content h2,
#content p { padding-left: 20px;
			 padding-right: 20px; }
.hdots { background: url(images/hdots.gif) repeat-x;
		 height: 1px;
		 overflow: hidden;
		 width: 425px;
		 margin: auto; }


/* top/bottom menu */
#bottomMenu,
#topMenu,
p.copyright { font: 11px Arial, Helvetica, sans-serif; }
#topMenu { padding-top: 31px;
		   margin-top: 0;
		   margin-right: 16px;
		   overflow: auto;
		   margin-bottom: 24px; }
#bottomMenu { text-align: center;
			  margin-top: 5px; }
#bottomMenu,
#bottomMenu a,
#bottomMenu span,
#topMenu,
#topMenu a,
p.copyright{ color: #D87384; }
#bottomMenu a,
#bottomMenu span,
#topMenu a { text-decoration: none;
			 margin-left: 18px; }
#bottomMenu a.first,
#topMenu a.first { margin-left: 0; }
#bottomMenu a:hover,
#topMenu a:hover { color: #9966CC; }
#bottomMenu li,
#topMenu li { list-style-type: none;
			  padding-left: 18px; }
#bottomMenu li.first,
#topMenu li.first { padding-left: 0; }
#topMenu li { float: right; }
#bottomMenu form,
#topMenu form { display: inline; }
#bottomMenu li { display: inline; }
p.copyright { font-size: 10px;
			  text-align: center;
			  margin-top: 15px; }
			  
			  
/* menu */
#menu { position: absolute;
		top: 207px;
		left: 143px;
		z-index: 1; }
#menu li { list-style-type: none;
		   padding-top: 26px;
		   padding-bottom: 1px;
		   padding-left: 1px; }
#menu span,
#menu a,
#menu li { overflow: hidden;
		   text-indent: -1000px; }
#menu span,
#menu a { display: block; }
#menu-about span,
#menu-about a { background: url(images/menu-about.gif) no-repeat;
			    width: 48px;
				height: 18px; }
#menu-shopCollections span,
#menu-shopCollections a { background: url(images/menu-shop_collections.gif) no-repeat;
			              width: 131px;
						  height: 23px; }
#menu-whereToFindDoie span,
#menu-whereToFindDoie a { background: url(images/menu-where_to_find_doie.gif) no-repeat;
			              width: 155px;
						  height: 24px; }
#menu-press span,
#menu-press a { background: url(images/menu-press.gif) no-repeat;
			    width: 44px;
				height: 17px; }
#menu-contact span,
#menu-contact a { background: url(images/menu-contact.gif) no-repeat;
			      width: 62px;
				  height: 14px; }


/* frame */
#frame { background: url(images/frame-middle.gif) repeat-y; }
.frame-top { background: url(images/frame-top.gif) no-repeat; }
.frame-bottom { background: url(images/frame-bottom.gif) no-repeat left bottom;
				padding-top: 25px;
				padding-bottom: 25px;
				position: relative; }
#logo { position: absolute;
		top: 67px;
		left: 8px;
		width: 377px;
		height: 126px; }
#frame-2 { background: url(images/frame-2-middle.gif) repeat-y;
		   width: 914px;
		   margin: auto; }
.frame-2-top { background: url(images/frame-2-top.gif) no-repeat;
			   width: 914px; }
.frame-2-bottom { background: url(images/frame-2-bottom.gif) no-repeat left bottom;
				  width: 914px; }


/* about */
#about-photo { width: 251px;
			   height: 277px;
			   position: absolute;
			   right: 27px;
			   top: 110px; }
.content-about .spacer,
.content-about p { line-height: 1.2; }
.content-about .spacer { float: right;
						 clear: right;
						 height: 1.2em; }
.content-about .spacer-1 { width: 187px; }
.content-about .spacer-2 { width: 189px; }
.content-about .spacer-3 { width: 191px; }
.content-about .spacer-4 { width: 193px; }
.content-about .spacer-5 { width: 195px; }
.content-about .spacer-6 { width: 200px; }
.content-about .spacer-7 { width: 205px; }
.content-about .spacer-8 { width: 207px; }
.content-about .spacer-9 { width: 209px; }
.content-about .spacer-10 { width: 207px; }
.content-about .spacer-11 { width: 209px; }
.content-about .spacer-12 { width: 160px; }
.content-about .spacer-13 { width: 60px; }
.content-about h1 { width: 282px;
				    height: 44px;
				    text-indent: -1000px;
				    overflow: hidden;
					white-space: nowrap; }
.content-about h1.first { background: url(images/header-about.gif) 0 15px no-repeat;
						  margin-top: 0;
						  padding-top: 15px; }
.content-about h1.second { background: url(images/header-fabric_glossary.gif); }
.content-about h2 { height: 18px;
				    text-indent: -1000px;
				    overflow: hidden; }
.content-about h2.first { background: url(images/header-bamboo.gif) no-repeat 20px top; }
.content-about h2.second { background: url(images/header-organic_cotton.gif) no-repeat 20px top; }
.content-about h2.third { background: url(images/header-organic_wool.gif) no-repeat 20px top; }
.content-about h2.forth { background: url(images/header-silk.gif) no-repeat 20px top; }


/* contact */
.content-contact h1 { width: 153px;
					  height: 21px;
					  text-indent: -1000px;
				      overflow: hidden;
					  white-space: nowrap;
					  background: url(images/header-contact_information.gif) 20px top no-repeat;
					  padding-left: 20px;
					  margin-top: 0;
					  margin-bottom: 0; }
.content-contact .dot { margin-left: 10px;
						margin-right: 10px; }
.content-contact h2 { font-size: 13px; }
.content-contact #representatives { margin-left: 20px;
									width: 425px; }
.content-contact td { vertical-align: top; }
.content-contact td.first { width: 160px; }
.content-contact td.second { width: 150px; }
.content-contact td.last { padding-right: 0; }
.content-contact td .header { text-decoration: underline; }
.content-contact #form { margin: auto; }
.content-contact input.text,
.content-contact textarea { width: 250px; }
.content-contact .button { background: #FCE3F3;
						   color: #A0444D;
						   font: 12px Arial, Helvetica, sans-serif; }