/*
	Title:	studio2
	Date:	January 06, 2010
--------------------------------------------------------------
*/

	/* COMMON ELEMENTS */
body{margin:0;padding:0;font-family:Tahoma;background:url(../images/body-pattern.gif) repeat;color:#fff}
.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0}
a {color:#fff;}

.FL{float:left;width:auto}
.FR{float:right;width:auto}
.CB{clear:both}

	/* BEGIN HEADER */
.header-wrap{width:100%;height:254px;background:#000 url(../images/header-bg.gif) no-repeat right top;overflow:hidden}
.header{width:1150px;margin:0 auto;overflow:hidden}
.yellow-bar{clear:both;display:block;margin-left:158px;width:458px;height:12px;font-size:10px;background:#f08500}
.design-page{width:565px}
.photo-page{width:741px}
.contact-page{width:935px}
.logo{float:left;width:310px;margin-top:128px}

.header ul{float:right;width:auto;list-style:none;margin:215px 0 0;padding:0 100px 0 0;overflow:hidden}
.header li{float:left;width:auto}
.header li a{float:left;display:block;width:94px;height:20px;background:url(../images/top-nav.gif) no-repeat 0 0;text-decoration:none;text-indent:-3000px;position:relative;margin-right:-2px}
.header li.design a{width:109px;background-position:-92px 0}
.header li.photo a{width:178px;background-position:-199px 0}
.header li.contact a{width:155px;background-position:-375px 0}

.header li a:hover,.header li a.active{background-position:0 -30px;z-index:999}
.header li.design a:hover,.header li.design .active{background-position:-92px -30px}
.header li.photo a:hover,.header li.photo .active{background-position:-199px -30px}
.header li.contact a:hover,.header li.contact .active{background-position:-375px -30px}
	/* END HEADER */
	
	/* BEGIN CONTENTS */
.container{width:100%;overflow:hidden;background:url(../images/contents-bg-x.gif) repeat-x 0 0}
.contents-wrap{width:990px;padding:0 0 20px 160px;margin:0 auto;overflow:hidden;background:url(../images/arrow.gif) no-repeat 62px 36px}
.contents{clear:both;width:691px;position:relative;background:url(../images/contents-pattern.gif) repeat}
.contents-bg{width:990px;height:380px;background:url(../images/contents-bg.gif) no-repeat;position:absolute;right:-299px;top:0}
* html .contents-bg{right:-300px}

.contents .wrap{clear:both;width:691px;padding:43px 0 10px;position:relative;z-index:999;line-height:30px;overflow:hidden}
.contents h1{color:#f08500;width:370px;margin:0 0 0 18px;font-weight:400;font-size:18px;line-height:34px}
.contents p{margin:0 0 25px 18px;width:310px;font-size:17px}
.contents .text2{width:330px}
.more{display:inline-block;width:82px;height:28px;background:url(../images/more-button.gif) no-repeat;text-decoration:none;color:#fff;text-align:center;line-height:19px;margin-left:5px}
.more:hover{color:#f08500}
* html .more{margin-bottom:-5px;margin-top:5px}
*:first-child+html .more{margin-bottom:-12px}
	/* END CONTENTS */
	
	/* BEGIN DESIGN PAGE CONTENTS */
.design-conts{width:876px}	
.design-conts .contents-bg{background:url(../images/design-contents-bg.gif) no-repeat;right:-114px}	
.design-conts .wrap{width:876px;padding:0 0 20px}
.design-conts h2{margin:0;padding:0;font-size:17px;font-weight:400;height:53px;overflow:hidden;line-height:50px}
.design-conts h2 strong{float:left;width:370px;font-weight:400;text-align:right}
.design-conts h2 span{float:right;width:480px}

.showcase{clear:both;width:804px;height:458px;padding:0 30px 30px 0;margin:30px 0 0 36px;overflow:hidden;background:url(../images/showcase-bg.png) no-repeat;position:relative}
.showcase img{float:left;}
.design-conts .back-next{width:876px;text-align:center;margin:-15px 0 0;padding:0;position:relative;z-index:99}
.design-conts .back-next span{color:#707070}
.design-conts .back-next a{font-size:18px;color:#fff}
.design-conts .back-next a:hover{text-decoration:none}
	/* END DESIGN PAGE CONTENTS */
	
	/* BEGIN CONTACT US PAGE CONTENTS */
.contact-us{width:739px}	
.contact-us .contents-bg{height:560px;background:url(../images/contact-us-page-bg.gif) no-repeat;right:-251px}
.contact-us .wrap{width:739px;min-height:510px;height:auto !important;height:510px}
.contact-us p{font-size:18px}
.contact-us p a{color:#fff}
.contact-us p a:hover{text-decoration:none}
	/* END CONTACT US PAGE CONTENTS */	
	
	/* BEGIN FOOTER */
.contact-info{clear:both;margin:0;color:#000;font-size:15px;font-weight:700;line-height:35px;padding-left:60px}
.contact-info a{color:#000;text-decoration:none;margin-right:5px}
.contact-info span{margin-left:5px}
.contact-info a:hover{text-decoration:underline}
.footer-grey{clear:both;width:460px;height:41px;background:url(../images/footer-grey-bg.gif) repeat;overflow:hidden}
	/* END FOOTER */
	
.Lpadding0{padding-left:0}