* {padding: 0; margin: 0;}

body {font-family: Verdana, Helvetica, sans-serif; font-size: 100%; color; #000000; background: #FFFFFF url(/images/site/bg-body.png) repeat-x top;}

/* layout */
#wrapper {width: 960px; margin: 10px auto;}
#header {float: left; width: 100%; font-size: 0.8em; margin: 0 0 15px 0;}
#content {float: left; width: 100%; font-size: 0.75em;}
#main {float: left; width: 600px; padding: 0 30px 0 10px; border-right: 1px solid #000000; margin: 0 0 15px 0;}
#sidebar {float: right; width: 280px; padding: 0 10px 15px 10px;}
#footer {float: left; width: 96%; font-size: 0.75em; padding: 2%; border-top: 1px solid #000000;}

/* general tags */
h1 {font-family: sans-serif; font-size: 2.0em; letter-spacing: -0.03em; margin: 0 0 10px 0;}
h2 {font-family: sans-serif; font-size: 1.6em; font-weight: normal; color: #333333; letter-spacing: -0.03em; margin: 0 0 10px 0;}
h3 {font-family: sans-serif; font-size: 1.2em;}
h4 {font-family: sans-serif; font-size: 1em;}
p {line-height: 1.5em; margin: 0 0 15px 0;}
ul {margin: 0 0 15px 0;}
ol {margin: 0 0 15px 20px;}
ul li, ol li {}
a {color: #5252E0;}
img {border: 0;}
blockquote.testimonial {font-size: 0.9em; font-style: italic; padding: 10px 10px 5px 10px; background: #F5F5F5; clear: both; margin: 0 0 10px 0;}
blockquote.testimonial p {margin: 0 0 5px 0;}
blockquote.testimonial .testimonial-name { font-style: normal; margin: 0 0 5px 0;}

/* header and main nav */
.logo {float: left;}
a .logo {}

div.nav {float: right; width: 560px;}
ul.lang {float: left; width: 560px; list-style: none; margin: 0 0 40px 0;}
ul.lang li {float: right; margin: 0 5px 0 5px;}
ul.lang li a {display: block; font-weight: bold; color: #DC0000; text-decoration: none; padding: 5px 5px 5px 5px;}
ul.lang li a.gb {display: block; padding:5px 5px 5px 21px; background: url(/images/site/flag-gb.png) no-repeat left;}
ul.lang li a.de {display: block; padding:5px 5px 5px 21px; background: url(/images/site/flag-de.png) no-repeat left;}

ul.nav {float: left; width: 560px; list-style: none; margin: 0;}
ul.nav li {float: left; margin: 0 5px 0 5px;}
ul.nav li a {display: block; font-weight: bold; color: #DC0000; text-decoration: none; padding: 5px 5px 5px 5px;}
ul.nav li a:hover {color: #000000; background: url(/images/site/bg-navhover.gif) no-repeat top center;}
li.cart {padding: 0 0 0 16px; background: url(/images/site/icon-cart.gif) no-repeat left;}


/* big splash on home page*/
.splash {float: left; width: 100%; background: #000000; margin: 0; clear: both;}
.splashinner {float: left; width: 940px; height: 180px; padding: 20px 20px 20px 0; background: url(/images/site/bg-960splash.gif) top; margin: 0;}
.splash h1 {float: right; width: 385px; font-size: 2.4em; font-weight: normal; padding: 5px 5px 5px 10px; background: url(/images/site/bg-splashtext.png); margin: 0 0 1px 0; clear: both;}
.splash h2 {float: right; width: 320px; font-size: 1.3em; font-weight: normal; line-height: 1.5em; padding: 10px; background: url(/images/site/bg-splashtext.png); clear: both;}

/* misc bits for main content area */
.main h2 {font-size: 2.0em; text-transform: lowercase;}
span.highlight1 {font-size: 1.3em; color: #DC0000;}
span.highlight2 {font-size: 1.3em; color: #000000;}

div.feature {float: left; width: 100%;}
h2.feature {padding: 0 0 0 21px; background: url(/images/site/icon-tick.gif) no-repeat left; clear: left;}
.imagemain {width: 600px; height: 220px; margin: 0 0 15px 0; clear: both;}
.imagemaininner {width: 600px; height: 220px; background: url(/images/site/bg-600.gif); clear: both;}

ul.list {list-style: none; margin: 0 0 15px 10px;}
ul.list li {line-height: 2.0em; list-style: none; padding: 0 0 0 12px;  background: url(/images/site/li-list.gif) no-repeat left;}

/* activities box */
div.activities {float: left; width: 960px; border-bottom: 1px solid #DC0000; margin: 0 0 15px 0; clear: both;}
ul.activities {width: 960px; font-size: 0.8em; list-style: none; text-align: center; margin: 0;}
ul.activities li {float: left; width: 120px; text-align: center; padding: 10px 0 10px 0;}
ul.activities li a {font-weight: bold;}
ul.activities li img {border: 1px solid #FF0000;}

/* activities box */
div.activities2 {float: left; width: 100%; margin: 0 0 15px 0; clear: both;}
ul.activities2 {width: 100%; font-size: 0.8em; list-style: none; text-align: center; margin: 0;}
ul.activities2 li {float: left; width: 25%; text-align: center; padding: 10px 0 10px 0;}
ul.activities2 li a {font-weight: bold;}
ul.activities2 li img {margin: 0;}

/* sidebar */
div.ordering {float: left; width: 100%; margin: 0 0 0 0;}
.ordering-title { text-transform: lowercase;}
.ordering-title a {text-decoration: none;}
.orderinglink {padding: 5px 5px 5px 22px; background: url(/images/site/icon-cart.gif) no-repeat left;}
.sidebar-title { text-transform: lowercase; }

ul.news {list-style: none; margin: 0 0 15px 0;}
ul.news li {margin: 0 0 15px 0;}

.randomquote {padding: 7px 18px 7px 27px; border: 0px dotted #DC0000; background: #DDFFDD url(/images/site/icon-lightbulb.gif) no-repeat left top;}
.randomquote h4 {font-size: 1em; color: #FF0000;}
.randomquote p {font-size: 0.85em; color: #555555; margin: 0;}

/* bottom */
ul.footerlinks {width: auto; list-style: none; margin: 0;}
ul.footerlinks li {float: left; line-height: 25px; margin: 0 10px 0 0;}

/* gallery things */
table.gallery {float: left; width: 100%; margin: 0 0 15px 0;}
table.gallery td {padding: 5px; text-align: center; font-size: 0.9em;}
.paginate {width: 100%; text-align: center; margin: 0 0 15px 0; clear: both;}
.previouslink {}
.nextlink {}

/* forms */
form fieldset {float: left; width: 99%; border: 1px solid #F7D4D4; margin: 0 0 15px 0;}
form fieldset p {margin: 10px 20px;}
form fieldset input {padding: 1px;}
form fieldset input:focus {padding: 1px; background: #F8E5E5;}
form fieldset textarea {padding: 1px;}
form fieldset textarea:focus {padding: 1px; background: #F8E5E5;}