/* RESET (by Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* COMMON */

.right {
float:right;
}

.margin {
margin:1em 0;
}

/* GENERAL */

body {
font: 76% Arial, Verdana, sans-serif;
background:#111;
color:#fff;
}
h1 {
font-size:2em;
line-height:2.2em;
color:#ED1359;
}
h2 {
font-size:1.8em;
line-height:2em;
color:#33ff71;
}
h3 {
font-size:1.6em;
line-height:1.8em;
}
#header p {
height:50px;
padding-top:30px;
}
#header p a {
background:none;
}
#navigation h2 { 
font-size:1.4em;
line-height:1.6em;
}
#navigation h3 {
font-size:1.2em;
line-height:2em;
font-weight:bold;
}
p.intro {
background:#333;
padding:10px;
-moz-border-radius:1%;
-webkit-border-radius:1%;
}
p {
line-height:1.4em;
}
p.desc {
font-size:.9em;
color:#ddd;
}
p.notice {
color:yellow;
}
.qty p{
font-weight:bold;
text-align:right;
font-size:.9em;
}
#content p {
line-height:1.4;
}
a {
color:#33C3FF;
}
a:hover {
background-color:#33C3FF;
color:#fff;
text-decoration:none;
}
ul {
margin:1em 0;
margin-left:1.5em;
}
ul li {
list-style-type:circle;
margin:.5em 0;
}
#header {
height:80px;
padding:10px 0;
}
.iconset {
float:left;
display:inline;
margin-bottom:1em;
}
.space {
margin-left:30px;
}
.iconset table {
width:330px;
}
.iconset img {
padding:1px;
border:1px solid #fff;
}
#container {
width:960px;
margin:0 auto;
text-align:left;
}
#content {
float:left;
width:710px;
padding-right:30px;
margin-bottom:1em;
}
#navigation {
float:right;
width:200px;
background:#333;
padding:10px;
-moz-border-radius:2%;
-webkit-border-radius:2%;
}
#footer {
clear:both;
width:100%;
border-top:1px solid #333;
color:#666;
padding-top:.5em;
margin-bottom:3em;
}
#footer .modified {
color:#999;
}
.form {
margin:2em 0;
}
.form p {
margin:1em 0;
}
.form label {
width:75px;
float:left;
font-weight:bold;
}