* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 130%;
    font-family: Arial, "Trebuchet MS", sans-serif;
    color: #999;
    background: #fff;
    text-align: left;
    padding-bottom:10px;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #999; text-decoration: none; }
a:hover { text-decoration: none; color:#a3b8b6}

.shell { margin: 0 auto; width:1024px; background:#fff}
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.no-txt{font-size:0; line-height:0; text-indent:-9999px}


.wrap{padding:20px 23px 0 25px;}
.inner .wrap{padding:20px 0 0 25px;}

#header{height:135px;}
.inner #header{padding-right:23px;}

h1#logo{font-size:0; line-height:0; float:left; width:325px}
h1#logo a{display:block; background:url(images/logo.gif); text-indent:-9999px; height:111px}

#header h2.love{width:304px; float:right; margin-top:43px; margin-right:103px}
#header h2.love a{background:url(images/love.gif); height:63px; display:block}

#navigation{height:38px; overflow:hidden}
#navigation ul{background:url(images/navigation.gif) no-repeat 0 bottom; height:38px; overflow:hidden; padding-left:4px}
#navigation li{float:left; display:inline}
#navigation li a{font-size:11px; padding:3px 10px;}
#navigation li a:hover{color:#b3c7c5}


#container{background:url(images/container.gif) no-repeat 0 bottom; padding-bottom:50px}
.leftside{float:left; display:inline; width:410px}
.leftside h2.interior-design{background:url(images/design.gif); width:410px; height:115px; margin-top:45px; display:block}


.inner .leftside h2.folio{background:url(images/portfolio.gif); height:77px; margin-top:34px; }

.inner .leftside h2.vision{background:url(images/vision.gif); height:77px; margin-top:34px; }

.inner .leftside h2.services{background:url(images/services.gif); height:77px; margin-top:34px; }

.inner .leftside h2.contact{background:url(images/contact.gif); height:77px; margin-top:34px; }

.inner .leftside h2.credits{background:url(images/credits.gif); height:77px; margin-top:34px; }

.inner .leftside h2.thankyou{background:url(images/thank_you.gif); height:77px; margin-top:34px; }

.inner .leftside h2.Oopsydaisy{background:url(images/Oopsy-daisy.gif); height:77px; margin-top:34px; }

.inner .leftside{width:354px;}
.inner .leftside h3{margin-top:-21px; font-size:17px; margin-bottom:3px; padding-left:39px}
.inner .leftside h1{margin-top:-19px; font-size:17px; font-family: Georgia, sans-serif; font-weight: normal; padding-bottom:10px; padding-left:39px}
.inner .leftside p{padding-left:33px}
.inner .rightside{width:561px; padding-top:33px}
.leftside h3{font-size:20px; font-family:Georgia, serif; line-height:26px; margin-top:-41px; position:relative; z-index:2; padding-left:44px; margin-bottom:29px; font-weight: normal;}
.leftside p{font-family:Georgia, serif; font-size:13px; line-height:26px; padding-bottom:22px; padding-left:34px}
.leftside p span{font-size:18px; color:#9c8d85}
.leftside a{font-family:Georgia, sans-serif; color:#737276; font-size:18px; padding-left:34px}
.rightside{float:right; display:inline; width:566px}

.portfolio {background:url(images/portfolio-ctn.gif) no-repeat  0 bottom; padding-bottom:75px; margin-bottom:4px}


.quote{background:url(images/quote.gif) no-repeat 0 bottom;}

p.meta{padding-right:10px; text-align:right; line-height:15px; font-size:11px;  font-family: Arial, sans-serif;}
p.meta a{color:#737276; text-transform:uppercase;  padding:0; font-size:11px;  font-family: Arial, sans-serif; }
p.meta a:hover{color:#a3b8b6;}
p.meta span{color:#9c8d85; padding:0 5px; font-size:14px; }
a.view{display:block; text-align:right; padding-right:10px; font-size:11px; text-transform:uppercase; margin-top:-11px; font-family: Arial, sans-serif;}
a.view span{color:#a9bebc}
a.view:hover{color:#a3b8b6;}

.quote span.quotes{background:url(images/quotes.gif); width:23px; height:20px; float:left; display:inline}
.quote span.second{float:right; margin-top:-40px}
.quote p{padding-left:23px}

.slide{background:url(images/slide.gif) repeat-y 0 0; margin-bottom:14px; margin-right:5px}
.slide ul{list-style-type:none;}
.slide ul li{display:inline}
.slide-top{background:url(images/slide-top.gif) no-repeat 0 0;}
.slide-bottom{background:url(images/slide-bottom.gif) no-repeat 0 bottom; height:100%; padding:22px 28px 37px 28px; position:relative}
.slide .bar{position:absolute; left:0; top:0; margin:45px 0 0 28px; width:500px; background:transparent}
.slide .bar-bgr{background:url(images/bar.png) repeat-x 0 0; height:51px; padding:15px 0 0 22px; width:478px}
.slide .bar h2{font-size:20px; color:#9cb2b0; font-weight:normal; margin-bottom:2px; font-family:Georgia, serif}
.slide .bar a{font-size:15px; color:#737276; padding-left:66px; font-family:Georgia, serif; position:relative}
.slide .bar a span{ color:#737276 !important;}
.slide .bar a:hover{color:#a3b8b6; }

.thumbs{height:100%; overflow:hidden; width:566px; margin-left:-5px}
.thumbs ul{list-style-type:none;}
.thumbs ul li{display:inline}

.holder{background:url(images/holder.gif) repeat-y 0 0; float:left; margin-right:4px; margin-bottom:14px;}
.holder-top{background:url(images/holder-top.gif) no-repeat 0 0;}
.holder-bottom{background:url(images/holder-bottom.gif) no-repeat 0 bottom; height:100%; padding:15px 19px 24px 22px; width:96px; height:96px}



#footer{height:118px; padding:23px 21px 0 76px;}
.inner #footer{padding:23px 44px 0 76px;}
#footer .left{width:110px; padding-top:4px}
#footer .left a.addthis_button{background:url(images/share.gif) no-repeat 0 0; padding:2px 0 2px 29px; text-transform:uppercase; font-size:10px; }
#footer .right{width:332px; font-family:Georgia, serif;}
#footer .right form{height:100%; overflow:hidden }
#footer .right form label{float:left; font-size:13px;  padding-right:9px; padding-top:2px; }
#footer .right form input{border:1px solid #989898; padding:0 2px; width:116px; float:left; background:#fff; color:#999; font-family: Georgia, serif;}
#footer .right form input.submit{border:0; float:left; cursor:pointer; font-size:13px; padding:0 5px; color:#fff; background:#c3d5d3; width:60px; height:18px; margin-left:6px;}
#footer p{padding-left:37px; font-size:13px; font-family:Georgia, serif; overflow:hidden; padding-bottom:35px}
#footer p a, #footer p span{float:left}
#footer p a.facebook{background:url(images/facebook.gif); width:18px; height:18px; display:block; margin-left:14px}
#footer span.dev{padding:0 13px;}
#footer .top{height:20px; overflow:hidden; padding-bottom:25px}
#footer span.reg{float:right; font-family: Georgia, serif;}


.slidebox { width:566px; height:415px; position:relative; }
.slidebox a{ position:absolute; top:0; left:20px; }

a.body:link { color: #999; text-decoration: none; font-size: 13px; font-style: normal; font-variant: normal; text-transform: capitalize; margin-left: -35px; }
a.body:visited { color: #999; text-decoration: none; font-size: 13px; font-style: normal; font-variant: normal; text-transform: capitalize; margin-left: -35px; }
a.body:hover { color: #a3b8b6; text-decoration: none; font-size: 13px; font-style: normal; font-variant: normal; text-transform: capitalize; margin-left: -35px; }
a.body:active { color: #999; font-size: 13px; font-style: normal; font-variant: normal; text-transform: capitalize; margin-left: -35px; }