/********/

div#page {
	text-align: center;
}

div#content {
	width: 1176px;
	position: relative;
	top: 92px;
	height: 610px;
	margin: 0 auto;
	text-align: center;
}

.content-table {
	position: absolute;
	left: 50%;
	margin-left: -405px;
}

.content-table img {
	display: block;
}

.content-inner {
	width: 810px;
	height: 523px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.content-inner * {
	position: absolute;
}

/********/

body {
	background: url(../img/body-pillar_repeat.png) left repeat-y;
}

#pillar-head {
	position: absolute;
	z-index: 15;
	left: 0;
	top: 0;
	background: url(../img/body-pillar_head.png) left top no-repeat;
	width: 191px;
	height: 290px;
}

/********/

#contact {
	margin: 0 auto;
	width: 808px;
}
#contact input, #contact textarea {
	font-size: 12pt;
	padding-left: 3px;
	position: absolute;
}
#contact-name {
	top: 50px;
	width: 270px;
	height: 23px;
	left: 313px;
}
#contact-tele {
	top: 106px;
	left: 311px;
	height: 22px;
	width: 272px;
}
#contact-email {
	top: 162px;
	left: 311px;
	height: 21px;
	width: 272px;
}
#contact-inquiry {
	left: 217px;
	top: 251px;
	width: 366px;
	height: 211px;
}

#contact-success {
	position: absolute;
	z-index: 20;
	left: 192px;
	top: 32px;
}

/********/

.portfolio .text {
	position: absolute;
	left: 672px;
	top: 55px;
}

.portfolio .thumbs {
	text-align: left;
	position: absolute;
	width: 310px;
	height: 140px;
	left: 672px;
	top: 359px;
}

.portfolio .thumbs img {
	display: block;
}

.portfolio .thumbs li {
	position: relative;
	display: block;
	float: left;
	margin-right: 17px;
	margin-bottom: 13px;
	width: 85px;
	height: 61px;
}

.portfolio .thumbs a {
	z-index: 5;
	position: absolute;
	display: block;
	width: 85px;
	height: 61px;
}

.portfolio .thumbs div {
	position: absolute;
}

.portfolio .thumbs .current .highlight {
	z-index: 10;
	width: 75px;
	height: 50px;
	border: 5px solid #fff;
}

* html .portfolio .thumbs .current .highlight {
	\width: 85px !important;
	\height: 60px !important;
}

.portfolio .thumbs img {
	position: absolute;
}

.portfolio .small_thumbs li {
	width: 60px;
	height: 60px;
	margin-right: 16px;
}

.portfolio .small_thumbs a {
	width: 60px;
	height: 60px;
}

.portfolio .small_thumbs .current .highlight {
	width: 50px !important;
	height: 50px !important;
}

* html .portfolio .small_thumbs .current .highlight {
	\width: 60px !important;
	\height: 60px !important;
}

.vertical #portfolio-full, .vertical #portfolio-before, .full #portfolio-before {
	bottom: 118px;
}

.horizontal #portfolio-full, .horizontal #portfolio-before {
	bottom: 191px;
}

.full #portfolio-full {
	bottom: 104px;
}

#portfolio-full {
	position: absolute;
	width: 478px;
	left: 193px;
}

#portfolio-full img {
	margin: 0 auto;
	display: block;
}

#portfolio-before {
	position: absolute;
	left: 203px;
}

#portfolio-before img {
	position: absolute;
	bottom: 0;
	right: 30px;
}

.portfolio .layover {
	position: absolute;
	z-index: 10;
	right: 30px;
	bottom: 0;
}

#completed_at {
	position: absolute;
	top: 504px;
	/*left: 671px;*/
	right: 192px;
	background: #0f0;
}

.portfolio .caption {
	position: absolute;
	z-index: 20;
	top: 61px;
	width: 185px;
	left: -50px;
	text-align: center;
	display: none;
}

.portfolio .small_thumbs .caption {
	width: 162px;
}

.portfolio .caption img {
	position: static;
	display: block;
	margin: 0 auto;
}

/************/

.profile {
	text-align: left;
	position: relative;
}

#profile-home, #profile-dan, #profile-minh {
	position: absolute;
	left: 9px;
	top: 32px;
}

#profile-dan, #profile-minh {
	display: none;
}

#profile-dan-link {
	position: absolute;
	z-index: 21;
	display: block;
	left: 539px;
	top: 85px;
}

#profile-minh-link {
	position: absolute;
	z-index: 22;
	display: block;
	left: 539px;
	top: 103px;
}

#profile-return {
	position: absolute;
	z-index: 22;
	display: none;
	left: 216px;
	top: 477px;
}

#profile-dan-email {
	position: absolute;
	z-index: 22;
	left: 27px;
	top: 424px;
	display: none;
}

#profile-minh-email {
	position: absolute;
	z-index: 22;
	left: 28px;
	top: 407px;
	display: none;
}

/********/

.portfolio-main .background {
	position: absolute;
	left: 213px;
	top: 54px;
	z-index: 80;
}

.portfolio-main .main-thumbs img {
	display: block;
	width: 85px;
	height: 68px;
}

.portfolio-main .main-thumbs li {
	float: left;
	margin-right: 11px; 
	margin-bottom: 11px;
}

.portfolio-main .main-thumbs a {
	display: block;
	width: 85px;
	height: 68px;
}

.portfolio-main .main-thumbs .highlight div {
	position: absolute;
	border: 5px solid #fff;
	width: 75px;
	height: 58px;
}

* html .portfolio-main .main-thumbs .highlight div {
	\width: 85px !important;
	\height: 68px !important;
}

.portfolio-main .right-menu>img {
	display: block;
}

.portfolio-main .right-menu .trigger a .normal {
	display: none;
}
.portfolio-main .right-menu .trigger a img {
	display: block;
}

.portfolio-main .main-thumbs {
	list-style: none;
	width: 200px;
	position: absolute;
	left: 541px;
	top: 65px;
	z-index: 90;
}

.portfolio-main .right-menu {
	text-align: left;
	position: absolute;
	left: 755px;
	width: 235px;
	top: 54px;
}

.portfolio-main .right-menu ul {
	margin-top: 19px;
	list-style: none;
}

.portfolio-main .right-menu li {
	height: 25px;	
}

* html .portfolio-main .right-menu li {
	\margin-top: -3px;
}