@import url('reset.css');

#container { width:1034px; margin:0 auto; }
  #header { position:relative; width:1034px; height:159px; }
    #header .logo a { display:block; float:left; width:419px; height:140px; margin-left:23px; background:url(images/header/logo.jpg) no-repeat; text-indent:-9999px; }
    #header h1.logo { padding:0; margin:0; }
    #header .right { display:block; float:right; width:279px; height:111px; margin-top:10px; }
      #header .call { display:block; width:279px; height:34px; background: url(images/header/call.jpg) no-repeat; text-indent:-9999px; }
      #header .free-seo-analysis { display:block; float:right; width:210px; height:67px; margin-top:10px; background: url(images/header/free-seo-analysis.jpg) no-repeat; text-indent:-9999px; }
      #header .low-cost-seo-package { display:block; width:200px; height:65px; margin-top:10px; background: url(images/header/seo-package.gif) no-repeat; text-indent:-9999px; }
    #header .top-nav { position:absolute; bottom:0; right:22px; display:block; width:268px; height:34px; background: url(images/header/top-nav.jpg) no-repeat; }
    #header .top-nav a { position:relative; display:inline-block; float:left; width:134px; height:34px; text-indent:-9999px; cursor:pointer; }

  #nav { position:relative; width:1032px; height:39px; margin-left:1px; }
    #nav a { height:39px; display:inline-block; float:left; text-indent:-9999px; }
    #nav a.seobasics { width:167px; background:url(images/nav/seo-basics.jpg) no-repeat; }
    #nav a.seoservices { width:179px; background:url(images/nav/seo-services.jpg) no-repeat; }
    #nav a.localsearch { width:166px; background:url(images/nav/local-search.jpg) no-repeat; }
    #nav a.paidsearch { width:167px; background:url(images/nav/paid-search.jpg) no-repeat; }
    #nav a.websitedesign { width:183px; background:url(images/nav/website-design.jpg) no-repeat; }
    #nav a.successstories { width:170px; background:url(images/nav/success-stories.jpg) no-repeat; }

    #nav a.home_active { width:137px; background:url(images/nav/home-active.jpg) no-repeat; }
    #nav a.seobasics_active { width:167px; background:url(images/nav/seo-basics-active.jpg) no-repeat; }
    #nav a.seoservices_active { width:179px; background:url(images/nav/seo-services-active.jpg) no-repeat; }
    #nav a.localsearch_active { width:166px; background:url(images/nav/local-search-active.jpg) no-repeat; }
    #nav a.paidsearch_active { width:167px; background:url(images/nav/paid-search-active.jpg) no-repeat; }
    #nav a.websitedesign_active { width:183px; background:url(images/nav/website-design-active.jpg) no-repeat; }
    #nav a.successstories_active { width:170px; background:url(images/nav/success-stories-active.jpg) no-repeat; }

  #content { background: url(images/content-main-bg.jpg) repeat-y; padding:10px 0; }
    #content .banner { display:block; width:1007px; height:282px; margin:0 auto; background: url(images/banner.jpg) no-repeat; text-indent:-9999px; }
    #content .callnow { display:block; width:358px; height:54px; margin:17px auto; background: url(images/call-now.jpg) no-repeat; text-indent:-9999px; }
    #content .designquote { display:block; width:210px; height:55px; margin:17px auto; background: url(images/design-quote.jpg) no-repeat; text-indent:-9999px; }
    #content .writingsample { display:block; width:248px; height:55px; margin:17px auto; background: url(images/writing-sample.jpg) no-repeat; text-indent:-9999px; }
    #content .freeseoadvice { display:block; width:247px; height:55px; margin:15px 0 37px 252px; background: url(images/free-seo-advice.jpg) no-repeat; text-indent:-9999px; }
    
    #sidebar { z-index:9; position:relative; margin-right:11px; margin-left:24px; padding-top:15px; width:303px; float:right; }
      #sidebar .widget { position:relative; display:block; width:303px; height:251px; margin-bottom:7px; background:url(images/widget-bg.jpg) repeat-y; }
      #sidebar .video-widget {  height:260px; }
      #sidebar .video-widget p { padding:0 15px; margin:5px 0 0; }
      #sidebar .video-widget a { font-size:12px; font-weight:bold; text-decoration:underline; }
      #sidebar .widget .title { position:relative; display:block; width:303px; padding:11px 0; background:url(images/widget-top.jpg) no-repeat; font:bold 16px Helevetica, Arial, Verdana; text-align:center; color:#fff; }
      #sidebar .widget .bottom { position:absolute; bottom:0; display:block; width:303px; height:12px; background:url(images/widget-bottom.jpg) no-repeat; }
      
      /* Risk Free 30 days */
      #sidebar .widget .seo-test-form { margin:5px auto 0; width:270px; height:120px; padding-bottom:20px; }
      #sidebar .widget .seo-test-form label { display:inline-block; width:69px; font:bold 13px Helvetica, Arial, Verdana; padding-right:10px; text-align:right; vertical-align:top; }
      #sidebar .widget .seo-test-form input { width:178px; padding:0; margin:1px 0; border-top:1px solid #3d3d3d; border-left:1px solid #3d3d3d; border-bottom:1px solid #8a8a8a; border-right:1px solid #8a8a8a; }
      #sidebar .widget .seo-test-form select { width:178px; padding:0; margin:1px 0; border-top:1px solid #3d3d3d; border-left:1px solid #3d3d3d; border-bottom:1px solid #8a8a8a; border-right:1px solid #8a8a8a; }
      #sidebar .widget .seo-test-form textarea { width:178px; height:100px; padding:0; margin:1px 0; border-top:1px solid #3d3d3d; border-left:1px solid #3d3d3d; border-bottom:1px solid #8a8a8a; border-right:1px solid #8a8a8a; }
      #sidebar .widget .button { font:bold 16px Helvetica, Arial, Verdana; color:#626262; text-align:right; }
      #sidebar .widget .seo-test-form .submit { height:26px; margin:0 10px 0 0; padding:0; float:right; background:url(images/seo-test-form-submit.jpg) no-repeat; border:none; cursor:pointer; }
      #sidebar .widget .seo-test-form .free-quote { height:26px; margin:0 10px 0 0; padding:0; float:right; background:url(images/free-quote-submit.jpg) no-repeat; border:none; cursor:pointer; }
      #sidebar .widget .seo-test-form .risk-free-trial { height:26px; margin:0 10px 0 0; padding:0; float:right; background:url(images/risk-free-trial-submit.jpg) no-repeat; border:none; cursor:pointer; }
      #sidebar .widget .seo-test-form .free-analysis { height:26px; margin:0 10px 0 0; padding:0; float:right; background:url(images/free-analysis-submit.jpg) no-repeat; border:none; cursor:pointer; }
      #sidebar .widget .seo-test-form .free-advice { height:26px; margin:0 10px 0 0; padding:0; float:right; background:url(images/free-advice.jpg) no-repeat; border:none; cursor:pointer; }

    #main-content { z-index:0; position:relative; width:980px; margin-left:31px; }
      #main-content .points, #main-content .points li { list-style:none; padding:0; margin:0; }
      #main-content .points p, #main-content .point { padding:0; margin:0; margin-left: 48px; }
      #main-content .point { font:bold 20px Helvetica, Arial, sans-serif; color:#267fc4; padding:5px 0 4px;   }
      #main-content .points li { padding:12px 0; }
      #main-content .points img { float:left; }
      #main-content .sixteen { font-size:16px; }
      
      /* Breadcrumbs */
      #main-content .breadcrumb { display:block; padding-top:20px; }
      #main-content .breadcrumb, #main-content .breadcrumb a { font:normal 14px Arial, Verdana, Georgia; color:#5b778d; }

      /* SEO Basics */
      #main-content .category-list { width:320px; display:inline-block; float:left; }
      #main-content .category-list span, .highlight { font:bold 16px Arial, Helvetica, Verdana; color:#168de9; }
      #main-content .category-list li { padding:0; margin:0 0 0 10px; font:normal 14px Arial, Helvetica, Verdana; color:#666666; }
      
      #main-content .check { float:left; margin:0 6px 0 2px; }
      #main-content .cue { float:left; margin:6px 16px 0 2px; }

      /* real-client-success-stories - google rankings widget for SEO Company LA */
      #main-content .widget2 { position:relative; display:block; width:303px; height:340px; margin-bottom:7px; background:url(images/widget-bg.jpg) repeat-y; }
      #main-content .widget2 .title { position:relative; display:block; width:303px; padding:11px 0; background:url(images/widget-top.jpg) no-repeat; font:bold 16px Helevetica, Arial, Verdana; text-align:center; color:#fff; }
      #main-content .widget2 .bottom { position:absolute; bottom:0; display:block; width:303px; height:12px; background:url(images/widget-bottom.jpg) no-repeat; }
      
      #main-content .client-image { float:left; width:300px; margin:0 15px 0 0; border:2px solid #073152; }
      #main-content .client-info { padding:0 0 0 320px; font-size:11px; }
      #main-content .client-info p { font-size:14px; text-align:justify; }
      #main-content .case-study { width:225px; height:151px; }
      #main-content .case-study a{ float:right; }
      #main-content .case-studies{ padding:15px 0 20px 0; }
      #main-content .case-studies .case-studies-left{ float:left; width:465px; padding:0 20px 0 0; border-right:1px #ccc solid; }
      #main-content .case-studies .case-studies-right{ float:right; width:465px; padding:0 0 0 20px; }
      #main-content .case-studies .case-studies-left img, #main-content .case-studies .case-studies-right img{ float:left; padding:0 15px 10px 0; }
      #main-content .case-studies .case-studies-left h4, #main-content .case-studies .case-studies-right h4{ font:bold 16px Arial,Helvetica,Verdana; color:#666; padding:0 0 15px; }
      #main-content .case-studies .case-studies-left p, #main-content .case-studies .case-studies-right p{ font-size:14px; padding:0 0 10px 0; }
      
      /* local search page */
      #main-content .local-directories { margin-left:25px; }
      #main-content .local-directories .more { margin-right:70px; font-weight:bold; color:#073152; }
      
      #screenshots img { display:inline-block; float:left; margin:0 2px 0 0; border:1px solid #d1d1d1; }
      #screenshots .divider { clear:both; margin-bottom:20px; }
      
      .pagination { margin: 100px 0 0; padding: 30px 0 0; text-align: center; }
      .pagination a, .pagination span { display: inline-block; margin-bottom: 30px; padding: 0 20px; }
      .pagination a { text-decoration: underline; }
      
    #wide-content { position:relative; padding:0 31px; }
      
  #services  { display:block; width:1016px; height:340px; margin:0 auto; }
  #services .title { padding:20px 0; text-align:center; font:bold 25px Arial, Verdana, Helvetica; color:#073152; }
  #services .widget { display:block; float:left; width:293px; height:246px; padding:20px 22px 0 18px; margin-left:4px;  background: url(images/services-box.jpg) no-repeat; }
  #services .widget img { margin-left:10px; }
  #services .widget p { font-size:15px; margin:10px 0 0; padding:0; line-height:17px; }
  #services .widget a { font-size:14px; color:#168de9; }
  
  #footer { position:relative; width:1034px; background: url(images/content-main-bg.jpg) repeat-y; }
  #footer .content { width:1024px; height:45px; margin:0 auto; background:url(images/footer-bg.jpg) repeat-x; }
  #footer .content p { text-align:center; padding:15px 0; }
  #footer .content a, #footer .content p { font:normal 13px Arial, Helvetica, Verdana; color:#ffffff; } 
  #footer .content a { padding:0 10px 0 5px; }
  
  #footer .bottom { width:970px; margin:0 auto; padding:10px 27px 0; background:#424242 url(images/footer-bottom-bg.jpg) repeat-x; border-top:2px solid #AAAAAA; }
  #footer .bottom .col { width:185px; height:230px; padding:0 15px 0 20px; float:left; color:#ffffff; border-right:1px solid #888888; }
  #footer .bottom .last { width:280px; border:none; padding-right:0; }
  #footer .bottom .col .title { color:#ffffff; font:bold 16px Arial; }
  #footer .bottom .col li a, #footer .bottom .col p{ color:#ffffff; font:normal 13px Arial; }
  #footer .bottom .col li { margin:0; padding:2px 5px; list-style:square; }
  #footer .bottom .col img { margin:0 15px 0 0; }
  #footer .bottom .col img.nomargin { margin:0; }
  #footer .bottom .col p { padding:0 0 10px; line-height:20px; }
  #footer .copyright  { padding:20px 0 10px; }
  #footer .copyright, #footer .copyright a { text-align:center; color:#ffffff; font:bold 12px Arial; }
  #footer .adwords-partner{ display:block; float:left; }
  #footer .top-seos{ float:right; }

  #footer .follow-us a { float:left; display:block; width:36px; height:57px; margin-right:2px; text-indent:-9999px; }
  #footer .follow-us .facebook { background:url(images/follow-us/facebook.png) no-repeat;  }
  #footer .follow-us .twitter { background:url(images/follow-us/twitter.png) no-repeat;  }
  #footer .follow-us .youtube { background:url(images/follow-us/youtube.png) no-repeat;  }
  #footer .follow-us .blog { background:url(images/follow-us/blog.png) no-repeat;  }

  /* Footer Free Quote */
  #free-quote { position:relative; width:1034px; background: url(images/content-main-bg.jpg) repeat-y; }
  #free-quote .header { display:block; margin:0 auto; background:url(images/footer-top.jpg) no-repeat; width:1007px; height:69px; font:bold 27px/69px Arial, Verdana, Helvetica; color:#fff; padding-left:17px; }
  #free-quote .content { position:relative; width:1024px; height:141px; margin:0 auto; background: url(images/free-quote-content.jpg) repeat-x; }
    #free-quote .main-content { position:relative; width:603px; height:141px; margin:0 auto; }
    #free-quote .title { display:block; padding:10px 0 0; font-size:20px; color:#ffffff; }
    
    #free-quote .callus { display:inline-block; float:left; width:210px; margin-left:74px; color:#ffffff; }
    #free-quote  span { font-size:20px; line-height:24px; }
    #free-quote  p { margin:0; padding:0; line-height:24px; }
    #free-quote .or { display:inline-block; float:left; width:65px; height:131px;  padding-top:10px; color:#ffffff; font-size:18px; }
    
    #free-quote .callform {}
    #free-quote .callform label { display:inline-block; font:normal 16px Arial, Verdana; width:67px; text-align:left; color:#fff;   }
    #free-quote .callform input { width:178px; padding:0; margin:1px 0; border-top:1px solid #3d3d3d; border-left:1px solid #3d3d3d; border-bottom:1px solid #8a8a8a; border-right:1px solid #8a8a8a; }
    #free-quote .callform .submit { width:89px; height:25px; margin:6px 0 0 113px; padding:0; background:url(images/call-form-submit.jpg) no-repeat; border:none; cursor:pointer; }


  #extra-content { background: url(images/content-main-bg.jpg) repeat-y; padding:0 16px 40px; }
  #extra-content p { text-indent:20px; font-size:15px; }
  #extra-content p.noindent { text-indent:0; font-size:15px; }
  #extra-content a { font-size:15px; color:#686868; }
  #extra-content .readmore { text-align:right; }
  #extra-content .readmore a { font-size:15px; color:#168DE9; }
  #extra-content .subtitle { color:#666666; }
  #extra-content li{ font:15px Arial,Arial,Helvetica,sans-serif; }
  
  #extra-content .main-content .button { font:normal 16px Arial, Helvetica, Verdana; color:#999999; padding-left:30px; }
  #extra-content .main-content .article-divider{ width:700px; margin:15px auto 25px; }
  #lessDiv, #moreDiv { margin:10px 0 ; }
  
  #footer-articles { margin-bottom:15px; }
  #footer-articles .blog-article { float:left; width:230px; margin:10px;  }
  #footer-articles .blog-article .title a { font-weight:bold; color:#666666; }
  #footer-articles .blog-article a { color:#168DE9 }
  
  #footer-shadow { position:relative; display:block; width:1034px; height:5px; margin:0 auto; background: url(images/footer-shadow.jpg) no-repeat; }

.title { font:bold 25px Arial, Verdana, Helvetica; color:#073152; }
.subtitle { font:bold 20px Arial, Helvetica, Verdana; color:#2b638f; }

.divider { border:none; border-top:1px solid #999999; width:600px; margin:30px auto; }
.textalignright { text-align:right; }
.hidden { display:none!important; }

#contact-us-form label { display:block; float:left; width:139px; height:24px;  vertical-align:middle; text-align:right; font:bold 14px/24px Helvetica, Arial, Verdana; color:#626262; }
#contact-us-form .input, #contact-us-form .select { display:inline-block; width:263px; height:24px; padding:0 3px; margin:3px 0 3px 5px; border:1px solid #3d3d3d; font-size:14px; }
#contact-us-form .select { width:271px; margin-right:0; padding-right:0; }
#contact-us-form .textarea { height:100px; margin-left:5px; padding:3px; }
#contact-us-form .submit { display:block; width:89px; height:25px; margin:3px 0 0 0; border:none; background:url(images/contact-us-submit.jpg) no-repeat; }

#google-rankings-table td { padding:6px 15px; margin:0; }
#google-rankings-table thead td { color: #168DE9; font: bold 16px Arial,Helvetica,Verdana; padding: 15px 10px 15px; }
#google-rankings-table tbody .top td { background:#fafafa; font-weight:bold; }
#google-rankings-table tbody .top td.rank { font-size:16px; color:#666666; }
#google-rankings-table td.rank { text-align:center; }

#google-rankings-widget { margin:10px 0; }
#google-rankings-widget td { padding:5px 0; margin:0; }
#google-rankings-widget thead td { color: #168DE9; font:bold 14px Arial; }
#google-rankings-widget td.rank { text-align:center; }
      
      
#low-cost-seo-package-pricing td { padding:5px 10px; border:1px solid #222222; font-size:14px; }
#low-cost-seo-package-pricing thead td { color: #168DE9; font: bold 16px Arial,Helvetica,Verdana; }
#low-cost-seo-package-pricing tbody td { padding:7px 10px; text-align:center; }

#proposal-form label { display:inline-block; height: 24px; width:150px; margin:4px; text-align: right; color: #626262; font: bold 14px/24px Helvetica,Arial,Verdana; }
#proposal-form input { display: inline-block; width:263px; font-size: 14px; padding:4px 3px; margin-left:10px; border: 1px solid #3D3D3D; }
#proposal-form p { font-size:12px; font-style:italic; margin-left:170px; width:300px }
#proposal-form #keyword_phrases input { display:block; margin:2px 0 5px 168px; }
#proposal-form .add-keywords { margin:0 10px; padding:0; border:0; background:none; width:auto; color:#2B638F; cursor:pointer; font-size:12px; }
#proposal-form .submit { display:block; margin:0 10px 0 190px; padding:0; border:0; background:url(images/free-proposal-btn.gif) no-repeat; width:230px; height:54px; cursor:pointer; text-indent:-9999px; }

a.greylink { color:#686868; font-weight:bold;  }
a.greylink:hover { text-decoration:underline; }

.counter-tool-container { margin-top: 20px; }
#counter-tool-form .label { display:block; float:left; height:24px;  vertical-align:middle; text-align:right; font:bold 14px/24px Helvetica, Arial, Verdana; color:#626262; }
#counter-tool-form .input { width:475px; padding:1; margin:2px 0; border-top:1px solid #3d3d3d; border-left:1px solid #3d3d3d; border-bottom:1px solid #8a8a8a; border-right:1px solid #8a8a8a; }
#counter-tool-form .submit { width:89px; height:25px; margin:6px 0 0 113px; padding:0; background:url(images/call-form-submit.jpg) no-repeat; border:none; cursor:pointer; }
#counter-tool-form .note { font-size:12px; margin-left: 110px; display:block; }
#counter-tool-form .security { margin: 10px 0 5px 108px; }

#links-counter-form .label { display:block; float:left; height:24px;  vertical-align:middle; text-align:right; font:bold 14px/24px Helvetica, Arial, Verdana; color:#626262; margin-right: 10px; }
#links-counter-form .input { width:475px; padding:1; margin:2px 0; border-top:1px solid #3d3d3d; border-left:1px solid #3d3d3d; border-bottom:1px solid #8a8a8a; border-right:1px solid #8a8a8a; }
#links-counter-form .submit { width:89px; height:25px; margin:6px 0 0 5px; padding:0; background:url(images/contact-us-submit.jpg) no-repeat; border:none; cursor:pointer; }
#links-counter-form .note { font-size:12px; margin-left: 54px; display:block; }
#links-counter-form .security { margin: 20px 0 5px 0; }

#free-themes { width:650px; }
#free-themes .buttons { text-align:center; clear:left; }
#free-themes .preview-button, #free-themes  .download-button { display:inline-block; width:240px; height:53px; margin:15px 20px 15px 0; text-indent:-9999px; }
#free-themes .preview-button { background:url(images/preview.png) no-repeat; }
#free-themes .download-button { background:url(images/download.png) no-repeat; }
#free-themes .thumbnail { float: left; margin: 10px 20px 10px 0; width: 280px; padding:5px; border:1px solid #222222; }

.clear { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }

/* ---------
	Clear Fix
	---------- */
.cleared:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cleared{ display:inline-block; }
/* Hides from IE-mac */
* html .cleared{ height:1%; }
.cleared{ display:block; }
/* End hide from IE-mac */