body {
	margin:0;
	color:#fff;
	font:12px/14px Verdana,Tahoma,Arial, sans-serif;
	
	background-color: #1A1A1A;
	/*background:url(../images/body-bg.jpg) repeat 50% 0;*/
}
img {border:none;}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a:focus {
	outline:none;
}
.logo-wrap {
	margin:0 auto;
	width:958px;
	position:relative;
}
strong.logo a {
	display:block;
	margin:49px 0 0 15px;
	width:445px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo-text.png) no-repeat;
}
.page-width {
	margin:40px auto 0;
	width:958px;
	position:relative;
}
.page-bg {
	width:944px;
	height:534px;
	padding:7px;
	background:url(../images/bg-page.png) no-repeat;
}
.sub-nav {
	position:absolute;
	left:275px;
	top:196px;
	width:390px;
	height:140px;
	background:#fff;
	overflow:hidden;
	z-index:10;
	padding:5px;
}
.sub-nav h1 {
	margin:0;
}
.sub-nav h1.title {
	margin:0;
	width:390px;
	height:120px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
}
.sub-nav h1 a {
	display:block;
	width:390px;
	height:120px;
}
.sub-nav ul {
	margin:5px 0 0px 0px;
	padding:0;
	list-style:none;
	position:relative;
	z-index:10;
	background-color: #000;
}
.sub-nav ul li {
	float:left;
	vertical-align:top;
	height:1%;
}
.sub-nav ul a {
	float:left;
	text-indent:-9999px;
	height:14px;
	overflow:hidden;
}

.sub-nav ul li.about {
	display:inline;
	margin:0 0px 0 0px;
}
.sub-nav ul li.about a {
	width:92px;
	background:url(../images/btn-about.gif) no-repeat;
}

.sub-nav ul li.services a {
	width:102px;
	background:url(../images/btn-services.gif) no-repeat;
}

.sub-nav ul li.clients a {
	width:94px;
	background:url(../images/btn-clients.gif) no-repeat;
}


.sub-nav ul li.contact a {
	width:102px;
	background:url(../images/btn-contact.gif) no-repeat;
}
#nav {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li,
#nav li a {
	float:left;
	display:inline;
	margin:5px 0 0 5px;
	width:462px;
	height:260px;
	position:relative;
	overflow:hidden;
}
#nav li a {
	margin:0;
	z-index:1;
	background:url(../images/none.gif);
}
#nav a.about {
	background:url(../images/bg-about.jpg) no-repeat;
}
/*#nav a.about:hover,
#nav li.active a.about {
	background:url(../images/bg-about-hov.jpg) no-repeat;
}*/
#nav a.design {
	background:url(../images/bg-design.jpg) no-repeat;
}
/*#nav a.design:hover,
#nav li.active a.design {
	background:url(../images/bg-design-hov.jpg) no-repeat;
}*/
#nav a.web {
	background:url(../images/bg-web.jpg) no-repeat;
}
/*#nav a.web:hover,
#nav li.active a.web{
	background:url(../images/bg-web-hov.jpg) no-repeat;
}*/
#nav a.photo {
	background:url(../images/bg-photo.jpg) no-repeat;
}
/*
#nav a.photo:hover,
#nav li.active a.photo {
	background:url(../images/bg-photo-hov.jpg) no-repeat;
}
*/

#nav li a span {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:198px;
	height:30px;
	text-indent:-9999px;
}
#nav a.about span {
	left:263px;
	top:153px;
	background:url(../images/btn-about.png) no-repeat;
}
#nav a.design span {
	width:194px;
	left:2px;
	top:153px;
	background:url(../images/btn-design.png) no-repeat;
}
#nav a.web span {
	left:263px;
	top:70px;
	background:url(../images/btn-web.png) no-repeat;
}
#nav a.photo span {
	width:194px;
	left:2px;
	top:70px;
	background:url(../images/btn-photo.png) no-repeat;
}
#nav li:hover span,
#nav li.hover span,
#nav li.active span  {
	display:block !important;
}
#nav li a:hover {
	border:0;
}
#footer {
	width:944px;
	margin:-5px auto 0;
	overflow:hidden;
	padding:0 0 30px;
}
#footer p {
	margin:0;
	float:left;
	font-size:10px;
	line-height:14px;
}
#footer ul {
	float:right;
	margin:0;
	padding:0 4px 0 0;
	list-style:none;
}
#footer ul li {
	float:left;
	margin-right:16px;
	font-size:10px;
	line-height:14px;
	font-weight: bold;
	text-transform: uppercase;
}
/* about page */
.columns-holder {
	padding:5px 9px 5px 5px;
}
#content {
	float:right;
	width:433px;
	height:493px;
	padding:26px 0 0 30px;
	background:#c19937;
	overflow:hidden;
	position:relative;
}
#content a.home {
	position:absolute;
	right:1px;
	top:488px;
	width:150px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/btn-home.gif) no-repeat;
}
#content .top-nav {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
#content .top-nav li {
	float:left;
	margin-right:2px;
	padding:0;
	background:none;
}
#content .top-nav a {
	float:left;
	width:132px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
}
#content .top-nav a.background {
	background:url(../images/btn-background.gif) no-repeat;
}
#content .top-nav a.serv {
	background:url(../images/btn-serv.gif) no-repeat;
}
#content .top-nav a.testim {
	background:url(../images/btn-testim.gif) no-repeat;
}

#content .top-nav a.terms {
	width: 170px;
	background:url(../images/btn-terms.gif) no-repeat;
}

#content .top-nav a.web-design {
	background:url(../images/btn-web-design.gif) no-repeat; 
}
#content .top-nav a.photography {
	background:url(../images/btn-photography.gif) no-repeat; 
}
#content .top-nav a.graphic-design {
	background:url(../images/btn-graphic-design.gif) no-repeat; 
}
#content .top-nav a.corporate-identity {
	width: 160px;
	background:url(../images/btn-corporate-identity.gif) no-repeat; 
}


#content .top-nav a.clients-portfolio {
	width: 160px;
	background:url(../images/btn-client-portfolio.gif) no-repeat; 
}


#content .top-nav a.view-gallery {
	background:url(../images/btn-view-gallery.gif) no-repeat;
}



#content .top-nav a.contact-tmm {
	background:url(../images/btn-contact-us.gif) no-repeat;
}
#content .top-nav a.location {
	background:url(../images/btn-location.gif) no-repeat;
}

#content .top-nav li.active a,
#content .top-nav a:hover {
	background-position:0 -30px;
}
#content h1.title {
	margin:0;
	width:132px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-web-design.gif) no-repeat;
}
* html #content h1.title {
	margin:0 0 -6px;
}
* + html #content h1.title {
	margin:0 0 -6px;
}
#content h2,
#content h3 {
	margin:0;
	font-size:12px;
	line-height:16px;
}
#content h3 {
	margin:24px 0 0;
}
#content p {
	margin:14px 0 0;
	font-size:12px;
	line-height:16px;
}
.text-box {
	overflow:auto;
	position:relative;
	height:390px;
	padding:0;
	width:413px;
	margin:19px 0 0;
}
.vscroll-line{
	left:4px !important;
	width:1px !important;
	overflow: hidden;
	background:#e0cc9b;
}
.vscroll-slider{
	left:-2px !important;
	border:1px solid #b28c32;
	width:11px !important;
	cursor:default;
	background:#c3a254 url(../images/bg-slider.gif) no-repeat 0 50%;
}
#content table.contents {
	margin:14px 0 0;
	width:100%;
	border:2px solid #fff;
	padding:1px 1px 0px 0;
	background:#d4b873;
}
.content-text {
	padding:0 5px 30px 0;
	position:relative;
}
#content table.contents th {
	text-align:left;
	padding:9px 0 4px 20px;
	border:1px solid #d4b873;
	border-width:0 0 1px 1px;
	text-indent:-9999px;
	background:#eadcb9;
}
#content table.contents th span {
	display:block;
	height:17px;
}
#content table.contents th.general span {
	width:113px;
	background:url(../images/text-general.gif) no-repeat;
}
#content table.contents th.contact span {
	width:70px;
	background:url(../images/text-contact.gif) no-repeat;
}
#content table.contents th.map-header span {
	width:105px;
	background:url(../images/text-map-header.gif) no-repeat;
}


#content table.contents tbody {
	margin:5px 0;
}
#content table.contents td {
	padding:0 20px;
	font:12px/16px Arial, Helvetica, sans-serif;
}

#content table.contents td.map {
	padding:0px;
	margin: 1px;
	font:12px/16px Arial, Helvetica, sans-serif;
}

blockquote {
	padding:5px 0 0 25px;
	margin:22px 0 0 5px;
	background:url(../images/bg-cite.gif) no-repeat;
}
q {
	quotes: none;
	display:block;
}
cite {
	display:block;
	font-style:normal;
	margin:8px 0 0;
	padding:5px 0 0;
	font-size:10px;
	background:url(../images/bg-line.gif) no-repeat;
}
q:before{content:"";}
q:after{content:"";}
#content ul {
	margin:5px 0 0;
	padding:0;
	list-style:none;
}
#content ul li {
	padding:4px 0 4px 27px;
	background:url(../images/bullet.gif) no-repeat;
}
/* gallery-page */
.gallery-page #content p {
	margin:0 0 10px;
}
#content .pict-list {
	width:390px;
	margin:0;
	padding:0 0 7px;
	list-style:none;
	background:#fff;
	overflow:hidden;
}
#content .pict-list li {
	float:left;
	display:inline;
	margin:7px 0 0 7px;
	padding:0;
	background:none;
}
#content .pict-list img {
	display:block;
	width:80px;
	min-height:80px;
	border:1px solid #fff;
}
#content .pict-list a {
	float:left;
	border:3px solid #c19937;
}
#content .pict-list li.active a {
	border-color:#4d3d21;
}
.gallery {
	float:left;
	width:382px;
	height:444px;
	padding:76px 40px 0;
	overflow:hidden;
	background:#c19937;
}
.gallery p {
	margin:0;
}
.gallery ul {
	position:absolute;
	left:50px;
	top:150px;
	margin:0;
	padding:0;
	list-style:none;
}
.gallery ul li {
	overflow:hidden;
	float:left;
	border:3px solid #4d3d21;
}
.gallery ul li img {
	display:block;
	border:3px solid #fff;
}
.gallery .buttons {
	position:absolute;
	left:55px;
	bottom:45px;
	width:377px;
}
.gallery .buttons p {
	float:left;
	margin:0;
	padding-left:26px;
	line-height:20px;
	background:url(../images/bullet.gif) no-repeat;
}
.gallery .buttons a.next {
	float:right;
	line-height:20px;
}
.gallery .slideset {
	position: relative;
	height: 430px;
}
.gallery .slideset .slide {
	position: absolute;
	height: 415px;
	top: 0;
	left: 0;
}
.gallery .slideset div.active {
	z-index: 1;
}
.gallery .slideset ul {
	position:static;
	margin:0 0 0 -2px;
	padding:6px 0 0;
	list-style:none;
}
.gallery .slideset .buttons {
	left: 3px;
	bottom: 0;
}

.gallery .slideset div.active {
display:block;
}
.gallery .slideset .slide {
display:none;
}