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

body{ background:url(../images/background_bg.png) repeat-x; font:normal 11px/18px Arial, Helvetica, sans-serif; margin:0; padding:0; color:#6C6C6C;}
h1, h2, h3, h4, h5, p, ul, li, ol, form, label{ margin:0; padding:0;}
.header{ height:159px; width:900px; margin:0 auto; position:relative;}
.logo{ background:url(../images/samyaksolutions_logo.png) no-repeat 0 0; width:244px; height:107px; position:absolute; top:7px; left:3px;}
a{ outline:none;}
.logo h1{ text-indent:-3000px;}
.tag{ background: url(../images/catchytag.png) no-repeat left; position:absolute; right:33px; top:6px; width:264px; height:66px; font:normal 24px  Georgia, "Times New Roman", Times, serif; font-style:italic; color:#FFFFFF; padding:34px 0 0 73px;}
.tag span{ font-size:18px;color:#9FDFFF; padding-left:20px; font-style:italic;}
.topmenu { position:absolute; top:116px; width:900px;}
.topmenu li{ list-style:none; display:inline; float:left; margin-right:1px;}
.topmenu li a{ font:normal 14px 'impact'; color:#025983; text-decoration:none; display:inline-block; padding:0 15px;height:43px; line-height:40px;}
.topmenu li a:hover{color:#025983; text-decoration:none;background:url(../images/topmenu_active.png) repeat-x; }
.topmenu li a.active{color:#025983; text-decoration:none;background:url(../images/topmenu_hover.png) repeat-x; }

.welcome_bg{background:url(../images/welcome_bg_repeat.png) repeat-x; height:233px; width:100%;}
.welcomePan {background:url(../images/welcome_bg.png) no-repeat; height:233px; width:900px; margin:0 auto; position:relative;}
.welcomePan h1{ font:normal 24px 'impact'; color:#006AA1; padding-top:28px;}
.welcomePan h1 span{ color:#FFFFFF;}
.welcomePan p{ color:#C2EDFF; width:439px; margin-top:8px; line-height:18px; font-size:11px;}
.welcomePan .readmore{ position:absolute; left:314px; top:188px; border:0;}

.photoslider{width:432px; height:199px; position:absolute; top:15px; right:25px; background:url(../images/photoslider_bg.png) no-repeat;}
.pics {padding: 0; margin: 0; } 
.pics img {border:0;background-color: #fff;width:  376px; height: 176px;top:12px;left:28px; position:absolute;} 
#prev1{ position:absolute; top:85px; left:6px; z-index:1000; background:url(../images/previous_btn.png) no-repeat; height:43px; width:43px; cursor:pointer;}
#next1{position:absolute; top:85px; left:382px; z-index:1000; background:url(../images/next_btn.png) no-repeat; height:43px; width:43px; cursor:pointer;}
#prev1 b, #next1 b{ display:none;}
.maincontent_bg{background:url(../images/maincontent_bg_repeat.png) repeat-x;}
.maincontent{width:900px; margin:0 auto; padding:38px 0 20px 0;}
.maincontent h1{ font-size:24px; font-weight:normal; color:#000000; padding-top:2px;}
.leftcontent{ float:left; width:655px;}
.leftcontent .service{ width:272px; float:left; border-right:#E9E9E9 1px solid; padding-bottom:10px;}
.leftcontent .service h1{ background:url(../images/service_icon.png) no-repeat 0 0; padding:0 0 0 45px; line-height:32px;}
.leftcontent .service ul{ margin:10px 0 0 11px;}
.leftcontent .service ul li{ background:url(../images/dot.png) no-repeat 0 5px; list-style:none; padding-left:13px;}

.leftcontent .works{ float:left; width:367px; margin-left:14px; border-right:#E9E9E9 1px solid;}
.leftcontent .works h1{ background:url(../images/latestwork_icon.png) no-repeat 0 0; padding:0 0 0 45px; line-height:32px;}
.leftcontent .works .latest{ margin:10px 0 0 7px;}

.rightcontent{ float:left; width:218px; padding:0 13px 0 12px;}
.rightcontent .testimonial h1{ background:url(../images/testimonial_icon.png) no-repeat 0 0; padding:0 0 0 45px; line-height:32px;}
.rightcontent .testimonial p{ margin:10px 0 0 16px;}
.more{ text-align:right; margin-top:10px; margin-right:10px;}
.more a{ color:#666666; text-decoration:underline;}
.more a:hover{ color:#666666; text-decoration:none;}
.clear{ clear:both; font-size:0; line-height:0; height:0;}
.topbtn{ background:url(../images/top_button.png) no-repeat; width:30px; position:absolute; right:19px; top:9px; text-align:center;}
.topbtn a{display:block; color:#FFFFFF; text-decoration:none; height:auto; padding-top:27px;}
.footer_bg{ background:url(../images/footer_bg.png) repeat-x; height:104px;}
.footer{ width:900px; margin:0 auto; font-size:11px; color:#545454; text-align:center; padding-top:41px; position:relative;}
.footer a{color:#545454; text-decoration:none;}
.footer a:hover, .footer a.factive{color:#7A7A7A; text-decoration:underline;}
.footer p{ margin-bottom:5px;}

.leftpanel{width:655px; float:left;}
.leftpanel .content{ margin:0 0 10px 0; padding-top:10px;}
.leftpanel .content h3{ margin:10px 0 3px 0; font-size:17px; color:#005079;}
.leftpanel .content h4{ padding:5px 0 5px 0; font-size:13px; color:#006F9E;}
.leftpanel .content p{ padding:0 0 8px 2px;}
.leftpanel .content ol{ margin:0px 0 7px 30px;}
.leftpanel .paragraph, .borderbottom{ border-bottom:1px solid #f4f4f4; margin:10px 0 15px 0;clear:both; float:left; padding-bottom:20px; width:604px;}
.borderbottom{ width:628px; margin-bottom:5px;}
.leftpanel .paragraph .paragraphPic{float:right;width:250px; height:150px; background:#000000; margin-left:10px;}
.leftpanel a{text-decoration:none;color:#016CA1; text-decoration:underline;}
.leftpanel a:hover {color:#016CA1; text-decoration:none;}

.testimonialDetail p{ margin-top:8px;}
.testimonialDetail strong{ padding-left:1px;}

.ManagementProfile{ padding-top:20px;}
.ManagementProfile img{ float:left; margin:0 20px 20px 0;}

.contactForm label{ float:left; width:30%;}
.contactForm input, .contactForm select, .contactForm textarea{ float:left; margin-bottom:5px; font:normal 11px "lucida grande",tahoma,verdana,arial,sans-serif; padding:2px;}
.contactForm textarea{ overflow:auto;}

.rightpanel{width:235px; margin-left:10px; float:left;}
.csscurve{ background:#fff;/* border:1px solid #D8D8D8;*/ width:233px; height:auto; clear:both;}
.csscurve h1{ background:url(../images/curve_top_repeat.png) repeat-x left;width:208px; height:39px; float:left; border-bottom:1px solid #D8D8D8; border-top:1px solid #D8D8D8; line-height:39px; font-size:20px; padding-left:5px;}
.csscurve ul li{ list-style:none;}
.curve_top_lt{ float:left; width:10px; height:43px; background:url(../images/curve_top_lt.png) no-repeat left;}
.curve_top_rt{ float:right; width:10px; height:43px; background:url(../images/curve_top_rt.png) no-repeat right;}
.curvecontent{ clear:both; width:201px;border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; padding:10px 15px;}
.curve_btm_lt{float:left; width:10px; height:10px; background:url(../images/curve_btm_lt.png) no-repeat left top;}
.curve_btm_repeat{width:213px; height:10px; line-height:10px; float:left; border-bottom:1px solid #D8D8D8;}
.curve_btm_rt{float:left; width:10px; height:10px; background:url(../images/curve_btm_rt.png) no-repeat left top;}

.csscurve2{ padding-top:8px;}
.curve2_top_lt{ float:left; width:10px; height:43px; background:url(../images/curve2_top_lt.png) no-repeat left;}
.curve2_top_rt{ float:right; width:10px; height:43px; background:url(../images/curve2_top_rt.png) no-repeat right;}

.divLeft{ margin-bottom:20px; background: url(../images/content_lbg.png) repeat-y left; padding:10px; clear:both; width:608px; border-bottom:0;}
.divRight{ margin-bottom:20px; background: url(../images/content_rbg.png) repeat-y right; padding:10px; clear:both; width:608px; border-bottom:0;}
.divLeft strong, .divRight strong{ color:#333333;}
.divLeft .portfolioThumbLeft{ margin:0 10px 0 0;}
.divRight .portfolioThumbRight{ margin:0 0 0 10px;}
.divLeft .left, .divRight .left, .portfolioDetail .left{float:left; width:16%;}
.divLeft .right, .divRight .right, .portfolioDetail .right{float:left; width:299px;}
.divLeft .details, .divRight .details, .portfolioDetail .details{ margin-top:10px; color:#000000;float:left; width:396px;}
.portfolioDetail .img{ text-align:center; background:#f4f4f4; padding:10px;}

.pgnum{ clear:both; float:right; text-align:right;}
.pgnum li{ float:left; display:inline; list-style:none; margin-right:2px;}
.pgnum li a{ float:left; background:#fff; border:#CCCCCC 1px solid; text-decoration:none;padding:2px 4px; height:12px; line-height:12px; text-align:center; color:#A6A6A6; margin-left:3px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.pgnum li a.active, .pgnum li a:hover, .pgnum li strong {background:#016CA1; color:#FFFFFF; border:1px #002537 solid;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.pgnum li strong{ float:left; font-weight:bold;padding:2px 4px; height:12px; line-height:12px; margin-left:3px;}

.MainCssCurve{ background:#fff;/* border:1px solid #D8D8D8;*/ width:653px; height:auto; clear:both; padding-bottom:20px; float:left}
.MainCssCurve h1{ background:url(../images/curve3_top_repeat.png) repeat-x left;width:628px; height:39px; float:left; border-bottom:1px solid #D1E6EF; border-top:1px solid #D1E6EF; line-height:39px; font-size:20px; padding-left:5px;}
.MainCssCurve h1 span{ color:#0091D6; font-size:16px; font-weight:bold;}
.MainCssCurve_btm_repeat{width:633px; height:10px; line-height:10px; float:left; border-bottom:1px solid #D1E6EF;}
.MainCssCurvecontent{width:629px;border-left:1px solid #D1E6EF; border-right:1px solid #D1E6EF; padding:10px 11px; background:url(../images/curve3_mid_repeat.png) repeat-x top; clear:both;}
.MainCssCurve_top_lt{ float:left; width:10px; height:43px; background:url(../images/curve3_top_lt.png) no-repeat left;}
.MainCssCurve_top_rt{ float:right; width:10px; height:43px; background:url(../images/curve3_top_rt.png) no-repeat right;}
.MainCssCurve_btm_lt{float:left; width:10px; height:10px; background:url(../images/curve3_btm_lt.png) no-repeat left top;}
.MainCssCurve_btm_rt{float:left; width:10px; height:10px; background:url(../images/curve3_btm_rt.png) no-repeat left top;}

.info{ padding:10px;}
.italics{font-style:italic;}
.success{padding:10px; border:1px solid #CCCCCC; background:#F4F4F4; color:#006666; font-size:14px; font-weight:bold; margin-bottom:10px;}
.warn{padding:10px; border:1px solid #CCCCCC; background:#F4F4F4; color:#AA2438; font-size:14px; font-weight:bold; margin-bottom:10px;}
.service-list li{list-style:none; margin-left:10px; padding-left:10px; margin-bottom:5px;}
.service-list li strong{color:#666; font-size:12px; font-weight:bold;}