/*@charset "utf-8";*/

/*Phone & Email*/
.top {color:#f4d89c; font-size:18px; margin-top:7px;}
a.email {background:url(../images/icon-email.gif) left top no-repeat; padding-left:35px; padding-bottom:6px; color:#f4d89c; text-decoration:none; margin-left:17px;}
a.email:hover {background-position:0 -27px; text-decoration:underline;}

/* Top Nav*/
a.tab1 {background:url(../images/tab-studio-info.gif) left top no-repeat; width:115px; height:41px; margin-top:17px; display:block;}
a.tab1:hover {background-position:0 -41px;}
a.tab1.active1 {background:url(../images/tab-studio-info.gif) left -41px no-repeat;}

a.tab2 {background:url(../images/tab-services.gif) left top no-repeat; width:91px; height:41px; margin-top:17px; display:block;}
a.tab2:hover {background-position:0 -41px;}
a.tab2.active2 {background:url(../images/tab-services.gif) left -41px no-repeat;}

a.tab3 {background:url(../images/tab-our-process.gif) left top no-repeat; width:123px; height:41px; margin-top:17px; display:block;}
a.tab3:hover {background-position:0 -41px;}
a.tab3.active3 {background:url(../images/tab-our-process.gif) left -41px no-repeat;}

a.tab4 {background:url(../images/tab-portfolio.gif) left top no-repeat; width:100px; height:41px; margin-top:17px; display:block;}
a.tab4:hover {background-position:0 -41px;}
a.tab4.active4 {background:url(../images/tab-portfolio.gif) left -41px no-repeat;}

a.tab5 {background:url(../images/tab-contact.gif) left top no-repeat; width:91px; height:41px; margin-top:17px; display:block;}
a.tab5:hover {background-position:0 -41px;}
a.tab5.active5 {background:url(../images/tab-contact.gif) left -41px no-repeat;}

a.tab6 {float:left; background:url(../images/tab-blog.png) left top no-repeat; width:82px; height:83px; margin-top:7px; /*margin-right:-12px; position:relative;*/}
a.tab6:hover {background:url(../images/tab-blog-h.png) left top no-repeat;}
a.tab6.active6 {background:url(../images/tab-blog-h.png) left top no-repeat;}

/* MastHead Right */
.masthead {font-size:400%; line-height:50px; letter-spacing:-3.6px; padding-bottom:5px; padding-top:30px; position:relative;}

a.know {float:left; background:url(../images/pen-bg.gif) left top no-repeat; width:366px; height:83px;}
a.know:hover {background-position:left -83px;}

/* Featured Project */
.title {font-size:200%; letter-spacing:-1px;}
.pad {padding:0px 35px 10px 15px;}

a.btncase {float:left; background:url(../images/casestudy-bg.png) left top no-repeat; width:190px; height:57px; text-decoration:none; color:#432704; font-size:20px; padding:18px 0px 0px 89px; letter-spacing:-0.05em;}
a.btncase:hover {text-decoration:underline;}

/* Testimonials */
.client {padding-top:7px; font-size:15px; font-weight:bold;}

a.btntest {float:left; background:url(../images/read-testi-bg.png) left top no-repeat; width:180px; height:53px; margin-top:10px; text-decoration:none; color:#432704; font-size:20px; padding:27px 0px 0px 79px; letter-spacing:-0.05em;}
a.btntest:hover {text-decoration:underline;}

/* Portfolio */
.bgportfolio {float:left; background:url(../images/bg-portfolio.png) right top no-repeat;}
.thumb {float:left; background:url(../images/bg-thumb.png) left top no-repeat; width:84px; height:90px; vertical-align:top;}
.thumb img {margin-left:9px; margin-top:9px;}

a.btnportfolio {float:left; background:url(../images/see-portfolio-bg.png) left top no-repeat; width:160px; height:55px; text-decoration:none; color:#432704; font-size:20px; padding:17px 0px 0px 86px; letter-spacing:-0.05em;}
a.btnportfolio:hover {text-decoration:underline;}

/* Footer */
.footerholder {margin:45px 0px 15px 0px;}
.footer {color:#e4bb72; font-size:15px;}
.footer a {font-size:18px; color:#f0d2a0; text-decoration:none; margin-right:12px; float:left;}
.footer a:hover {color:#e4bb72; text-decoration:underline;}

a.twitter {background:url(../images/twitter.gif) left top no-repeat; width:56px; height:44px; display:block;}
a.twitter:hover {background-position:0 -44px;}

a.youtube {background:url(../images/youtube.gif) left top no-repeat; width:49px; height:49px; display:block;}
a.youtube:hover {background-position:0 -49px;}

a.facebook {background:url(../images/facebook.gif) left top no-repeat; width:50px; height:51px; display:block;}
a.facebook:hover {background-position:0 -51px;}

a.deviant {background:url(../images/deviant.gif) left top no-repeat; width:51px; height:50px; display:block;}
a.deviant:hover {background-position:0 -50px;}

/* Our Process */
.maintitle {font-size:400%; line-height:50px; letter-spacing:-0.07em; color:#3a2100; padding-bottom:5px; padding-left:12px; padding-top:17px}
.txt30n {font-size:30px; color:#3a2100; line-height:26px; letter-spacing:-0.05em; padding-bottom:5px;}
.txt20 {color:#000000; font-size:20px; font-weight:bold;}
.txt20 a {color:#ffe0b1; text-decoration:underline; font-weight:normal;}
.txt20 a:hover {color:#3a2100;}

/* Clients */
.titleclient {font-size:400%; line-height:50px; letter-spacing:-0.07em; color:#3a2100; padding:30px 0px 5px 30px; background: url(../images/saint-2.gif) 170px 0px no-repeat;}
.border {border:1px solid #382000;}

/* Studio Info */
.titlestudioinfo {font-size:400%; line-height:50px; letter-spacing:-0.07em; color:#3a2100; padding:30px 0px 5px 30px; background: url(../images/hut.gif) 270px 0px no-repeat;}
.txt23 {font-size:23px; line-height:23px;}
.txt23 span {background-color:#ffe7ba;}
.form {width:200px;}
.form input {width:176px; background-color:#ffe0b1; border:0; margin-bottom:5px; padding:5px 12px; font-size:13px; color:#5c3a0d; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.form select {width:200px; background-color:#ffe0b1; border:0; margin-bottom:5px; padding:5px 2px 5px 12px; font-size:13px; color:#5c3a0d; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.form textarea {width:186px; height:60px; background-color:#ffe0b1; border:0; margin-bottom:5px; padding:5px 2px 5px 12px; font-size:13px; color:#5c3a0d; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.form .btn {background:url(../images/btn-submit.gif) left top no-repeat; width:133px; height:32px; padding:0px;}

/* Services */
.titleservices {font-size:400%; line-height:50px; letter-spacing:-0.07em; color:#3a2100; padding:30px 0px 5px 30px; background: url(../images/saint-3.gif) 210px 0px no-repeat;}
ul.listing {list-style:none; margin-bottom:15px;}
ul.listing li {background:url(../images/bullet-arrow.gif) 0px 4px no-repeat; padding-left:17px; line-height:18px;}
.txt18n {font-size:18px; font-weight:bold; text-transform:uppercase; color:#ffe0b1;}

/* Careers */
.titlecareers {font-size:400%; line-height:50px; letter-spacing:-0.07em; color:#3a2100; padding:30px 0px 5px 30px; background: url(../images/little-boy.gif) 200px 0px no-repeat;}

.txt20n {color:#efb761; font-size:20px; text-transform:uppercase;}
.txtlink17 {font-size:17px; color:#efb761;}
.txtlink17 a {color:#efb761; text-decoration:underline;}
.txtlink17 a:hover {color:#ffe0b1;}

ul.listingcareer {list-style:none; margin-top:7px;}
ul.listingcareer li {background:url(../images/bullet.gif) 10px 2px no-repeat; padding-left:32px; line-height:18px; margin-bottom:5px;}

a.mailblk {color:#503107; text-decoration:underline;}
a.mailblk:hover {color:#503107; text-decoration:none;}

/* Contact */
.titlecontact {font-size:400%; line-height:50px; letter-spacing:-0.07em; color:#3a2100; padding:30px 0px 5px 30px; background: url(../images/saint-4.gif) 200px 0px no-repeat;}

.txt24 {font-size:24px; font-weight:bold; line-height:35px;}
.txt30new {font-size:30px; color:#efb761; letter-spacing:-0.05em; line-height:26px;}
.txt14 {color:#ffe0b1; font-size:14px;}
.txt14 span {color:#efb761;}
.txt14 a {color:#ffe0b1; text-decoration:none;}
.txt14 a:hover {text-decoration:underline;}

.contactform {width:auto;}
.contactform label{font-size:13px; font-weight:bold; font-style:italic; color:#5c3a0d;}
.contactform input {width:300px; background-color:#ffe0b1; border:0; padding:5px 12px; font-size:13px; color:#5c3a0d; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.contactform select {width:324px; background-color:#ffe0b1; border:0; padding:5px 2px 5px 12px; font-size:13px; color:#5c3a0d; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.contactform textarea {width:310px; height:80px; background-color:#ffe0b1; border:0; padding:5px 2px 5px 12px; font-size:13px; color:#5c3a0d; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}

input.btnsubmit {background:url(../images/btn-submit-big.png) left top no-repeat; _background-color:none !important; padding:0px !important; width:251px !important; height:66px;}

/* Team */
.titleteam {font-size:400%; line-height:50px; letter-spacing:-0.07em; color:#3a2100; padding:30px 0px 5px 30px; background: url(../images/saint-5.gif) 150px 0px no-repeat;}

a.mail {color:#efb761; text-decoration:underline;}
a.mail:hover {color:#ffe0b1;}

/* Portfolio Page */
.txt30p {font-size:30px; color:#3a2100; line-height:30px; letter-spacing:-0.05em; padding-top:15px;}

/* Common Classes for Home, Clients, Studio Info, Services */
.bgpage {float:left; /*background:url(../images/page-bg.png) left top no-repeat;*/ width:935px; height:601px; padding:30px 15px 30px 50px;}
.lineheight {line-height:18px;}
.txt12 {font-size:12px; line-height:16px; color:#ffe0b1;}
.txt16 {font-size:17px; /*font-weight:100;*/}
.txt16n {color:#efb761; font-size:16px;}
.txt18 {font-size:18px; background-color:#ffe7ba; padding:4px 7px; float:left;}
.txt30 {font-size:30px; color:#ffe0b1; text-transform:uppercase; line-height:26px; letter-spacing:-0.05em;}

/* Scroll Bar */
#mycustomscroll {width:auto; height:450px; overflow-y:scroll; position:relative; margin:0px; padding:0px;}
.scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top:0; left:0;}
.vscrollerbase, .vscrollerbar {width:20px;}
.vscrollerbar{padding:10px 0px; z-index: 2;}
.vscrollerbarbeg{background:url(../images/scroll.png) center top no-repeat; width:20px; cursor:pointer;}
.vscrollerbase{background:url(../images/scrollbaseback.gif) center top no-repeat;}