/*******************************************************************************
	GLOBAL RESET
*******************************************************************************/
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: "" "";
}

/*******************************************************************************
	TYPO
	default font: 62.5% = 10px (1em)
*******************************************************************************/
body {
	font: 62.5%/1.2 Georgia, "Trebuchet MS", "Times New Roman", serif;
}

input, textarea, select {
	font: 100%/1 Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

h1 { font-size: 1.7em; font-weight: normal; text-transform: uppercase; }

h2 { font-size: 1.3em; font-weight: bold; }

h3 { font-size: 1.2em; font-weight: bold; }

p { font-size: 1.4em; }

strong { font-weight: bold; }

em { font-style: italic; }

a, a:link { text-decoration: none; }
a:visited {}
a:hover {}
a:active {}

.big { font-size: 1.5em; font-weight: bold; }
.center { text-align: center; }

#header a { font-size: 0; line-height: 0; text-indent: -10000; }

#menu a { font-size: 1.6em; text-transform: uppercase; letter-spacing: 0px; }
#menu ul li { text-align: center; }
#menu ul ul li a { font-size: 1.3em; text-transform: none;  }

.box { text-align: center; }
.box p { text-align: left; }

#newsletter a { font-size: 1.2em; border-bottom: 1px solid #dd6324; }

#footer { font-size: 1.1em; text-align: center; }

/*******************************************************************************
	COLORS
*******************************************************************************/
body { background: #221207 url("images/background.png") repeat-x center top; color: #000; }

h1 { color: #e3ae00; }
h1.border { background: url("images/dash.png") no-repeat left bottom; }
h2 { color: #e3ae00; }
h2.border { background: url("images/dash.png") no-repeat left bottom; }
h3 { color: #000; }
p { color: #e3ae00; }

a, a:link { color: #fff297; }
a:visited { color: #fff297; }
a:hover { color: #d4b53c; }
a:active { color: #fff297; }

.yellow { color: #d4b53c; }

#header { background: url("images/header.png") no-repeat center top; }
#menu { background: url("images/menubg.png") no-repeat center top; }
#content { background: url("images/contentbg.png") no-repeat center top; }

#menu a, #menu a:link { color: #221207; }
#menu a:visited { color: #221207; }
#menu a:hover { color: #feca77; }
#menu a:active { color: #221207; }

#menu ul ul li a, #menu ul ul li a:link { color: #feca77; } 
#menu ul ul li a:visited { color: #feca77; }
#menu ul ul li a:hover { color: #f9b600; }
#menu ul ul li a:active { color: #feca77; }

#menu ul li { background: url("images/menu-separator.png") no-repeat right top; }
#menu ul li.last { background: 0; }

.card { background: url("images/cardbg.png") no-repeat right top;  }

.box .image { background: url("images/boxbottom.png") no-repeat center bottom; }
.box a h2 { color: #d4b53c; }
.box a:hover h2 { color: #fff297; }
.box p strong { color: #d4b53c; }

.bigbox { background: url("images/bigbox.png") no-repeat center center; }
.bigbox p { color: #d4b53c; }
.bigbox .floatright .text { background: #002c33; color: #fffcea; }
.bigbox .floatright div.input { background: url("images/inputfield.png") no-repeat left 7px; }

#newsletter h1 { visibility: hidden; }
#newsletter p { color: #f9b600; }
#newsletter a { color: #f9b600; }
#newsletter .text { background: #f9b600; color: #e2001a; }
#newsletter div.input { background: url("images/inputfield.png") no-repeat center center; }

#footer { background: url("images/footer.png") no-repeat center top; color: #e3ae00; }

/*******************************************************************************
	LAYOUT
*******************************************************************************/
body { margin: 0 0 10px 0; }

h1 { margin: 1em 0 0 -0.5em; padding: 0 0 0 10px; }
h2 {  }
h3 {  }

p { margin: 1em 0; }

#wrap { width: 760px; margin: 0 auto; }
#header { width: 760px; height: 102px; }
#header a { display: block; width: 280px; height: 102px; margin: 0 auto; }
#picture { width:760px; height: 250px;  }
#menu { width: 760; height: 23px; padding: 5px 0 0 8px; }

#menu ul li { float: left; padding: 0 17px 0 3px; }

#content { width: 760px; padding: 50px 0 0 0; }

.bigbox { width: 740px; height: 51px; margin: 20px 0; padding: 0 10px 0 10px; }
.bigbox p { margin: 0; }

.bigbox .floatleft { margin: 8px 0 0 0; }
.bigbox .floatright { margin: 5px 0 0 0; }
.bigbox .floatright input.button { position: relative; top: 6px; margin: 0 0 0 10px; }
.bigbox .floatright .text { border: 1px solid #436651; width: 216px; padding: 2px; }
.bigbox .floatright div.input { padding: 3px 0 3px 0; }

.card { width: 220px; height: 150px; padding: 0px 10px; }
#newsletter { float: right; margin: 0 0 5em 5em; }
#newsletter h1 { margin: 1em 0 0.5em 0; }
#newsletter div.input { padding: 2px 0 2px 0; }
#newsletter input.button { float: right; margin: 6px 0 0 0; }
#newsletter .text { border: 1px solid #e2001a; width: 216px; height: 14px; padding: 2px; }
#newsletter a { position: relative; top: 10px; }

/* FLYOUTMENU */
#menu ul li:hover > ul {
display: block;
position: absolute;
}

#menu ul ul {
display: none;
width: 170px;
padding: 10px 0 5px 0;
background: url("images/menu-hover.png") top left;
}

#menu ul ul li {
background: 0;
text-align: left;
}

#menu ul ul li a {
display: block;
width: 150px;
padding: 3px 5px 3px 5px;
}

#menu ul ul li:hover {}

.box { display: block; width: 240px; float: left; margin: 10px 6px; padding: 0 0 18px 0; /*border: 1px solid #f00;*/ }
.box .image { padding: 0 0 18px 0; }
.box h2 { margin: 0 0 1px 0; }
.box a img { margin: 1px; border: 1px solid #d0361c; }
.box a:hover img { margin: 0; border: 2px solid #fff297; }

#products { display: block; clear: both; }

#footer { margin: 10px 0 0 0; padding: 10px 0 0 0; }

#footer img { vertical-align: middle; }

.floatleft { float: left; }
.floatright { float: right; }
/*******************************************************************************
	CLEARS
*******************************************************************************/
/*:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }*/
#menu ul:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
#content:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
.bigbox:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
#footer:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }
.row:after { content: "."; display: block; height: 0; font-size: 0px; clear: both; visibility: hidden; }