/*
	# Reset defaults ###################
*/
@import 'reset.css';
html, body {height: 100%;}
a:link, a:visited{text-decoration:none;outline:none;}
body a:hover {text-decoration: underline; color: #832112;}
form input[type="text"], form input[type="password"], form textarea {font: 12px/30px Arial,sans-serif; border: 1px solid #ccc; color: #222222; padding:7px; width:265px; background-color:#fff; height:30px;}
input[type="submit"] {-moz-border-radius: 5px 5px 5px 5px;
    background-color: #F5F5F5;
    border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
    border-right: 1px solid #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #565656;
    cursor: pointer;
    font: 15px/36px Helvetica,Arial,sans-serif;
    height: 36px;
    overflow: visible;
    padding: 0 14px 0 12px;}
select {color: #666666; font: 13px Arial,Helvetica; padding: 5px; border: 1px solid #BBBBBB; width:280px;}
label {font-weight: normal; font-size: 14px;}

/*
	# LAYOUT ###################
*/
body
{
	font:normal 13px Arial, Helvetica, sans-serif;
	line-height: 17px;
	background:url(../images/bg.png) top left repeat;
	color:#2c2c2c;
}
#wrapper {
  min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -190px;
}

.footer-push {
  height: 190px;
}

.push {
  clear: both;
  height: 190px;
}
.space {height:30px;}
#middle {width:100%; background:url(../images/line_top.png) top left repeat-x; padding-bottom: 60px;}
#col1 {width:220px; float:left;}
	#col1 .content {width:auto}
#col2 {width:700px; float:right;}
#col1, #col2 {padding:30px 0;}
.pro-page a {color:#d51676;}
.flash {margin-top: 10px;}
.flash.notice {color: #0E774A;font-style: normal;}
.flash.alert {color: red;}
/*
	# HEADING ###################
*/
h1,h2,h3, h4, h5, h6 {font-family: "Times New Roman", Times, serif; text-transform:uppercase;}
h1 {font:normal 19px; }
h2{color:#90634C; font:normal 18px;}
h3 {color:#90634C; font-weight:100; margin: 5px 0;}
h4 {color:#a1151a; font-weight:100; margin: 5px 0;}
h5 {font-size:12px; color:#0a50a0; font-weight:bold; text-transform:uppercase;}
h6 {font-size:11px; font-weight:bold; color:#fff; height:28px; margin-left:-5px; padding:9px 0 0 15px; text-transform:uppercase;}
/*
	# NAVIGATOR ###################
*/
.nav {float:right; margin-top:30px; clear:both}
	.nav li {margin-left:23px; float:left; }
        .nav li a.current { border-bottom: solid thin #90634C;}
	.nav li a {color:#90634c; font-size:15px; font-family: "Times New Roman", Times, serif; text-transform:uppercase; display:block;}
		.nav a:hover, .nav a.active {text-decoration:underline; color:#832112; cursor:pointer;}
                .nav a:hover, .nav a.active, .nav a.current {text-decoration:none; color:#832112; cursor:pointer; border-bottom:#832112 1px solid; padding-bottom:3px;}

.sub-menu {:#407aff; clear:both;height:35px;}
	.sub-menu li {float:left; background:url(../images/spre_sub.png) right center no-repeat; padding:0 10px; height:35px; line-height:35px; }
	.sub-menu li.last {background:none;}
	.sub-menu li a {color:#09367f; text-decoration:none; font-weight:bold;  }


/*
	# HEADER ############################
*/
#header {position:relative; height:135px; background:url(../images/bg_head.png) top left repeat-x; width:100%; margin-bottom:3px;}
.header-inner, .middle-wrapper {width:940px; margin:0 auto;}
.logo {float:left; margin:15px 0 0 0px;}
	.logo a {display:block; background:url(../images/logo2.png) top left no-repeat; width:186px; height:107px; text-indent:-999999px;}
.topright {float:right; padding-top:15px; color:#1f1f1f}
	.phone-email {font-size:11px; font-family: "Times New Roman", Times, serif; float:right; text-align:right}
	.phone-email span {display:block; font-size:14px; font-weight:bold}

/*left*/

.tag-description { padding-bottom: 5px; font-style: italic; color: #444; }
.tag-box { position: relative; padding-top:30px;}
.tag-box div a, .tag-box div strong {display:inline-block; *display:inline; zoom:1; background:url(../images/tag.jpg) 100% -23px no-repeat; padding-right:10px; margin:5px 3px 0 0; color:#000000; font-size:11px; font-weight:normal}
.tag-box div a:hover {text-decoration:none; }
.tag-box div a span, .tag-box div strong span { background:url(../images/tag.jpg) 0 -23px no-repeat; display:block; height:23px; line-height:23px; padding-left:10px; min-width:35px; text-align:center; cursor: pointer;}
.tag-box div a.bold {background-position:100% 0;}
.tag-box div a.bold span {background-position:0 0;}
.tag-box div a.opa,.tag-box div strong {background-position:100% 100%; color:#7c786b}
.tag-box div a.opa span, .tag-box div strong span {background-position:0 100%;}

.tag-box .reset-button { display: block; position: absolute; top: 30px; right: 0;  color: #90634c; margin-top: 8px; }

.nobor {border-bottom:none}
/*Right*/
h3.head-big {font-size:15px; color:#832112; text-transform:uppercase; border-bottom:#e4e4e4 1px solid; padding-bottom:5px; padding-right:30px; margin-bottom: 10px; font-style:normal; display:inline-block; *display:inline; zoom:1; *font-size:17px;}
h3.head-small {font-size:13px;}
h3.head-blur {color:#90634c}
h3.head-bigest {font-size:18px; color:#90634c; *font-size:20px;}
h3.head-flex {padding-right:0px; width:460px;}
h3.head-bigest a.back {color:#a1151a; font-size:11px; float:right; margin-left:10px; margin-top:5px;}
.slide-frame, img.shadow-img, .small-thumb li img, img.thumbnail, .gallery-image {border:#cdcdcd 1px solid; padding:9px; background-color:#fff; -webkit-box-shadow: 0px 1px 3px 0px #cdcdcd; -moz-box-shadow: 0px 1px 3px 0px #cdcdcd; box-shadow: 0px 1px 3px 0px #cdcdcd;}
	img.small-shadow {padding:5px;}
  img.thumbnail { width: 56px; height: 29px; padding: 3px; margin: 0 3px 0 0; }
    
.full-width {background:url(../images/line_slide.png) top left repeat-x; overflow:hidden; clear:both; padding-top:11px;  border-bottom: 1px solid #CCCCCC;}

.content-slider {position:relative; width:940px; padding:30px 0 10px; float:left}
	.content-slider h3.head-big {position:absolute; top:30px; left:718px;}


.slide-frame { display: block; float: left; width:680px; height:385px; z-index: 1; }
.slide-container { width:680px; height:385px; }
.gallery-image, .slide-thumbnail img {width:680px; height:385px; z-index: 2; }

#slides.brandi .slide-frame { float: none; width:451px; height:307px; }
#slides.brandi .slide-container { width:451px; height:307px; }
#slides.brandi .slide-thumbnail {float: none; width:451px}
#slides.brandi .slide-thumbnail img {width:451px; height:307px; }



.slide-details { width:220px; float:right; padding-top:37px;}
.slide-details h2 {clear:both}
.slide-details h2 a {font-size:13px; color:#9a854a; text-transform:uppercase;}
.slide-details .description { margin-top:10px; }
.slide-details .description p {margin-bottom:7px;}
.slide-details .description a.more, .sum-post a.more {color:#a1151a}
.slide-control {padding: 10px 0;}
.slide-control a { cursor:pointer; display:inline-block; padding: 1px 4px; text-align: center; line-height:15px; font-size:10px; color: #832112; }
.slide-control a:hover, .slide-control a.selected { background: #832112; color:#fff; text-decoration: none; }


.slide-featured {clear:both; padding-top:10px; position:relative; overflow:hidden}
	.slide-featured .slide-wrapper {float:left; width:700px;}
	.slide-featured .slide-thumbnail {width:700px; height: 397px; overflow: hidden;}
	.slide-featured .slide-thumbnail img {width:680px; height:385px;  }
	.slide-featured .slide-details {float:none; padding-top:27px; width:auto; clear:both; padding-top:10px;}
	.slide-featured .slide-details .description {font-style:italic; clear:both; padding-top:0px;margin-top:0;}
	.slide-featured .slide-details .description a.more {font-family:Georgia, "Times New Roman", Times, serif}
	.slide-featured .slide-details h3 {margin-bottom:15px;}
	.slide-featured .slide-details h2 {margin-bottom:10px;}
	.slide-featured .slide-thumbnail img.shadow-img {padding:5px; width:680px;}

  
  .slide-featured .btn-photo-control {
    display: block;
    position: absolute;
    top: 20px;
    width: 340px;
    height: 385px;
    background: transparent url(../images/pixel.png) 0 0 repeat;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 100;
    cursor: pointer;
  }
  .slide-featured .btn-prev-photo {
	left: 18px;
  }
  .slide-featured .btn-next-photo {
    right: 10px;
  }
  
  .slide-featured .btn-photo-control.btn-next-photo span.next-arrow, .slide-featured .btn-photo-control.btn-prev-photo span.prev-arrow  {
    display: none;
    width: 39px;
    height: 50px;
    position: absolute;
    top: 43%;
    z-index: 150;
  }
  .slide-featured .btn-photo-control.btn-prev-photo:hover span.prev-arrow {
    left: 0;
    display: block;
    background: transparent url(../images/left-arrow.png) 0 0 no-repeat;
  }
  
  .slide-featured .btn-photo-control.btn-next-photo:hover span.next-arrow {
    right: 0;
    display: block;
    background: transparent url(../images/right-arrow.png) 0 0 no-repeat;
  }

/* Featured  Work next previous btns */

.featured-next-prev {
  float: right;
  margin: 20px 0 0;
}

.featured-next-prev a:link, a:visited, a {
  cursor: pointer;
  color: #A1151A
}
.featured-next-prev a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.featured-next-prev .back-to,
.featured-next-prev .prev {

}

.featured-next-prev .next,
.featured-next-prev .contine-to {

}

.divider {
  display: inline;
  text-align: center;
  color: #ccc;

}

.gallery-image {
 position: relative;
 z-index: 10;
}

.gallery-image img {
  position: absolute;
  left: 9px;
  top: 9px;
  z-index: 20;
}

.thumbnail-pagination {
  clear: both;
  position: relative;
  height: 42px;
  margin: 8px 0 0 0;
}

.thumbnail-slider {
  position: absolute;
  left: 67px;
  top: 0;
  width: 560px;
  height: 50px;
}
.slide-thumbnails {
  display: block;
  height: 40px;
  padding: 0 0 0 3px;
}
.slide-thumbnails a {
  display: inline-block;
  width: 56px;
  height: 29px;
  margin-right: 10px;
}
.slide-thumbnails a img {
  width: 100%;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  opacity: 1;
}
.slide-thumbnails a.current img {
  width: 100%;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}


.btn-thumbnail-control {
  display: block;
  position: absolute;
  width: 56px;
  height: 29px;
  line-height: 29px;
  padding: 3px;
  text-align: center;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}
.btn-thumbnail-control:hover {
  /* fuck your arrows bitch! */
}
.btn-thumbnail-control.next {
  background: url(../images/arrow_right.png) 0 5px no-repeat;
  right: 6px;
}
.btn-thumbnail-control.next:hover, .btn-thumbnail-control.next:active {
  background-position: 0 bottom;
}
.btn-thumbnail-control.prev {
  background: url(../images/arrow_left.png) 0 5px no-repeat;
  left: 0;
}

.btn-thumbnail-control.prev:hover, .btn-thumbnail-control.next:active {
  background-position: 0 bottom;
}





.meet-contact-box {/*border-bottom:#ccc 1px solid;*/ clear:both}
.meet-design {float: left;width: 678px;padding: 18px 20px 10px 0;border-right: #CCC 1px solid;margin-right: 20px;}
	.meet-design img {float:left; margin-right:22px;}
.content-meet {overflow:hidden; }
.sum-post {padding-top:15px; *padding-top:5px;}
	.sum-post div {clear:both; margin-bottom:15px;}
a.viewall {float:right; color:#a1151a; margin-top:4px;}
.contact {width:220px; float:left; padding:18px 0 10px;}
.text-contact {padding:13px 0; clear:both; *padding-top:6px;}
.phone-big {color:#9a854a; font-size:12px; text-align:left; font-family:"Times New Roman", Times, serif}
	.phone-big span {color:#832112; font-size:20px; display:block; padding-bottom:5px;}

.design-service {overflow:hidden; padding:20px 0;}
.services-list {width:980px; overflow:hidden; clear:both; padding-top:15px;}
	.services-list li {width:220px; float:left; margin-right:20px;}
	.services-list li h2 {padding:16px 0 14px; line-height:normal; *padding:5px 0}
	.services-list li h2 a {font-size:13px; color:#832112}
  .services-list li h2 a:hover {color: #90634C;}

.intro-text-staff {padding-top:10px; clear:both;}
.list-staff {padding-top:35px; width:621px;}
.list-staff li {overflow:hidden; margin-bottom:27px;}
	.list-staff h4, .slide-featured .slide-details h4, .desc-work h4, .other-work h4, .desc-tag h4, .spe-list li h4, .ost h4, .press-item h4 {color:#a38e54; font-size:13px; border-bottom:#e4e4e4 1px solid; padding-bottom:5px; text-transform:uppercase; margin-bottom:12px; display:inline-block; *display:inline; zoom:1;}
	.list-staff img {float:left; margin-right:20px;padding:7px;}
	.list-staff .desc-staff {color:#90634c; font-size:13px; clear:both; margin-bottom:10px;}
	.list-staff .info-staff {overflow:hidden}
	.list-staff .info-staff p {margin-bottom:15px;}
	.slide-featured .slide-details h2 {margin-bottom:10px;}
.list-aw li {
    float: left;
    margin: 0 20px 20px 0;
    display: inline;
}
.press-item {margin-top:40px; overflow:hidden}
.list-aw li {float:left; margin:0 20px 20px 0; display:inline}
.intro-press {padding-bottom:10px; clear:both}
a.red-link {color:#a1151a; text-decoration:underline}

.modal-holder {width: 620px; height: 480px;}


/*staff page*/
.no-desc {margin-bottom:15px;}
.about-box div {padding-top:10px; clear:both; }
	.about-box div p {margin-bottom:15px;}
.menu-about {}
	.menu-about li {border-bottom:#ccc 1px solid;}
	.menu-about li a {padding:10px 8px 8px; font-size:12px; color:#9a854a; display:block; text-transform:uppercase; }
	.menu-about li a.active {background-color:#f2e3af; color:#242424}
	.menu-about li a:hover {text-decoration:none;background-color:#f2e3af; color:#242424}

/*work*/
.work-item {margin-bottom:10px;}
	.detail-work {padding-right: 20px; float:left}
		.detail-work p, .detail-work img, .desc-work-img p {margin-bottom:15px;text-align:justify;}
		.detail-work blockquote { display:block; padding:5px 0 5px 20px; font-style:italic; margin-bottom:15px;}
	.desc-work {width:225px; float:right}
		.desc-work h4 {float:none; color:#a38e54;}
		.desc-work-img {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif}
	.ost {width:455px;}
	.content-bradi {width:550px;}
	.width {width:580px;}
	.width100 {width:100% !important;}
	.ost h4, .more-work h4 {padding-right:55px; margin-top:10px;}
	.more-work li {margin-bottom:25px;}
	.more-work h4  {float:none; width:220px; padding-right:0}
	.block {display:block !important}

.our-text {padding-top:30px;}
.our-story {width:370px; float:left}
	.intro-about {clear:both; padding-top:10px;}
	.intro-about p {margin-bottom:15px;}
.other-work {width:300px; float:right; overflow:hidden}
.other-work ul {clear:both; width:400px; overflow:hidden}
	.other-work li {width:140px; float:left; margin:0 18px 15px 0;}

a.fb {background:url(../images/fb.gif) right center no-repeat; padding-right:35px; float:right; color:#3a5796; font-size:13px; height:25px; line-height:25px; margin-right:7px; *margin-top:-10px;}
.small-thumb {clear:both;width:700px; float: left;}
.small-thumb li {width:65px; float:left; margin-right:5px;}
.small-thumb li img {padding:3px; margin-top:8px;}

.desc-tag {padding-top:5px; overflow:hidden}
	.desc-tag h4 {margin-bottom:9px;}
	.text-desc-tag {clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#3a3a3a;}
	.text-desc-tag a {color:#3a3a3a;}
	.desc-1 {width:440px; float:left}
	.desc-2 {width:220px; float:right}
.scroll {text-align:right; font-size:18px; color:#000; padding-top:30px; font-weight:bold}
	.scroll a {color:#000}

.slide-about {text-align:right; padding-right:13px;}
.thumb-about img {margin-bottom:10px;}

#featured a {
  color: #a1151a;
}

#featured img, .content-bradi img {
  max-width: 680px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 10px 10px 10px 0;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.10);
}

blockquote {
  margin: 18px 0;
  padding: 0 15px;
}
blockquote p {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  font-style: italic;
  font-family: Georgia, Times, serif;
  margin-bottom: 0;
}
block quote small {
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: #a38e54;
}
blockquote small:before {
  content: '\2014 \00A0';
}


/*service page*/
.offer-box {padding-top:70px;}
	.offer-box h3 {margin-bottom:15px;}
	.offer-box li {font-size:13px;}

.left-contact {width:380px; float:left; padding:35px 0;}
#contact-form {padding-top:20px;}
  #contact-form input {line-height: 1;}
	#contact-form label {display:block; font-size:13px; text-transform:uppercase; color:#9a854a; padding-bottom:8px;}
	#contact-form li {margin-bottom:10px;}
	#contact-form input.txt {width:285px; padding:0 7px; line-height: 28px;}
	#contact-form textarea {width:380px; height:105px; line-height: 1;}
	#contact-form input.sub {width:74px; height: 30px; text-align:center; font:normal 13px Arial, Helvetica, sans-serif; border:none; background:url(../images/btn.png) top left no-repeat; padding:3px 0px 6px; cursor:pointer}
.right-contact {width:460px; float:right; padding:35px 0;}
.contact-info {padding-top:30px;}
	.contact-info h1 {color:#832112; font-size:18px; display:inline-block; border-bottom:#e4e4e4 1px solid; padding-bottom:10px; margin-bottom:12px; *display:inline; zoom:1}
	.contact-info  .add {color:#af9a5d; font-size:18px; text-transform:uppercase; padding-bottom:33px;}
	.contact-info  .lin {width:300px; float:left; font-size:15px; color:#a1151a}
		.contact-info  .lin p {margin:0; padding:0; margin-bottom:-10px; margin-bottom:3px\9;}
		.contact-info  .lin p span {color:#c5b78d}
	.contact-info .social {float:left; width:90px; display:inline; padding-top:10px;}

/*
	# FOOTER #########
*/
#footer {clear:both; background:url(../images/bg_footer.png) bottom left repeat-x; min-height:190px; border-top:#ccc 1px solid; padding-bottom: 20px;}
.footer-inner {width:940px; position:relative; margin:0 auto; font-size:11px; line-height:normal; overflow:hidden; padding: 20px 0 0 0px;}
	.footer-inner a {color:#832112;}
	.footer-inner ul {clear:both; padding-top:10px;}
.add-footer, .services-footer, .about-footer, .photo-footer {float:left; /*margin-right:27px;*/ margin-right:55px}
.add-footer {width:250px; font-size:14px; text-transform:uppercase; margin-right:25px /*20px*/;}
	.add-footer h3 {color:#832112; padding-bottom:5px; font-size:14px;}
	.add-footer p {font-family: Arial, Helvetica; text-transform: none; font-size: 12px; }
.photo-footer {width:280px; margin-right:0;}
	.photo-footer h3.head-big {float:none; width:310px; color:#832112;}
	.photo-gal {padding-top:0 !important}
	.photo-gal li {float:left}
	.photo-gal li.cat-1 {width:103px;}
	.photo-gal li.cat-2 {width:90px;}
	.photo-gal li.cat-3 {width:160px;}
	.photo-gal li.cat-4 {width:310px;}
	.photo-gal li li {float:none; display:block}
.about-footer {width:132px;}
.offer-box {padding-top :70px;}
.offer-box h3 {margin-bottom: 15px;}
.services-footer {width:132px;}
.copyright { margin-top: 10px; font-size: 10px;}


/*
	# Lists ###################
*/
.spe-list {padding-top:40px}
.spe-list li {margin-bottom:34px;}
	.spe-list li h4 {float:none; display:block}
	.spe-list li .spe-info {overflow:hidden;}
	.spe-list li .spe-info img.shadow-img  {float:left; margin-right:20px; padding:5px;}
	.spe-list li .spe-desc {overflow:hidden}
	.spe-list li .spe-desc p {margin-bottom:12px;}


/*
	Box Cornor
*/


/*
	ENTRY
*/
.entry {line-height:20px;}
	.entry ul, .entry ol {margin:0 0 15px 35px;}
	.entry ul {list-style-type:disc;}
	.entry ol {list-style-type:decimal;}
	.entry p {margin-bottom:15px;}

/*
	# Images ###################
*/

img{border:none;}
img.ileft{margin:0 10px 10px 0; float:left;}
img.iright{margin:0 0 10px 10px; float:right;}

/*
	# Links ###################
*/

a{}
a:hover{text-decoration:underline;}

/*
	# Forms ###################
*/

/*
	# Tables ###################
*/
/*
	# Typography ###################
*/
/*
	# Other ###################
*/

.clear {clear:both;}
.fleft {float:left;}
.fright {float:right;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}


/*
	### SLIDE SHOW ANH ######
*/
.hor-slide {margin:20px 0; width:900px; height:150px; padding:3px 25px 0; position:relative; border:#ccc 1px solid; border-left:none; border-right:none; overflow:hidden;}


/*
	# PHAN TRANG #####################
*/
.nav-paging {padding:10px 0px 10px; color:#000000;  float:right;  text-align:right;}
	.nav-paging	a {padding:3px 6px; margin:0px 0px 0px 1px; border:1px solid #d9d9d9;  color:#0046b6; text-decoration:none; font-weight:bold;}
	.nav-paging a:hover, .nav-paging a.curent-page { color:#ffc423;}


.featured-thumbnails {
  padding-top: 20px;
}
.featured-thumbnails h4 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.featured-thumbnails .row {
  padding: 0 0 5px 0;
}
.featured-thumbnails .row a {
  text-decoration: none;
  margin-right: 5px;
}
.featured-thumbnails .row a.current {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.featured-thumbnails .row a.last {
  margin-right: 0;
}