@font-face{
	font-family:'gothamblack';
	src:url('../fonts/gotham-black-webfont.eot');
	src:url('../fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham-black-webfont.woff') format('woff'),
		url('../fonts/gotham-black-webfont.ttf') format('truetype'),
		url('../fonts/gotham-black-webfont.svg#gothamblack') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'gothamblackitalic';
	src: url('../fonts/gotham-blackitalic-webfont.eot');
	src: url('../fonts/gotham-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham-blackitalic-webfont.woff') format('woff'),
		url('../fonts/gotham-blackitalic-webfont.ttf') format('truetype'),
		url('../fonts/gotham-blackitalic-webfont.svg#gothamblackitalic') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'gothammedium';
	src:url('../fonts/gotham-medium-webfont.eot');
	src:url('../fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/gotham-medium-webfont.woff') format('woff'),
		url('../fonts/gotham-medium-webfont.ttf') format('truetype'),
		url('../fonts/gotham-medium-webfont.svg#gothammedium') format('svg');
	font-weight:normal;
	font-style:normal;
}
body{
	margin:0;
	color:#543c2e;
	font:16px/30px 'gothammedium', Arial, Helvetica, sans-serif;
	background:#948750 url(../images/bg-page.gif) repeat-x;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#000;
}
a:hover{text-decoration:underline;}
a:active{background-color:transparent;}
input,
textarea,
select {
	font:100% 'gothammedium', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
#main-box{
	width:779px;
	margin:45px auto 46px;
	padding:0 10px 0 2px;
	background:url(../images/bg-main-box-t.png) no-repeat;
	position:relative;
	z-index:1;
	min-height:709px;
}
#main-box:after,
#main-box:before{
	content:'';
	position:absolute;
	height:311px;
	left:0;
	bottom:0;
	width:100%;
	background:url(../images/bg-main-box-b.png) no-repeat;
	z-index:-1;
}
#main-box:after{
	top:350px;
	height:auto;
	bottom:311px;
	background:url(../images/bg-main-box-c.png) repeat-y;
}
#header{
	background:url(../images/bg-header.png) no-repeat 611px 35px;
	padding:24px 0 38px;
}
.logo{
	background:url(../images/logo.png) no-repeat;
	width:412px;
	height:165px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0 0 6px 36px;
}
.logo a{
	display:block;
	height:100%;
}
#nav:after,
.panel:after{
	content:'';
	display:block;
	clear:both;
}
.panel{
	background:url(../images/bg-panel.jpg) no-repeat;
	padding:0 18px 0 36px;
	height:126px;
}
.panel .col-l{
	float:left;
	width:588px;
	padding:11px 0 0;
}
.panel .col-r{
	float:right;
	width:135px;
	color:#fff;
	font-size:14px;
	line-height:15px;
	padding:25px 0 0;
	text-align:right;
}
.panel address{
	font-style:normal;
	padding:0 0 14px;
	font-size:10px;
	text-transform:uppercase;
}
.panel .col-r a{
	color:#fff;
	font-size:11px;
}
#nav{
	padding:0 0 18px;
	margin:0 0 0 -2px;
	list-style:none;
	font-size:14px;
	line-height:16px;
	letter-spacing:1px;
	text-transform:uppercase;
}
#nav > li{
	float:left;
	background:url(../images/divider.gif) no-repeat 0 50%;
	padding:0 0 0 1px;
}
#nav > li:hover{position:relative;}
#nav > li:hover ul{display:block;}
#nav > li.drop:hover > a{
	color:#fff;
	background:url(../images/bg-drop.png);
}
#nav > li:first-child{
	background:none;
}
#nav > li:first-child a{padding-left:0;}
#nav > li > a{
	color:#dbb77e;
	display:block;
	padding:4px 23px 4px 22px;
}
#nav .active a,
#nav a:hover{
	color:#fff;
	text-decoration:none;
}
#nav ul{
	padding:14px 23px;
	margin:0;
	list-style:none;
	width:200px;
	position:absolute;
	top:20px;
	left:0;
	background:url(../images/bg-drop.png);
	display:none;
	font-size:12px;
	line-height:14px;
	z-index:100;
}
#nav ul li{padding:0 0 10px;}
#nav ul a{color:#fff;}
#nav ul a:hover{color:#dbc4a0;}
h1{
	margin:0;
	color:#e1c19d;
	font:48px/50px 'gothamblack', Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-shadow:0 5px 8px rgba(0, 0, 0, 0.45);
}
p{margin:0 0 30px;}
#content{padding:0 210px 30px 36px;}
#content.portfolio{padding:0 154px 30px 36px;}
#content .mark{
	font:24px/30px 'gothamblack', Arial, Helvetica, sans-serif;
	color:#c1722d;
	display:inline;
}
.feedback{margin:0 -67px 12px 0;}
.feedback p{margin:0 0 12px;}
.feedback .form-area{
	background:#f6f4ed;
	width:272px;
	padding:10px 10px 6px 0;
	margin:0 0 0 19px;
}
.feedback .row{padding:0 0 9px;}
.feedback .row:after{
	content:'';
	display:block;
	clear:both;
}
.feedback label{
	float:left;
	width:66px;
	color:#2d2a28;
	text-align:right;
	font:12px/17px 'gothamblack', Arial, Helvetica, sans-serif;
}
.feedback input[type="text"]{
	float:right;
	background:none;
	border:2px solid #747473;
	margin:0;
	padding:3px 6px 4px;
	width:182px;
	font-size:12px;
	height:13px;
}
.feedback .error input[type="text"],
.feedback .error textarea{border-color:#f06;}
.feedback textarea{
	float:right;
	background:none;
	border:2px solid #747473;
	margin:0;
	padding:3px 0 0 6px;
	width:188px!important;
	font-size:12px;
	height:108px;
	max-width:188px;
	max-height:108px;
}
.feedback input[type="submit"]{
	background:url(../images/btn-submit.gif) no-repeat;
	width:74px;
	height:24px;
	border:none;
	margin:3px 0 0 73px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	cursor:pointer;
	display:block;
	outline:none;
}
h2{
	text-transform:uppercase;
	font:16px/20px 'gothamblack', Arial, Helvetica, sans-serif;
	margin:5px 0 19px;
	color:#6c3211;
}
.portfolio p{margin:0 0 22px;}
.products{
	padding:0;
	margin:0 -57px 21px 0;
	list-style:none;
	overflow:hidden;
}
.products.brochures{margin:0 -50px -5px 0;}
.products.posters{margin:0 -50px 30px 0;}
.products.websites{margin:0 -50px 30px 0;}
.products li{
	float:left;
	padding:0 6px 15px 0;
}
.products.brochures li{padding:0 6px 14px 0;}
.products img{display:block;}
.btn-back{
	background:url(../images/arrow.png) no-repeat 0 2px;
	padding:0 0 0 24px;
	font:16px/18px 'gothamblackitalic', Arial, Helvetica, sans-serif;
	color:#635838;
	display:inline-block;
	vertical-align:top;
}
.category{
	padding:0 55px 0 2px;
	margin:0;
	list-style:none;
	text-transform:uppercase;
	font:16px/18px 'gothamblack', Arial, Helvetica, sans-serif;
}
.category li{
	padding:0 0 12px 11px;
	background:url(../images/bullet.png) no-repeat 0 7px;
}
.category a{color:#6c3211;}
.logos-holder,
.banners-holder{
	margin:0 -50px 10px 0;
	overflow:hidden;
}
.banners-holder .row{overflow:hidden;}
.banners-holder .row a{float:left;}
.col{
	display:inline-block;
	vertical-align:top;
	margin:0 -4px 14px 0;
}
.col.width1{
	width:142px;
	text-align:center;
}
.col.width2{width:225px;}
.logos-holder{
	min-height:156px;
	position:relative;
}
.banners-holder img{vertical-align:top;}
.logos-holder a{
	position:absolute;
	top:0;
	left:0;
}
.logos-holder img{display:block;}
.logos-holder .logo2{
	left:144px;
}
.logos-holder .logo3{
	left:256px;
	top:8px;
}
.logos-holder .logo4{
	left:374px;
	top:8px;
}
.logos-holder .logo5{
	left:464px;
}
.logos-holder .logo6{
	top:50px;
}
.logos-holder .logo7{
	left:120px;
	top:58px;
}
.logos-holder .logo8{
	left:234px;
	top:63px;
}
.logos-holder .logo9{
	left:331px;
	top:56px;
}
.logos-holder .logo10{
	left:343px;
	top:99px;
}
.logos-holder .logo11{
	left:484px;
	top:58px;
}
.logos-holder .logo12{
	top:113px;
}