html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none
}

html, body {height: 100%}

body {background-color: #F5F5F5; color: #5C5C5C; font-family: Helvetica, Arial, sans-serif; font-size: 100%}
h1, h1 span, h2, h3, h4 {color: #5D5D5D; font-family: 'Century Gothic', Helvetica, Arial, san-serif; font-weight: bold}
h1 {font-size: 1.803em; margin: 41px 0 20px; text-transform: uppercase}
h1 span {display: inline-block; text-indent: -9999px}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.125em;}
h5 {font-size: 1.125em; line-height: 1.25em}
#header h1 span, #hero h2 strong, #content h3 a, #content h4 span, a, h5 span {color: #d80000}

a {text-decoration: none}

/*CONTAINER*/
#container {margin: 0 auto; min-height: 100%; width: 960px}

/*HEADER*/
#header {}
#header h1 span {background: url(../images/toyotaFS_logo.png) 0 0 no-repeat; float: right; height: 59px; position: relative; top: -23px; width: 170px}

/*HERO*/
#hero {background: url(../images/hero_bgImg.png) 0 0 no-repeat; height: 580px; margin: 0 0 12px 0; width: 100%}
#hero h2 {float: left; padding: 0 0 0 30px; position: relative; top: 442px}
#hero p {float: right; line-height: 1.125em; padding: 0 30px 0 0; position: relative; top: 448px; width: 518px}
#hero p strong {font-weight: bold}
#hero p a, #hero p a span, .col4 form a, .col4 form a span {display: block; height: 34px; line-height: 31px}
#hero p a, .col4 form a {background: url(../images/btn_lt.png) 0 0 no-repeat; color: #FFF; float: right; font-family: 'Century Gothic', Helvetica, Arial, san-serif; font-size: .75em; font-weight: bold; margin: 19px 0 0; padding: 0 0 0 10px; width: 247px}
#hero p a span, .col4 form a span {background: url(../images/btn_rt.png) right 0 no-repeat;}

/*CONTENT*/
#content {font-size: .875em; margin-bottom: 30px}
#content div {border-top: 1px solid #D0D0D0; clear: both; font-size: .688em; margin: 40px 0 0; padding: 30px 0 0; position: relative; text-align: center}
#content div em {background-color: #f9fafa; top: 0;}
#content div a {display: inline-block}
/*#content div a:after {content:"Read More (+)"; display: inline-block}
#content div a.showless:after {content:"Read Less (–)"; display: inline-block}*/
#content div#toggleMore {border: none; display: none; margin: 0; padding: 7px 0 0; text-align: left}

.col4 ul li em, #content div em {display: block; height: 1px; left: 0; position: absolute; width: 100%}
.col4 ul li em.c1 {background-color: #bcb9b3; top: 0}
.col4 ul li em.c2 {background-color: #d2cfcc; top: 1px}
.col4 ul li em. c3 {background-color: #efefee; top: 2px}

.col4 ul {overflow: hidden}
.col4 ul li {background-color: #FFF; border-bottom: 1px solid #eaeae7; border-left: 1px solid #d9d8d4; border-right: 1px solid #d9d8d4; float: left; min-height: 280px; margin: 0 0 0 12px; padding: 20px; position: relative; width: 189px}
.col4 ul li:first-child {background: #FFF url(../images/currentToyota_bgImg.png) 0 0 no-repeat; margin: 0}
.col4 ul li h3 {margin: 0 0 19px}
.col4 ul li:first-child h3 {margin: 138px 0 8px 0; overflow: hidden}
.col4 ul li:first-child h3 span {display: block; float: right}

.col4 ul li p {line-height: 1.125em; margin: 0 0 19px}
.col4 ul li h4 {bottom: 10px; position: absolute}
.col4 ul li:first-child h4 {font-style: italic}

.col4 ul li h5 span {font-weight: bold}

.col4 ul li ul li {background: none; border: none; clear: both; float: none; min-height: 100%; margin: 10px 0; overflow: hidden; padding: 0; width: auto}
.col4 ul li ul li:first-child {background: none}

.col4 ul li ul li input {float: left; margin: 1px 7px 0 0}
.col4 ul li ul li label {float: left; width: 167px}

.col4 form a {bottom: 10px; float: none; font-size: inherit; font-weight: normal; margin-top: 9px; position: absolute; right: 10px; width: 68px}

.col4 ul li img {bottom: 5px; position: absolute; right: 0}

/*FOOTER*/
#footer {background-color: #5C5C5C; color: #E1E1E1; font-size: .813em; overflow: hidden; padding: 35px 0; width: 100%}
#footer ul {margin: auto; width: 483px}
#footer ul li:first-child {margin: 0}
#footer ul li {float: left; margin: 0 0 0 10px}
