/* General reset */
body{
	margin:0;
	color:#9f9f9f;
	font:13px "Times New Roman", Times, serif;
	background:#fff;
	min-width:873px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#010101;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
#wrapper {width:100%;}
/* header */
#header {
	width:848px;
	overflow:hidden;
	padding:11px 0 11px 25px;
	margin:0 auto;
}
.logo {
	width: 115px;
	height: 29px;
	float:left;
	overflow:hidden;
}
.logo a {
	width: 115px;
	height: 29px;
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.gif) no-repeat;
}
/* navigation */
ul.navigation {
	list-style:none;
	padding:0;
	margin:2px 0 0;
	float:right;
}
ul.navigation li {
	float:left;
	background:url(../images/separator-nav.gif) no-repeat;
	padding:6px 8px 10px 10px;
}
ul.navigation li.contact {padding-right:0;}
ul.navigation a {
	display:block;
	height:11px;
	overflow:hidden;
}
ul.navigation span {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:11px;
	cursor:pointer;
}
ul.navigation li.services {background:none;}
ul.navigation li.services a {
	width: 60px;
	background:url(../images/nav-services.gif) no-repeat;
}
ul.navigation li.services span {width: 60px;}
ul.navigation li.process a {
	background:url(../images/nav-process.gif) no-repeat;
	width: 58px;
}
ul.navigation li.process span {width: 58px;}
ul.navigation li.portfolio a {
	background:url(../images/nav-portfolio.gif) no-repeat;
	width: 76px;
}
ul.navigation li.portfolio span {width: 76px;}
ul.navigation li.about a {
	background:url(../images/nav-about.gif) no-repeat;
	width: 47px;
}
ul.navigation li.about span {width: 47px;}
ul.navigation li.the-design-shop a {
	background:url(../images/nav-the-design.gif) no-repeat;
	width: 120px;
}
ul.navigation li.the-design-shop span {width: 120px;}
ul.navigation li.contact a {
	background:url(../images/nav-contact.gif) no-repeat;
	width: 65px;
}
ul.navigation li.contact span {width: 65px;}
ul.navigation li a:hover,
ul.navigation li a.active {background-position:0 -11px;}
/* rotating-graphic */
.rotating-graphic {width:100%;}
.graphic {
	width:100%;
	position:relative;
	height:378px;
	overflow:hidden;
}
.graphic .holder {
	height:378px;
	position:absolute;
	width:100%;
	left:0;
	top:0;
	background:#fff;
	z-index:1;
}
.graphic div.active{ z-index:2;}
.graphic .gold {background:url(../images/bg-graphic.gif) repeat-x;}
.graphic .frame {
	width:100%;
	height:378px;
}
.gold .frame {background:url(../images/bg-graphic-yellow.gif) no-repeat 50% 0;}
.graphic .inner {
	width:749px;
	padding:22px 55px 0 69px;
	margin:0 auto;
}
.graphic .inner a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	color:#000;
	cursor:pointer;
}
.graphic img {float:left;}
.graphic-txt {
	float:right;
	width:342px;
	font-size:14px;
	line-height:23px;
	color:#000;
	font-style:normal;
	padding:73px 0 0;
}
.graphic-txt strong {
	display:block;
	font-size:64px;
	line-height:56px;
	color:#fff;
	font-weight:normal;
	margin:0 0 12px;
}
.graphic .inner a:hover {text-decoration:none;}
.graphic-txt span {
	display:block;
	padding:0 0 0 6px;
}
.graphic .blue {background:url(../images/bg-graphic-2.gif) repeat-x;}
.blue .frame {
	background:url(../images/bg-graphic-blue.jpg) no-repeat 50% 0;
	position:relative;
	z-index:30;
}
.blue .graphic-txt {
	padding:61px 0 0;
	margin-right:-5px;
	color:#fbb03b;
}
.blue .graphic-txt strong {margin:0 0 10px;}
.bg-left {
	position:absolute;
	left:0;
	top:0;
	background:url(../images/bg-graphic-left.gif) repeat-x;
	height: 378px;
	width:50%;
	z-index:10;
}
.blue img {margin:61px 0 0 81px;}
.navigator {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	padding:18px 0 15px;
}
.navigator .n1 {
	left: 50%;
	float: left;
	position: relative;
	text-align: center;
}
.navigator ul {
	list-style:none;
	padding:0;
	margin:0;
	left: -50%;
	float: left;
	position: relative;
}
.navigator ul li {
	float:left;
	margin:0 87px;
}
.navigator ul a {
	color:#000;
	float:left;
	width: 20px;
	height: 20px;
	background:url(../images/btn-navigator.jpg) no-repeat;
	overflow:hidden;
	text-indent:-6666px;
}
.navigator ul a:hover,
.navigator ul li a.active {background-position:0 -20px;}
.navigator ul span {
	float:left;
	width: 20px;
	height: 20px;
	text-indent:-9999px;
	overflow:hidden;
}
/* main */
#main {
	width:100%;
	background:#000;
	overflow:hidden;
	border-top:4px solid #9a9a9a;
}
#main .m1 {
	width:50%;
	float:left;
	background:#383838;
}
#main .m2 {
	float:right;
	width:874px;
	margin:0 -437px 0 0;
	display:inline;
	position:relative;
	background:url(../images/bg-main.gif) repeat-y;
	padding:22px 0 102px;
}
/* sidebar */
.sidebar {
	float:left;
	width:214px;
}
.sidebar h3 {
	font-size:24px;
	color:#fff;
	margin:0 0 27px;
	text-transform:uppercase;
}
ul.news {
	list-style:none;
	padding:0;
	margin:0;
	color:#fff;
	font-size:17px;
	line-height:22px;
	font-weight:bold;
}
ul.news li {
	background:url(../images/separator-news.gif) no-repeat 0 100%;
	padding:0 0 19px;
	margin:0 0 35px;
	width:100%;
}
ul.news p {margin:0 0 2px;}
.date {
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#9f9f9f;
	display:block;
}
/* content */
.content {
	float:right;
	width:613px;
	padding:0 6px 0 0;
	margin:-1px 0 0;
	line-height:22px;
}
.content h1,
.content h2 {
	margin:0 0 6px;
	font-size:27px;
	line-height:30px;
	color:#fff;
}
.content p {
	margin:0;
	padding:0 0 8px;
	text-indent:19px;
}
.post {
	background:url(../images/separator-post.gif) repeat-x 0 100%;
	padding:0 0 41px;
	margin:0 0 30px;
	width:100%;
	position:relative;
	overflow:hidden;
}
.visual {
	float:left;
	margin:7px 22px 0 0;
}
.alignright {
	float:right;
	margin:0 0 0 24px;
	position:relative;
}
.visual img {display:block;}
/* footer */
#footer {
	width:100%;
	background:url(../images/bg-footer.gif) repeat-x;
}
#footer .holder {
	width:842px;
	margin:0 auto;
	overflow:hidden;
	padding:19px 6px 20px 25px;
}
.nav-holder {
	float:left;
	width:480px;
}
.logo-2 {
	display:block;
	width: 456px;
	height: 29px;
	background:url(../images/logo-2.gif) no-repeat;
}
.logo-2 a {
	overflow:hidden;
	text-indent:-9999px;
	width: 456px;
	height: 29px;
	display:block;
}
ul.nav {
	list-style:none;
	padding:15px 0 0;
	margin:0;
	width:100%;
	overflow:hidden;
}
ul.nav li {
	float:left;
	background:url(../images/separator-footer-nav.gif) no-repeat;
	padding:8px 7px 9px 8px;
}
ul.nav li.services {
	padding-left:4px;
	background:none;
}
ul.nav a {
	display:block;
	height:9px;
	overflow:hidden;
}
ul.nav span {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:9px;
	cursor:pointer;
}
ul.nav li.services a {
	background:url(../images/nav-services-2.gif) no-repeat;
	width: 53px;
}
ul.nav li.services span {width: 53px;}
ul.nav li.process a {
	background:url(../images/nav-process-2.gif) no-repeat;
	width: 51px;
}
ul.nav li.process span {width: 51px;}
ul.nav li.portfolio a {
	background:url(../images/nav-portfolio-2.gif) no-repeat;
	width: 68px;
}
ul.nav li.portfolio span {width: 68px;}
ul.nav li.about a {
	background:url(../images/nav-about-2.gif) no-repeat;
	width: 41px;
}
ul.nav li.about span {width: 41px;}
ul.nav li.the-design-shop a {
	background:url(../images/nav-the-design-2.gif) no-repeat;
	width: 105px;
}
ul.nav li.the-design-shop span {width: 105px;}
ul.nav li.contact a {
	background:url(../images/nav-contact-2.gif) no-repeat;
	width: 58px;
}
ul.nav li.contact span {width: 58px;}
ul.nav li a:hover,
ul.nav li a.active {background-position:0 -9px;}
.sign-up-form {
	float:right;
	width:244px;
	padding:3px 0 0;
}
.sign-up-form label {
	display:block;
	font-size:15px;
	color:#030303;
	font-weight:bold;
	margin:0 0 9px;
}
.row {
	width:100%;
	overflow:hidden;
}
.field {
	float:left;
	background:url(../images/bg-field.gif) no-repeat;
	width:188px;
	overflow:hidden;
	height: 20px;
	padding:8px 0 0 14px;
	margin:2px 0 0 0;
}
.field input.txt {
	float:left;
	margin:0;
	padding:0;
	width:187px;
	border:none;
	background:none;
}
input.btn {
	float:right;
	width:36px;
	height:32px;
	margin:0;
	padding:0;
}
/* portfolio page */
.portfolio-box {
	width:848px;
	overflow:hidden;
	margin:0 auto;
	padding:47px 0 0 25px;
	background:url(../images/bg-portfolio.gif) no-repeat 32px 0;
}
.portfolio-box-holder {
	background:url(../images/bg-portfolio-holder.gif) repeat-y 208px 0;
	width:848px;
	height:384px;
	overflow:hidden;
}
.side-portfolio {
	float:left;
	width:195px;
	margin:-8px 0 0;
	position:relative;
}
.side-portfolio h1 {
	margin:0 0 15px 2px;
	font-size:33px;
	line-height:36px;
	color:#000;
	background:url(../images/separator-heading.gif) repeat-x 0 100%;
	padding:0 0 14px;
	text-transform:uppercase;
}
.side-portfolio ul {
	list-style:none;
	padding:0;
	margin:0 -17px 0 0;
	width:212px;
	overflow:hidden;
}
.side-portfolio ul li {
	float:left;
	margin:0 1px 1px 0;
}
.side-portfolio ul li a {
	float:left;
	padding:4px;
}
.side-portfolio ul img {
	display:block;
	border:1px solid #aeaeae;
}
.side-portfolio ul li a:hover {
	padding:1px;
	border:3px solid #c2a77f;
}
.portfolio-content {
	float:right;
	width:624px;
	position:relative;
	overflow:hidden;
}
.portfolio-content .loader{
	width:48px;
	height:48px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	margin:-24px 0 0 -24px;
	background:url(../images/loader1.gif) no-repeat;
	text-indent:-6666px;
	z-index:1;
}
.portfolio-holder {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	height:106px;
	overflow:hidden;
	padding:278px 0 0;
	font-size:14px;
	color:#927c31;
	line-height:22px;
	background:#fff;
	z-index:10;
}
.portfolio-content div.active{
	position:relative;
	z-index:20;
}
.portfolio-holder p {margin:0;}
.portfolio-navigator {
	position:absolute;
	top:278px;
	right:3px;
	list-style:none;
	padding:0;
	margin:0;
}
.portfolio-navigator li {
	float:left;
	padding:0 0 0 50px;
}
.portfolio-navigator a {
	float:left;
	background:url(../images/bg-portfolio-nav.gif) no-repeat;
	width: 16px;
	height: 15px;
	overflow:hidden;
	text-indent:-6666px;
}
.portfolio-navigator a:hover,
.portfolio-navigator li a.active{background-position:0 -15px;}
ul.portfolio-list {
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	width:624px;
	height:268px;
	overflow:hidden;
}
ul.portfolio-list li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:#fff;
	vertical-align:top;
}
ul.portfolio-list li.active{ z-index:2;}
ul.portfolio-list img {display:block;}
.portfolio-holder h2 {
	margin:0 0 3px;
	font-size:34px;
	line-height:36px;
	color:#000;
}
.portfolio-holder h2 a {color:#000;}
.blockquote {
	background:url(../images/bg-quote.gif) no-repeat 25px 100%;
	padding:10px 0 14px 29px;
	width:185px;
	color:#9f9f9f;
	font-weight:bold;
	font-size:17px;
	line-height:26px;
	margin:0 0 47px;
}
.blockquote blockquote {margin:0;}
.blockquote q {
	display:block;
	margin:0 0 0 -4px;
	padding:33px 0 0 4px;
	background:url(../images/quote-left.gif) no-repeat;
}
.blockquote q span {
	display:block;
	text-indent:39px;
	background:url(../images/quote-right.gif) no-repeat 146px 100%;
	padding:0 0 34px;
}
.blockquote img {
	display:block;
	margin:-16px 0 9px;
}
.blockquote cite {
	display:block;
	font-size:13px;
	text-align:right;
	font-weight:normal;
}
.blockquote cite strong {
	font-style:normal;
	font-weight:normal;
}
.testimonials {
	padding:0 0 0 25px;
	font-size:23px;
	line-height:29px;
	text-indent:31px;
	color:#8f7129;
	font-style:italic;
}
.testimonials p {margin:0;}
.case-study-content {
	position:relative;
	overflow:hidden;
}
.case-study-content h2 {
	background:url(../images/bg-heading.gif) repeat-x 0 100%;
	padding:0 0 15px;
}
.info-list {
	width:100%;
	overflow:hidden;
	margin:0 0 -10px 4px;
	font-size:13px;
	line-height:16px;
	color:#fff;
	padding:8px 0 0;
	position:relative;
}
.info-list dt {
	float:left;
	font-size:15px;
	font-weight:bold;
	margin:0 11px 19px 0;
}
.info-list dd {
	margin:0 0 19px;
	height:1%;
	overflow:hidden;
}
.info-list span {
	display:block;
	margin:0 0 0 10px;
	padding:0 0 9px;
	width:430px;
	line-height:15px;
}
.info-list dd div {
	margin:0 0 -8px;
	width:440px;
}
.info-list span img {margin:0 12px 0 0;}
.info-box {
	background:url(../images/bg-heading.gif) repeat-x 0 100%;
	padding:0 0 19px 6px;
	margin:29px 0 0;
	width:100%;
	float:left;
	position:relative;
}
.info-box h3 {
	margin:0 0 15px;
	font-size:21px;
	color:#fff;
	line-height:23px;
}
.info-box p {
	margin:0;
	padding:0;
}
.info-box .visual {
	margin:-6px 22px 0 -6px;
	position:relative;
}
.info-box .alignright {
	margin:3px 0 0 24px;
}
/* generic-layout page */
.services-box {
	background: url(../images/bg-portfolio.gif) no-repeat 32px 0;
	padding:33px 0 23px 29px;
	font-size:14px;
	line-height:24px;
	width:844px;
	margin:0 auto;
	overflow:hidden;
	color:#b39972;
}
.services-box h1 {
	margin:0 0 2px;
	font-size:34px;
	color:#000;
	text-transform:uppercase;
	line-height:38px;
}
.services-box p {margin:0;}
.text {padding:0 180px 30px 3px;}
ul.services-list {
	margin:0 -19px 0 0;
	padding:0;
	list-style:none;
	width:863px;
	overflow:hidden;
}
ul.services-list li {
	float:left;
	width:197px;
	margin:0 18px 0 0;
}
ul.services-list strong {
	display:block;
	font-size:22px;
	line-height:25px;
	text-transform:uppercase;
	color:#000;
	margin:0 0 4px 4px;
}
ul.services-list strong a {color:#000;}
ul.services-list img {
	border:1px solid #a8a8a8;
	display:block;
}
.main-holder {
	width:845px;
	padding:24px 0 32px 29px;
	margin:0 auto;
	position:relative;
}
.main-holder .content {
	float:none;
	width:839px;
	overflow:hidden;
	margin:-1px 6px 0 0;
	padding:0;
}
.main-holder .case-study-content h2 {
	background:none;
	margin:0;
	padding:0 0 8px;
}
#portfolio-content{
	width:100%;
	position:relative;
	overflow:hidden;
}
#portfolio-content div.box{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	overflow:hidden;
}
#portfolio-content div.active{
	z-index:2;
	position:relative;
}