@charset "utf-8";
/* CSS Document */
/*
Author : Ayan Nath.
Style Sheet for Artwork Designs
http://www.artworksdesign.eu/
*/

* { margin:0; padding:0; border:none; outline:none; list-style:none; text-decoration:none; }
body { background:url(../images/body-top_bg.gif) repeat-x 0 0; }
.wrapper { width:980px; margin:0 auto; }
.clear { font-size:0; line-height:0; clear:both; }
h2 { font:bold 30px/42px "Times New Roman", Times, serif; color:#65b636; font-variant:small-caps; margin:0 0 12px; }
h3 { font:bold 20px/30px "Times New Roman", Times, serif; color:#494949; text-transform:capitalize; margin:0 0 8px; }
p { font:normal 14px/20px Arial, Helvetica, sans-serif; margin:0 0 8px; }
p a { color:#65b636; }

/*------ top-section starts ------*/

#top { width:auto; height:30px; float:right; font:normal 11px/30px Arial, Helvetica, sans-serif; color:#c6c6c6; }
#logo { width:232px; height:92px; float:left; position:relative; top:-23px; }

/*------ top-section ends ------*/

/*------ top-navigation starts ------*/

#topNav { width:auto; height:42px; float:right; margin:22px 0 28px; background:#313131; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; }
#topNav ul { width:auto; float:left; padding:0 11px; }
#topNav ul li { width:auto; height:42px; float:left; }
#topNav ul li a { width:auto; height:42px; display:block; padding:0 21px; font:normal 17px/42px Arial, Helvetica, sans-serif; color:#1ea910; }
#topNav ul li a:hover, #topNav ul .current a { color:#92ec0e; }

/*------ top-navigation ends ------*/

/*------ banner-section starts ------*/

#banner { width:978px; height:298px; float:left; margin:21px 0 22px; border:1px solid #1ba804; /*border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;*/ }
#banner .stripViewer { width:978px; height:298px; overflow:hidden; visibility:visible; }
/* Slider */
#main-photo-slider { width:978px; height:298px; float:left; position:relative; }
.panelNav { width:150px; position:absolute; bottom:10px; right:10px; z-index:10; visibility:hidden; }
.panelNav li { width:21px; height:21px; float:left; overflow:hidden; }
.active-thumb { float:left; margin:-21px 0 0; }
.stripViewer { position:relative; overflow:hidden; }
.stripViewer .panelContainer { position:relative; left:0; top:0; }
.panel { width:978px; height:298px; float:left; position:relative; /*border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;*/ }
.stripNavL, .stripNavR, .stripNav { display:none; }
.panel .rCont { width:419px; float:right; padding:30px 0 0; }
.panel .rCont h2 { font:normal 30px/36px Arial, Helvetica, sans-serif; color:#f00; }
.panel .rCont h2 span { color:#2b6000; }
.panel .rCont p { font:normal 17px Arial, Helvetica, sans-serif; color:#000; padding:0 11px 0 0; }
.panel .rCont .btn a { width:117px; height:31px; display:block; background:url(../images/banner_btn.gif) no-repeat; text-align:center; line-height:31px; }
.panel .rCont .btn a:hover { width:117px; height:31px; display:block; background:url(../images/banner_btn.gif) no-repeat center bottom; color:#bbef79; }
.banClient { background:url(../images/banner/clients.jpg) no-repeat; }
.banSer { background:url(../images/banner/services.jpg) no-repeat; }
.banPfolio { background:url(../images/banner/portfolio.jpg) no-repeat; }
.banCont { background:url(../images/banner/contact.jpg) no-repeat; }
.banFaq { background:url(../images/banner/faq.jpg) no-repeat; }

.aeon { font-size:0; line-height:0; text-indent:-9999px; }

/*------ banner-section ends ------*/

/*------ body-style starts ------*/

#body { margin:0 0 26px; }
/* left-section starts */
#body .hmLeft { width:474px; float:left; padding:0 35px 0 0; }
/* right-section starts */
#body .hmRight { width:445px; float:right; }
#body .hmRight h2 { width:209px; background:#e5e5e5; text-indent:10px; color:#6f6f6f; font:bold 20px/37px "Times New Roman", Times, serif; font-variant:small-caps; }
#body .hmRight dl { width:133px; height:149px; float:left; margin:0 7px; }
#body .hmRight dl dt { width:131px; height:110px; border:1px solid #ccc; text-align:center; background:#f3f3f3; padding:3px 0 0; }
#body .hmRight dl dt img { border:1px solid #fff; }
#body .hmRight dl dd { width:131px; height:35px; text-align:center; font:normal 12px/25px Arial, Helvetica, sans-serif; }
#body .serviceul { margin:0 0 10px 20px; }
#body .serviceul li { font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000; }
#body .serviceul li a { font:normal 14px/20px Arial, Helvetica, sans-serif; color:#65b636; }


.serHolder { margin:0 0 23px; }
.serHolder dl { width:317px; height:145px; float:left; margin:0 11px 0 0; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; border:1px solid #d9d9d9; }
.serHolder dl dt { font:normal 21px/40px Arial, Helvetica, sans-serif; color:#3f4246; border-bottom:1px solid #d9d9d9; text-indent:53px; background:url(../images/grn_icon.png) no-repeat 20px 9px; }
.serHolder dl+dl+dl { margin:0; }
.serHolder dl dd { width:285px; height:96px; padding:8px 17px 0; font:normal 16px/20px Arial, Helvetica, sans-serif; color:#3e3e3e; }
.serHolder dl dd a { color:#3e3e3e; }
.serHolder dl dd a:hover { text-decoration:underline; }
.serHolder dl div { width:92px; height:95px; float:left; }

/*------ body-style ends ------*/

/*------ footer-section starts ------*/

#footer { height:43px; border-top:8px solid #000; background:#313131; }
#footer p { width:auto; float:left; font:normal 12px/43px Arial, Helvetica, sans-serif; color:#bbb; }
#footer p+p { width:auto; float:right; }
#footer p a { color:#bbb; padding:0 0 0 25px; }
#footer p a:hover { text-decoration:underline; }

/*------ footer-section ends ------*/

/*----- feedback form starts -----*/

#feedback { margin:30px; }
#feedback ul.form li { margin:0 0 8px 0; }
#feedback ul.form li label { float:left;  width:140px; font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; }
#feedback ul.form li input { border:1px solid #AAA;  background:#f5f5f5; height:16px; padding:2px; font:normal 11px/16px Verdana, Arial, Tahoma, Helvetica, sans-serif; }
#feedback ul.form li textarea { border:1px solid #AAA; background:#f5f5f5; padding:2px; width:198px; font:normal 11px/16px Verdana, Arial, Tahoma, Helvetica, sans-serif; }
#feedback ul.btn { padding:20px 0 0 140px; }
#feedback ul.btn li { float:left; width:auto; margin-right:10px; }
.button { width:81px; height:26px; display:block; cursor:pointer; background:url(../images/buttons.png) no-repeat center; color:#000; text-transform:capitalize; }
.red { color:#f00; }
.lineBx { background:none!important; border-bottom:1px solid #285b7a; }

/* google-map section */
.gMap { width:510px; height:342px; float:right; }

/*----- feedback form ends -----*/

/*----- faq-section starts -----*/

.faq h4 { font:bold 14px/20px Arial, Helvetica, sans-serif; color:#1ea910; margin:10px 0 8px; }
.faq h4:first-letter { color:#000; font-size:18px; margin:0 5px 0 0; }
.faqLink { margin:0 0 30px 20px; }
.faqLink li { list-style:square; padding:0 0 0 5px; font:normal 13px/18px Arial, Helvetica, sans-serif; }
.faqLink li a { color:#000; }
.faqLink li a:hover { color:#1ea910; }
.tLnk { text-align:right; margin:0 20px 0 0; }
.tLnk a { font:normal 13px/18px Arial, Helvetica, sans-serif; color:#1ea910; }
.tLnk a:hover { color:#12600a; }

/*----- faq-section ends -----*/

/*----- client-section starts -----*/

.clientBox { margin:0 auto; width:93%; }
.clientBox ul li { width:200px; height:150px; float:left; margin:0 20px 20px 0; border:3px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.clientBox ul li span { width:200px; height:150px; text-align:center; display:table-cell; vertical-align:middle; }

/*----- client-section ends -----*/

/*----- portfolio-section starts -----*/

.portfolio { width:100%; }
.portfolio dl { width:307px; height:219px; float:left; border:1px solid #d9d9d9; margin:0 26px 14px 0; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.portfolio .dlnoMar { margin-right:0; }
.portfolio dl dt { height:37px; background:url(../images/grey-hd_bg.gif) repeat-x; border-top-left-radius:15px; border-top-right-radius:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; }
.portfolio dl dt span { height:37px; display:block; background:url(../images/grn_icon.png) no-repeat 18px 7px; font:normal 18px/37px Arial, Helvetica, sans-serif; padding:0 0 0 51px; color:#3f4246; }
.portfolio dl dd { width:286px; margin:8px 9px 0; }
.portfolio dl dd a { font:normal 14px/30px Arial, Helvetica, sans-serif; text-decoration:underline; color:#417225; }
.portfolio dl dd a:hover { text-decoration:none; }
/* portfolio inner section */
.pfInner { width:100%; }
.pfInner .box { width:939px; height:360px; background:#f8f8f8; border:1px solid #dadada; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; padding:22px 22px 0 17px; margin:0 0 15px; }
.pfInner .box .contn { width:311px; float:left; }
.pfInner .box .logo { width:311px; height:73px; float:left; clear:both; }
.pfInner .box .para { width:290px; height:202px; float:left; }
.pfInner .box .btn a { width:117px; height:31px; display:inline-block; text-align:center; font:normal 15px/31px Arial, Helvetica, sans-serif; color:#666; background:url(../images/portfolio_btn.gif) no-repeat center bottom; }
.pfInner .box .btn a:hover { background:url(../images/portfolio_btn.gif) no-repeat center top; color:#000; }
.pfInner .box .pict { width:628px; float:right; }

.pfCorp { width:100%; }
.pfCorp ul li { width:218px; height:200px; float:left; margin:0 20px 20px 0; border:3px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.pfCorp ul li span { width:218px; height:200px; text-align:center; display:table-cell; vertical-align:middle; }

/*----- portfolio-section ends -----*/