/* CSS Document */

body{ background:url(../images/bg-body.jpg) repeat left top; margin:0px 0px 0px 0px; padding:0px;}

.wafer{ width:100%; background-image:url(../images/bg-top-shadow.jpg); background-repeat:repeat-x; height:542px; padding-top:15px;  }

.container-top{ width:950px; margin: 0 auto; background-color:#ffffff; height:100%; }
.logo-bg{ background:url(../images/bg-logo-menu.jpg) no-repeat left top; width:950px; height:117px; }

.logo{ width:243px; float:left; padding:0px 0px 0px 12px;}
.nav{ width:695px; float:left; padding-top:63px; }

/*top-navigation start here*/
#navigation{width:683px; margin:0; float:left; }
#navigation ul { margin:0; padding:0; list-style:none;}
#navigation ul li, #navigation ul li a { float:left; height:42px;}

#navigation ul li.web-design a{ background:url(../images/sprite-menu-bg.gif) no-repeat 0px 0px; width:123px;}
#navigation ul li.web-design a:hover, #navigation ul li.web-design a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat 0px -42px;}

#navigation ul li.web-development a { background:url(../images/sprite-menu-bg.gif) no-repeat -123px 0; width:162px;}
#navigation ul li.web-development a:hover, #navigation ul li.web-development a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat -123px -42px;}

#navigation ul li.on-line a { background:url(../images/sprite-menu-bg.gif) no-repeat -285px 0px; width:138px;}
#navigation ul li.on-line a:hover, #navigation ul li.on-line a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat -285px -42px;}

#navigation ul li.our-portfolio a { background:url(../images/sprite-menu-bg.gif) no-repeat -423px 0px; width:131px;}
#navigation ul li.our-portfolio a:hover, #navigation ul li.our-portfolio a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat -423px -42px;}

#navigation ul li.contact a { background:url(../images/sprite-menu-bg.gif) no-repeat -554px 0px; width:129px;}
#navigation ul li.contact a:hover, #navigation ul li.contact a.active{ background:url(../images/sprite-menu-bg.gif) no-repeat -554px -42px;}
/*top-navigation ends here*/

.home-theme{ background:url(../images/home-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}
.contact-theme{ background:url(../images/contact-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}
.marketing-theme{ background:url(../images/markting-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}
.development-theme{ background:url(../images/development-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}
.design-theme{ background:url(../images/design-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}
.portfolio-theme{ background:url(../images/portfolio-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}
.google-theme{ background:url(../images/technical-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}
.resume-theme{ background:url(../images/resume-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}
.personal-theme{ background:url(../images/personal-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}
.confirmation-theme{ background:url(../images/confirmation-theme.jpg) no-repeat 13px top; height:425px; width:924px; float:left; padding-left:13px;}

.theme-text{ font-family:Verdana; font-size:12px; text-decoration:none; color:#FFFFFF; padding:235px 15px 0px 18px; display:block; }
.theme-text a { text-decoration:underline; color:#FFFFFF;}
.theme-text a:hover { text-decoration:underline; color:#ccc;}

.theme-text-port{ font-family:Verdana; font-size:12px; text-decoration:none; color:#FFFFFF; padding:235px 15px 0px 18px; display:none; }
.theme-text-port1{ font-family:Verdana; font-size:12px; text-decoration:none; color:#FFFFFF; padding:235px 15px 0px 18px; display:block; }
.theme-text-port img {float:right; padding:0 0 0 20px; margin:0 0 0 25px; border-left:1px solid #FFFFFF; border-top:0px; border-right:0px; border-bottom:0px;}

* html .theme-text{ font-family:Verdana; font-size:13px; text-decoration:none; color:#FFFFFF; padding:0px 15px 0px 18px; margin-top:-20px; display:none; }
.theme-text-head, .theme-text-head-dark { font-family:Verdana; font-size:27px; text-decoration:none; color:#FFFFFF;}
.theme-text-head-dark {color:#9F9F9F;}
.theme-text-dark {color:#9F9F9F;}
.theme-content {font:normal 11px Verdana, Geneva, sans-serif; color:#ccc; line-height:16px;}

.container-content{ width:950px; background-color:#ffffff; margin:0px auto; overflow:hidden; clear:left;}
.content{ width:920px; margin:10px auto;} 

.personal-branding{ width:296px; float:left; background:url(../images/bg-personal-branding.jpg) repeat-x left bottom; background-color:#6EAD0D;}
.resume-design{ width:298px; float:left; background:url(../images/bg-personal-branding.jpg) repeat-x left bottom; background-color:#6EAD0D; margin:0px 15px 0px 15px;}
.google-services{ width:296px; float:left; background:url(../images/bg-personal-branding.jpg) repeat-x left bottom; background-color:#6EAD0D;}

.content-box1{ font-family:Verdana; font-size:12px; text-decoration:none; color:#ffffff; padding:15px 15px 0px 15px;  }
.read-more{ padding:28px 0px 13px 0px; text-align:center; }
.bottom-shadow{ width:950px; margin:0 auto; padding-bottom:23px;}

.footer-menu{ padding:10px 0px 0px 0px; margin:0px; width:920px; margin:0px auto; border-top:1px solid #D7D7D7; font-family:Verdana; font-size:11px; text-decoration:none; color:#A0A0A0; text-align:center;}
.footer-menu a{ padding:10px 0px 0px 0px; margin:0px; text-decoration:none; color:#A0A0A0; }
.footer-menu a:hover, .footer-menu a.active{ padding:10px 0px 0px 0px; margin:0px; text-decoration:none; color:#4B4B4B; background:url(../images/menu-arrow.gif) no-repeat center top; }

.divider{ padding:0px 2px 0px 6px;}
.copyrights{ font-family:Verdana; font-size:11px; text-decoration:none; color:#A0A0A0; text-align:center; padding-top:10px; }
.scrolling{ padding:20px 0px 0px 40px;  color:#ffffff;}
.content-scroll{ scrollbar-face-color :#57565D;
scrollbar-highlight-color:#57565D;
scrollbar-3dlight-color :#57565D;
scrollbar-darkshadow-color:#57565D;
scrollbar-arrow-color :#ffffff;
scrollbar-shadow-color:#57565D;
scrollbar-track-color:#000000; 
height:350px; width:830px; overflow-y:scroll; margin:0px 0px 0px 0px; padding:0 15px 0 0px; text-align:justify; font-family:Verdana; font-size:13px; text-decoration:none; color:#FFFFFF;}

/*----- Form  ----------------------------------------*/

.submit_btn { font-family:Verdana; font-weight:bold; font-size:13px; cursor:pointer; color:#000000; background-color:#92C83D; border:1px solid #231E17; width:70px; margin:0; padding:0; height:30px; }
.tableform { padding:0px 0px 0px 5px; margin-bottom:2px; text-align: left; width:225px;  border:3px double #000000; height:20px; font-family:Verdana; font-size:13px; color:#000000; font-weight:normal; background-color:#E4E4E4; }
.ta { text-align: left; width:225px; height:100px; border:3px double #000000; background-color:#E4E4E4; font-family:Verdana; font-size: 13px; color:#000000; padding:0px 0px 0px 5px; margin-bottom:3px; }
.red-star { color:red; font-weight:bold; }
.text_box { width:70px; border:3px double #000000; height:20px; font-family: Verdana; font-size:13px; color:#000000; font-weight:normal; background-color:#E4E4E4; }
.code { float:left; width:60px; padding:0px; background-color:#FBF8F0; text-align:center; color:#000000; margin:0px; height:20px; font-size:13px; border:1px solid #999999; margin-left:5px; }
.text{ color:#000000;}
.body_text{ color:#ffffff; font-family:Verdana; font-size:13px;}

/* WuFoo Contact Form */
.wufoo-form {margin-left:475px; padding-top:5px; width:435px;}