* { marign:0; padding:0; }

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Sans-serif;
	font-size:   8pt;
	background:  #FFCBE5 url('../images/sitebg.gif') repeat-x; /*FFE5F2;*/
}

html,body {
	min-height: 100%;
	height: auto !important;
	height: 100%
}

h1 { font-size: 160%; margin: 2em 0 0 0; }
h2 { font-size: 130%; margin: 2em 0 0 0; }
h3 { font-size: 115%; margin: 2em 0 0 0; }
h4 { font-size: 107%; margin: 2em 0 0 0; }
h5 { font-size: 100%; margin: 2em 0 0 0; font-style: italic;    }
h6 { font-size: 100%; margin: 2em 0 0 0; text-decoration: underline; }

p { margin-left: 1em; }

a { color: #C36; }

a img { border: none; }

input {
	font-family: Bitstream Vera Sans Mono, monospace;
	font-size: 8pt;
}

input.text, textarea {
	padding: 2px;
	background: #FFF url('../images/bg-input.png') top left repeat-x;
	border: 1px solid #CCC;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
}

input.button {
	padding: 5px;
	border: 1px solid #CCC;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	font-weight: bold;
}

.clear { clear: both; }

.new { color: #A00; }

.center-text { text-align: center; }

.first { margin:0; padding:0; }

.textile-image {
	margin: 0;
	padding: 0;
	width: 211px;
	height: 232px;
	background: #FFF url('../images/fabric1.jpg') 50% 50% no-repeat;
}

	.textile-image img {
		display: none;
	}

	.textile-image h1 {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		text-indent: -9000px;
		background: transparent url('../images/fabric_frame.gif') 50% 50% no-repeat;
	}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

	img.float-right {
		margin: 0 0 7px 7px;
		border: 4px solid #BBB;
	}

	img.float-left {
		margin: 0 7px 7px 0;
		border: 4px solid #BBB;
	}

#wrap {
	width: 770px;
	padding: 20px;  padding-bottom: 10px;
	margin: 0 auto;
	background: #FFF;
	/*border: 1px solid #DB6F93;*/
	border-width: 0 1px 0 1px;
}

#header {
	padding-left: 120px;
	height: 102px;
	background: #FFF url('../images/logo.gif') 3px center no-repeat;

}

	#header h1 {
		margin: 0;
		padding: 0;
		width: 420px;
		height: 76px;
		font-family: Georgia;
		font-size: 25pt;
		font-weight: normal;
		letter-spacing: -1pt;
		color: #FF3399;
	}

		#header h1 a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -9000px;
			background: #FFF url('../images/title3.gif') top left no-repeat;
			outline: none;
		}

	ul#nav {
		float: left;
		margin: 0;
		padding: 0;
		width: 640px;
		background: #DDD url('../images/bar.gif') bottom left repeat-x; /*#EEE;*/
		border-top: 1px solid #AAA;
		list-style-type: none;
	}

		ul#nav li {
			float: left;
			margin: 0;
			margin-right: 20px;
			padding: 0;
			font-size: 8pt;
			font-weight: bold;
		}

			ul#nav li a {
				display: block;
				padding: 5px 6px 5px 6px;
				text-decoration: none;
			}

			ul#nav li a:hover {
				padding: 5px;
				color: #FFF;
				background: #AAA;
				border-left: 1px solid #CCC;
				border-right: 1px solid #DDD;
			}

			/* active 'current page' navigation links */

			body#page-home     ul#nav li#nav-page-home a,
			body#page-profile  ul#nav li#nav-page-profile a,
			body#page-mission  ul#nav li#nav-page-mission a,
			body#page-ceo      ul#nav li#nav-page-ceo a,
			body#page-team     ul#nav li#nav-page-team a,
			body#page-branches ul#nav li#nav-page-branches a,
			body#page-contact  ul#nav li#nav-page-contact a {
				padding: 5px !important;
				background: #888;
				color: #FEE;
				border-left: 1px solid #DDD;
				border-right: 1px solid #EEE;
				font-variant: small-caps;
			}

			ul#nav li#nav-page-branches {
				position: relative;
			}
				ul#nav li#nav-page-branches ul {
					position: absolute;
					display: none;
					top: 25px; left: 0;
					padding: 0 !important;
					margin: 0 !important;
					background: #DDD;
				}
				ul#nav li#nav-page-branches ul li {
					float: none;
					list-style-type: none;
					padding: 0 !important;
					margin: 0 !important;
				}

#body {
	clear: both;
	padding: 10px 0;
	width: 770px;
}

	#body #sidebar {
		float: left;
		width: 100px;
		margin: 10px 10px 0 0;
		text-align: left;
		background: #EEE;
	}

		#body #sidebar * {
			margin: 0;
			padding: 0;
		}

		#body #sidebar ul#sub-nav {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

			#body #sidebar ul#sub-nav h3 {
				width: 100px;
				height: 20px;
				text-indent: -9000px;
				background: #FFF url('../images/nav2_catalog_title.gif') top left no-repeat;
			}

			#body #sidebar ul#sub-nav li {
				margin: 0;
				padding: 0;
				width: 100px;
			}

				#body #sidebar ul#sub-nav li a {
					display: block;
					width: 100%;
					height: 100%;
					text-indent: -9000px;
					outline: none;
				}

			#body #sidebar ul#sub-nav li#nav-catalog-textiles,
			#body #sidebar ul#sub-nav li#nav-catalog-furnishings,
			#body #sidebar ul#sub-nav li#nav-catalog-ladies-shoes,
			#body #sidebar ul#sub-nav li#nav-catalog-mens-shoes {
				height: 30px;
			}

			#body #sidebar ul#sub-nav li#nav-catalog-childrens-shoes {
				height: 45px;
			}

				/* catalog nav: normal links */

				#body #sidebar ul#sub-nav li#nav-catalog-mens-shoes a {
					background: #FFF url('../images/nav2_catalog_men.gif') top left no-repeat;
				}

				#body #sidebar ul#sub-nav li#nav-catalog-ladies-shoes a {
					background: #FFF url('../images/nav2_catalog_ladies.gif') top left no-repeat;
				}

				#body #sidebar ul#sub-nav li#nav-catalog-childrens-shoes a {
					background: #FFF url('../images/nav2_catalog_children.gif') top left no-repeat;
				}

				#body #sidebar ul#sub-nav li#nav-catalog-textiles a {
					background: #FFF url('../images/nav2_catalog_textiles.gif') top left no-repeat;
				}

				#body #sidebar ul#sub-nav li#nav-catalog-furnishings a {
					background: #FFF url('../images/nav2_catalog_furnishings.gif') top left no-repeat;
				}

				/* catalog nav: hover links */

				#body #sidebar ul#sub-nav li#nav-catalog-mens-shoes      a:hover,
				#body #sidebar ul#sub-nav li#nav-catalog-ladies-shoes    a:hover,
				#body #sidebar ul#sub-nav li#nav-catalog-childrens-shoes a:hover,
				#body #sidebar ul#sub-nav li#nav-catalog-textiles        a:hover,
				#body #sidebar ul#sub-nav li#nav-catalog-furnishings     a:hover,

				/* catalog nav: current links */

				body#page-catalog-mens-shoes      ul#sub-nav li#nav-catalog-mens-shoes      a,
				body#page-catalog-ladies-shoes    ul#sub-nav li#nav-catalog-ladies-shoes    a,
				body#page-catalog-childrens-shoes ul#sub-nav li#nav-catalog-childrens-shoes a,
				body#page-catalog-textiles        ul#sub-nav li#nav-catalog-textiles        a,
				body#page-catalog-furnishings     ul#sub-nav li#nav-catalog-furnishings     a {
					background-position: top right !important;
				}

	#body #content {
		float: left;
		width: 660px;
	}

		#body #content #artwork {
			width: 660px;
			height: 250px;
			background: #FFF url('../images/art_welcome.jpg') top left no-repeat;
		}

		#page-catalog-mens-shoes #body #content #artwork {
			background: #FFF url('../images/art_mens.jpg') 10px 10px no-repeat;
		}

		#page-catalog-ladies-shoes #body #content #artwork {
			background: #FFF url('../images/art_ladies.jpg') 0 0 no-repeat;
		}

		#page-catalog-childrens-shoes #body #content #artwork {
			background: #FFF url('../images/art_children.jpg') 12px 0 no-repeat;
		}

		#page-catalog-textiles #body #content #artwork {
			background: #FFF url('../images/art_textiles.jpg') 10px 10px no-repeat;
		}

		#page-catalog-furnishings #body #content #artwork {
			background: #FFF url('../images/art_furnish.jpg') 0 0 no-repeat;
		}

		#page-profile #body #content #artwork {
			background: #FFF url('../images/art_profile2.jpg') 0 0 no-repeat;
		}

		#page-mission #body #content #artwork {
			background: #FFF url('../images/art_mission2.jpg') center center no-repeat;
		}

		#page-ceo #body #content #artwork {
			background: #FFF url('../images/art_ceo.jpg') 0 0 no-repeat;
		}

		#page-team #body #content #artwork {
			background: #FFF url('../images/art_team.jpg') 0 0 no-repeat;
		}

		#page-branches #body #content #artwork {
			background: #FFF url('../images/art_branches2.jpg') 0 0 no-repeat;
		}

		#page-contact #body #content #artwork {
			background: #FFF url('../images/art_contact.jpg') 0 0 no-repeat;
		}

			#body #content #artwork strong {
				display: block;
				margin:  0;
				padding: 0;
				width:  100%;
				height: 100%;
				text-indent: -9900px;
				background:  transparent url('../images/frame.png') 50% 0 no-repeat;
			}

		#body #content .content-area {
			margin: 0 15px 15px 15px;
			padding: 0;
		}

		body.page-catalog #body #content .content-area {
			margin: 10px 15px 0 15px;
		}

		body.page-catalog #body #content .content-area .first.title a {
			text-decoration: none;
			font-weight: normal;
		}

			#body #content .content-area table {
				border-collapse: collapse;
			}

			#body #content .content-area table td,
			#body #content .content-area table th {
				padding: 10px 5px 10px 5px;
				border-top: 1px solid #CCC;
				border-bottom: 1px solid #CCC;
				border-right: 1px dotted #CCC;
				border-left: 1px dotted #CCC;
				text-align: left;
				vertical-align: top;
			}

			#body #content .content-area table tr.row-alt td {
				background: #FFEEEE;
			}

			#body #content .content-area table th {
				background-color: #FAE5E5;
				padding-left: 21px !important;
				background-position: 2px center;
				background-repeat: no-repeat;
			}

				th.company-name {
					background-image: url('../images/i_page_user_dark.gif');
				}

				th.location {
					background-image: url('../images/i_icon_home.gif');
				}

				th.address {
					background-image: url('../images/i_icon_mail.gif');
				}

				th.tel-fax {
					background-image: url('../images/i_action_print.gif');
				}

			#body #content .content-area table th.title {
				border: none;
				padding-top: 10px;
				background: transparent;
			}

			#body #content h3.title {
				height: 15px;
				padding-bottom: 2px;
				text-indent: -9900px;
			}

			#body #content h2.title {
				font-family: Georgia, Sans-serif;
				font-size: 160%;
				font-weight: bold;
				letter-spacing: -0.7pt;
				border-bottom: 1px solid #DBB;
			}

		#body #content div.product {
			float: left;
			margin: 7px;
			padding: 0;
			width: 200px;
			height: 150px;
			text-align: center;
		}
		#page-home #body #content div.product {
			margin-top: 0;
		}
			#body #content div.product a {
				display: block;
				width: 100%;
				height: 100%;
				outline: none;
				text-indent: -9900px;
				background: transparent url('../images/frame-product.gif');
			}
			#body #content div.product a:hover {
				background: transparent url('../images/frame-product-h.gif');
			}
			#page-body #body #content div.product a:hover {
				background-image: none !important;
			}
			#body #content div.product img {
				display: none;
			}
		#page-home #body #content div.product-header {
			width: 190px;
			margin: 7px;
			padding: 0 5px;
			float: left;
		}
			#page-home #body #content div.product-header h2 {
				margin:0; padding:0;
			}

#error {
	width: 800px;
	font-size: 8pt;
	color: #CAA;
	padding: 20px 3px;
	margin: 0 auto;
}
	#error a { color: #B99; }
	#error p, #error h4 {
		margin:0; padding:0;
	}
	#error #stack pre {
		padding: 2px;
		background: #FFF;
		color: #000;
		overflow: auto;
		height: 200px;
		border: 1px solid #CAA;
	}

#footer {
	clear: both;
	padding-top: 20px;
	font-size: smaller;
	color: #AAA;
}


/** image replacement titles **/

/* profile */

	#title-profile-overview {
		background: url('../images/title-profile-overview.gif') 0 0 no-repeat;
	}

	#title-profile-industry {
		background: url('../images/title-profile-industry.gif') 0 0 no-repeat;
	}

	#title-profile-products {
		background: url('../images/title-profile-products.gif') 0 0 no-repeat;
	}

	#title-profile-brands {
		background: url('../images/title-profile-brands.gif') 0 0 no-repeat;
	}

	#title-profile-customers {
		background: url('../images/title-profile-customers.gif') 0 0 no-repeat;
	}

/* mission */

	#title-mission-vision {
		background: url('../images/title-mission-vision.gif') 0 0 no-repeat;
	}

	#title-mission-mission {
		background: url('../images/title-mission-mission.gif') 0 0 no-repeat;
	}

/* ceo message */

	#title-ceo-message {
		background: url('../images/title-ceo-message.gif') 0 0 no-repeat;
	}

	#title-we-deliver-value {
		height: 30px !important;
		background: url('../images/title-we-deliver-value.gif') 50% 0 no-repeat;
		/* this is h2.title, not -text-indent by default */
		text-indent: -9900px;
		border-bottom: 0 !important;
	}

/* team */

	#title-team {
		background: url('../images/title-team.gif') 0 0 no-repeat;
	}

	#page-profile-team p strong {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: larger;
		color: #A00;
	}

/* contact */

	#title-contact {
		background: url('../images/title-contact.gif') 0 0 no-repeat;
	}