/* MAIN CSS Document */
/* DEBORAH DA SILVA - AUTUS */

body {
margin: 20px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
background-color:#ffffff;
line-height:1.3em;


}

h1 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
line-height:1.3em
}


h1 .banner {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
line-height:1.3em
}




#header h1 .small{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
line-height:1.3em
}

#header h1 .small a:link{
color:#ffffff;
font-weight:bold;
text-decoration:none

}

#header h1 .small a:hover{
color:#ffffff;
font-weight:normal;
text-decoration:underline

}

#header h1 .small a:visited{
color:#ffffff;
font-weight:bold;
text-decoration:none

}

h2 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px;

}

h4 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin:0px;
padding:0px;
text-decoration:none

}


h4 a:link {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin:0px;
padding:0px;
text-decoration:none


}

h4 a:hover {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin:0px;
padding:0px;
text-decoration:none


}

h4 a:visited {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin:0px;
padding:0px;
text-decoration:none


}

h3 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
margin:0px;
padding:0px;
line-height:1.3em

}

h3 a:link {
color:#333333;
text-decoration:none}

h3 a:hover {
color:#333333;
text-decoration:none}

h3 a:visited {
color:#333333;
text-decoration:none}

a {
color:#66CC00;
text-decoration:underline;
}

a:hover {
color:#66CC00;
text-decoration:none;
}

.greenlink {
color:#66CC00;
}

#mid a {
color:#333333;
text-decoration:underline;
}

#mid a:hover {
color:#333333;
text-decoration:none;
}

#right a {
color:#333333;
text-decoration:underline;
}

#right a:hover {
color:#333333;
text-decoration:none;
}


.greyline {
width:100%;
height:10px;
border-top:dotted 1px #999999
}



#wraptop {
background-color:#FFFFFF;
width:1024px;
margin:auto;
text-align:left;
}



/* HEADER*/

#header {
width:1024px;
margin:auto;
height:110px;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
}


#sitemap {
padding:5px;
text-align:right;
margin-right:15px;
font-size:11px;
font-weight:bold;
color:#FFFFFF
}

#sitemap a:link{
color:#FFFFFF;
text-decoration:none
}

#sitemap a:hover{
color:#FFFFFF;
text-decoration:none
}

#sitemap a:visited{
color:#FFFFFF;
text-decoration:none
}

#menu {
padding:5px;
height:30px;
text-align:right
}



#strap {
margin-top:10px;
padding:5px;
text-align:right;
color:#ffffff;
margin-right:20px;
font-size:14px;
font-style:italic;
font-weight:bold
}


#heading {
color:#FFFFFF;
width:720px;
margin-top:50px;
margin-left:200px;
font-size:14px}

#heading  h1 {
color:#FFFFFF;
}


#heading .right{
color:#000000}


#heading  a:link{
color:#ffffff;
font-weight:bold;
text-decoration:none

}

#heading a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:underline

}

#heading  a:visited{
color:#ffffff;
font-weight:bold;
text-decoration:none

}


.clearall {
clear:both}





/* DIVIDERS*/



.divider {
width:100%;
height:10px;
}

.dividerclearboth {
width:100%;
height:10px;
clear:both
}





/* CONTENT*/


#wrap2 {
margin:auto;
background-color:#e6e6e6;
width:100%;
border-bottom:solid 4px #333333;
padding-bottom:5px;
padding-top:5px;
margin-bottom:10px;

}

#banner {

width:1012px;
margin:auto;
background-image:url(../images/homebar.png);
background-repeat:no-repeat;
height:297px;

}

#homebanner {

width:1012px;
margin:auto;
background-image:url(../images/homebar_boxes.png);
background-repeat:no-repeat;
height:297px;
}

#wrap3 {
margin:auto;
background-color:#32669c;
width:100%;
}



#content {
margin:auto;
width:1012px;

}


#wrap4 {
margin:auto;
background-color:#8ba7bc;
width:100%;
}

#bottom {
margin:auto;
width:1012px;
text-align:left;
padding:10px 0px 10px 0px

}


#leftwrap {
width:690px;
float:left}


#left {
width:450px;
float:left;
margin-right:30px;
display:block;
margin-top:20px;
color:#FFFFFF;
text-align:left;
margin-bottom:20px;
font-size:13px
}


#leftinternal {
width:1012px;
float:left;
display:block;
margin-top:20px;
color:#FFFFFF;
text-align:left;
margin-bottom:20px;
font-size:13px

}

#rightwrap{
width:250px;
float:right;
display:block;
margin-top:20px


}

#right{
width:250px;
display:block;
color:#ffffff;
text-align:left;
margin-bottom:20px

}


#righttop {
background-image:url(../images/rightcolumntop.png);
background-repeat:no-repeat;
height:30px;
}


#mid {
float:left;
width:250px;
display:block;
margin-top:20px;
color:#FFFFFF;
text-align:left;
margin-bottom:20px

}

#maincontent {
width:640px;
float:left;
margin-left:40px;
}

#maincontent2 {
width:640px;
float:left;
margin-left:40px;
margin-top:40px
}

.boxcopy {
padding:0px 10px 10px 10px;
color:#000000;
}

.boxcopy2 {
padding:0px 20px 20px 20px;
color:#000000;
}

.boxcopy3 {
padding:40px 40px 20px 20px;
color:#000000;
}


/* FOOTER */


#footer {
width:100%;
clear:both;
background-color:#333333;
margin:auto

}

#footercontent{
width:1012px;
margin:auto;
color:#FFFFFF;
font-size:9px;
text-align:left;
padding-top:5px;
}

#footercontent a{
color:#FFFFFF;
font-size:9px;
text-decoration: underline;

}

#footercontent a:hover{
color:#009900;
font-size:9px;
text-decoration: underline;

}


/* MAIN MENU*/


#mainmenu {
clear:both;
margin-left:310px;
color:#000000;
font-size:12px;
text-align:right;
font-weight:bold;
height:20px;


}

#mainmenu ul {
margin:0px;
padding:0px;
height:20px;
}

#mainmenu li {
display:inline;
list-style:none;
text-align:center;
float:left;
padding-right:10px



}

#mainmenu a {
float:left;
color:#ffffff;
text-decoration:none;
font-weight:bold;
padding:2px 3px 3px 3px;
text-align:center;
width:101px;
height:13px;
background-image:url(../images/menu.png);
background-repeat:no-repeat;

}

#mainmenu a:hover {
color:#000000;
font-weight:bold;
text-decoration:none;
background-image:url(../images/menu_over.png);
background-repeat:no-repeat;
padding:2px 3px 3px 3px;
text-align:center
}

#mainmenu .current{
color:#000000;
font-weight:bold;
text-decoration:none;
background-image:url(../images/menu_over.png);
background-repeat:no-repeat;
}

#mainmenu .last {
border:none
}






/* OTHER */

.floatright {
float:right;
padding-left:5px
}

.floatleft {
float:left;
padding-right:5px
}


.greyboxwrap {

width:250px;
float:left;
}


.greybox {
background-image:url(../images/green_back.png);
background-repeat:repeat-y;
width:250px;
float:left;
}

.greyboxtop {
background-image:url(../images/green_top.png);
background-repeat:no-repeat;
width:250px;
height:15px;
float:left;
}


.greyboxbottom {
background-image:url(../images/green_bottom.png);
background-repeat:no-repeat;
width:250px;
height:15px;
float:left;
}

#wrap3 #content #leftinternal .range {
	background-color: #FFFFFF;
	padding: 10px;
	float: left;
	text-align: center;
	width: 160px;
	margin-right: 10px;
}
#wrap3 #content #leftinternal .range p {
	margin: 0px;
	padding: 0px;
	color: #000000;
}
#wrap3 #content #leftinternal .range img.vehicle {
	margin-top: 5px;
	margin-bottom: 5px;
}
#wrap3 #content #leftinternal .vehicles {
	background-color: #FFFFFF;
	padding: 10px;
	text-align: left;
	width: 500px;
	margin-top: 20px;
}
#wrap3   #content   #leftinternal   .vehicles   p  {
	margin: 0px;
	padding: 0px;
	color: #000000;
}
#wrap3   #content   #leftinternal   .vehicles   img.vehicle  {
	float: left;
	margin-right: 20px;
}
#wrap3 #content #leftinternal .vehicles p.title {
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.clearfloatleft {
	clear:left;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
#wrap3 #content #leftinternal .forsale {
	background-color: #FFFFFF;
	padding: 10px;
	text-align: left;
	width: 100%;
	margin-top: 20px;
}
#wrap3  #content  #leftinternal  .forsale  p {
	margin: 0px;
	padding: 0px;
	color: #000000;
}
#wrap3 #content #leftinternal .forsale img.vehicle {
	float: left;
	margin-right: 20px;
}

li { font-size:12px;
color:#fff;
}

.greenbox
{
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    float: right;
	background-color: #BCDEA6;
	width: 200px;
	padding: 20px;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	-moz-box-shadow: 5px 5px 5px #1F4165;
	-webkit-box-shadow: 5px 5px 5px #1F4165;
	box-shadow: 5px 5px 5px #1F4165;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
}
.greenbox a
{
	color: #000;
	text-decoration: none;
}

.greenboxhome
{
	border-radius: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
	background-color: #BCDEA6;
	width: 180px;
	padding: 20px;
	color: #000;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	-moz-box-shadow: 5px 5px 5px #1F4165;
	-webkit-box-shadow: 5px 5px 5px #1F4165;
	box-shadow: 5px 5px 5px #1F4165;
	font-size: 1.2em;
}
.greenboxhome a
{
	color: #000;
	text-decoration: none;
}