@charset "utf-8";
/* CSS Document */

/*------------------------------------*\
  RESET
\*------------------------------------*/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, img {
  border: 0;
}
address, caption, cite, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}

/*------------------------------------*\
  MAIN
\*------------------------------------*/

html {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
}

body {
  line-height: 1.5em;
  font-size:0.75em;
  padding-top:10px;
}


/*------------------------------------*\
  TYPE
\*------------------------------------*/

/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 18px;
}

h1 {
  font-family: Arial,Helvetica,sans-serif;
  color:#385C96;
  font-size: 2em; /* 24px --> 24 ÷ 12 = 2 */
  line-height: 0.75em; /* 18px --> 18 ÷ 24 = 0.75 */
}

h2 {
  font-family:Tahoma, Arial, sans-serif;
  font-weight:400;
  border-bottom:1px solid #eee;
  color: #46647e;
  font-size: 1.666em; /* 20px --> 20 ÷ 12 = 1.666 */
  line-height: 0.9em; /* 18px --> 18 ÷ 20 = 0.9 */
}

h3 {
  color:#385C96; 
  font-weight:700; 
  font-family:"Calibri", Arial, sans-serif;
  font-size: 1.166em; /* 14px --> 14 ÷ 12 = 1.166 */
  line-height: 1.2857em; /* 18px --> 18 ÷ 14 = 1.2857 */
}

h4 {
  font-size: 1.166em; /* 14px --> 14 ÷ 12 = 1.166 */
  line-height: 1.2857em; /* 18px --> 18 ÷ 14 = 1.2857 */
}

h5, h6 {
  font-size: 1em; /* 12px --> 112 ÷ 12 = 1 */
  line-height: 1.5em; /* 18px --> 18 ÷ 12 = 1.5 */
}


/*--- PARAGRAPHS ---*/
p {
  margin-bottom: 18px;
}

/*--- LISTS ---*/
ul, ol {
  margin-bottom: 18px;
    /* Remember, if your magic number is
    different to this, use your own. */
}

ul {
  list-style: square outside;
}

ul ul,
ol ol {
  margin: 0 0 0 60px;
}

/*--- QUOTES ---*/
blockquote {
  margin: 0 60px 0 45px;
  border-left: 5px solid #ccc;
  padding-left: 10px;
  text-indent: -0.4em;
}

blockquote b {
  display: block;
  text-indent: 0;
}

/*--- LINKS ---*/
a{text-decoration:none; color:#2c498f;}
a:hover{text-decoration:underline; #color:#5174AD;}

/*--- ELEMENTS ---*/
img{border-color:grey;}

/*--- CLASSES and IDs ---*/

body {
	background: url(images/background.gif);
	margin: 0px;
	padding-top: 20px;
}
a{
text-decoration:none;
color:#FFFFFF;}

/*--------- Styles------------*/

/*--Header--*/
#header{
width:924px;
margin:auto;
margin-top:15px;
}

/*--Menu--*/
#menu{
height:46px;
width:919px;
margin:auto;
text-align:center;
background: url(images/menubg.gif);
padding-top:3px;
padding-left:7px;
}
#menu a{
float:left;
display:block;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
padding-left:24px;
padding-right:25px;
padding-top:13px;
padding-bottom:13px;
border-left:1px solid #000000;
}
#menu a:hover{
background:#ff0000;
}

#menu a:link{color:#ffffff;}
#menu a:visited{color:#ffffff;}
#menu a:active{color:#ffffff;}

#menu a.noborder {
border-left:none;
}

/*--Main Content--*/
#main{
width:891px;
margin:auto;
background:#ffffff;
border-right: 1px solid #c2c2c2;
border-left: 1px solid #c2c2c2;
border-bottom: 1px solid #c2c2c2;
}
#content{
padding:15px;  
}
#contentlistings{
padding:8px;  
}
/*--Columns--*/
#left{
width:297px;
float:left;
}
#lefttemp{
width:200x;
float:left;
}
#qsearch{
float:left;
width:243px;
height:177px;
margin-left:14px;
margin-top:14px;
margin-bottom:14px;
padding-left:40px;
padding-top:50px;
background: url(images/search.gif);
}
#qsearchtemp{
float:left;
width:162px;
height:228px;
margin-left:10px;
margin-top:14px;
margin-bottom:14px;
padding-top:40px;
padding-left:10px;
background: url(images/searchtemp.gif);
}
#smallsearch{
padding-left:350px;
padding-top:10px;
}
#yard{
float:left;
width:283px;
height:184px;
margin-left:14px;
cursor:pointer;
position:relative;
margin-bottom:14px;
background: url(images/yard_shot.jpg);
}
#yard a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#facebook{
float:left;
width:283px;
height:75px;
margin-left:14px;
margin-bottom:14px;
background: url(images/facebook.gif);
}
#mlist{
float:left;
width:273px;
height:95px;
margin-left:14px;
margin-bottom:14px;
padding-top:40px;
padding-left:10px;
background: url(images/maillist.gif);
}

#right{
width:566px;
float:left;
}
#righttemp{
float:left;
width:700px;
}
#banner{
float:left;
width:570px;
height:226px;
margin-left:10px;
margin-top:14px;
margin-bottom:14px;
background: url(images/budget_cars.jpg);
}
#finance{
float:left;
width:566px;
height:184px;
margin-left:14px;
margin-bottom:14px;
background: url(images/finance.jpg);
}
#toppicks{
float:left;
width:552px;
height:172px;
margin-left:14px;
margin-bottom:14px;
padding-left:14px;
padding-top:57px;
background: url(images/specials.gif);
}
.footer{
width:890px;
height:36px;
max-width:890px;
margin:auto;
margin-bottom:20px;
}
	
.footer, .footer a{ 
font-size: 11px; 
color: #666666;
background-color:#2f2f2f;
text-decoration:none;
text-align:center;}

.footer a:hover{
  color:#ffffff;
}

.footer a:link{color:#666666;}
.footer a:visited{color:#ffffff;}
.footer a:active{color:#666666;}

#inner_footer{
margin:10px;
}

p.copyright{ 
font-size: 9px; 
color: #666666;
}