@charset "UTF-8";
/* CSS Document */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	
	background: transparent;
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1;
	background:#000 url(../i/header_bg.jpg) repeat-x;
}
a {
	color: #6881a2;
	text-decoration:none;
}
a:hover {
	color: #6881a2;
	text-decoration:underline;
}
h1 { font-size:1.2em; text-transform:uppercase; font-weight:bold; margin-bottom:15px }
p { margin-bottom:8px; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* MAIN */
#viewport {
	margin:0 auto 0 auto;
	width:887px;
	background:url(../i/bg.jpg) no-repeat 0px 126px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#header {
	height:126px;
	width:887px;
	font-size:0.8em;
	font-weight:bold;
	height:126px;
}
#header a {
	color:#3d4d62;
}
#header a:hover {
	color:#578d53;
	text-decoration:none;
}
#logo { 
	width:443px;
	float:left
}
#topmenu {
	float:right;
	background:url(../i/windmills.gif) right top no-repeat;
	height:126px;
}
#topmenu a{
	margin:50px 30px 0 0;
	display:block;
	float:right
}
#home_banner {
	width:877px;
	margin:5px 0 0 5px;
	z-index:10;
}
#home_content {
	background-color:#616f83;
	padding:12px;
	margin:5px;
	font-size:0.85em;
	line-height:1.3em;
}
#home_content .content_text {
	background-color:#fff;
	width:251px;
	height:270px;
	padding:15px;
	float:left
}
#home_content .content_feature {
	background-color:#fff;
	margin:0 0 0 12px;
	width:274px;
	height:300px;
	float:left
}
#home_content .content_feature .feature_content_text {
	padding:15px;	
}
#maincontent {
	background-color:#616f83;
	padding:12px;
	margin:5px;
	font-size:0.85em;
	line-height:1.3em;
}
#maincontent .content_L {
	background-color:#fff;
	width:503px;
	padding:15px;
	float:left
}
#maincontent .content_R {
	background-color:#fff;
	width:298px;
	padding:5px;
	margin-left:12px;
	float:left
}

#maincontent .content_R .content_R_text{
	padding:10px;
}
#maincontent .content_R .content_R_text p{
	padding-top:8px;
	border-top:1px dotted #666
}

#viewport {
 margin-bottom:-105px;
}
#footer, #push {
	height: 100px; /* .push must be the same height as .footer */
}
#footer {
	margin:5px auto 0 auto;
	width:877px;
	font-size:0.9em;
	background-color:#565656;
	line-height:1.2em;
	color: #fff;
}
#footer a, #footer a:link, #footer a:visited { color: #fff; text-decoration:none }
#footer a:hover, #footer a:active { color: #6881a2; text-decoration:none }
.footer {
	height:18px;
	padding:5px 18px 0 18px;
	text-transform:uppercase;
	color:#5f5f5f;
	font-size:0.8em;
	background-color:#2a2a2a;
}
#footerMenu {
	float:right;
}
#footerMenu a { margin:0 8px 0 8px; }
.footerpages {
	font-size:0.8em;
	float:right;
	text-align:right;
	padding:8px 16px 8px 8px;
}
.footerpages a {
	padding:0 7px 0 7px;
	border-right:1px #aaaaaa solid;
}
.footerpages .last { border-right:none; }
.footerdetails {
	position:relative;
	color:#999;
	font-size:0.8em;
	padding:8px 16px 16px 16px;
	height:30px;
}
.copyright {
	position:absolute;
	color:#999;
	bottom:0px;
	left:16px;
	text-align:left
}
.address {
	position:absolute;
	bottom:0px;
	right:16px;
	text-align:right
}



/* Pages */
/* Main */
#maincontent .sitemap {  }
#maincontent .about { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .media { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .contact { background:#FFF url(../i/content_bg.gif) no-repeat }
	/* ----- power ----- */
#maincontent .charging { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .private { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .public { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .vision { background:#FFF url(../i/content_bg.gif) no-repeat }
	/* ----- electric ----- */
#maincontent .electric { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .corporate { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .dealer { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .history { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .media { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .models { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .savings { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .technology { background:#FFF url(../i/content_bg.gif) no-repeat }
	/* ----- racing ----- */
#maincontent .racing { background:#FFF url(../i/racing_head.jpg) no-repeat; padding-top:370px; }
#maincontent .bike { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .future { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .races { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .team { background:#FFF url(../i/content_bg.gif) no-repeat }
	
#maincontent .bolt img{ margin:-15px 0 0 -15px }
#maincontent .force img{ margin:-15px 0 0 -15px }
#maincontent .spark img{ margin:-15px 0 0 -15px }
#maincontent .electro img{ margin:-15px 0 0 -15px }

/* Right */
#maincontent .sitemap_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .about_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .media_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .contact_R { background:#FFF url(../i/content_bg.gif) no-repeat }
	/* ----- power ----- */
#maincontent .charging_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .private_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .public_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .vision_R { background:#FFF url(../i/content_bg.gif) no-repeat }
	/* ----- electric ----- */
#maincontent .electric_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .corporate_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .dealer_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .history_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .media_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .models_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .savings_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .technology_R { background:#FFF url(../i/content_bg.gif) no-repeat }
	/* ----- racing ----- */
#maincontent .racing_R {background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .bike_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .future_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .races_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .team_R { background:#FFF url(../i/content_bg.gif) no-repeat }
/* ----- models ----- */
#maincontent .bolt_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .force_R { background:#FFF url(../i/content_bg.gif) no-repeat }
#maincontent .spark_R { background:#FFF url../i/content_bg.gif) no-repeat }
#maincontent .electro_R { background:#FFF url(../i/content_bg.gif) no-repeat }

.boltbutt { background-image:url(../i/models_bolt.jpg); }
.boltbutt a img{ display:block; visibility:hidden; }
.boltbutt a:hover img{ display:block; visibility:visible; }

.electrobutt { background-image:url(../i/models_electric.jpg); }
.electrobutt a img{ display:block; visibility:hidden; }
.electrobutt a:hover img{ display:block; visibility:visible; }

.forcebutt { background-image:url(../i/models_force.jpg); }
.forcebutt a img{ display:block; visibility:hidden; }
.forcebutt a:hover img{ display:block; visibility:visible; }

.sparkbutt { background-image:url(../i/models_spark.jpg); }
.sparkbutt a img{ display:block; visibility:hidden; }
.sparkbutt a:hover img{ display:block; visibility:visible; }

/* FORM */

/* GENERAL ELEMENTS*/

.clr {
	clear:both;
	line-height:0em;
	font-size:0em;
	height:0em;
}
.floatR { float:right }
.floatL { float:left }



.credit {
	margin:4px 0;
	font-size:0.9em;
	padding:4px 0 8px 2px;
}