/*
Theme Name: SpotOn Theme
Theme URI: 
Description: 
Version: 1.0
Author: SpotOn SEO
Author URI: http://www.spotonseoservices.com

*/


* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #ededed; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #000; font-family: "Lucida Sans","Lucida Sans Unicode",Helvetica,Arial,sans-serif; line-height: 1.75; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.3em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }


#photoC {
 float: right;
 width: 478px;
 height: 204px;
 background: url(images/p2.jpg) no-repeat;
}


a { color: #ed1911; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 914px; margin: 0 auto 15px; background: url(images/root-center.png) repeat-y; }
 #wrapper-a { width: 100%; padding: 0 0 23px; background: url(images/root-bottom.png) 0 100% no-repeat; }
 #top { position: relative; z-index: 100; width: 823px; height: 90px; margin: 0 auto; }
  #logo { position: absolute; top: 20px; left: 0; }
 #nav { position: absolute; z-index: 100; top: 35px; left: 345px; list-style: none; margin: 0; padding: 0; background: url(images/dropdown-a-top.png) -999em 0 no-repeat; } /* background as preloader */
  #nav li { position: relative; float: left; font: bold 1.4em/1 Helvetica,Arial,sans-serif; padding-left: 2px; background: url(images/nav-sep.png) no-repeat; }
  #nav li.first { background: none; }
   #nav li a { position: relative; z-index: 100; display: block; float: left; color: #313131; text-decoration: none; padding: 0 12px 4px; }
   #nav li.parent a { padding-left: 22px; background: url(images/arrow-a.png) 7px 3px no-repeat; }
   #nav li:hover a, #nav li.hover a { background-color: #fff;  }
   #nav li em { position: absolute; left: -10001px; top: -10001px; background: url(images/dropdown-a.png) -999em 0 no-repeat; }  /* background as preload */
   #nav li .wrapper { display: none; position: absolute; top: 18px; left:0; z-index: 50; background: url(images/dropdown-a.png) 0 100% no-repeat; }
   #nav li:hover .wrapper { display: block; }
   * html #nav li .wrapper { left: -999em; display: block; }
   * html #nav li.hover .wrapper { left: 0; }
    #nav li .wrapper ul { width: 200px; padding: 1px 7px 15px 2px; background: url(images/dropdown-a-top.png) no-repeat; list-style: none; margin: 0; }
     #nav li .wrapper ul li { font-size: 1.07em; font-weight: normal; background: none; padding: 0; float: none; border-top: 1px solid #d9d9d9;  }
     * html #nav li .wrapper ul li { float: left; width: 100%; }

     #nav li .wrapper ul li.first { border-top: none; }
      #nav li.parent .wrapper ul li a { position: static; float: none ; display: block; width: 164px; padding: 10px 18px; color: #5c5c5c; line-height: 1; zoom: 1; background: none; }
      *:first-child+html #nav li.parent .wrapper ul li a { float: left; }
      * html #nav li.parent .wrapper ul li a { float: left; }
      #nav li.parent .wrapper ul li a:hover { background: #f23f38; color: #fff; }

 #main-nav { position: relative; z-index: 60; width: 826px; height: 44px; margin: 0 auto 15px; padding: 0; list-style: none; background: url(images/nav.png) no-repeat; }
  #main-nav li { position: absolute; top: 0px; width: 282px; height: 44px; font: 1.8em/1.25 Helvetica,Arial,sans-serif; }
  #main-nav li.first { left: 0px; z-index: 30; }
  #main-nav li.second { left: 274px; z-index: 20; }
  #main-nav li.last { left: 548px; z-index: 10; }
    #main-nav li a { display: block; padding: 0 0 0 32px; background: url(images/arrow-b.png) 18px 50% no-repeat; color: #292929; text-decoration: none; height: 44px; line-height: 44px; }
    #main-nav li:hover a, #main-nav li.hover a { background: url(images/nav.png) no-repeat; color: #fff; }
    #main-nav li.first:hover a, #main-nav li.first-hover a { background-position: 0 -44px; }
    #main-nav li.second:hover a, #main-nav li.second-hover a { background-position: -274px -88px; }
    #main-nav li.last:hover a, #main-nav li.last-hover a { background-position: -548px -132px; }
    #main-nav li em { position: absolute; left: -10001px; top: -10001px; background: url(images/dropdown-b.png) -999em 0 no-repeat; }  /* background as preload */
    #main-nav li ul { position: absolute; z-index: 100; top: -999em; left: -1px; width: 274px; padding: 0 8px 18px 2px; background: url(images/dropdown-b.png) 0 100% no-repeat; list-style: none; }
    #main-nav li.second ul { left: 0; }
    #main-nav li.last ul { left: 1px; }
    #main-nav li:hover ul, #main-nav li.hover ul { top: 44px; }
     #main-nav li ul li { float: left; position: static; top: auto; width: 100%; height: auto; font-size: 0.83em; border-bottom: 1px solid #d9d9d9; }
     #main-nav li ul li.first { border-top: 1px solid #d9d9d9;  }
      #main-nav li ul li a, #main-nav li:hover ul li a, #main-nav li.hover ul li a { float: left; width: 224px; display: block; height: auto; color: #5c5c5c; padding: 0 25px; background: #ebebeb; line-height: 2.13; }
      #main-nav li ul li a:hover { color: #ed1911; background: #fff; }

 #content { position: relative; z-index: 50; width: 823px; margin: 0 auto 15px; overflow: hidden; }
  #main { float: right; width: 580px; padding: 3px 15px 0 0; }
  #aside { float: left; width: 208px; }
   #aside .side-nav { margin-top:10px; position: relative; background: url(images/dropdown-a.png) 0 100% no-repeat; }
    #aside .side-nav ul.nav { width: 200px; padding: 1px 7px 15px 2px; background: url(images/dropdown-a-top.png) no-repeat; list-style: none; margin: 0; }
     #aside .side-nav ul.nav li { position: relative; width: 100%; font-size: 1.3em; border-top: 1px solid #d9d9d9; background: url(images/subnav-bottom.png) -999em 0 no-repeat; } /* background as preloader */
    *:first-child+html #aside .side-nav ul.nav li { float: left; }
    * html #aside .side-nav ul.nav li { float: left; }

     #aside .side-nav ul.nav li.first { border-top: none; }
      #aside .side-nav ul.nav li a { display: block; padding: 10px 18px; color: #5c5c5c; line-height: 1; background: none; text-decoration: none; background: url(images/subnav-top.png) -999em 0 no-repeat; } /* background as preloader */
      #aside .side-nav ul.nav li:hover a, #aside .side-nav ul.nav li.hover a { background: #f23f38; color: #fff; }
      #aside .side-nav ul.nav li ul { position: absolute; left: -999em; width: 189px; top: -1px; background: url(images/subnav-top.png) no-repeat; padding: 1px 0 0; list-style: none; }
      #aside .side-nav ul.nav li:hover ul, #aside .side-nav ul.nav li.hover ul { left: 200px;}
       #aside .side-nav ul.nav li ul li { font-size: 1em; background: url(images/subnav-bottom.png) no-repeat; padding: 0 0 0 1px; border: none; }
       * html #aside .side-nav ul.nav li ul li { }
       #aside .side-nav ul.nav li ul li.first { background-position: 0 9px; } /* this margin/padding combo fixes break caused by DD belated png */
       * html #aside .side-nav ul.nav li ul li.first { margin-bottom: -1px; padding: 0 0 1px; }
       #aside .side-nav ul.nav li ul li.last { background-position: 0 100%; padding: 0 0 7px 1px; }
        #aside .side-nav ul.nav li:hover ul li a, #aside .side-nav ul.nav li.hover ul li a { width: 146px; background: url(images/subnav-hover.png) -999em 0 no-repeat; color: #5c5c5c; border-top: 1px solid #d9d9d9; }
        * html #aside .side-nav ul.nav li.hover ul li a { background: url(images/subnav-hover-ie.png) -999em 0 no-repeat; }
        #aside .side-nav ul.nav li:hover ul li:hover a, #aside .side-nav ul.nav li.hover ul li.hover a { background-position: 0 50%; color: #5c5c5c; }
        #aside .side-nav ul.nav li:hover ul li.first a, #aside .side-nav ul.nav li.hover ul li.first a { border-top: none; }
        #aside .side-nav ul.nav li:hover ul li.first a:hover, #aside .side-nav ul.nav li.hover ul li.first a:hover { background-position: 0 0; }
        #aside .side-nav ul.nav li:hover ul li.last a:hover, #aside .side-nav ul.nav li.hover ul li.last a:hover { background-position: 0 100%; }
   

 #footer { color: #666; width: 860px; margin: 0 auto 15px; text-align: right; }
  #footer p { color: #666; margin: 0 0 10px; font: 1.1em Helvetica,Arial,sans-serif; line-height: 0.8em;  }
   #footer p a { color: #666; font-weight: normal; text-decoration: none; }
   #footer p a:hover { color: #666; font-weight: normal; text-decoration: underline; }
   #footer p span { color: #666; margin: 0 5px; }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.2em; }
h2 { font-size: 2.1em; font-weight: bold; margin: 0; line-height: 1; }
h3 { font-size: 1.8em; font-weight: normal; color: #1d1d1d; }
h4 { font-size: 1.4em; text-transform: uppercase; margin: 0 0 10px; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.0em; }

/* containers */

.cols-3 { width: 100%; overflow: hidden; }
.cols-3 .col { float: left; width: 31%; margin-left: 2%; }
 .cols-3 .col-first { margin: 0; }

.section-b { overflow: hidden; width: 100%; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

/* lists */
ul.a { padding: 0; list-style: none; }
 ul.a li { padding: 0 0 0 10px; background: url(images/li-a.png) 0 0.8em no-repeat; }


/* paragraphs */

.slogan-a { font-size: 1.8em; color: #333; margin: 0 0 10px;  }

.figure-a { float: left; margin: 0 15px 15px 0; }
 .figure-a img { display: block; border: 1px solid #979797; }
 
 /* content images */
 
img.centered{display:block;margin-left:auto;margin-right:auto;border: 1px solid #979797; }
img.alignright{margin:0 0 2px 10px;display:inline;float:right;border: 1px solid #979797; }
img.alignleft{margin:0 10px 2px 0;display:inline;float:left;border: 1px solid #979797; }

 
/* SPECIFIC
------------------------------------------- */
#feature { width: 825px; height: 204px; background: url(images/feature.jpg) no-repeat; margin: 0 auto; margin-bottom: 20px; }
#feature #sidefeat { float: left; width: 335px; margin-top: 45px; margin-left: 10px; }
 #feature #sidefeat h2 { float: left; font: bold 2.0em/0.91 Helvetica,Arial,sans-serif; color: #ed1911; margin: 0 0 15px;  }
 #feature #sidefeat p { float: left; color: #292929; font: normal 1.8em/1.22 Helvetica,Arial,sans-serif;  }

.sections-home { width: 826px; margin: 0 auto 15px; background: url(images/home-sections.png) 0 100% no-repeat; overflow: hidden; }
 .sections-home .section { display: inline; float: left; width: 263px; margin: 0 0 0 18px; }
 .sections-home .section-first { margin: 0; }
 .sections-home .section-last { margin-left: 19px; }
  .sections-home .section h2 { margin: 0; padding: 15px 24px 8px; background: url(images/home-sections-top.png) no-repeat; line-height: 1; font-size: 1.3em; color: #313131; }
  * html .sections-home .section h2 { height: 1%;  }
  .sections-home .inner { padding: 10px 24px; }
   .sections-home .inner ul { padding: 0 0 0 20px; margin: 0 0 5px; }
    .sections-home .inner li { font-size: 1.2em;  }
   .sections-home .inner p { font-size: 1.2em; margin: 0 0 10px; font-family: "Lucida Sans","Lucida Sans Unicode",Helvetica,Arial,sans-serif;  }
   .sections-home .inner .more { margin: 0; font-weight: bold; color: #ed1911; }
   
.about-a { width: 826px; margin: 0 auto 15px; padding: 0 0 10px; background: url(images/rounded-a.png) 0 100% no-repeat; }
 .about-a .wrapper { width: 586px; padding: 20px 120px 10px; background: url(images/rounded-a.png) no-repeat; }
  .about-a h2 { font-weight: normal; margin: 0 0 5px; font-size: 2.1em; }
  .about-a p { margin: 0; font-size: 1.3em; }