@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, 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.2em;
	color: #cac7ca;
	background: #1f1f2f url(../i/bg.jpg);
	font-family: 'Segoe UI', 'Trebuchet MS';
	font-size: 0.9em;
}
ol, ul {

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


a {color: #fff}
a:visited {color: #fff}
a:hover {color:#e42f2c}

span {color:#e42f2c}
small {font-size: 0.8em}
big {font-size: 1.2em; line-height: 1.4em;}
strong {font-weight: bold}

h1 {font-size: 1.8em; margin: 40px 0 20px 0; color: #c5b596; font-family: "Georgia"}
h1 small { font-family: "Segoe UI", "Trebuchet MS";font-size: 0.5em; color: #796b62}
h2 { font-size: 1.4em; margin: 10px 0 10px 0; color: #fff;}
h3 {color:#e42f2c;}
p  {line-height: 1.2em; margin: 0 0 10px 0;}

ol{	list-style-type:decimal;
	margin:0 0 1em 1.5em;
	line-height:1.3;
	padding:0;
	}

ul{	list-style-type: disc;
	margin:0 0 1em 1.5em;
	line-height:1.3;
	padding:0;
	}
li{
		margin:0 0 5px 0;
		padding:0;
		}

/* start css */

#main {width: 950px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0;}
#header {height: 450px;}
#visualimg {background: url(../i/visual.gif) no-repeat 200px 0px; height: 100%; width: 100%}
#footer {margin: 10px 0 10px 0; float: left; width: 100%;}
#content {padding: 0px; width: 100%; float: left; margin: 20px 0 0 0}

.contact {float: left;}
.website {float: right; margin: 30px 0 0 0}
.website img {vertical-align: middle;}

#title {position: relative; top: -40px; width: 369px;}
#titleimg {position: relative; left: -75px; top: -10px;}
#presents {text-align: right; position: relative; top: 30px; left: 0px; width: 300px; font-size: 0.9em;}
#info {position: relative; top: 290px; right: 0px; background: #281b24; width: 160px; padding: 20px; float: right}

a.quick {text-decoration: none; border-bottom: dashed 1px #616378; padding: 0 0 0 0}
a.quick:hover {border-bottom: dashed 1px #e42f2c}

.accent {font-family: "Georgia"; font-size: 1.3em; line-height: 1.5em; font-style:italic; margin: 0px 0 20px -20px; width: 33%; float: left; background: #281b24; padding: 20px}
.desc {width: 60%; float: right; margin: -10px 0 0 0;}
.data {margin: 0px 0px 10px 0px; color: #fff}

.red {color:#e42f2c;}