/* CSS Document */

body {
	background-color: #3D3B3B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 14px;
	}

HTML{
scrollbar-face-color:#2F3951;
scrollbar-arrow-color:#C4C8D2;
scrollbar-track-color:#2C2929;
scrollbar-shadow-color:#2F3951;
scrollbar-highlight-color:#2F3951;
scrollbar-3dlight-color:#566A94;
scrollbar-darkshadow-Color:#566A94;
}

img {
	border:0;	
}


link {
margin: 0;
padding: 0;
}
.hand {
	cursor: pointer;
	cursor:hand;
}

form {
margin: 0;
padding: 0;
}

a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #475673;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: underline;
}


.Text, .TextBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
 .TextBold {
	font-weight: bold; 
 }

/*Mainstyles*/


#middle {
	position:absolute;
	width:500px;
	height:112px;
	left:32%;
	top:20%;
	margin-left:-250px;
	margin-top:-56px;
	}


.content {
	width: 967px;
	background-color: #000000;
	border: 0px solid #424040;
}

#top {
	width: 967px;
	height: 53px;
	white-space: nowrap;
}

#mid {
	background-color: #404F6E;
	width: 967px;
	height: 193px;
	display: table;
}

#midnoshrink {
	width: 967PX;
	height: 193px;
}

#menu {
	float: left;
	width: 197px;
}

#Kasten1 {
    float: right;
	width: 770px;
	height: 193px;
}

#space1 {
	height: 10px;
	width: 967px;
}

#space2 {
	height: 10px;
	width: 1px;
	float: left;
}

#bottem {
	width: 967px;
	height: 300px;
}

#bottem2 {
	width: 967px;
	height: 280px;
	background-image: url(bg_1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #F5F3F3;
}

#bottem3 {
	width: 967px;
	height: 280px;
	background-image: url(bg_1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #F5F3F3;
}

.bottem4 {
	background-image: url(bg_1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #F5F3F3;
}

#info1 {
	height: 300px;
	width: 240px;
	background-image: url(bg_1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #F5F3F3;
	float: left;
}
#info2 {
	height: 300px;
	width: 241px;
	background-image: url(bg_2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FEFDFD;
	float: left;
}

#info3 {
	height: 300px;
	width: 242px;
	background-image: url(bg_1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FEFDFD;
	float: left;
}

#info4 {
	height: 300px;
	width: 241px;
	background-image: url(bg_2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FEFDFD;
	float: left;
}


#textinfobox {
	height: 124px;
	width: 230px;
	padding-top: 10px;
	padding-left: 10px;
}


/*Pop styles*/

#ContentWelcome {
	width: 500px;
	background-color: #F1EFEF;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
}

#print{
	width: 500px;
	height: 23px;
	background-color: #DFD9D9;
	text-align: left;
	vertical-align: middle;
}

#subnavop {
	height: 23px;
	width: 500px;
	background-color: #EFECEC;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CDC2C2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDC2C2;
	padding-top: 3px;
}

#Textpop {
	width: 95%;
	margin-top: 15px;
	margin-left: 10px;
}

/*Contact Styles*/

#header {
	height: 20px;
	width: 967px;
	background-color: #726E6E;
}

#contact1 {
	height: 210px;
	width: 205px;
	float: left;
	margin-top: 10px;
	padding: 0px;
	margin-left: 10px;
}
#contact2 {
	height: 210px;
	width: 625px;
	float: left;
	margin-top: 10px;
	padding: 0px;
	margin-left: 86px;
}
#contact3 {
	height: 210px;
	width: 126px;
	float: left;
	margin-top: 10px;
	padding: 0px;
	margin-left: 5px;
}

.FormElemantSml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-image: url(bg_elemant.gif);
	background-repeat: repeat-x;
	border: 1px solid #D1CBCB;
}

.FormElemantBig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-image: url(bg_bigelemant.gif);
	background-repeat: repeat-x;
	border: 1px solid #D1CBCB;
	background-position: bottom;
}

/* Cars For Sale Styles */

.carInfo {
	background-color: #DEDADA;
	float: none;
}

#carInfo2 {
	height: 151px;
	width: 947px;
	margin-top: 10px;
	padding: 0px;
	margin-left: 10px;
	background-color: #EAE6E6;
}

#carText {
	width: 568px;
	height: 140px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	text-align: left;
	vertical-align: top;
}

#carsPicture {
	width: 200px;
	height: 133px;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

#CarsInfoSubnav {
	height: 34px;
	width: 957px;
	background-color: #CBC5C5;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}
/*Menu Styles*/
.glossymenu {
	list-style-type: none;
	margin: 30px 0px 0px 0px;
	padding: 0;
	width: 197px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;
}

.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 13px Arial, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 0px;
text-decoration: none;

}

* html .glossymenu li a{ /*IE only */
width: 197px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(glossyback2.gif);
}



/*Layer Pop Styles*/

.dhtmlwindow{
position: absolute;
border: 1px solid black;
visibility: hidden;
background-color: #3D3B3B;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #716C6C;
color: #716C6C;
cursor: move;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #3D3B3B;
background-color: #3D3B3B;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid #3D3B3B;
background-color: #716C6C;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}