/* =================================================
    CSS STYLES FOR Lenexa Automotive
   =================================================*/   
/* 
  === Basic Color Directory === 
Blue			  #003399
Red         #cc0000
Yellow      #ffff00
Green       #006600
Pink			  #ffccff
Light Blue  #99ccff
Lime        #99ff00
Tan         #e0cca1
Olive       #669900
Marroon     #660000

*/ 
   
/* generic */

body {
  text-align:left;
	background-color:#ffffff;
	background-image: url(media/bkgrnd.jpg);
  /*font-family: Trebuchet, Tahoma, Arial, Helvetica;*/
  font-family: Arial, Helvetica, sans-serif;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  /*font-family:Garamond, Trebuchet MS, Arial, Helvetica;*/
  font-size:  12px; 
  font-weight:normal; 
  color: #000000;
  margin:0px;
  padding:0px;
  }

h1 {font-family:Trebuchet, Tahoma, Arial, Helvetica; font-size:20px; font-weight:bold; color: #039;}
h2 {font-family:Trebuchet, Tahoma, Arial, Helvetica; font-size:18px; font-weight:bold; color: #039;}
h3 {font-family:Trebuchet, Tahoma, Arial, Helvetica; font-size:16px; font-weight:bold; color: #039;}
h4 {font-family:Trebuchet, Tahoma, Arial, Helvetica; font-size:14px; font-weight:bold; color: #039;}
h5 {font-family:Trebuchet, Tahoma, Arial, Helvetica; font-size:12px; font-weight:bold; color: #039;}
h6 {font-family:Trebuchet, Tahoma, Arial, Helvetica; font-size:10px; font-weight:bold; color: #039;}

a:link {text-decoration:none; color:#039;}
a:visited {text-decoration:none; color:#039;}
a:active{text-decoration:none; color:#039;}
a:hover {text-decoration:underline; color:#000000;}
.small {font-size: 10px; font-weight:normal;}
.big {font-size: 18px; font-weight:bold;}
.red {color:#8f0000; font-weight:normal;}
.error {color:#cc0000; font-weight:bold;}
.hidden {display:none;}
.print-hidden {display:none;}
.indent {margin-left:15px;}
.left {float:left; margin:0px 5px 0px 0px;}
.right {float:right; margin:0px 0px 0px 3px;}
.center {text-align:center;}
img {border:0;}
#bubble {text-align:left;}

ul li {list-style-type:disc;}
ul li li {list-style-type:square;}
ul li li li {list-style-type:circle;}
ol li {list-style-type:decimal;}
ol ol li {list-style-type:lower-alpha;}
ol ol ol li {list-style-type:lower-roman;}

#container {width:744px; padding:0;}
#head{width:744px; height:175px; background-image:url(media/head.jpg); background-repeat:no-repeat; color: #ffffff;}

#home{position:absolute; width:190px; height:130px; left:20px; top:20px; cursor:pointer;}
.nav{position:absolute; text-align:right; top:157px; left:400px;}
.nav a {font-size:12px; font-weight:bold; margin:0px 10px;}
.nav a:link {text-decoration:none; color:  #fff;}
.nav a:visited {text-decoration:none; color:#fff;}
.nav a:active{text-decoration:none; color:  #fff;}
.nav a:hover {text-decoration:none; color: #e3a704;}

#message{font-weight:bold; color:#8f0000; font-size:18px; text-align:center; border:dashed 3px #8f0000; margin:40px 0px 0px 0px; padding:40px 0px;}

#nav-bar{float:left; width:150px; background-image:url(media/bkgrnd.jpg); padding:0px 10px;}
#nav-bar div{border-top:solid 1px #8f0000; font-size:16px; color:#fff; text-decoration:none; font-weight:bold; padding:20px 0px; text-align:center;}
#nav-bar a:link {text-decoration:none; color:  #fff;}
#nav-bar a:visited {text-decoration:none; color:#fff;}
#nav-bar a:active{text-decoration:none; color:  #fff;}
#nav-bar a:hover {text-decoration:none; color: #e3a704;}
#address{border-top:solid 5px #8f0000; border-bottom:solid 5px #8f0000; padding:35px 0px; margin-bottom:20px;}

#content{float:left; width:573px; background-color:#fff; border-right:solid 1px #8f0000;}

#promo{float:left; width:393px; height:130px; background-color:#e3a704; text-align:center;}
#mech{float:left;}
#about-text{float:left; width:384px; height:150px; margin:10px 0px 0px 5px; border-right:solid 1px #ccc;}
#ase-text{float:left; width:165px; margin:10px 0px 0px 10px; color:#e3a704; font-size:11px;}

#box-1{float:left; width:170px; padding:5px; margin:15px 4px 5px 4px;}
#box-1 a, #box-2 a, #box-3 a {line-height:30px;}
#box-2{float:left; width:170px; padding:5px; margin:15px 4px 5px 4px;}
#box-3{float:left;width:170px; padding:5px; margin:15px 4px 5px 4px;}

#foot {float:left; background-color:#8f0000; color: #fff; font-size:11px; font-weight:bold; width: 744px; height:10px; text-align: center;}
#foot a:link {text-decoration:none; color:  #fff;}
#foot a:visited {text-decoration:none; color:#fff;}
#foot a:active{text-decoration:none; color:  #fff;}
#foot a:hover {text-decoration:none; color: #e3a704;}

/*--- Other Pages ---*/

#map {border:solid 1px #000;}
#title {width:573px; height:30px; line-height:30px; font-weight:bold; background-color:#e3a704; text-align:center; font-size:20px; font-style:italic; color:#039;}
#text {padding:10px;}