/*  
Description: Anatta Design 

/* Reset Styles \*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {line-height: 1.5; margin:0px; padding:0px;}

.wpbg{ background:url(../images/wfbg.gif) no-repeat center top; width:100%}

.mbg{ background:url(../images/mbg.gif) no-repeat center top; width:100%}

.nbg{ background:url(../images/nbg.gif) no-repeat center top; width:100%}

/* Remove annoying border on linked images. */
a img { border: none; outline:none; }
a {color:#FF0000;}
.clearfix, .container {display: block;}
.clear { clear:both; }
/* ------------------------Common CSS------------------------*/
.leftFloat{float:left;}
.rightFloat{float:right;}
.clearFloat{clear:both;}
.hide{display:none;}
.reset-margin{margin:0 auto;}
.align-justify{text-align:justify;}
.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}

/* ----------------------Typography CSS----------------------*/
body {  font-size: 75%;  color: #000;  background: #fff;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; font-weight:normal; }

/* Lists
-------------------------------------------------------------- */
ul li{ padding:0px; margin:0px;}
li ul,
li ol       { padding:0px; margin:0px;}
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }



/* Start Heading default Styles
-------------------------------------------------------------- */

h3 { font-size:16px;}

/* Spacers Styles
-------------------------------------------------------------- */
.spacer40{ height:31px; overflow:hidden; clear:both}

/* Wide area
-------------------------------------------------------------- */
#Wrapper{ width:900px; margin:0px auto;} /* Content area */

/* body styles
-------------------------------------------------------------- */
body { background: #fff; font-family:"Helvetica" ,Arial, sans-serif; font-size:12px; color:#161a1c; }
a { color: #000; text-decoration: none; outline:none }
/* wp default structure
-------------------------------------------------------------- */
#content{} /* Content area */
#sidebar{}/* Content area */

/* header styles 
-------------------------------------------------------------- */
#header{padding:35px 0px 0px 0px; overflow:hidden;}
#header .logo{ background:url(../images/annatadesign-logo.gif) no-repeat; float:left;}
#header .logo a{width:286px; height:40px; display:block; text-indent:-9999px}
.phoneNum{ float:right; margin:20px 0px 0 688px; position:absolute;}

#header h1{}/* logo style */
#header h1 a{}/* use background image for logo */

/* Top Headings 
-------------------------------------------------------------- */
.topheading{ background:url(../images/topheading.gif) no-repeat;height:51px; margin:37px 0 23px 1px;}
/* Main image section
-------------------------------------------------------------- */
.mainpic{ margin-left:1px;}
/* Design Develope circles 
-------------------------------------------------------------- */
ul.desin-develop-tips, ul.section-names{ margin:0px; padding:0px; list-style:none; overflow:hidden;}
ul.section-names{ padding-bottom:27px; padding-top:3px; margin-left:1px;}
ul.section-names li{ list-style:none; float:left; width:299px;}
ul.section-names li.ning{ padding-left:11px; width:280px}
ul.section-names span{background-image:url(../images/icons.gif); background-repeat:no-repeat;  text-indent:-9999px;  height:22px; margin:0px; margin-top:3px; display:block}
span.wp{  background-position:0 0;margin-right:10px;  }
span.magento{ background-position:0px -25px; }
span.ning{ background-position:0px -51px;  }
span.magento2{ background-position:0px -25px; margin-left:10px !important; }
ul.section-names h3.magentoh3{padding-left:12px;}

/* Design Develope Right side Information 
-------------------------------------------------------------- */
.desin-develop{ float:left; width:536px; padding-top:35px;}
ul.desin-develop-tips{ width:289px; float:right; padding-top:18px;}
.desin-develop, .desin-develop-tips{ border-top:1px solid #e6e6e6; }
ul.desin-develop-tipsInner{ border-top:none; width:300px; float:right; padding-top:18px;}
ul.desin-develop-tips li{ margin-bottom:18px;}
ul.desin-develop-tips h5{ color:#404649; font-size:16px; border-bottom:1px solid #aab7bd; padding-bottom:6px;}
ul.desin-develop-tips p{ color:#161a1c; font-size:12px; padding-top:6px; line-height:16px; padding-bottom:5px;}
ul.desin-develop-tips h5 span{background:#fff20f;  padding-right:4px;}
.cool-line{ color:#666666; font-size:14px; font-style:italic; padding-top:24px; text-align:center;}

/* Price Table
-------------------------------------------------------------- */
#price{ width:290px;float:left; margin-left:30px;}
#price table td.head{ background-image:url(../images/table-button.gif); background-repeat:no-repeat; font-size:13px; color:#ccfc00; width:85px; height:44px; text-align:center; font-weight:bold; line-height:normal}
#price table tr.column1{ font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#15a2d4; background-color:#fff; height:58px;}
#price table tr.column2{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000; background-color:#f1f3f8; height:50px;}
#price td#tableTxt{ font-style:italic; font-size:12px; color:#7f7f7f; text-align:left; padding-top:15px;}
.pad5{ text-align:center; width:100px;}
.borderrite{ border-right:#c4c4c4 solid 1px; border-bottom:#c4c4c4 solid 1px;}
.borderrt{  border-right:#c4c4c4 solid 1px; }
.borderbot{ border-bottom:#c4c4c4 solid 1px;}
td.img{padding-right:3px; }
table .tableContent{ border:#c4c4c4 solid 1px;}
.sup{font-size:14px; line-height:0px;}
/*tips Hover CSS
-------------------------------------------------------------- */
.stickytooltip{
display:none;
position:absolute;
display:none;
z-index:3000;
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
}
.stickytooltip{ background:#fff; border:1px solid #47658f; float:left;}
.stickytooltip ol{ margin:0px; padding:5px 0px 5px 26px; font-size:12px; color:#666666;}
.stickytooltip ol li{ border-bottom:1px solid #dbdbdb; padding:4px 0px 3px 1px;}

.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
display:none;
}


/* footer
-------------------------------------------------------------- */
#footer{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; padding:25px 0px; margin-top:21px; margin-bottom:10px;  }
#footer small, #footer big{ display:block; text-align:center;}
#footer small{ color:#333333; font-size:14px; padding-bottom:0px; }
#footer big{ color:#000; font-size:25px;  font-family:"Helvetica Neue" , Helvetica , Arial , sans-serif;}

/* ------------Wordpress landing page--------------------------*/

.icons2{margin:0 35px 0 0;}
.icons2 p{ background-image:url(../images/icon2set.png);  background-repeat:no-repeat;  text-indent:-9999px; float:right; margin:24px 0px 9px 0px; }
p.wpressicon{ background-position:0px 0px; width:76px; height:18px;   }
p.ningicon{ background-position:0px -24px; width:41px; height:18px;  }
p.magntoicon{ background-position:0px -42px; width:70px; height:18px;  }

/* ------------Wordpress Content area--------------------------*/
.developed-design{ float:left; width:521px; padding-top:22px;}
.developed-design ul{ float:left; list-style:none; margin-left:2px;margin-top:13px;}
.developed-design ul li{ float:left; border-top:5px solid #b2b2b2; width:115px; padding-top:16px; font-size:13px; color:#666666; line-height:20px; font-style:italic; }
.developed-design ul li.theme{ border-top:5px solid #b2b2b2; margin-right:18px;}
.developed-design ul li.plugin{ border-top:5px solid #7f7f7f; margin-right:18px;}
.developed-design ul li.speed{ border-top:5px solid #333333; margin-right:18px;}
.developed-design ul li.backend{ border-top:5px solid #000000;}
.developed-design ul li h5{ background-image:url(../images/wp-textHedings.jpg); height:64px; margin:0px; padding:0px; list-style:none;  background-repeat:no-repeat;  text-indent:-9999px; margin-bottom:10px;}
.developed-design ul li a{ color:#47658f;}
.developed-design ul li h5.themetitle{ background-position:0px 0px; width:39px; height:16px;}
.developed-design ul li h5.plugintitle{ background-position:0px -17px; width:96px; height:13px;}
.developed-design ul li h5.seo{ background-position:0px -33px; width:64px; height:13px;}
.developed-design ul li h5.backend{ background-position:0px -49px; width:52px; height:14px;}
.developed-design ul li p{ font-family:"Trebuchet MS"; font-size:13px; line-height:18px; color:#666666;}
.developed-design ul li.theme_ning{ border-top:5px solid #d4e6be; margin-right:18px;}
.developed-design ul li.plugin_ning{ border-top:5px solid #b2d28a; margin-right:18px;}
.developed-design ul li.speed_ning{ border-top:5px solid #85b845; margin-right:18px;}
.developed-design ul li.backend_ning{ border-top:5px solid #66a616;}
.developed-design ul li.theme_mgnto{ border-top:5px solid #f8ceb2; margin-right:18px;}
.developed-design ul li.plugin_mgnto{ border-top:5px solid #f3ad7f; margin-right:18px;}
.developed-design ul li.speed_mgnto{ border-top:5px solid #ec7d33; margin-right:18px;}
.developed-design ul li.backend_mgnto{ border-top:5px solid #e75c00;}
/* ------------Thumbnail Image View--------------------------*/
.stepcarousel {	position: relative; overflow: scroll; width: 900px; height: 448px; }
.stepcarousel .belt {position: absolute; left: 0;top: 0;}
.stepcarousel .panel {float: left; overflow: hidden; margin:0px 1px 0px 1px; width: 900px;}
/* ------------Thumbnails thumb--------------------------*/
#NavButton{  margin:14px 0 13px 1px;overflow:hidden;}
#NavButton .button{ float:left;}
#NavButton .button ul{ list-style:none; }
#NavButton .button ul li{width:17px; height:17px;   display:inline; background:url(../images/hover.gif) no-repeat;}
#NavButton .button ul li img{ float:left;margin-right:10px; opacity:0.4;filter:alpha(opacity=40);}
#NavButton .button ul li img:hover{ opacity:1;filter:alpha(opacity=100); }
#NavButton .txt{ float:right; font-size:15px; color:#161a1c; margin:0px; font-weight:bold;}

/* ------------Contact form --------------------------*/
.contactform{ margin:0px auto; padding:17px; width:300px;}
.contactform label{ display:block; margin:0px; font-size:12px; color:#666; font-weight:bold;  }
.contactform input, textarea{border:1px solid #CCCCCC;margin:4px 0 8px;padding:5px 0;width:300px; font-size:12px;}
.contactform textarea{ height:130px;}
.contactform input.submit{ background:url(../images/submit_btn.gif) no-repeat scroll 0 0 transparent;border:medium none;cursor:pointer;height:28px;width:78px;}
span.red{ color:#e43d07;}
.error{ font-size:11px; font-weight:normal; color:#fff; background:#CC0000; padding:4px; border:1px solid #CC9999; width:290px; }
.success{ font-size:10px; font-weight:normal; font-style:italic; color:#00CC00;}
.thankyou{ width:358px; margin:108px 0px 0px 293px; color:#000000;}
.thankyou p{ color:#666666; padding:23px 0px 0px 0px; font-size:16px;}
/* ------------Thankyou page --------------------------*/

.Thankyou{ padding:10px;}
.Thankyou h1{ font-size:20px; font-weight:normal; text-align:center; color:#006633;}
.Thankyou h3{ font-size:16px; font-weight:normal;}


/* ------------Testimonials CSS --------------------------*/
.testimonials{ /*background:url(../images/testimonialsbg.gif) no-repeat;*/ width:899px; height:196px; font-family:"Trebuchet MS"; font-size:14px; color:#436679;}

.testimonialsContainer{ padding:12px 0 20px 0;  overflow:hidden; margin:0; border-bottom:solid 1px #eaeaea;}

.testimonialContent{ float:left; margin-top:5px;}

.testimonials h1{  font-size:18px; color:#365f78; padding:0; margin:0;}

.testimonialContent img{ border:2px solid #eaeaea; float:left; margin:26px 12px 0px 0px;}

.testimonialContent .text{ float:right; text-align:left; width:703px; margin-left:10px;}
.link{ float:left; margin-left:88px;}

.testimonials a{ font-size:12px; color:#40657b; text-decoration:underline; font-style:normal;}

.arrowLeft{background:url(../images/arrowleft.png) no-repeat; width:19px; height:13px; padding:0 0 2px 0; margin:5px 0 0 0; clear:both; }

.arrowRight1, .arrowRight2, .arrowRight3, .arrowRight4, .arrowRight5, .arrowRight6{background:url(../images/arrowright.png) no-repeat; width:19px; height:13px; padding:0 0 5px 0; margin:0px 0 10px 370px; clear:both; }

.arrowRight2{margin:0px 0 10px 440px !important;}

.arrowRight3{margin:0 0 10px 300px !important;}

.arrowRight4{margin:0 0 10px 600px !important;}

.arrowRight5{margin:0 0 10px 155px !important;}

.arrowRight6{margin:0 0 10px 645px !important;}

.testimonials p{ font-style:italic; padding:0 0 0 15px;}