body {padding:0;margin:0;background-color:#f0f0f0;width:100%;padding-bottom:2em}
html {position:relative}
div {padding:0;margin:0}
hr {padding:0;margin:0}
#header {position:relative; height:80px;margin-top: 1em; clear:both; width:800px; margin-left:auto;margin-right:auto}
#header .logo { height:70px; float:left; }
#header #name { position:absolute;right:0px;top:20px;font-size:30px; font-family:Bitstream Charter, Palatino Linotype, Book Antiqua, serif;font-weight:bold }

#container {clear:both;border:solid 2px #333;background-color:white; margin-left:auto;margin-right:auto;width:1000px; padding:20px;padding-right:0;margin-bottom:1.5em;height:auto;}

#container #links {float:left; width:200px; list-style:none; margin:0;padding:0; margin-top:2em;}
#links li { text-transform:uppercase; line-height: 200% ;margin-left:10px;margin-right:10px;padding-right:20px;padding-left:20px;border-top:solid 0px #333;}

#links li a {color:#333;text-decoration:none}

#links li.active { z-index:3;background-color:#d40000; border-color:#d40000; width:218px; margin:0; padding:0;margin-left:10px;position:relative;}
#links li.active a { margin-left:25px; color:white; font-weight:bold}
.link_divider {border-top:0;border-bottom:solid 1px #333;padding:0;margin:0;margin-left:0px;margin-right:0px;width:160px;position:relative;left:-20px}




#content {overflow:auto;margin-left:220px;margin-right:20px;width:710px;border:solid 8px #e6e6e6; background-color:#ccc;padding:20px;font-family:Helvetica, sans-serif;position:relative; border-right:solid 8px #e6e6e6;line-height:140%;color:#171717;height:auto;width:694px;min-height:300px}


#content h1 {margin:0;padding:0;margin-top:10px;font-size:16pt;color:#d40000}
#content p {padding-left:10px;text-align:justify;padding-right:10px;}
#content li {padding-bottom:0.5em;}


#links li.active {background-color:#ccc;color:#d40000;}
#links li.active a {color:#d40000}
#links li .arrow {display:none}
#links li.active .arrow {display:block;*display:none;float:right;padding-right:10px}


#copyright {position:absolute;bottom:20px;color:#d40000;font-size:10pt;width:100%;text-align:center;margin-top:1em;*position:static}
#copyright a {color:#d40000}


#content a {color:#d40000}

.fake_container {min-height:300px}
.centered {text-align:center}
.content_image {border:solid 1px #333;

box-shadow: 2px 2px 2px #555;
-moz-box-shadow: 2px 2px 2px #555;
margin-top:1em;
}

#solarcar {width:500px;height:333px}



div.testimonial_quote {background-color:#ccc;background-image:url('images/testimonial-bg.png');background-repeat:repeat-y;padding:0em;padding-top:0;width:623px;margin-left:0px;margin-right:auto;margin-bottom:6.5em;} /*bottom margin should by modified for final testimonial*/


div.testimonial_quote div.l1 {padding-bottom:0px;background-image:url('images/testimonial-bottom.png');background-repeat:no-repeat;background-position:left bottom;}


div.testimonial_quote div.l1 div.l2 {background-image:url('images/testimonial-top.png');background-repeat:no-repeat;background-position:left top;width:623px;margin-left:auto;margin-right:auto;position:relative;min-height:240px;}

div.testimonial_quote div.l1 div.l2 div.testimonial_content {padding:3em;padding-top:2em;padding-bottom:30px;background:none;text-align:justify;font-style:italic;font-family:"Trebuchet MS", Helvetica, sans-serif;}


div.testimonial_quote_reversed {margin-right:0px;margin-left:auto}
div.testimonial_quote div.l1_reversed {background-image:url('images/testimonial-bottom-rev.png');}
div.testimonial_quote div.l2_reversed {}

.quote_attribution {
position:relative;
top:2.2em;
margin-left:210px;
padding:0;
width:auto;
}

div.quote_attribution_reversed {
position:relative;
top:2.2em;
margin-right:210px;
padding:0;
width:auto;
text-align:right;
}


/*plain bottom, but with images*/


div.testimonial {background-color:#ccc;background-image:url('images/testimonial-bg.png');background-repeat:repeat-y;padding:0em;padding-top:0;width:623px;margin-left:0px;margin-right:auto;margin-bottom:0em;} /*bottom margin should by modified for final testimonial*/


div.testimonial div.l1 {padding-bottom:0px;background-image:url('images/testimonial-simple-bottom.png');background-repeat:no-repeat;background-position:left bottom;}


div.testimonial div.l1 div.l2 {background-image:url('images/testimonial-top.png');background-repeat:no-repeat;background-position:left top ;width:623px;margin-left:auto;margin-right:auto;position:relative;min-height:240px;}

div.testimonial div.l1 div.l2 div.testimonial_content {padding:3em;padding-top:2em;padding-bottom:2em;background:none;text-align:justify;font-style:italic;font-family:"Trebuchet MS", Helvetica, sans-serif}


div.testimonial_reversed {margin-right:0px;margin-left:auto}
div.testimonial div.l1_reversed {background-image:url('images/testimonial-simple-bottom.png');}
div.testimonial div.l2_reversed {}

.testimonial_attribution {
position:relative;
top:1em;
margin-left:20px;
padding:0;
width:auto;
margin-bottom:4.5em;
}

div.testimonial_attribution_reversed {
position:relative;
top:1em;
margin-bottom:4.5em;
margin-right:20px;
padding:0;
width:auto;
text-align:right;
}






div.testimonial_attribution strong {color:#a00}
.testimonial_attribution_reversed strong {color:#a00}


div.quote_attribution strong {color:#a00}
.quote_attribution_reversed strong {color:#a00}

.browser_warning {display:none;*display:block;text-align:center;font-weight:bold}

.cookie_warning {font-family:sans-serif;position:fixed; height:auto;left:0;bottom:0;width:100%;background:#333;color:white}
.cookie_warning * {text-align:center}
.cookie_warning a {text-decoration:none;font-weight:bold; color:white}
.cookie_warning a:hover {opacity:0.7}
.centering {width:800px;margin:0 auto}
#links-alternate, #menu {display:none}


@media (max-width:1000px) {

.centering {width:auto}

#menu {display:block;width:100px;float:left;margin-bottom:10px}
#menu a {display:block;height:100px;background-color:#f00;color:white;text-decoration:none;font-size:70px;}
#links-alternate {position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;background-color:#f00}
#header {text-align:center;height:auto; margin-bottom:0.3em}
#header #name {position:static;}
#header .logo {float:none}
#container {width:auto}
#links {display:none}
#content {margin: 10px auto}
.arrow {display:none}
.link_divider {border-color:white;color:white;width:100%;left:0}
#links-alternate {list-style:none;padding:0;margin:0}
#links-alternate li {list-style:none;margin:1em auto;width:50%;margin:1em auto;text-align:center}
#links-alternate a {color:white;text-decoration:none;}
#content {width:auto}
#container {padding:0}
#header {width:auto}
#header #name {font-size:1em}

}