@import URL("font.css");

 body { 
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #a9975f;
	color: #333;
	line-height: 130%;	
	margin: 0 0 20px 0;
	}
	

#wrapper {
	margin: 0 auto;
	width: 920px ;
	}
#header {
	background: url(../images/top-bg.jpg) no-repeat;
	height: 145px;
	margin: 0;
	}
#logo {
	float: left;
	
	height: 145px;

	}
	#logo h1 {
	display: block;
	background: url(../images/logo.gif) no-repeat;
	width: 162px;
	height: 54px;
	margin: 30px 0;
	padding: 0;
	}
	#logo h1 a {
	display: block;
	font-size: 0.8em;
	color: #fff;
	width: 162px;
	height: 54px;
	margin: 0;
	text-indent: -9000px;
	text-decoration: none;
	}
	#logo h1 a:hover {
	display: block;
	text-indent: -9000px;
	text-decoration: none;
	}
	/* navigation style */
	#topnav {
	float: left;
	width: 405px;
	height: 145px;
	margin: 0 0 0 32px
	}
	
		
		#ebrochure {
		float: left;		
		width: 94px;		
		height: 145px;			
		}
		#ebrochure img{
		margin: 0;
		border: 0;	
		}	
			
		#dealer {
		float: left;		
		width: 65px;		
		height: 145px;			
		}
		#dealer img{
		margin: 0;
		border: 0;	
		}
		
		#watchvideo {
		float: left;		
		width: 87px;		
		height: 145px;			
		}
		#watchvideo img{
		margin: 0;
		border: 0;	
		}
		
		#home {
		float: left;		
		width: 66px;		
		height: 145px;			
		}
		#home img{
		margin: 0;
		border: 0;	
		}
		
		#contactus {
		float: left;		
		width: 91px;		
		height: 145px;			
		}
		#contactus img{
		margin: 0;
		border: 0;	
		}
		
		
	#vioslogo {
	float: left;
	height: 145px;
	}
	#vioslogo h1 {
	display: block;
	font-size: 0.8em;
	background: url(../images/logo-vios.gif) no-repeat;
	width: 173px;		
	text-indent: -9000px;
	text-decoration: none;
	height: 67px;
	margin: 35px 0 0 0;
	padding: 0;
	}
/* Master content start here */	
#content {
	clear: both;
	height: 358px;
	margin: 0;
	border-bottom: 2px solid #d8d0b7;
	}
	#cont-left {
	float: left;
	background: url(../images/headervios.jpg) no-repeat;
	width: 684px;
	height: 358px;
	margin: 0;
	}
	#cont-right {
	float: left;
	width: 236px;
	height: 358px;
	margin: 0;
	}
	#cont-deepleft {
	float: left;
	width: 257px;
	height: 358px;
	margin: 0;
	}
	
	#cont-deepright {
	float: left;
	background: url(../images/deep-rightheader.jpg) no-repeat;
	height: 358px;
	width: 663px;
	margin: 0;
	}
	#cont-deepright p {
	margin: 0;
	}
	
	#cont-deepchoice {
	float: left;
	background: url(../images/deep-bgchoice.jpg) no-repeat;
	height: 358px;
	width: 663px;
	margin: 0;
	}
	#cont-deepchoice p {
	margin: 0;
	}
	
	#cont-deepHID {
	float: left;
	background: url(../images/deep-rightheader.jpg) no-repeat;
	height: 358px;
	width: 663px;
	margin: 0;
	}
	#cont-deepHID p {
	margin: 0;
	}
	#cont-deepsmartentry {
	float: left;
	background: url(../images/deep-bgsmartentry.jpg) no-repeat;
	height: 358px;
	width: 663px;
	margin: 0;
	}
	#cont-deepsmartentry p {
	margin: 0;
	}
	#cont-deepETCS-i {
	float: left;
	background: url(../images/deep-bgETCS-i.jpg) no-repeat;
	height: 358px;
	width: 663px;
	margin: 0;
	}
	#cont-deepETCS-i p {
	margin: 0;
	}
	
		#cont-a, #cont-comfort, #cont-design, #cont-space, #cont-safety, #cont-choice, #cont-watchvideo, #cont-HID, #cont-smartentry, #cont-ETCS-i,#cont-accesories {
		margin: 30px 20px 0 60px;
		padding:0;		
		}
		
		#cont-steeringswitch {		
		width: 575px;
		margin: 30px 0 0 60px;
		padding:0;		
		}	
			
		#cont-smartstartengine  {
		width: 530px;
		margin: 30px 0 0 60px;
		padding:0;		
		}
	
		#cont-a h2 {
		background: url(../images/title-intperformance.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		
		#cont-comfort h2 {
		background: url(../images/title-intcomfort.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		
		#cont-design h2 {
		background: url(../images/title-intdesign.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
			
		#cont-space h2 {
		background: url(../images/title-intspace.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		
		#cont-safety  h2 {
		background: url(../images/title-intsafety.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		
		#cont-choice  h2 {
		background: url(../images/title-intchoice.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		
		#cont-watchvideo  h2 {
		background: url(../images/title-watchvideo.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
			
		#cont-steeringswitch h2 {
		background: url(../images/title-steering.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		#cont-HID h2 {
		background: url(../images/title-HID.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		#cont-smartstartengine h2 {
		background: url(../images/title-smartstartengine.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		
		#cont-smartentry h2 {
		background: url(../images/title-smartentry.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		#cont-ETCS-i h2 {
		background: url(../images/title-ETCS-i.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
		
		#cont-accesories  h2 {
		background: url(../images/title-intaccesories.gif) no-repeat;
		text-indent: -9000px;
		height: 33px;
		margin: 0;
		padding: 0;
		}
	
		#cont-a img, #cont-comfort img, #cont-design img, #cont-space img, #cont-safety img, #cont-choice img, #cont-watchvideo img, #cont-steeringswitch img, #cont-HID img, #cont-smartentry img, #cont-ETCS-i img, #cont-accesories img {
		float: left;
		overflow: hidden;
		margin: 0 8px 0 0;
		border: none;
		}
		
		#cont-smartstartengine img{
		clear: both;
		overflow: hidden;
		margin: 0 8px 0 0;
		border: none;
		}
		
		#cont-a  p, #cont-comfort p, #cont-design p, #cont-space p, #cont-safety p, #cont-choice p, #cont-watchvideo p, #cont-steeringswitch p, #cont-smartstartengine p, #cont-ETCS-i p, #cont-HID p, cont-accesories p{
		margin: 30px 0 0 0;
		padding:0;
		}
		
		#cont-smartentry  p{
		margin: 145px 270px 0 0;
		padding:0;
		}
		
		#cont-a .box01, #cont-comfort .box01, #cont-design .box01, #cont-space .box01, #cont-safety .box01 {
		float:left;
		margin: 20px 0 0 18px;
		width: 260px;
		}
		#box-out-content{
		float:left;
		height:255px;
		margin: 0;
		width: 583px;;
		}
		#cont-a .box01 img, #cont-comfort .box01 img, #cont-design .box01 img, #cont-space .box01 img, #cont-safety .box01 img{	
		margin: 0 8px 0 0;
		border: none;
		}
		#cont-a .box01 p, #cont-comfort .box01 p,  #cont-design .box01 p, #cont-space .box01 p, #cont-safety .box01 p {
		clear: both;
		margin: 0;
		padding:  4px 0 0 0;
		}	
		
		#cont-safety  .box02, #cont-comfort .box02 {
		float:left;
		margin: 20px 0 0 18px;
		width: 500px;
		}
		#cont-safety  .box02 img, #cont-comfort .box02 img{	
		margin: 0 8px 0 0;
		border: none;
		}
		#cont-safety .box02 p, #cont-comfort .box02 p {
		clear: both;
		margin: 0;
		padding:  4px 0 0 0;
		}
		
		#cont-accesories .box03 {
		float:left;
		margin: 5px 0 0 18px;
		width: 160px;
		}
		#cont-accesories  .box03 img img{	
		margin: 0 8px 0 0;
		border: none;
		}
		#cont-accesories .box03 p {
		clear: both;
		margin: 0;
		padding:  4px 0 0 0;
		}
		
		/* other components */
		#nextbtn {
		clear: both;
		height: 24px;
		padding: 10px 0 0  0;
		margin: 0 0 0 10px ;
		}
		
		#nextbtn img {
		margin: 0;
		}
		
		#breadcrumb {
		margin: 0 0 0 200px;
		height: 26px;
		width: 206px;
		}
		#breadcrumb  img {
		margin: 0;
		}
	
		#scrollchoice {
		clear: both;
		padding: 0;
		margin: 0 0 0 10px ;
		width: 560px;
		height: 200px;	
		text-align: center;
		overflow: auto;
				
		}
		
		#breadcrumb02 {
		clear: both;
		height: 24px;
		padding: 4px 0 0 0;
		margin: 0 0 0 10px ;
		}
		
		#breadcrumb02  img {
		margin: 0;
		}
		
		#scrollchoice p{
		padding: 0;
		margin: 0 ;
		}
		
		#postcar {
		margin: 0 0 0 25px;
		width: 513px;
		height: 257px;
		}
	
#footer {
	clear: both;
	background: url(../images/bg-bottom.jpg) no-repeat;
	height: 182px;
	margin: 0;
	
	}
	#bottomnv  {
	width: 730px;
	height: 110px;	
	margin: 0 0 0 97px;
	}
		#intelligentperformance  {
		float: left;
		width: 117px;
		height: 90px;	
		}
		#intelligentperformance img { margin: 0; border: 0; }
		
		#intelligentdesign {
		float: left;
		width: 99px;
		height: 110px;	
		}
		#intelligentdesign img{ margin: 0; border: 0; }
		
		#intelligentspace{
		float: left;
		width: 98px;
		height: 80px;	
		}
		#intelligentspace img{ margin: 0; border: 0; }
		
		#intelligentsafety{
		float: left;
		width: 101px;
		height: 110px;	
		}
		#intelligentsafety img{ margin: 0; border: 0; }
		
		#intelligentcomfort{
		float: left;
		width: 102px;
		height: 88px;	
		}
		#intelligentcomfort  img {margin: 0; border: 0; }
		
		#intelligentchoice{
		float: left;
		width: 96px;
		height: 110px;	
		}
		#intelligentchoice  img { margin: 0; border: 0; }
		
		#intelligentaccesories{
		float: left;
		width: 115px;
		height: 80px;	
		}
		#intelligentaccesories img {margin: 0; border: 0; }
		
					
	#copyright {
	float: left;	
	font-size: 11px;
	text-align: right;
	width: 572px;		
	margin: 50px 0 0 0;
	}
	#labTV {
	float: left;
	margin: 60px 0 0 0;
	
	}