@import "/styles/catalog.css";
@import "/styles/about.css";

html { 
	font-size: 100%; 
	width:100%;
	height:100%;
	}

body {
	padding: 0;
	margin: 0;
	font-family: Arial,Verdana,Tahoma;
	font-size: 0.8em;
	background: #531d2c url(/img/body-bg.gif) 50% 0;
	color: #000000;
	text-align: center;
	width:100%;
	height:100%;
	}
	
.projects { margin: 65px -5px 0 -5px; }
.projects .item {
	width: 200px; 
	height: 245px;
	float: left;
	background: url(/img/project-frame.png) no-repeat 0 0;
	padding: 11px;
	margin: 0 3px -2px 3px;
	text-align: center;
	overflow: hidden;
	}

.projects .item a { display: block; }

.projects .item img {
	margin-bottom: 3px;
	display: block;
	}

img { border: 0; }
form { padding: 0; margin: 0; }
.no-display { display: none; }

.ts { padding: 0 1px 0 0; }

h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0 0 15px 0; }
h1 { font-size: 1.9em; font-weight: normal; }

h1.name {
	padding-top: 10px;
	margin-bottom: 8px;
	font-size: 12pt;
	font-weight: bold;
}

a:link {
	text-decoration: underline;
	color: #9c1841;
}

a:visited {
	text-decoration: underline;
	color: #505050;
}

a:hover {
	text-decoration: underline;
	color: #f00;
}


.dashed { border-bottom: 1px dashed #9c1841; text-decoration: none; }

span.dashed { color: #9c1841; cursor: pointer; cursor: hand;}

#header p, #header ul, #footer p { margin: 0; padding: 0; }

#header, #body, #footer { clear: both; }

#wrapper {
	margin: 0 auto;
	width: 956px;
	text-align: left;
	}

#blankdiv {
	clear: both;
	height: 45px;
}

#header {
	float: left;
	width: 100%;
	background: url(/img/header-shadow.png) no-repeat 50% 0;
	margin: 0 0 15px 0;
	text-align: center;
	width: 956px;
	height: 183px;
	}

#header .content { 
	height: 170px; 
	overflow: hidden;
	background: url(/img/header-bg.jpg) no-repeat 50% 0;
	margin: 0 6px;
	}

#header .logo {
	padding: 23px 0 21px 0;
	}

#header .logo img {
		color: #ffffff; 
		font-size: 20pt;
		width: 268px;
		height: 83px;
	}



#header #menu {
	font-size: 1.1em;
	margin-left: 313px;
	list-style: none;
	float: left;
	display: inline;
	}

#header #menu li {
	float: left;
	margin: 0 4px;
	background: #ffffff;
	width: 100px;
	display: inline;
	height: 30px;
	color: #ffffff;
	}

#header #menu li a {
	float: left;
	width: 100px;
	padding: 8px 0;
	color: #4c4d4f;
	}

#header #menu li.active {
	background: #2e2f2f url(/img/header-menu-active.gif) no-repeat 50% 0;
	padding: 8px 0;
	}

#header #menu li.active a {
	color: #ffffff;
	padding: 0;
	}

#header #menu li {
	padding: 0;
	}

#header #menu li a:hover {
	/*background: url(/img/header-menu-hover.gif) no-repeat 50% 0;
	color: #fff;
	padding: 8px 0;
	height: 30px;*/
	}

#body {
	padding: 0 6px 0 6px;
	background: url(/img/body-shadow.png) repeat-y 50% 0;
	}

.body-top { 
	background: url(/img/body-top.png) no-repeat 0 0; 
	height: 8px;
	overflow: hidden;
	clear: both;
	}

.body-bottom { 
	background: url(/img/body-bottom.png) no-repeat 50% 0; 
	height: 18px;
	overflow: hidden;
	margin: 0 0 17px 0;
	clear: both;
	}

#body .content-decor-left {
	/*background: url(/img/body-dec-left.gif) no-repeat 0 10px;*/
	float: left; 
	width: 100%;
	}

#body .content-decor-right {
	/*background: url(/img/body-dec-right.gif) no-repeat 100% 10px;*/
	min-height: 200px;
	padding: 10px 10px 3px 10px;
	}

#body .content {
	background: #ffffff;
	padding: 2px 10px 10px 10px;
	}

#container {
	float: left; 
	background: #ffffff; 
	width: 100%;
	}


.navigation-horizontal {
	text-align: center;
	float: left;
	padding-bottom: 10px;
	}

.navigation-horizontal p { margin: 0; }

.navigation-horizontal strong {
	font-weight: normal; 
	margin: 0 6px;
	}

.navigation-horizontal em {
	font-style: normal;
	background: url(/img/horizontal-active.gif) no-repeat 50% 100%;
	height: 45px; 
	}

.navigation-horizontal em, .navigation-horizontal a {
	margin: 0 6px;
	}


.navigation-horizontal { float: left; display: inline; margin-left: 207px; }
.navigation-horizontal strong, .navigation-horizontal em, .navigation-horizontal a { float: left; }


.navigation-horizontal a:visited {
	color: #9c1841;
	}

.navigation-horizontal a:hover {
	color: #f00;
}


.catalog { margin: 0 -5px; }
.catalog .item {
	width: 200px; 
	height: 235px;
	float: left;
	background: url(/img/catalog-frame.png) no-repeat 0 0;
	padding: 11px;
	margin: 0 3px -2px 3px;
	text-align: center;
	overflow: hidden;
	}

.catalog .item a { display: block; }

.catalog .item img {
	margin-bottom: 5px;
	display: block;
	}

.column-one {
	float: left;
	width: 24%;
	}

.column-onehalfhalf {
	float: right;
	width: 28%;
	}

.column-onehalf {
	float: left;
	width: 48%;
	}

.column-three {
	float: right;
	width: 76%;
	}

.arrows-navigate { margin: -12px 0 15px 22px; position: relative; }
.arrows-navigate td { text-align: center; vertical-align: center; line-height: 1em; }
.arrows-navigate img { display: block; margin: 0 auto; }

.arrows-navigate a, .arrows-navigate strong { font-weight: bold; font-size: 13px; padding: 0 3px; }
.arrows-navigate span { font-size: 1em; padding: 0 3px; margin: 0 0 -1px 0; display: block; }
.arrows-navigate a { text-decoration: underline !important; color: #9c1841 !important; }
.arrows-navigate a:hover { color: #f00 !important; }

.menu-vertical ul { 
	padding: 0; 
	margin: 0 0 20px 0; 
	list-style: none; 
	}

.menu-vertical ul li { 
	font-size: 1.1em;
	margin-bottom: 6px; 
	padding: 0 0 0 25px;
	}

.menu-vertical ul li.active,
.menu-alphabetical ul li.active {
	background: url(/img/vertical-dec-left.gif) no-repeat 0 4px;
	}

.menu-vertical ul li.active span,
.menu-alphabetical ul li.active span {
	background: url(/img/vertical-dec-right.gif) no-repeat 100% 4px;
	padding-right: 25px;
	}

.logos {
	width: 100%;
	}

.logos td {
	padding: 10px;
	width: 33%;
	text-align: center;
	vertical-align: bottom;
	}

.notice {
	padding: 0 0 18px 0;
	clear: both;
	}

.notice p {
	margin: 0 0 10px 0;
	}


.description {
	font-family: Serif;
	font-size: 1.1em;
	padding-left: 73px;
	}

.description p { clear: both; }

.description dl { padding: 0; margin: 0 0 8px 0; float: left; width: 100%; }
.description dl dt, .description dl dd { padding: 0 0 7px 0; margin: 0; }
.description dl dt { position: absolute; margin-left: -58px; color: #58595b; font-size: 0.9em; width: 53px; }

.photos { text-align: center; }

.photos .small img { margin: 0 4px; opacity: 0.5; }
.photos .small .active img { opacity: 1; cursor: default; }


.designers { margin: 0 -1px; }

.designers .item {
	width: 151px; 
	height: 189px;
	float: left;
	background: url(/img/photos-frame2.png) no-repeat 0 0;
	padding: 10px;
	margin: 0;
	text-align: center;
	margin: 0 5px 10px 5px;
	}

.designers .item img {
	margin-bottom: 6px;
	display: block;
	}

.designers .item a { display: block; }


.navigation-additional { 
	height: 20px;
	width: 210px;
	padding: 6px 0;
	margin: 0 0 0 470px;
	}

.navigation-additional strong, .navigation-additional em, .navigation-additional a { 
	font-weight: normal;
	font-style: normal;
	padding: 0 3px;
	}

.navigation-additional p {
	height: 30px;
	width: 210px;
	padding: 6px 0;
	background: url(/img/additional-bg.gif) no-repeat 50% 0;
	text-align: center;
	position: absolute;
	margin-top: -20px;
	}

.menu-alphabetical ul { padding: 0; margin: 0; list-style: none; }
.menu-alphabetical ul li { margin-bottom: 15px; font-family: Serif; font-size: 1.8em; text-transform: uppercase; }
.menu-alphabetical ul li ul { margin-left: 25px; }
.menu-alphabetical ul li ul li { margin-bottom: 7px; font-size: 0.6em; font-family: Arial,Sans-Serif; font-weight: normal; text-transform: none; }

.byografy-photo { float: left; width: 230px; padding: 4px 0 0 0; text-align: center; font-family: Serif; }
.byografy-photo img { margin-bottom: 7px; }
.byografy-photo h1 { font-size: 1.4em; }

.byografy { margin-bottom: 20px; float: right; width: 450px; font-family: Serif; }
.byografy ul { padding: 0; margin: 0; list-style: none; }
.byografy ul li { margin-bottom: 7px; }


.text { padding: 20px 120px 0 120px; }
.text h1 { font-size: 1.4em; margin-top: 20px; }
.text p { margin-bottom: 10px; }

/*.projects { padding: 30px 90px 0 90px; }
.projects h1 { font-size: 1.3em; margin: 20px 0 10px 0; }
.projects p { margin-bottom: 10px; }
.projects .column-33 { float: left; width: 200px; margin-right: 60px; }*/


.project { width: 200px; text-align: left; clear: both; }
.project img { margin-bottom: 6px; display: block; }
.projects-list { margin: 0; padding: 5px 0; list-style: none; clear: both; }
.projects-list li { margin-bottom: 7px; }


.c2 { background: #e7e7e7; float: left; width: 100%; }

#footer {
	font-size: 0.9em;
	text-align: center;
	color: #ffffff;
	padding: 0 6px;
	}

#footer a {
	color: #ffffff;
	}

#footer .copy {
	background: url(/img/copy-dec.gif) no-repeat 50% 100%;
	padding: 0 0 32px 0;
	width: 300px;
	margin-left: 322px;
	}

#footer .venga {
	float: left;
	text-align: left;
	width: 300px;
	margin: 0 -300px 0 0;
	}
	
#footer .search {
	float: right;
	text-align: right;
	width: 300px;
	color: #fff;
	line-height: 1.5em;
}

#footer .dashedsearch {
	border-bottom: 1px dashed #fff;
	color: #fff;
	cursor: pointer; cursor: hand;
	white-space: nowrap;
}

.hidden {
	display: none;
}

.visible {
	display: inline;
}

#wrapper { position: relative; z-index: 5; }
#div-global { position: absolute; top: 0; left: 0; width: 100%; height: 1px; z-index: 3; background: url(/img/0.gif) no-repeat 100% 100%; }
#png-global { position: absolute; top: 0; left: 0; width: 100%; height: 1px; z-index: 2; }
#jpg-body { width: 100%; height: 1px; float: left; margin-right: -100% }