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; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

/* The *:focus rule is reset and suppresses link outlining. You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g. *:focus   outline: #ccc dotted medium */
body { text-align: center; background: #e3f2f5; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; color: #838383; font-size: 12px; line-height: 155%; }

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

a:hover { text-decoration: underline; }

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

small { font-size: 90%; }

h2 { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #3d7cb2; margin-bottom: 10px; text-decoration:none; }

h3 { color: #3d7cb2; margin: 5px 0 10px; font-weight: bold; font-size: 14px; text-transform: uppercase; }

.alignright { float: right; margin: 5px 0 5px 5px; }

.alignleft { float: left; margin: 5px 5px 5px 0; }

#container { width: 974px; margin: 30px auto; text-align: left; background: url("images/container-bg.png"); }

#header { width: 914px; height: 45px; padding: 25px 30px 10px; background: url("images/header-bg.png"); overflow: hidden; position: relative; }

#logo { float: left; width: 340px; height: 40px; display: block; }
#logo a:link, #logo a:visited, #logo a:hover, #logo a:active { float: left; width: 340px; height: 35px; display: block; background: url("images/grispen.gif") no-repeat; text-indent: -99999px; }

#nav { float: right; overflow: hidden; position: absolute; bottom: 10px; right: 25px; }
#nav li { float: left; }
#nav li a:link, #nav li a:visited, #nav li a:hover, #nav li a:active { font-weight: bold; float: left; padding: 0 7px; color: #acacac; text-transform: uppercase; text-decoration: none; border-right: 1px solid #838383; height: 16px; top: -3px; position: relative; }
#nav li a:hover { text-decoration: underline; color: #7a7a7a; }
#nav li.current_page_item a:link, #nav li.current_page_item a:visited, #nav li.current_page_item a:hover, #nav li.current_page_item a:active { color: #7a7a7a; font-weight: bold; }
#nav li.last a:link, #nav li.last a:visited, #nav li.last a:hover, #nav li.last a:active, ul#nav li:last-child a { border: 0; }

#breadcrumb { color: #c1c1c1; padding: 6px 30px; width: 914px; font-size: 11px; min-height: 19px; }
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active { color: #c1c1c1; text-decoration: none; padding: 1px 0px; }
#breadcrumb a:hover { text-decoration: underline; }

#big-img { background-color:#FFF; width:956px; height:185px; margin:0 0 10px 9px; overflow:hidden; }
#big-img img { padding: 4px; border: 1px solid #ebebeb; margin-left: 21px; }

#content-container { overflow: hidden; padding: 0 0 5px; background: url("images/content-container-bg.png"); }
#content-container a:link, #content-container a:visited, #content-container a:active { text-decoration: underline; }
#content-container a:hover { text-decoration: none; }

#content { background: url("images/content-bg.png") repeat-x; width: 571px; margin: 0; padding: 20px 15px 10px 21px; margin-left: 9px; float: left; min-height: 255px; }
#content p:first-child, #content p.first { text-transform: uppercase; font-weight: bold; font-size: 14px; }
#content p { margin: 5px 0 10px; }
#content img { padding: 4px; border: 1px solid #eee; background: #fafafa; }

#sidebar { width: 329px; display: block; min-height: 255px; padding: 20px 0 10px 20px; float: left; background: url("images/sidebar-bg.png") no-repeat; }

.widget { margin-bottom: 20px; }

#bottom { padding: 10px 30px 20px; width: 914px; overflow: hidden; }
#bottom .column { float: left; width: 284px; overflow: hidden; padding:0 20px 0 0; }
#bottom .date { padding-right: 4px; }
#bottom ul li { padding: 4px 0; height:19px; overflow:hidden; }
#bottom #adress { width: 180px; float: left; }
#bottom #telephone { float: left; }

#main { padding: 0 0 30px; margin: 0 auto; background: url("images/spacer.png") bottom center no-repeat; }

#footer { width: 914px; height: 40px; background: url("images/footer-bg.png"); overflow: hidden; padding: 10px 30px 0; font-size:11px; }
#footer .left { float: left; }
#footer .right { float: right; }