@charset "utf-8";
/* CSS Reset browsers */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

* { margin: 0; padding: 0; }

p { padding: 10px 7px 7px 10px; text-align: justify; }

ul { padding: 10px 40px; list-style: circle; }

h1 { font: 27px/30px Verdana normal; padding: 0 0 3px 5px; width: 300px; border-bottom: 1px solid #686868; }

h3 { font: 18px/30px Veradna normal; padding: 5px 0 5px 5px; width: 300px; border-bottom: 1px solid #686868; }

span.color { color: #ff7800; }

a { color: #A2A2A2; text-decoration: none; }

a:hover { text-decoration: underline; }

.clearer { clear: both; }

body {
	margin: 0;
	padding: 0;
	font: 12px/18px Tahoma, Arial;
	font-weight: normal;
	text-decoration: none;
	background: url(../img/bg-box.gif) repeat top left;
	color: #FFFFFF;
}

div#header-back {
	width: auto;
	margin: auto;
	padding: 21px 0 0 0;
	height: 455px;
	background: url(../img/header-back.gif) no-repeat top center;
}

div.wrapper {
	width: 998px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

div#logo {
	width: 998px;
	height: 100px;
	margin: 0;
	padding: 0;
}

div#logo img { position: relative; top: 30px; left: 40px; }

header {
	width: 998px;
	height: 332px;
	margin: 0;
	padding: 0;
}

nav {
	width: 325px;
	height: 332px;
	float:left;
	background:#3a3a3a;
}

nav ul {
	margin:0px;
	padding:30px 25px 0px 50px;
	list-style-type:none;
}

nav ul li {
	background:url(../img/list-bt.gif) repeat-x bottom;
	width:auto;
	padding:8px 0px 8px 0px;
	height:24px; 
	text-transform:uppercase;
}

nav ul li a {
	height:23px;
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
	display:block;
	padding:9px 0 0 10px;
}

nav ul li a:hover {
	background-color:#4e4e4e;
	text-decoration: none;
}

div#slideshow {
	height:332px;
	width:672px;
	float:left;
	background: #1e1e1e;
}

div#cont-back {
	width: 1073px;
	margin: 23px auto;
	padding: 0;
	background:url(../img/bg-strip.gif) top left repeat-y;
} 

section#content {
	width: 998px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

section#left-box {
	width: 720px;
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	border-right: 1px solid #686868;
}

section#right-box {
	width: 240px;
	float: left;
	margin: 0 0 0 13px;
	padding: 0;
}

section#contact, section#privacy {
	width: 998px;
	margin: 0;
	padding: 0;
}

div#left { width: 400px; float: left; }
div#right { width: 580px; float: left; margin: 0 0 0 5px; }

div#form , div#info {
	height: auto;
	margin: 20px 0 0 0;
	padding: 0;
}

form { padding: 10px 0 0 10px; }

form label { float: left; clear: left; width: 150px; padding: 5px 0 8px 0;  }
input { margin: 5px 0 8px 0; border: 1px solid #686868; border-radius: 4px; padding: 2px 5px;  }
textarea {	 max-width: 250px; max-height: 100px; border: 1px solid #686868; border-radius: 4px; margin: 8px 0 0 0; }
input[type=submit] { width: 80px; height: 30px; background: #fff; position: relative; top: -40px; border: 1px solid #686868; font-weight: bold; color: #1e1e1e; }

footer {
	height: 59px;
	background: url(../img/footer.gif) repeat-x top left;
	margin: 0;
	padding: 0;
}

footer p { line-height: 45px; color: #ff7800; }

section#links {
	width: 450px;
	line-height: 59px;
	padding: 0 0 0 40px;
	font-size: 12px;
	float: left;
}

section#links a { padding: 0 5px 0 5px; color: #ff7800; }