/* -----------------------------------
Site:       Taxma
CSS author: Jesus Nava
Updated:	4/26/15
Updated by: Jesus Nava
----------------------------------- */

/* -----------------------------------
simple reset
----------------------------------- */
html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}

/* -----------------------------------
html elements
----------------------------------- */
body { background: #ffffff url(../images/bg.jpg) top repeat-x; }
#wrapper { width: 1000px; margin: 0 auto; padding: 0; overflow: hidden; }

/* -----------------------------------
header
----------------------------------- */
#header { width: 1000px; margin: 0 auto; padding: 0; position: absolute; z-index: 9999; }
#phone { width: 915px; padding: 0; float: left; }
#social-media { width: 85px; padding: 0; float: left; }
#logo { width: 285px; padding: 0; float: left; }

/* -----------------------------------
nav
----------------------------------- */
#nav { width: 715px; padding: 30px 0 0 0; float: left; }

#cssmenu ul { margin: 0; padding: 0; }
#cssmenu a { margin: 0; padding: 0; }
#cssmenu ul { list-style: none; }
#cssmenu a { text-decoration: none; }
#cssmenu img { float: left; }

#cssmenu {
  height: 65px;
  width: 715px;
}
#cssmenu > ul > li {
  float: left;
  margin-left: 10px;
  position: relative;
}
#cssmenu > ul > li > a {
  color: #3d3c3c;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 15px;
  padding: 0 8px 10px 8px;
  -webkit-transition: color .15s;
  -moz-transition: color .15s;
  -o-transition: color .15s;
  transition: color .15s;
}
#cssmenu > ul > li > a:hover { color: #cd0009; }
#cssmenu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  padding: 16px 0 20px 0;
  background-color: #fafafa;
  text-align: left;
  position: absolute;
  top: 55px;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  -webkit-transition: all .3s .1s;
  -moz-transition: all .3s .1s;
  -o-transition: all .3s .1s;
  transition: all .3s .1s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
#cssmenu > ul > li:hover > ul { opacity: 1; top: 49px; visibility: visible; }
#cssmenu > ul > li > ul:before {
  content: '';
  display: block;
  border-color: transparent transparent #fafafa transparent;
  border-style: solid;
  border-width: 10px;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}
#cssmenu > ul ul > li { position: relative; }
#cssmenu ul ul a {
  color: #323232;
  font-family: Verdana, 'Lucida Grande';
  font-size: 13px;
  background-color: #fafafa;
  padding: 5px 8px 7px 16px;
  display: block;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
#cssmenu ul ul a:hover { background-color: #f0f0f0; }
#cssmenu ul ul ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -16px;
  left: 206px;
  padding: 16px 0 20px 0;
  background-color: #fafafa;
  text-align: left;
  width: 180px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
#cssmenu ul ul > li:hover > ul { opacity: 1; left: 190px; visibility: visible; }
#cssmenu ul ul a:hover { background-color: #cd0009; color: #fff; }


/* -----------------------------------
slider
----------------------------------- */
#slider { width: 1000px; margin: 132px auto 0px; padding: 0; position: relative; z-index: 1; }
.slider-pics { width: 1000px; height: 270; padding: 0; float: left; }

#slider-container {
  background: none repeat scroll 0 0 #F55D2D;
  clear: both;
  width: 1000px;
  margin: 0;
  height: 270px;
  position: relative;
  float: left;
}
#top-opacity-slider { height: 12px; width: 100%; }
.box_skitter_large { width: 1000px; height: 280px; background: #000; }
.label_skitter{
  bottom: 30px;
  right: 30px ; 
  padding: 0; 
  background: url(../images/opacity-slider-text.png) repeat;
  font-size: 14px;
  color: #e9e9e9;
  padding: 10px 25px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px; /* for old Konqueror browsers */
  border-radius: 5px 5px 5px 5px; /* future proofing */
}
.label_skitter h3 { margin-bottom: 10px; }
.middle-container { width: 1000px; margin: 0 auto; padding: 0; }

/* -----------------------------------
main
----------------------------------- */
#middle-wrapper { width: 998px; padding: 0; margin: 0 auto; background-color: #e7e5e5; overflow: hidden; border-style: solid; border-width: 1px; border-color: #bfbfbf; }
#middle-wrapper h1 { color: #7f0504; font: normal 18px 'Francois One', sans-serif; padding: 15px 0 0 20px; }
#middle-wrapper h2 { color: #333; font: normal 12px Arial, Helvetica, sans-serif; padding: 15px 0 0 20px; }
#middle-wrapper a { font: normal 14px Arial, Helvetica, sans-serif; color: #7f0504; text-decoration: none; padding: 0; }
#middle-wrapper a:hover { text-decoration: underline; }

#content { width: 998px; padding: 0; margin: 131px auto 0; background-color: #e7e5e5; overflow: hidden; border-style: solid; border-width: 1px; border-color: #bfbfbf; }
#left-side { width: 230px; height: 100%; padding: 15px; float: left; background-color: #bfbfbf; overflow: hidden; }
#left-side a { font: normal 15px 'Roboto Condensed', sans-serif; color: #cd0009; text-decoration: none; }
#left-side a:hover { color: #3d3c3c; }
#left-side h2 { font: bold 17px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 0; }
#left-side ul { list-style: circle inside; padding: 20px 0 20px 10px; }
#left-side li { font: normal 15px 'Roboto Condensed', sans-serif; color: #373334; }
#right-side { width: 738px; padding: 0; float: left; }
#right-side h1 { color: #7f0504; font: normal 18px 'Roboto Condensed', sans-serif; padding: 15px 0 0 20px; }
#right-side h2 { color: #333; font: normal 15px 'Roboto Condensed', sans-serif; padding: 15px 15px 0 20px; }
#right-side ul { list-style: circle inside; padding: 20px 0 0 40px; }
#right-side li { font: normal 15px 'Roboto Condensed', sans-serif; color: #373334; }
#right-side img { padding: 10px;}
#right-side a { font: normal 15px 'Roboto Condensed', sans-serif; color: #cd0009; text-decoration: none; }
#right-side a:hover { color: #3d3c3c; }

#tax-refund { width: 968px; padding: 0; margin: 25px auto 0; background-color: #fff; }
#tax-refund h3 { font: bold 23px 'Roboto Condensed', sans-serif; color: #d00812; padding: 10px 0 6px 10px; }
#tax-refund h2 { font: bold 17px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#dollar-img { width: 100px; height: 110px; float: left; background-color: #fff; overflow: hidden; }
#dollar-img img { float: right; padding: 0 15px 0 0; }
#tax-text { width: 868px; height: 110px; float: left; background-color: #fff; }

#boxes { width: 968px; padding: 0; margin: 150px auto 0; }
#box1 { width: 311px; height: 240; padding: 0; float: left; background-color: #fff; }
#box1 h3 { font: bold 25px 'Roboto Condensed', sans-serif; color: #d00812; padding: 10px 0 6px 10px; }
#box1 h2 { font: bold 15px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box1 img { padding: 10px; float: left; }
#box1 ul { list-style: circle inside; padding: 20px 0 30px 40px; }
#box1 li { font: bold 15px 'Roboto Condensed', sans-serif; color: #373334; }
#box2 { width: 315px; padding: 0; float: left; background-color: #fff; }
#box2 h3 { font: bold 24px 'Roboto Condensed', sans-serif; color: #d00812; padding: 10px 0 6px 10px; }
#box2 h2 { font: bold 15px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box2 img { padding: 10px; float: left; }
#box2 ul { list-style: circle inside; padding: 20px 0 30px 40px; }
#box2 li { font: bold 15px 'Roboto Condensed', sans-serif; color: #373334; }
#box3 { width: 311px; padding: 0; float: left; background-color: #fff; }
#box3 h4 { font: normal 13px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box3 h3 { font: bold 25px 'Roboto Condensed', sans-serif; color: #d00812; padding: 10px 0 6px 10px; }
#box3 h2 { font: bold 15px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box3 img { padding: 10px; float: left; }
#box-space { width: 15px; float: left; }
#box-hspace { height: 15px; float: left; }

#boxes2 { width: 968px; padding: 0; margin: 150px auto 0; }
#box1-2 { width: 226px; height: 195px; padding: 0; float: left; background-color: #fff; }
#box1-2 h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box1-2 h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box1-2 ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box1-2 li { font: bold 15px 'Roboto Condensed', sans-serif; color: #373334; }
#box2-2 { width: 226px; height: 195px; padding: 0; float: left; background-color: #fff; }
#box2-2 h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box2-2 h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box2-2 ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box2-2 li { font: bold 14.5px 'Roboto Condensed', sans-serif; color: #373334; }
#box3-2 { width: 226px; height: 195px; padding: 0; float: left; background-color: #fff; }
#box3-2 h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box3-2 h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box3-2 ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box3-2 li { font: bold 15px 'Roboto Condensed', sans-serif; color: #373334; }
#box-space-2 { width: 15px; float: left; }
#box-hspace-2 { height: 15px; float: left; }

#boxes2i { width: 968px; padding: 0; margin: 150px auto 0; }
#box1-2i { width: 226px; height: 270px; padding: 0; float: left; background-color: #fff; }
#box1-2i h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box1-2i h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box1-2i ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box1-2i li { font: bold 15px 'Roboto Condensed', sans-serif; color: #373334; }
#box2-2i { width: 226px; height: 270px; padding: 0; float: left; background-color: #fff; }
#box2-2i h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box2-2i h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box2-2i ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box2-2i li { font: bold 14.5px 'Roboto Condensed', sans-serif; color: #373334; }
#box3-2i { width: 226px; height: 270px; padding: 0; float: left; background-color: #fff; }
#box3-2i h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box3-2i h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box3-2i ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box3-2i li { font: bold 15px 'Roboto Condensed', sans-serif; color: #373334; }
#box-space-2i { width: 15px; float: left; }
#box-hspace-2i { height: 15px; float: left; }

#box1-2t { width: 226px; height: 200px; padding: 0; float: left; background-color: #fff; }
#box1-2t h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box1-2t h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box1-2t ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box1-2t li { font: normal 15px 'Roboto Condensed', sans-serif; color: #373334; }
#box2-2t { width: 226px; height: 200px; padding: 0; float: left; background-color: #fff; }
#box2-2t h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box2-2t h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box2-2t ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box2-2t li { font: bold 14.5px 'Roboto Condensed', sans-serif; color: #373334; }
#box3-2t { width: 226px; height: 200px; padding: 0; float: left; background-color: #fff; }
#box3-2t h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box3-2t h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box3-2t ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box3-2t li { font: bold 15px 'Roboto Condensed', sans-serif; color: #373334; }

#box-reg { width: 468px; padding: 0; float: left; }
#box-reg h1 { color: #7f0504; font: normal 18px 'Roboto Condensed', sans-serif; padding: 15px 0 0 20px; }
#box-reg h2 { color: #333; font: normal 15px 'Roboto Condensed', sans-serif; padding: 15px 15px 0 20px; }
#box-reg ul { list-style: circle inside; padding: 20px 0 0 40px; }
#box-reg li { font: normal 15px 'Roboto Condensed', sans-serif; color: #373334; }
#box-reg2 { width: 270px; padding: 0; float: left; }
#box-reg2 h1 { color: #7f0504; font: normal 18px 'Roboto Condensed', sans-serif; padding: 15px 0 0 20px; }
#box-reg2 h2 { color: #333; font: normal 15px 'Roboto Condensed', sans-serif; padding: 15px 15px 0 20px; }
#box-reg2 ul { list-style: circle inside; padding: 20px 0 0 40px; }
#box-reg2 li { font: normal 15px 'Roboto Condensed', sans-serif; color: #373334; }
#box-reg2i { width: 250px; height: 270px; padding: 0; float: left; background-color: #fff; }
#box-reg2i h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box-reg2i h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box-reg2i ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box-reg2i li { font: bold 15px 'Roboto Condensed', sans-serif; color: #373334; }

#box-reg2r { width: 250px; height: 360px; padding: 0; float: left; background-color: #fff; }
#box-reg2r h3 { font: bold 17px 'Roboto Condensed', sans-serif; color: #7f0504; padding: 10px 0 5px 10px; }
#box-reg2r h2 { font: normal 14px 'Roboto Condensed', sans-serif; color: #333; padding: 10px 0 6px 10px; }
#box-reg2r ul { list-style: circle inside; padding: 20px 0 30px 10px; }
#box-reg2r li { font: bold 15px 'Roboto Condensed', sans-serif; color: #373334; }

/* -----------------------------------
footer
----------------------------------- */
#footer-wrapper { width: 1000px; margin: 0 auto; padding: 0; background-color: #911315; overflow: hidden; }
#address { width: 400px; padding: 0; float: left; }
#address h3 { font: normal 13px 'Roboto Condensed', sans-serif; color: #e4d0d1; padding: 10px 0 6px 10px; }
#links { width: 600px; padding: 0; float: left; }
#links-menu { padding: 25px 0 5px 0; float: right; }
#links-menu a { font: normal 12px 'Roboto Condensed', sans-serif; color: #e4d0d1; text-decoration: none; padding: 15px 10px 10px 0; }
#links-menu a:hover { color: #0b0a45; }
#h-line { padding: 0 10px 0 0; float: right; }
#copy-right { padding: 0 10px 20px 0; float: right; }
#copy-right h4 { font: normal 12px 'Roboto Condensed', sans-serif; color: #e4d0d1; text-decoration: none; padding: 0; } 
#copy-right a { font: normal 12px 'Roboto Condensed', sans-serif; color: #cd0009; text-decoration: none; }
#copy-right a:hover { color: #3d3c3c; }