@charset "UTF-8";
/* CSS Document */
body  {
    font: Arial, Helvetica, sans-serif;
    margin: 0; 
    padding: 0;
    background: #f5f7f8;
}

h1 {
    text-align: center;
    font-size:22px;
}

/* structural elements */
#container { 
    width:1024px;
    margin:0;
    padding: 0;
    /*text-align: left;*/
    background: #f5f7f8 url(/mid.gif) repeat-y;
} 

#content { 
    float:left;
    width: 575px;
    margin:0;
    padding: 0 15px 0 25px;
    font: 16px Arial, Helvetica, sans-serif;
    border:0px solid #f00;
} 

#content_single {
    width: 575px;
    margin:0;
    padding: 30px 15px 0 25px;
    font: 16px Arial, Helvetica, sans-serif;
    margin-left:330px;
}

#header { 
    background-image: url(/header.gif); 
    padding: 0 10px 0 0;
    height: 355px; 
} 

#left {
   float:left; 
   width:310px;
   text-align: center;
   padding-left:20px;
}

#wrapper { 
    width: 1024px; 
    margin: 0 auto;
    padding: 0;
} 


/* custom styles */
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

#google_search {
   text-align:left; 
   margin-left: 10px;
}
.hidden {
     visibility: hidden;
 }

#phone {
     font: 18px Arial, Helvetica, sans-serif;
 }
.sidebar_box {
    text-align:center;  
    margin: 0 0 20px 0;  
}




/* Structural Elements */
#container1 { 
    position: relative;
    width: 1024px; 
    margin: 0 auto;
    padding: 0;
    text-align: left;
} 




/*-------#content styles------------*/

#content h2 {
    font-size: 14px;
}

#content dl dl{
    padding:0;
  margin: 0;
}

#content li {
    padding: 5px;
}
#content blockquote {
    text-align: center;
}
#content img{
    border: none;
}
#content a {
 outline: none; 
}
/*
#tinyCatalog {
    position: relative;
    left: 400px;
}
*/

/*--------nav styles----------*/
#home_link {
  margin:-10px 0 0 30px;
  width:100px;
  height:50px;
  background: url(/home.gif) no-repeat center center;
}


#home_link:hover {
  margin:-10px 0 0 30px;
  width:100px;
  height:50px;
  background: url(/home-over.gif) no-repeat center center;
}
}



#nav {
}
#nav li {
    float: left;
    list-style-type: none;
    padding: 15px 15px 15px 10px;
}
#nav a {
    text-decoration: none;
    outline: none;
}
#home {
   background-image: url(/home.gif);
   padding: 7px 0 26px 10px;

    background-repeat: no-repeat; 
}
#home:hover {
    background-image: url(/home-over.gif);
}
#al {
    background-image: url(/a&l.gif);
    padding: 0 0 20px 43px;
    background-repeat: no-repeat;
}
#al:hover {
    background-image: url(/a_l-over.gif);
}
#retail {
    background-image: url(/retail.gif);
    padding: 0 10px 20px 78px;
    background-repeat: no-repeat;
}
#retail:hover {
    background-image: url(/retail-over.gif);
}
#test {
    background-image: url(/testimonials.gif);
    padding: 0 7px 5px 30px;
    background-repeat: no-repeat;
}
#test:hover {
    background-image: url(/testimonials-over.gif);
}
#exec {
    background-image: url(/executive.gif);
    padding: 0 7px 5px 25px;
    background-repeat: no-repeat;
}
#exec:hover {
    background-image: url(/executive-over.gif);
}
#pub {
    background-image: url(/published.gif);
    padding: 0 7px 20px 32px;
    background-repeat: no-repeat;
}
#pub:hover {
    background-image: url(/published-over.gif);
}
#con {
    background-image: url(/contact.gif);
    padding: 0 7px 5px 20px;
    background-repeat: no-repeat;
}
#con:hover {
    background-image: url(/contact-over.gif);
}


/*--------footer----------*/
#footer { 
    float: left;
    padding: 0;
    background-image: url(/footer.gif);
    background-repeat: no-repeat;
    height: 200px; 
    width: 1024px;
    font: 10px Arial, Helvetica, sans-serif;
    text-align: center;
    overflow: hidden;
    max-height: 200px;
} 
#ftext {
    padding: 70px 0 0 0;
  clear:both;
}
#footer a {
    color: #000000;
}

/* custom */
#hon {
    position: relative;
    top: -120px;
    left: 40px;
    padding: 0;
    width: 160px;
    height: 100px;
    text-align: left;
  float:left;
}
#hon img {
    float: left;
    padding: 0 5px 0 0;
}
#dotmed {
    position: relative;
    top: -150px;
  left: 40px;
  width: 160px;
    height: 100px;
  margin:0 0 0 800px;
}
#mid {
    background-image: url(/sign.gif);
    position: absolute;
    top: 900px;
    left: 83px;
    height: 200px;
    width: 270px;
    visibility: hidden;
}
#mid p {
    font: bold 18px Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 10px 30px 0 30px;
}
#sidebar {
  width: 500px;
  margin: 0;
  padding: 0;
}
#sidebar1{
 position: absolute;
 
}
#blog {
    background-image: url(/blog.gif);
    height: 235px;
    width: 240px;
    margin: 0 auto;
}
#blog:hover {
    background-image: url(/blog-over.gif);
}
#blog a {
    text-decoration: none;
    outline: none;
}

/*-------------testimonials--------------*/
#testimonials {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
#    background-image: url(/test1.gif);
#    background-repeat: no-repeat;
}
#newtest2 {
     padding-left:3px;
#    background-image: url(/test2.gif);
#    background-repeat: no-repeat;
}
#testimonials3 {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
#    background-image: url(/test3.gif);
#    background-repeat: no-repeat;
}
#testimonials4 {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
#    background-image: url(/test4.gif);
#    background-repeat: no-repeat;
}
#testimonials5 {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
#    background-image: url(/test5.gif);
#    background-repeat: no-repeat;
}
#testimonials6 {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
#    background-image: url(/test6.gif);
#    background-repeat: no-repeat;
}
#testimonials7 {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
#    background-image: url(/test7.gif);
#    background-repeat: no-repeat;
}
#testimonials8 {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
#    background-image: url(/test8.gif);
#    background-repeat: no-repeat;
}
#testimonials9 {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
#    background-image: url(/test9.gif);
#    background-repeat: no-repeat;
}
#testimonials10 {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
#    background-image: url(/test10.gif);
#    background-repeat: no-repeat;
}
#testimonials11 {
    position: absolute;
    top: 340px;
    height: 230px;
    width: 0px;
    left: 30px;
   # background-image: url(/test11.gif);
   # background-repeat: no-repeat;
}


/*--------nav arrows----------*/

#arrow1 {
    background-image: url(/arrow.gif);
    position: absolute;
    top: 221px;
    left: 60px;
    height: 10px;
    width: 20px;
}
#arrow2 {
    background-image: url(/arrow.gif);
    position: absolute;
    top: 221px;
    left: 175px;
    height: 10px;
    width: 20px;
}
#arrow3 {
    background-image: url(/arrow.gif);
    position: absolute;
    top: 221px;
    left: 625px;
    height: 10px;
    width: 20px;
}
#arrow4 {
    background-image: url(/arrow.gif);
    position: absolute;
    top: 221px;
    left: 337px;
    height: 10px;
    width: 20px;
}
#arrow5 {
    background-image: url(/arrow.gif);
    position: absolute;
    top: 221px;
    left: 890px;
    height: 10px;
    width: 20px;
}
#arrow6 {
    background-image: url(/arrow.gif);
    position: absolute;
    top: 221px;
    left: 772px;
    height: 10px;
    width: 20px;
}
#arrow7 {
    background-image: url(/arrow.gif);
    position: absolute;
    top: 221px;
    left: 472px;
    height: 10px;
    width: 20px;
}


/*--------Sitemap Stuff-----------*/
.sitemap {
    margin: 0 20px;
}
.pager { 
  background-color:#eee; 
  border:#ccc 3px solid;
  padding:3px;
  text-align:center;
  font:normal 12px verdana;
}
.lhead { 
  background-color:#eee; 
  border-top:#aaa 3px solid;
  border-bottom:#aaa 3px solid;
  padding:3px;
  font:bold 14px verdana;
}
.lpart { 
  background-color:#f0f0f0; 
  border-left:#ccc 2px solid;
  padding-bottom:25px;
}
.lpage { 
  font:normal 12px verdana;
}
.lcount { 
  background-color:#999; 
  color:#fff;
  padding:2px;
  font:bold 12px verdana;
}
.sitemap a:link{
  padding:1px;
  color:#009;
  text-decoration:none;
}
.sitemap a:visited{
  padding:1px;
  color:#009;
  text-decoration:none;
}
.sitemap a:visited{
  color:#669;
}
.sitemap a.aemphasis{
  color:#009;
  font-weight:bold;
}
.sitemap a:hover{
  text-decoration:underline;
  color:#930;
}
.sitemap hr {
  color:#ccc;
} 

/********** FORMS **************/

label.reqd {   /* for required fields */
  font-weight:bold;
}
label.left {
  width: 120px;
  display: block;
  float: left;
  text-align: right;
  clear: left;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  padding-right: 10px;
}
.sysmsg {
  color: #f00;
  margin-bottom:25px;
}
form .indent {
  margin-left: 130px;
}
form p {
  margin: 0;
  padding: 0 0 5px 0;
}
input {
  margin: 0.5em 0;
}
#dy_node_submit {           /* for automatically generated forms that submit to database */
  margin-left: 130px;
}
.wv-validation-error {      /* for error messages display on failed form submissions */
  border: 2px solid #F00;
}
p#email2 {                  /* be sure to include this rule if you are using our forms */
  display: none;            /* it keeps normal users from seeing the spambot honeypot  */
}

/*********** COMMENT FORM ************/

.comment_form {
  width: 90%;
  padding: 12px;
  margin: 15px 0;
}
.comment_form label {
  display: block;
  width: 80px;
  text-align: right;
  float: left;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  clear: left;
  padding: 0 5px 0 0;
}
input#feedback_name, input#feedback_email, input#feedback_subject, textarea#feedback_body {
  background-color: #eee;
  border: none;
  padding: 3px;
  margin:0;
}
.comment_form .indent {
  margin-left: 85px;
}
.comment_form #submit_button {
  margin: 12px 0 0 90px;
}
#comment_email2 {
  display: none;   /* spam robot trap */
}
input#feedback_subject {
  width: 80%;
}
.comment_form p {
  margin: 0 0 5px 0;
  padding: 0;
}
textarea#feedback_body {
  width: 80%;
  height: auto;
}
.form_note {
  font-size: 80%;
}
div#comments {
  border-top: 1px solid #520602;
  padding-top: 10px;
  margin-top: 15px;
}



/*----- from template ------*/
/*
#partners {
position: absolute;
top: 891px;
left: 80px;
}
#cse-area {
position: absolute;
top: 831px;
left: 30px;
}
#hubjava {
position: absolute;
top: 1050px;
left: 60px;
}
*/


