@import url("reset.css");

body,html {height:100%}
body {color:#e5e5e5; background:#0b0b0b url(../img/bg.png) repeat 0 0; font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#e5e5e5; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

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

.fBold {font-weight:bold;}

/* -- ---- typography ---- -- */

#minWidth {position:relative; z-index:2; min-width:1000px; height:auto !important; height:100%; min-height:100%}

.t-vis {position:absolute; z-index:1; top:0; left:0; width:100%; height:215px; background:url(../img/bg-top.png)}

/* // ---- top ---- // */
.top {position:relative; z-index:3; padding-top:142px; width:990px; margin:0 auto; height:68px}
	.top .logo {position:relative; left:-16px; float:left}
		.top .logo img {background-image:url(../img/logo-p.png)}
		.top .logo i {position:absolute; top:65px; left:33px; width:268px; height:3px; background-color:#ffd500; font-size:1px}
.navigation {float:right; width:591px}
	.navigation li {position:relative; float:left; padding-left:18px; padding-top:20px; height:48px}
		.navigation li a, .navigation li .hr {display:block; height:48px}
			.navigation li a:hover, .navigation li .hr {text-indent:0; border-bottom:3px solid #ffd500; height:45px}
	.navigation li ul {position:absolute; top:68px; left:18px; display:none; background-color:#ffd500; width:143px; padding:15px 13px 9px 0}
		.navigation li ul li {float:none; height:auto; padding:0 3px 9px 15px}
		.navigation li ul li a {color:#000; display:inline; height:auto}
		.navigation .sfHover a {border-bottom:3px solid #ffd500; height:45px}
		.navigation .sfHover ul {top:68px}
			.navigation .sfHover ul a {height:auto; border-bottom-width:0}
/* -- ---- top ---- -- */

.m-bg {position:relative; z-index:2; left:50%; margin-left:-506px; width:1010px; background:url(../img/middle-bg.png) repeat-y 0 0}
.slogan {position:absolute; width:206px; height:77px; background-image:url(../img/slogan.png)}
/* // ---- main visual ---- // */
.main-visual {position:relative; height:430px; width:990px; margin:0 auto}
	.main-visual .slogan {left:205px; top:81px}
/* -- ---- main visual ---- -- */

/* // ---- main gallery ---- // */
#gallery {position:relative; margin-left:auto; width:572px; height:430px; overflow:hidden}
	#gallery .scrollWrapper {width:100%; height:430px; overflow:hidden}
	#gallery .ars {position:absolute; top:0; width:112px; height:430px; cursor:pointer; cursor:hand; background:url(about:blank)}
		#gallery .ars i {display:block; width:112px; height:430px}
	#gallery .scrollingHotSpotLeft {left:0}
		#gallery .scrollingHotSpotLeft i {background:url(../img/gallery-lar.png)}
	#gallery .scrollingHotSpotRight {margin-left:100%; left:-112px}
		#gallery .scrollingHotSpotRight i {background:url(../img/gallery-rar.png)}
/* -- ---- main gallery ---- -- */

.btm-vis {position:relative; z-index:3; height:128px}
	.btm-vis .b-vis-bg {position:absolute; z-index:1; top:0; left:0; width:100%; height:128px; overflow:hidden}
		.btm-vis .b-vis-bg i {position:absolute; top:0; left:50%; margin-left:-496px; width:1000px; height:128px; background-image:url(../img/btm-vis.png)}
	.btm-vis-i {position:relative; z-index:2; width:990px; margin:0 auto}
	.b-vis-item {position:absolute; left:-31px; top:0; width:296px; height:101px}
		.b-vis-item .b {position:absolute; top:0; left:0; width:296px; height:101px; background:url(../img/btm-vis-item-p-b.png)}
		.b-vis-item .it {position:absolute; top:-430px; left:31px; width:194px; height:430px; background-image:url(../img/btm-vis-item.jpg)}
		.b-vis-item .it i {position:absolute; top:294px; left:194px; width:26px; height:136px; background-image:url(../img/btm-vis-item-p.png)}

.partners-slider {width:708px; margin-left:258px; padding-top:35px}
	.partners-slide-i {position:relative; padding:0 10px 0 10px}
	.partners-slide-i td {padding:0 17px; width:1px}
	.partners-slide-i .scrollWrapper {position:relative; width:100%; overflow:hidden}
	.partners-slide-i .ars {position:absolute; top:50%; margin-top:-10px; cursor:pointer; cursor:hand; width:10px; height:25px; background-image:url(../img/partners-ars.gif); background-repeat:no-repeat}
	.partners-slide-i .scrollingHotSpotRight {right:0; background-position:100% 50%}
	.partners-slide-i .scrollingHotSpotLeft {left:0; background-position:0 50%}

.bottom {font:11px/15px Tahoma,Verdana; width:964px; padding:70px 0 80px 26px; margin:0 auto}
	.bottom .copyright {position:absolute; margin-left:-12px}

/* // ---- develop ---- // */
.develop {z-index:4; position:relative; width:129px; padding:0 0 0 864px; margin:-33px auto 0; background:url(/img/develop.png) no-repeat right 3px;height:33px; padding-top:2px}
	.develop a {position:relative; display:block; color:#fff; width:83px; font:10px/13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:none; padding-left:43px; padding-top:2px}
	.develop i {}
		.develop a:hover {text-indent:0}
			.develop a:hover i {}
/* -- ---- develop ---- -- */

.bg-btm {position:relative; z-index:1; margin-top:-215px; display:block; height:215px; background:url(../img/bg-btm.png)}
	.bg-btm .slogan {left:50%; margin-left:186px; bottom:71px}

/* // ---- middle ---- // */
.middle {width:990px; margin:0 auto}
	.middle .side-col {float:left; width:194px; padding-bottom:430px}
	.middle .long-col {float:right; width:725px; padding-right:17px}
		.middle .long-col h1 {position:relative; margin-left:-54px; color:#fff; font:italic 22px/1em Georgia,'Times New Roman'; padding-top:29px; margin-bottom:19px}
			.middle .long-col h1 span {display:-moz-inline-stack; display:inline-block; background:#ffd500 url(../img/h1-bg.png) repeat-y 0 0; padding:0 15px 0 91px}
			.middle .long-col h1 strong {position:relative; display:block; top:-2px; font-weight:normal}
/* -- ---- middle ---- -- */

/* // ---- side nav ---- // */
.side-nav {font:11px/17px Tahoma,Verdana; background-color:#ffd500; padding:12px 20px 10px 10px; text-align:right; height:auto !important; height:328px; min-height:328px}
	.side-nav a {color:#000}
	.side-nav .hr {font-weight:bold}
	.side-nav li {padding-bottom:9px}
/* -- ---- side nav ---- -- */

/* // ---- for editor ---- // */
.for-editor {line-height:22px; padding-bottom: 20px;}
	.for-editor p {padding-bottom:22px}
	.for-editor h2 {color:#ffd500; font:italic 18px/20px Georgia,'Times New Roman'; padding-bottom:10px}
	.for-editor .small {color:#000; font-size:11px; line-height:20px; font-style:italic; background-color:#b2b2b2; margin-bottom:22px; padding:8px 15px 11px 21px}
	.for-editor h3 {color:#fff; font:italic 17px/19px Georgia,'Times New Roman'; padding-bottom:10px}
	
	.for-editor input{font:italic 16px Georgia,'Times New Roman'; color: #ffd500; margin:0 0 15px 0px; padding:5px 0 -5px 0; height:20px; width:300px; border: 0; border-bottom: 1px dotted #fff500; background: none;}
	.for-editor textarea{font:italic 16px Georgia,'Times New Roman'; color: #ffd500; margin:0 0 10px 0px; padding:0; width:400px; height:150px; background: none; border: 1px dotted #fff500;}
	.for-editor input#FormIn {font:italic 21px Georgia,'Times New Roman'; color:#fff; padding-top: 1px; padding-bottom: 5px; border-width:0; height:36px; width: 150px;background:#ffd500;cursor:pointer;}
			.for-editor input#FormIn:hover {background:#b2b2b2}
	.for-editor img {margin: 8px 20px 10px 0}
/* -- ---- for editor ---- -- */

.gallery-left {position:relative; margin:5px 20px 0 -54px; float:left; width:249px; height:auto !important; height:371px; min-height:371px; border-top:3px solid #ffd500; border-bottom:1px solid #ffd500}
	.gallery-left .shad {position:absolute; z-index:3; left:0; top:-3px; width:31px; height:400px; background:url(../img/shad.png)}
	.gallery-left .ph {position:relative; z-index:1; width:249px; height:371px; overflow:hidden}
	.gallery-left .tls-a {position:relative; z-index:1; font-size:11px; line-height:normal; font-style:italic; padding:5px 15px 5px 18px}
		.gallery-left .tls-a .next {float:right; padding-right:8px; background:url(../img/r-ar.gif) no-repeat 100% 5px}
		.gallery-left .tls-a .prev {padding-left:8px; background:url(../img/l-ar.gif) no-repeat 0 5px}

/* // ---- list prod ---- // */
.list-prod {font-size:12px; line-height:20px; color: #ccc; font-style: italic;}
	.list-prod li {padding:0 0 20px 320px}
	.list-prod h2 {position:relative; margin-left:-320px; color:#ffd500; font:italic 18px/20px Georgia,'Times New Roman'}
	.list-prod .img-cover {position:relative; float:left; left:-321px; margin-right:-321px; margin-top:5px}
		.list-prod .img-cover img {border:1px solid #000}
	.list-prod p {padding-bottom:20px}
	.list-prod .link {position:relative; margin-left:-16px; font-weight:bold; font-style:normal}
		.list-prod .link a {display:-moz-inline-stack; display:inline-block; color:#000; background:#ffd500 url(../img/h1-bg.png) repeat-y 0 0; padding:0 15px 0 19px}

.list-designers {padding-right:48px}
	.list-designers li {padding-left:220px}
		.list-designers .img-cover {left:-221px; margin-right:-221px}
			.list-designers .img-cover img {border-color:#111}
	.list-designers h2 {margin-left:-220px}

.list-photos {position:relative; margin-top:-5px; border-top:1px solid #ffd500; padding-top:6px}
	.list-photos ul {position:relative; margin-right:-15px}
	.list-photos ul li {float:left; padding:10px 10px 0 0}
		.list-photos ul li img {float:left; border:1px solid #b3b3b3}
/* -- ---- list prod ---- -- */