/* CSS Document */
body{ margin:0px; padding:0px; background:url(images/page-bg.gif) repeat-x #362f2c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#767676;}
a { outline:none;}
.wrapper{ width:1026px; height:auto; margin:auto;}
.container{ width:1026px; height:auto; float:left; background:url(images/content-bg.gif) repeat-y;}
.home-container{ width:1026px; height:auto; float:left; background:url(images/home-header.jpg) no-repeat left top;}
.home-header{ width:1026px; height:332px; float:left;}
.info-quotebg{ width:1010px; height:108px; float:left;}
.get-a-quate{ width:100px; height:auto; float:right; padding-right:65px; padding-top:40px;}
.info-bg{ width:146px; height:20px; float:right; padding-right:100px; padding-top:47px;}
.info-bg a{ width:146px; height:20px; float:left; background:url(images/info.gif) no-repeat left top;}
.info-bg a:hover{ background:url(images/infohvr.gif);}
.logo-navigation{ width:1010px; height:110px; float:left;}
.logo-bg{ width:206px; height:60px; float:left; padding-left:70px;}

.nav-bg{ width:640px; height:auto; float:left; padding-left:76px;}

.home{ width:75px; height:auto; float:left; padding-top:50px;}
.home a{ width:75px; height:37px; float:left; background:url(images/home.gif) no-repeat;}
.home a:hover{ background:url(images/home-hvr.gif);}
.home a.active{ background:url(images/home-hvr.gif);}

.about-us{ width:110px; height:auto; float:left; padding-top:28px;}
.about-us a{ width:110px; height:39px; float:left; background:url(images/about-us.gif) no-repeat;}
.about-us a:hover{ background:url(images/about-ushvr.gif);}
.about-us a.active{ background:url(images/about-ushvr.gif);}

.services{ width:108px; height:auto; float:left; padding-top:17px;}
.services a{ width:108px; height:30px; float:left; background:url(images/services.gif) no-repeat;}
.services a:hover{ background:url(images/serviceshvr.gif);}
.services a.active{ background:url(images/serviceshvr.gif);}

.portfolio{ width:100px; height:auto; float:left; padding-top:17px;}
.portfolio a{ width:100px; height:33px; float:left; background:url(images/portfolio.gif) no-repeat;}
.portfolio a:hover{ background:url(images/portfoliohvr.gif);}
.portfolio a.active{ background:url(images/portfoliohvr.gif);}

.contact{ width:100px; height:auto; float:left; padding-top:27px;}
.contact a{ width:100px; height:38px; float:left; background:url(images/contact.gif) no-repeat;}
.contact a:hover{ background:url(images/contacthvr.gif) no-repeat;}
.contact a.active{ background:url(images/contacthvr.gif) no-repeat;}

.client-portal{ width:142px; height:auto; float:left; padding-top:49px; padding-left:3px;}
.client-portal a{ width:142px; height:61px; float:left; background:url(images/client-portal.gif) no-repeat;}
.client-portal a:hover{ background:url(images/client-portalhvr.gif);}
.client-portal a.active{ background:url(images/client-portalhvr.gif);} 


.home-banner{ width:665px; height:114px; float:left; padding-left:345px;}
.design-bloc{ width:490px; height:114px; float:left; text-align:right;}
.design-tools{ width:174px; height:114px; float:left;}
.web-design-text{ width:298px; height:114px; float:left; color:#8d4e12;}
.design-txtbg{ width:298px; height:auto; float:left; text-align:center;}
.content-area{ width:998px; height:auto; float:left; padding-left:20px;}
.home-mid-bloc{ width:985px; height:auto; float:left; padding-left:1px;}
.featured-workbg{ width:329px; height:326px; float:left; background:url(images/featured-workbg.gif) no-repeat;}
.featured-workbg h1{ margin:0px; padding:0px; font-size:12px; font-weight:bold; color:#72654a; width:120px; height:auto; float:left; padding-left:40px; padding-top:5px;}
.pre-next-bg{ width:147px; height:auto; float:left; padding-top:10px;}
.pre-next-bg a{ font-size:14px; font-weight:bold; color:#767676; text-decoration:none;}
.pre-next-bg a:hover{ color:#000000;}
.pre{ width:70px; height:auto; float:left; padding-left:28px;}
.next{ width:33px; height:auto; float:left; text-align:right; padding-right:15px;}
.work-thumbg{ width:283px; height:229px; float:left; padding-top:20px; padding-left:25px;}
.view-all-bg{ width:116px; height:auto; float:left; padding-left:103px; text-align:center; padding-top:17px;}
.view-all-bg a{ font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#767676;}
.view-all-bg a:hover{ color:#000000;}

.service-overview{ width:324px; height:326px; float:left; background:url(images/service-overview.gif) no-repeat;}
.service-overview h1{ margin:0px; font-size:12px; font-weight:bold; width:148px; height:auto; float:left; padding-top:38px; padding-left:36px;}
.service-linkbg{ width:168px; height:auto; float:left; padding-left:130px; padding-top:30px;}
.service-link{ width:168px; height:auto; float:left; padding-bottom:10px;}
.service-link img{ padding-right:10px;}
.service-linkbg a{ font-size:11px; color:#8b7016; text-decoration:none;}
.service-linkbg a:hover{ color:#000000;}

.over-viewtxt{ width:250px; height:auto; float:left; padding-left:50px; padding-top:10px; line-height:16px;}
.read-morebg01{ width:116px; height:auto; float:left; text-align:center; padding-top:28px;}
.read-morebg01 a{ font-size:11px; font-weight:bold; color:#767676; text-decoration:none; text-transform:uppercase;}
.read-morebg01 a:hover{ color:#000000;}

.client-say{ width:324px; height:326px; float:left; background:url(images/client-say.gif) no-repeat;}
.client-say h1{ margin:0px; font-family:"Comic Sans MS"; font-size:18px; font-weight:normal; color:#ac6d32; width:196px; height:auto; float:left; padding-left:20px; padding-top:15px;}
.testimonial-txt{ width:282px; height:auto; float:left; padding-left:20px;}
.testimonial{ width:282px; height:auto; float:left; border-bottom:dotted 1px #beac71; padding-bottom:5px; padding-top:10px;}
.testimonial-bloc{ width:282px; height:auto; float:left; line-height:16px;}
.testi-namebg{ width:220px; height:20px; float:left; padding-top:5px;}
.testi-namebg span{ height:18px; border-right:solid 1px #b0a793; float:left; padding-right:10px; padding-left:10px;} 
.testi-namebg a{ text-decoration:none; color:#ad7523; padding-left:10px;}
.more-details{ width:195px; height:auto; float:left; padding-top:28px; padding-left:40px; text-align:center;}
.more-details a{ color:#6e6e6e; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.more-details a:hover{ color:#000000;}
.design-developmentbloc{ width:1026px; height:auto; float:left; background:url(images/content-footbg.gif) no-repeat left bottom; padding-bottom:40px;}
.creative-ultimate-powerful{ width:966px; height:auto; float:left; padding-left:33px;}
.creative-webdesigns{ width:322px; height:auto; float:left;}
.creative-head01{ width:310px; height:31px; float:left; background:url(images/sep-01.gif) repeat-x left bottom;}
.creative-head01 img{ padding-top:5px;}
.creative-head01 span{ color:#4f7b12; font-family:"Times New Roman", Times, serif; font-size:14px; float:left; padding-top:5px; padding-right:10px;}
.creative-head01 h2{ font-family:"Times New Roman", Times, serif; font-size:24px; color:#736433; margin:0px; padding:0px; float:left; font-style:italic;}

.designlink-bg{ width:200px; height:auto; float:left; padding-top:10px; padding-bottom:15px;}
.designlink-bg ul{ margin:0px; padding:0px;}
.designlink-bg ul li{list-style:none; display:inline;}
.designlink-bg ul li a{ font-size:11px; color:#6e5d28; text-decoration:none; padding-bottom:6px; float:left; width:152px; height:auto; background:url(images/arrow01.gif) no-repeat left top; padding-left:20px;}
.designlink-bg ul li a:hover{ color:#000000;}

.design-readmore01{ width:96px; height:117px; float:left; padding-top:15px;}
.design-readmore01 a{ width:78px; height:23px; float:left; background:url(images/design-readmore01.gif) no-repeat left top; color:#f6e19e; font-size:11px; font-weight:bold; text-decoration:none; padding-top:94px; padding-left:18px;}
.design-readmore01 a:hover{ background:url(images/design-readmore01hvr.gif); color:#000000;}

.design-readmore02{ width:96px; height:117px; float:left; padding-top:15px;}
.design-readmore02 a{ width:78px; height:23px; float:left; background:url(images/design-readmore02.gif) no-repeat left top; color:#f6e19e; font-size:11px; font-weight:bold; text-decoration:none; padding-top:94px; padding-left:18px;}
.design-readmore02 a:hover{ background:url(images/design-readmore02hvr.gif); color:#000000;}

.design-readmore03{ width:96px; height:117px; float:left; padding-top:15px;}
.design-readmore03 a{ width:78px; height:23px; float:left; background:url(images/design-readmore03.gif) no-repeat left top; color:#f6e19e; font-size:11px; font-weight:bold; text-decoration:none; padding-top:94px; padding-left:18px;}
.design-readmore03 a:hover{ background:url(images/design-readmore03hvr.gif); color:#000000;}

.footer-bg{ width:1026px; height:164px; float:left; background:url(images/footer.jpg) no-repeat;}
.contact-details{ width:227px; height:auto; float:left; font-size:10px; color:#f5fbe4; padding-top:20px; padding-left:30px;}
.contact-details a{ font-size:10px; color:#ffffff; text-decoration:none;}
.contact-details a:hover{ color:#000000;}
.cnt-bloc{ width:227px; height:auto; float:left; padding-bottom:10px;}
.cpright-bg{ width:488px; height:auto; float:left; padding-top:10px; color:#eef7d7; font-size:10px;}
.cpright-bg a{ color:#eef7d7; font-size:10px; text-decoration:none;}
.cpright-bg span{ border-bottom:dotted 1px #313131;}
.cpright-bg a:hover{ color:#000000;}
.foot-welcome-contact{ width:488px; height:auto; float:left; padding-top:20px; font-size:11px; color:#ffffff;}
.foot-welcome-contact a{ color:#ffffff; font-size:11px; text-decoration:none;}
.foot-welcome-contact a:hover{ color:#000000;}

.validation-linkbg{ width:465px; height:auto; float:right; padding-top:40px;}
.validation-linkbg a{ font-size:11px; text-transform:uppercase; color:#f6e19e; text-decoration:none; font-weight:bold;}
.validation-linkbg a:hover{ color:#000000;}
.xhtml-css-bg{ width:98px; height:auto; float:left; text-align:center;}




.inner-container{ width:1026px; height:auto; float:left; background:url(images/inner-header.jpg) no-repeat left top;}
.inner-header{ width:1026px; height:auto; float:left;}
.inner-banner{ width:665px; height:auto; float:left; padding-left:345px;}
.innerdesign-bloc{ width:472px; height:auto; float:left; text-align:right;}
.inner-mid-bloc{ width:998px; height:auto; float:left; padding-left:12px;}
.inner-content-area{ width:1026px; height:auto; float:left; background:url(images/content-footbg.gif) no-repeat left bottom; padding-bottom:70px;}
.inner-main-contents{ width:974px; height:auto; float:left; padding-left:12px; padding-right:12px;}
.inner-lefpan{ width:282px; height:auto; float:left;}
.about-leftbg{ width:276px; height:188px; float:left; background:url(images/about-us-left.gif) no-repeat left top;}
.about-head{ width:236px; height:46px; float:left; font-size:14px; font-weight:bold; color:#72654a; padding-left:40px; padding-top:7px;}
.left-about-link{ width:142px; height:auto; float:left; padding-left:100px;}
.left-about-link ul{ margin:0px; padding:0px;}
.left-about-link ul li{ display:inline; list-style:none;}
.left-about-link ul li a{ font-size:12px; font-weight:bold; color:#823e18; text-decoration:none; padding-bottom:10px; float:left; height:auto; width:142px;}
.left-about-link ul li a img{ border:none; padding-right:10px;}
.left-about-link ul li a:hover{ color:#000000;}
.inner-client-saybg{ width:276px; height:auto; float:left; padding-top:15px;}
.inner-h1bg span{ font-size:14px; color:#4f7a12; float:left; padding-top:8px; padding-right:5px;}
.inner-h1bg img{ padding-top:7px;}
.inner-h1bg h1{ margin:0px; padding:0px; font-family:"Times New Roman", Times, serif; font-size:24px; color:#736433; float:left; font-style:italic;}
.inner-h1bg{ width:274px; height:30px; float:left; background:url(images/green-sep.gif) repeat-x left bottom;}
.testi-txt02bg{ width:274px; height:auto; float:left; background:url(images/green-sep.gif) repeat-x left bottom; padding-bottom:10px; padding-top:10px; color:#665726; line-height:16px;}
.testi-txt02bg-bloc{ width:274px; height:auto; float:left;}
.all-testimonial{ width:148px; height:auto; float:left; padding-top:10px;}
.inner-rightpan{ width:676px; height:auto; float:left; padding-left:15px; color:#6e5d28; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.about-txtbg01{ width:676px; height:auto; padding-top:10px; padding-bottom:10px; background:url(images/sep-02.gif) repeat-x left bottom; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:16px;}
.about-pointbloc{ width:650px; height:auto; float:left;}
.about-pointbloc003{ width:550px; height:auto; float:left;}
.point-thum{ width:84px; height:auto; float:left;}
.abt-points{ width:550px; height:auto; float:left; font-weight:bold; color:#b4540a; line-height:18px; padding-top:15px;}
.abt-points003{ width:450px; height:auto; float:left; font-weight:bold; color:#b4540a; line-height:18px; padding-top:15px;}
.abt-points img{ padding-top:4px;}
.about-txtbg02{ width:676px; height:auto; padding-top:10px; padding-bottom:10px; float:left; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif;}


.inner-h1bg2 span{ font-size:14px; color:#4f7a12; float:left; padding-top:8px; padding-right:5px;}
.inner-h1bg2 img{ padding-top:7px;}
.inner-h1bg2 h1{ margin:0px; padding:0px; font-family:"Times New Roman", Times, serif; font-size:24px; color:#736433; float:left; font-style:italic;}
.inner-h1bg2{ width:343px; height:30px; float:left; background:url(images/green-sep.gif) repeat-x left bottom;}

.inner-h1bg3 span{ font-size:14px; color:#4f7a12; float:left; padding-top:8px; padding-right:5px;}
.inner-h1bg3 img{ padding-top:7px;}
.inner-h1bg3 h1{ margin:0px; padding:0px; font-family:"Times New Roman", Times, serif; font-size:24px; color:#736433; float:left; font-style:italic;}
.inner-h1bg3{ width:343px; height:30px; float:left; padding-top:10px;}

.abt-points2{ width:500px; height:auto; float:left; font-weight:bold; color:#b4540a; line-height:18px; padding-top:15px; font-size:11px;}
.abt-points2 a{ font-weight:bold; color:#b4540a; text-decoration:none; }
.abt-points2 a:hover{ color:#000000;}
.abt-points2 img{ padding-top:4px;}

.quote-portfolio-butbg{ width:676px; height:35px; background:url(images/sep-02.gif) repeat-x center center; float:left;}
.quote-portfolio-butbg02{ width:228px; height:32px; float:right; padding-right:100px;}


.contact-formbg01{ width:357px; height:auto; float:left;}
.contact-nme-txtbox{ width:357px; height:auto; float:left; padding-top:5px;}
.contact-nme{ width:100px; height:auto; float:left; padding-top:5px;}
.contact-txtboxbg{ width:252px; height:auto; float:left;}
.contact-txtbox01{ width:252px; height:20px; background:#ffefbe; border:solid 1px #d5c38d;}
.contact-txtbox02{ width:252px; height:142px; background:#ffefbe; border:solid 1px #d5c38d;}
.submit-bloc{ width:337px; height:auto; float:right; padding-top:10px;}
.whats-name-txtbox{ width:234px; height:auto; float:left;padding-top:5px;}
.whats-name{ width:75px; height:auto; float:left; padding-top:5px;}
.whats-txtboxbg{ width:155px; height:auto; float:left; }
.whats-txtbox{ width:152px; height:20px; background:#f9e6aa; border:solid 1px #d5c38d; color:#655626;}
.form-submit{ width:97px; height:33px; float:right;}

.address-bloc{ width:287px; height:auto; float:left; padding-left:20px;}
.adress-bloc02{ width:287px; height:auto; float:left; background:url(images/sep-01.gif) repeat-x left bottom; line-height:16px; padding-top:10px; padding-bottom:10px;}
.adress-bloc02 a{ color:#bd3333; text-decoration:none;}
.adress-bloc02 a span{ color:#c6890e;}
.adress-bloc02 a:hover{ color:#000000;}

.adress-bloc02 h2{ margin:0px; padding:0px; font-size:12px; font-weight:bold; color:#b4540a;}
.need-aquate{ width:287px; height:auto; float:left; padding-top:12px;}

.left-about-link02{ width:190px; height:auto; float:left; padding-left:85px;}
.left-about-link03{ width:180px; height:auto; float:left; background:url(images/sep-03.gif) repeat-x left top; padding-left:10px; padding-top:10px;}



.contact-formbg02{ width:600px; height:auto; float:left;}
.contact-nme-txtbox02{ width:600px; height:auto; float:left; padding-top:5px;}
.contact-nme02{ width:250px; height:auto; float:left; padding-top:5px;}
.aim-msn-yahoo{ width:60px; height:auto; float:left; text-align:center; padding-top:5px;}



.portfolio-bloc{ width:670px; height:auto; float:left;}
.portfolio-head{ width:670px; height:81px; float:left; background:url(images/portfolio-head.jpg) no-repeat;}
.portfolio-mid{ width:670px; height:auto; float:left; background:url(images/portfolio-mid.jpg) repeat-y;}
.portfolio-btm{ width:670px; height:10px; float:left;}
.portfolio-tab{ width:588px; height:31px; float:left; padding-top:38px;}
.portfolio-tab2{ width:588px; height:31px; float:left; padding-top:37px;}
.portfolio-tab2 ul{ margin:0px; padding:0px;}
.portfolio-tab2 ul li{ display:inline; list-style:none;}
.portfolio-tab2 ul li a{ width:125px; height:21px; float:left; background:url(images/portfo-taba.gif) no-repeat; text-align:center; font-size:12px; text-decoration:none; color:#776332; font-weight:bold; padding-top:10px; margin-right:3px;}
.portfolio-tab2 ul li a:hover{ background:url(images/portfo-tabahvr.gif); color:#d50918;}
.portfolio-tab2 ul li a.active{ background:url(images/portfo-tabahvr.gif); color:#d50918;}






.stepcarousel{
position: relative; 
overflow: scroll; 
width: 283px; 
height: 229px; 
}

.stepcarousel .belt{
position: absolute; 
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; 
overflow: hidden; 
width: 283px; 
height:229px;
}

.cms-feature-head{ width:510px; height:25px; float:left; background:url(images/feature-bg.gif) no-repeat; font-family:"Times New Roman", Times, serif; font-size:16px; color:#736433; font-weight:bold; padding-left:20px;}
.cms-thumbg{ width:77px; height:110px; float:left; padding-top:20px; padding-right:20px;}


.index-java-banner{ width:485px; height:110px; float:right; padding-top:4px; padding-left:3px;}

#newsfade_box{ float:left;}
#newsfade_box span{display:block; float:left}
.masknews{float:left; width:485px; height:110px; overflow:hidden;}
.masknews img{position:absolute; float:left;display:block; border:none}





.foot-linkbloc01{ width:455px; height:auto; float:left; padding-left:30px; padding-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#5e3007; line-height:17px;}
.foot-linkbloc01 a{ color:#5e3007; text-decoration:none;}
.foot-linkbloc01 a:hover{ color:#ffffff;}
.copyright-bloc01{ width:450px; height:auto; float:right; padding-right:30px; padding-top:10px; font-size:11px; color:#5e3007;}

.fgt-pass{ color:#6e5d28; text-decoration:none;}
.fgt-pass:hover{ color:#b4540a;}