html {
	height : 100%; /* vert scroll in firefox */
}

/* positioning of main content in the body */
body {
	background : url('./site_generic_bg_tile.gif') #f2f2f2 repeat-y center top;
	color : #000;
	font-family : Arial, Helvetica, sans-serif;
	min-height: 100%;
	height: 100%;
}

.clearfix {
	clear: both;
}

/*
------------------------------------------------------ daihatsu logo
*/
#header h1 {
	float : left;
	width : 166px;
	height : 30px;
	margin-bottom : 30px;
	background : url("./site_daihatsu_logo.gif") transparent no-repeat left top;
	text-indent : -9999px;
}

#header h1 a {
	display : block;
	width : 166px;
	height : 30px;
	text-decoration : none; /* firefox 1.0.7 fix */
}

/*
------------------------------------------------------ site navigation
*/

ul.horiznavlist { }

/* float selected element and all other links */
ul.horiznavlist li {
	display : block;
	float : left;
	padding : 0px 6px;
	border-right : 1px solid #3e280a;
	background : none;
}

/* remove left padding from first item in a list */
ul.horiznavlist li.first {
	padding-left : 0px !important;
}

/* remove right padding from last item in a list */
ul.horiznavlist li.last {
	padding-right : 0px !important;
	border-right : 0px solid #fff;
}
						
/*
------------------------------------------------------ root layout
*/
#wrapper {
	position: relative;
	min-height: 100%;
	width : 885px;
	margin : auto; /* sticky footer - the bottom margin is the negative value of the footer's height */
	text-align : left;
}

#content {
	width: 885px;
	height: 600px;
	position: relative;
}

#clear {
	clear: both;
	background: red;
	width: 2px;
	height: 2px;
}

* html #wrapper {
	height : 100%;
}
					
/*
------------------------------------------------------ header
*/

/** header with buggy layout in gecko - as on current daihatsu
#header {
	margin : 25px 0px 25px 0px;
	display : block;
}
**/
#header {
	margin : 0px 0px 25px 0px;
	display : block;
	padding-top: 25px;
}

/* position the contact us text */
#header p#contactus {
	float : right;
	margin-top : 10px;
}

#header #contactus a {
	display : block;
	width : 147px;
	height : 15px;
	background : url('./site_header_contactus.gif') transparent no-repeat left top;
	text-indent : -9999px;
}
					
#header #navigation {
	display : block; /* safari width fix */
	height : 30px;
	background : url('./site_nav_bg.gif') transparent repeat-x left top;
	border-bottom : 5px solid #ed1c24;
}

#header #navigation ul,
#header #navigation ul li {
	margin : 0px;
	border : 0px;
	padding : 0px;
}

#header #primarynav {
	display : block;
	width: 100%;
	height: 60px;
}

/*
------------------------------------------------------ site car navigation
*/
#header #navigation ul#carnav li a {
	display : block;
	background-position : left top;
	background-repeat : no-repeat;
	height : 30px;
	text-indent : -9999px;
}

#header #navigation ul#carnav li a:hover {
	background-position : left bottom;
}

#header #navigation ul#carnav li#carnavhome a {
	background-image : url('./site_car_nav_home.gif');
	width : 61px;
}

#header #navigation ul#carnav li#carnavsirion a {
	background-image : url('./site_car_nav_sirion.gif');
	width : 60px;
}

#header #navigation ul#carnav li#carnavmateria a {
	background-image : url('./site_car_nav_materia.gif');
	width : 71px;
}

#header #navigation ul#carnav li#carnavterios a {
	background-image : url('./site_car_nav_terios.gif');
	width : 61px;
}

#header #navigation ul#carnav li#carnavcopen a {
	background-image : url('./site_car_nav_copen.gif');
	width : 65px;
}
								
								
/*
* header : navigation : site nav (right)
*/				
#header #navigation ul#sitewidenav {
	float : right;
}

#header #navigation ul#sitewidenav li a {
	display : block;
	background-position : left top;
	background-repeat : no-repeat;
	height : 30px;
	text-indent : -9999px;
}

/*
------------------------------------------------------ site link navigation
*/

#header #navigation ul#sitewidenav li a:hover {
	background-position : left bottom;
}

#header #navigation ul#sitewidenav li#navabout a {
	background-image : url('./site_nav_about.gif');
	width : 122px;
	margin-right : 3px;
}

#header #navigation ul#sitewidenav li#navbuying a {
	background-image : url('./site_nav_buyingguide.gif');
	width : 108px;
	margin-right : 4px;
}

#header #navigation ul#sitewidenav li#navusedcars a {
	background-image : url('./site_nav_usedcars.gif');
	background-position : left bottom;
	width : 92px;
	margin-right : 2px;
}

#header #navigation ul#sitewidenav li#navdealer a {
	background-image : url('./site_nav_dealer.gif');
	width : 107px;
	margin-right : 7px;
}

/*
------------------------------------------------------ page footer
*/

#footer {
	clear : both;
	position: absolute;
	bottom: 0;
	width : 885px;
	height: 28px;
	margin : 0 auto 28px auto;
	display : block;
	word-spacing : 1px;
	border-bottom : 5px solid #666;
	
}
				
#footer a {
	text-decoration : none;
	color : #666;
}

#footer a:hover {
	text-decoration : underline;
}

#footer ul {
	display : block; /* safari width fix */
	margin-bottom : 0 !important;  /* override default margin */
	color : #600;
	height : 23px;
}

#footer ul.horiznavlist li {
	border-right-color : #666;
	padding : 0px 8px;
}

#footer ul.horiznavlist li a {
	font-size : 11px;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
}

#footer #legalnav {
	float : left;
}

#footer #contactnav {
	float : right;
}

/*
---------------------------------------------------------------- clear footer
*/

.footerclear {
	clear: both;
}