*{margin:0; padding:0;}
a{outline:none;}
img{border:none;}
.clear{clear:both;}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6c6c6c; background:#000000 url(../images/bg_background.png) center top no-repeat;}
#wrapper{ width:100%; float:left;}
.frame{ width:980px; margin:auto;}
.frame .header{ width:980px; float:left;}
.frame .header .logo{ width:260px; float:left; padding:27px 0 21px 4px;}
.frame .header .call{ background:url(../images/bg_call.png) 0 0 no-repeat; width:319px; height:114px; float:right; margin-top:13px; margin-right:-9px;}
.frame .header .call h1{ font-size:28px; color:#ffffff; text-align:center; padding:25px 0 0 35px; text-align:center;}
.frame .header .call h1 span{ font-size:28px; font-weight:normal;}
#nav{ width:100%; float:left; background:url(../images/bg_nav.png) 0 0 repeat-x; height:53px;}\
#nav .frame{ width:980px; margin:auto;}
#nav .frame .navigation{width:980px; float:left;}
#nav .frame .navigation ul{ list-style:none;}
#nav .frame .navigation ul li{ float:left; line-height:53px;}
#nav .frame .navigation ul li+li{ background:url(../images/bg_divider_nav1.png) 0 center no-repeat;}
#nav .frame .navigation ul li a{ font-size:14px; color:#ffffff; text-decoration:none; padding:0 25px; display:block;}
#nav .frame .navigation ul li a:hover{ background:url(../images/bg_nav_ovr.png) 0 0 repeat-x; display:block;}
#nav .frame .navigation ul li.sel a{ background:url(../images/bg_nav_ovr.png) 0 0 repeat-x; display:block;}
.banner{ width:980px; float:left; background:url(../images/bg_banner.png) 0 0 no-repeat; height:342px; padding-top:15px; margin-bottom:6px;}
.banner .left_stuff{ width:444px; float:left; padding:30px 0 0 43px;}
.banner .left_stuff h1{ margin-bottom:20px;}
.banner .left_stuff .content{ width:443px; float:left; background:#191412 url(../images/bg_content.png) 0 0 repeat-x; min-height:195px;}
.banner .left_stuff .content p{ color:#aaaaaa; font-size:12px; line-height:20px; padding:10px;}
.banner .left_stuff .btn{ float:left; padding-top:5px;}
.banner .right_stuff{ width:489px; float:left; padding-left:4px;}
.body_frame{ width:980px; float:left;}
.body_frame ul{ list-style:none;}
.body_frame ul li{ float:left;}
.body_frame ul li+li{ float:left; margin-left:10px;}
.body_frame ul li a{ display:block;}
.body_frame ul li a.web_design{ width:235px; height:50px; float:left; background:url(../images/web_design.png) 0 0 no-repeat;}
.body_frame ul li a.web_design:hover{background:url(../images/web_design_hover.png) 0 0 no-repeat; display:block;}
.body_frame ul li a.seo_expert{ width:237px; height:50px; float:left; background:url(../images/seo_expert.png) 0 0 no-repeat;}
.body_frame ul li a.seo_expert:hover{background:url(../images/seo_expert_hover.png) 0 0 no-repeat; display:block;}
.body_frame ul li a.flash{ width:237px; height:50px; float:left; background:url(../images/flash.png) 0 0 no-repeat;}
.body_frame ul li a.flash:hover{background:url(../images/flash_hover.png) 0 0 no-repeat; display:block;}
.body_frame ul li a.data_base{ width:238px; height:50px; float:left; background:url(../images/data_base.png) 0 0 no-repeat; margin-left:3px;}
.body_frame ul li a.data_base:hover{background:url(../images/data_base_hover.png) 0 0 no-repeat; margin-left:3px; display:block;}
.body_stuff{ width:948px; float:left; background:url(../images/bg_body.png) 0 0 repeat-y; padding:20px 12px 0px 20px; border-bottom:1px solid #1c1c1c;}
.body_stuff img{float:right; padding-left:5px;}
.body_stuff p{ font-size:12px; line-height:18px; padding-bottom:26px;}

.inner_stuff{ width:948px; float:left; background:url(../images/bg_body.png) 0 0 repeat-y; padding:20px 12px 0px 20px; margin-top:12px; min-height:500px; border-bottom:1px solid #1c1c1c;}
.inner_stuff img{float:right;}
.inner_stuff .img{float:left;}
.inner_stuff p{ font-size:12px; line-height:18px; padding-bottom:20px; color:#909090;}
.inner_stuff p a{ text-decoration:none; color:#909090;}
.inner_stuff p a:hover{text-decoration:underline; color:#ffffff;}
.inner_stuff h3{ font-size:13px; color:#d87044;}
.inner_stuff h3 a{font-size:13px; text-decoration:none; color:#d87044;}
.inner_stuff h3 a:hover{text-decoration:underline;}
.inner_stuff ul{ list-style:none;}
.inner_stuff ul li{ background:url(../images/arrow.png) left center no-repeat; padding-left:15px; line-height:24px; color:#909090;}


.portfolio_stuff{ width:908px; float:left; background:url(../images/bg_body.png) 0 0 repeat-y; padding:22px 12px 0px 60px; margin-top:12px; border-bottom:1px solid #1c1c1c;}
.portfolio_stuff .img{float:left; padding-top:25px;}
.portfolio_stuff .heading{ background:url(../images/bg_heading_big.png) 0 0 no-repeat; color:#059781; font-size:15px; padding-top:45px; text-align:center; float:left; width:454px; height:29px; margin-left:60px;}
.portfolio_stuff .our_portfolio{ width:892px; float:left; margin-top:22px;}
.portfolio_stuff .our_portfolio .content{ width:275px; float:left; padding:0 22px 22px 0;}
.portfolio_stuff .our_portfolio .content img{ float:left;}
.portfolio_stuff .our_portfolio .content h3{background:url(../images/bg_heading.png) 0 0 no-repeat; width:273px; height:38px; float:left; text-align:center; margin-top:2px; }
.portfolio_stuff .our_portfolio .content h3 a{ display:block; line-height:38px; font-size:15px; text-decoration:none; color:#059781; font-weight:normal;}

.contact_us{ width:894px; float:left; background:url(../images/bg_body.png) 0 0 repeat-y; padding:25px 43px 35px 43px; margin-top:12px; border-bottom:1px solid #1c1c1c;}
.contact_us .top_heading{ float:left; width:890px; padding-bottom:16px;}
.contact_us .top_heading img{ float:left;}
.contact_us .top_heading .bg{ background:url(../images/bg_repeat_heading.png) 0 0 repeat-x; float:left; height:49px; text-align:center; width:870px; line-height:49px; font-size:22px;}
.contact_us .top_heading .bg span{ color:#d87044;}
.contact_us .left_stuff{ width:430px; float:left; margin-right:31px;}
.contact_us .left_stuff img{float:left;}
.contact_us .left_stuff .bg_info{width:400px; float:left; background:url(../images/bg_contact.png) 0 0 repeat-y; min-height:390px; padding:10px 25px 0 4px;}
.contact_us .left_stuff .bg_info p{ color:#acacac; text-align:center; font-size:13px;}
.contact_us .left_stuff .bg_info p span{ color:#d87044; font-weight:bold; font-size:12px;}
.contact_us .left_stuff .bg_info h3{ font-size:13px; color:#059781; float:right; padding:15px 0 8px 0;}
.contact_us .left_stuff .bg_info h4 span{ color:#d87044; text-align:center; }
.contact_us .left_stuff .bg_info h4{ text-align:center; font-size:18px;}


.contact_us .left_stuff .bg_info .row{ float:right; width:380px; padding-bottom:8px;}
.contact_us .left_stuff .bg_info .row label{ text-align:right; width:132px; height:23px; color:#878888; font-weight:bold; float:left; line-height:23px; padding-right:10px;}
.contact_us .left_stuff .bg_info .row label.lbl{text-align:right; width:132px; color:#878888; font-weight:bold; float:left; padding-right:10px;}
.contact_us .left_stuff .bg_info .row label u{ color:#d87044; text-decoration:none; font-weight:normal;}
.contact_us .left_stuff .bg_info .row input{ width:233px; height:23px; border:1px solid #383939; background:#121313; line-height:23px; color:#ffffff;}
.contact_us .left_stuff .bg_info .row select{ width:235px; float:left; height:23px; background:#121313; color:#ffffff; border:1px solid #383939;}
.contact_us .left_stuff .bg_info .row textarea{ width:233px; height:70px; overflow:auto; border:1px solid #383939; background:#121313; color:#ffffff;}
.contact_us .left_stuff .bg_info .row1{ float:right; width:380px; padding-bottom:8px;}
.contact_us .left_stuff .bg_info .row1 .btn_send{ float:right; width:240px;}

.thankyoutext{color: #D87044; font-size: 14px; font-weight: bold; margin-left:100px;}

.contact_us .right_stuff{ width:430px; float:left;}
.contact_us .right_stuff img{float:left;}
.contact_us .right_stuff .bg_info{width:389px; float:left; background:url(../images/bg_contact.png) 0 0 repeat-y; min-height:390px; padding:5px 20px;}

.footer{ width:980px; float:left; padding:25px 0;}
.footer .nav{width:500px; float:left;}
.footer .nav ul{ list-style:none;}
.footer .nav ul li{ float:left;}
.footer .nav ul li+li{ background:url(../images/bg_divider_footer.png) left center no-repeat;}
.footer .nav ul li a{ font-size:12px; color:#808080; text-decoration:none; padding:0 10px; display:block;}
.footer .copyright{ width:400px; float:right; color:#808080; font-size:12px;}
.footer .copyright a{color:#808080; font-size:12px;}
.footer .copyright a:hover{ text-decoration:none;}