
/*  CSS  html body style for centre    */





body {
padding:0px;
margin:0px; 
font-size: 12px; 
font-family:Arial, Helvetica, sans-serif;
color:#333333;
height:100%;
background-color:#000000;
}

/*  CSS  container for centre content  */


#wrapper{
width: 915px;
position: relative;
margin-left: auto;
margin-right: auto; 
padding:0px;
margin-top:0px;
}
#mid_wrapper{
width:100%;
background-image:url(../images/middle_repeat.gif);
background-repeat:repeat-x;
background-color:#e1e0e5; 
float:left;
}



a:link {
color:#333333;
text-decoration:none; 

}

a:visited{
color:#333333; 
 text-decoration:none; 

}

a:hover{ 
color:#ffffff; 
text-decoration:underline;

}

img{border:none}

clear{
margin:0px; 
padding:0px; 
font-size:1px
}

form{
margin:0px;
padding:0px;
}


p{
margin:0 0 20px 0; 
padding:0px;
line-height:20px;

}

h3{
margin:20px 0 20px 0; 
padding:0px;
font-size:16px;
font-weight:bold;

}



fieldset {
position:relative;
width:378px;
top:-20px;
padding:10px;
font-weight:bold;
}

 label{ 
width:150px;
float:left;
padding-left:8px;
font-size:12px !important;
font-weight:normal !important;
}

.margin{
margin-bottom:8px;
}

.margin-top{
margin-bottom:8px; 
margin-top:8px;
}

.ul_nomargin{
list-style-type:none;
font-weight:bold;
margin-left:0px;
padding:0px;

}

/*  CSS  Header styles */

#header{
position:relative;
background-image: url(../images/header_background.jpg);
background-repeat:no-repeat;
float:left; 
width:915px;
height:187px;
top:0px;
padding:0px;
margin:0px; 
display:block;
clear:both;
}


#header ul{
margin:8px 0 0 0; 
padding:0px; 
list-style-type:none;
width:670px;
color:#ffffff;
font-size:11px;
}


#header ul li{
margin:0px; 
padding:0px; 
text-align:right;
}

#header ul li span{
color:#999999!important
}


#header ol{

margin:45px 0 0 415px; 
padding:0px; 
list-style-type:none;
color:#333333;
font-size:12px;
}


#header ol li{
margin:0px; 
padding:0 8px 0 8px; 
text-align:right;
border-right: 1px dotted #666666;
display:inline;
}

.last{
margin:0px;
padding:0 0 0 5px!important;
border:none!important}


/*  CSS  division and styles for left side */


#left {
position:relative;
float: left; 
width: 495px; 
margin:0px; 
padding:0 0 50px 0 ; 
display:block;
}

.h1{
width:899px; 
margin:0px;
padding:4px; 
background-color:#666666; 
display:block; color:#ffffff; 
font-size:16px;
background-image:url(../images/porsche_back.gif);
background-position:right;
background-repeat:no-repeat;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
float:left;
}
.car_box{
width:907px; 
margin:0px; 
padding:0px;
border-left:1px solid #333333;
border-right:1px solid #333333;
background-color:#ffffff;
border-bottom:1px solid #333333;
float:left;
}



.car_box_img {
width:206px; 
height:113px; 
background-color:#ffffff;
float:left;
display:block;

}

.description{
float:right; 
width:560px; 
margin:0px; 
padding:0 10px 0 0;

}

.description h2 {
font-size:12px;
font-weight:bold;
height:26px;
overflow:hidden;
margin:0 0 0 0;
margin-top:5px;
padding:0 5 0 0;
}


.description p {
font-size:12px;
margin:0px;
margin-bottom:5px;
padding:0px;
overflow:hidden;
}

.price{
float:right; 
width:120px; 
margin:0px; 
padding:0px;
margin-bottom:3px;

}

.car_box a, .car_box a:visited{
width:100px;
height:14px;
text-align:center;
margin:7px 0 0 5px;
padding:3px;
background-color:#999999;
font-size:12px;
color:#000000;
display:block;
border:1px solid #000000;
text-decoration:none;
}

.sold {
width:100px;
height:14px;
text-align:center;
margin:7px 0 0 5px;
padding:3px;
font-weight:bold;
background-color:#f9a633;
font-size:12px;
color:#FFFFFF;
display:block;
border:1px solid #000000;
text-decoration:none;
}


.car_box a:hover{
width:100px;
height:14px;
text-align:center;
margin:7px 0 0 5px;
padding:3px;
background-color:#ffffff;
font-size:12px;
color:#000000;
display:block;
border:1px solid #000000;
text-decoration:none;
}



.price p {
font-size:12px;
margin:0px;
padding:0px;
font-weight:bold;
text-align:center;
}

/*  CSS  division and styles for right side */



#right {
position:relative;
float: right;
top:0px; 
width: 410px;
margin:0px; 
padding:0px; 
}




#right th{
background-color:#333333;
color:#cccccc;
}

#right td{
border:1px dotted #333333; 
background-color:#666666;
color:#cccccc;
}



#middle {
position:relative;
float: left; 
width: 915px; 
margin:0px; 
padding:0px;

}

#service_ul_pics{
margin:0px;
padding:25px 0 0 0;
list-style-type:none;
}

#service_ul_pics li{

width:143px;
height:82px;
margin:0 18px 0 0;
padding:0px;
display:inline;
}


#service_last{

width:143px;
height:82px;
margin:0px!important;
padding:0px;
display:inline;
}

#service_ul_pics li img{
border:1px solid #666666;
}


#customers{
position:absolute;
margin:0px 0 0 0;
padding:0px;
left:660px;
width:250px;
}




#big_porsche{float:right;margin:-15px 0 0 0 ; padding:0px;}

#big_porsche_service{margin-top:118px;}


.top_p{width:535px!important}

.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */

#footer{
clear: both;
width:100%;
padding:0px;
height:226px;
display:block;
margin:0px;
background-image: url(../images/footer_repeat.jpg) ; 
background-repeat:repeat-x;
background-color:#000000;
}

#footer_container {
bottom:0px!important;
margin-left: auto;
margin-right: auto; 
width: 915px;
padding:5px 0 0 0; 
display:block; 
}


#ads_ul {
margin:0px; 
padding:0px; 
list-style-type:none;
}


#ads_ul li {
margin:0px;
padding:0px;
display:inline;
 }
 
 
#contacts_ul {
margin:0 0 0 -5px; 
padding:0px; 
list-style-type:none;
float:left; 
width:300px;
}


#contacts_ul li {
margin:0px;
padding:5px 0 0 5px;;
}
 
#contacts_ul a, #contacts_ul a:visited{
color:#666666!important;
text-decoration:none;
font-size:11px;
}

#contacts_ul a:hover{
color:#ffffff!important;
text-decoration:underline;
font-size:11px
}


.ul_sales{
position:relative;
left:-10px;
margin:-20px 0 0 0 ;
padding:0px;
list-style-type:none;
float:right;
width:150px;
color:#666666;
font-size:11px;
}

.ul_sales li{
text-align:right;
margin:0 0 5px 0;
padding:0px;

}

.ul_sales span{color:#ffffff; font-size:12px!important}

#footer ol{
margin:20px 0 5px -5px; 
padding:0px; 
list-style-type:none;
color:#333333;
font-size:12px;
float:left;
width:915px;
}


#footer ol li{
margin:0 0 0 0; 
padding:0 8px 0 8px; 
text-align:right;
border-right: 1px dotted #666666;
display:inline;
}


#footer  a, #footer a:visited{
color:#ffffff;
text-decoration:none;
font-size:12px;
}




#footer a:hover{
color:#ff0000;
text-decoration:underline;
font-size:12px
}

