/*
html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted inherit;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px dashed #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/* end reset */

@font-face{
    font-family: 'susie';
    src: url('font/susie.eot');
    src: url('font/susie.eot?#iefix') format('embedded-opentype'),
	 url('font/susie.woff') format('woff'),
	 url('font/susie.ttf') format('truetype'),
	 url('font/susie.svg#webfont') format('svg');
}

body { font-family: Tahoma, Geneva, sans-serif; width: 980px; margin: 5px auto; }

body, select, input, textarea { color:#222; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a { text-decoration: none; color: #3D6D2D; }
a:hover { text-decoration: underline; color: #6D9D5D; }
small { font-size: 0.82em; }
sup { font-size: 0.82em; vertical-align: super; }

/* hover tooltip */
.tooltip span { display: none; padding: 0 5px; margin: -25px 0 0 -120px; color: #fff; }
.tooltip:hover span { display: inline; position: absolute; background-color: #000;
-webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666; border-radius: 2px; }
.tooltip:hover { text-decoration: none; }

/* back to top jquery */
#toTop { display: none; position: fixed; right: 0; bottom: 5%; font-size: 7pt; color: white; padding: 5px; text-align: right; cursor: pointer; text-align: center; background: #ccc; }
#toTop span { font-size: large; }

/* global nav */
nav li { float: left; text-align: center; border-left: #ccc 1px dashed; }
nav li:first-child { border-left: none; }
nav li a { padding: 10px 20px; color: #222; }
nav li a:hover { background: url("img/nav_back.png") no-repeat center; text-decoration: none; color: #222; }

/* end basic layout */

/* header */
#header { width: 980px; float: left; }
#header h1 { width: 350px; margin-right: 25px; display: inline-block; }
#header h1 a { background-image: url('img/logo.png'); float: left; width: 350px; height: 0px; padding-top: 130px; overflow: hidden; }
#header nav { width: 600px; display: inline-block; margin-bottom: 5px; }
#header nav ul { float: right; font-weight: bold; font-size: 1.3em; }

/* footer */
#footer { width: 980px; float: left; border-top: #ccc 1px dashed; padding-top: 10px; font-size: 9pt; line-height: 1.5 }
#footer nav { float: left; width: 85%; }
#social { float: right; width: 15%; list-style: none; }
#social li { float: right; margin-left: 5px; margin-right: 5px; }
#social li img { width: 30px; height: 30px; }
#copy { width: 98%; float: left; padding: 5px 20px 15px 0; margin-top: 10px; color: #ccc; text-align: right; background: rgb(0,0,0); background: rgba(0,0,0,0.6); }

/* content */
#content { width: 980px; float: left; clear: both; margin: 15px 0; font-size: 10.5pt; line-height: 1.5; }


.info { width: 750px; margin: 0 auto 15px; font-size: 9pt; }
.info header { margin-bottom: 15px; }
.info header h2 { font-size: 60pt; color: #8CC63F; }
.info header h2:after { content: url("img/pawl.png"); }
.info header p { font-size: 11pt; }
.info h3 { font-size: 18pt; color: #8CC63F; }
.info h4 { font-size: 12pt; margin-bottom: 20px; }
.info p { margin: 10px 0; }

.feature { width: 750px; margin-bottom: 25px; color: #555; }
.feature_title, .feature_content { display: table-cell; vertical-align: middle; }
.feature_title { font-size: 20pt; font-weight: bold; width: 275px; text-align: right; }
.feature_content { width: 450px; padding-left: 25px; }

.two_cols { width: 750px; margin-bottom: 25px; float: left; }
.col_title { float:left; width: 150px; padding-right: 50px; }
.col_content { float: right; width: 550px; }
.col_content img { border: 1px solid #ccc; width: 175px; height: 75px; }

.last_update { float:right; }
.highlight { border-top: 1px dashed #ccc; padding-top: 15px; clear: both; }
.name { color: #8CC63F; font: 2.2em susie; }

#contactForm { width: 750px; float: left; border: 1px dashed #cccccc; margin: 15px 0; }
#contactForm fieldset { width: 700px; margin: 25px; }
#contactForm fieldset div, #contactForm fieldset p { float: left; }
#contactForm fieldset p { margin: 0 0 5px 0; }
.fields { width: 310px; margin: 0 20px }
#refresh { float: left; line-height: 0; }
#captcha { width: 170px; margin-left: 16px; }
.message { width: 660px; margin: 0 20px; }
#message { width: 654px; height: 200px; border: 1px dashed #cccccc; font-size: 12pt; }
input[type=text] { border: 1px dashed #cccccc; font-size: 12pt; line-height: 1.4; width: 306px; }
label { float: left; min-width: 60px; }
label.error { float: none; white-space: nowrap; padding: 2px 5px; margin-left: 10px; background-color: #E08E8E; color: #ffffff; }
#send { float: right; background-color: #8cc63f; color: #ffffff; border: 1px solid #cccccc; font-size: 12pt; padding: 4px 15px; margin-right: 20px; margin-top: 15px; }