@charset "UTF-8";

/*
 	Tech Electrical.v2
	http://www.janpingel.com/
	
	Base Stylesheet - Screen/Projection
*/

/* Defaults */
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;
	font: inherit;
	vertical-align: baseline;
}
hr { display: none; }

/* Body */
html {	
	background-color: #fff; 
	font: normal 14px/1.5 Helvetica, Arial, sans-serif; 
	color: #3d3931; /* 4d4942 */
}
body { min-width: 60em; }

/* Links */
a, :link, :visited { text-decoration: underline; }
a, :link, #navigation li.selected a:hover { color: #5f94ac; }
a:hover, :visited:hover { color: #C52E2E; }
#content a, #content :link { color: #fff; }
#content :visited { color: #fff; }
#content a:hover, #content :visited:hover { color: #bcd6ec; }

/* Images */
img { vertical-align: top; }
#content img {
    padding: 5px;
    background: #fefefe;
    margin: 0.5em 0;
}
#content img.left {
    float: left;
    margin-right: 1.5em;
}
#content img.right {
    float: right;
    margin-left: 1.5em;
}
#content img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Headers */
h1 { 
    font-size: 24px;
    font-style: italic;
    line-height: 0.875;
    margin: 0.875em 0 0.4375em;
    display: none;
    visibility: none;
}
h2, h3, h4, h5, h6 { 
    font-size: 20px;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.05;
    margin: 1.575em 0 0.525em;
}

/* Text */
p { margin: 0 0 1.5em; }
#content div>p:first-child { margin-top: 0; }
address { display: inline; }
#content acronym, #content abbr {
	letter-spacing: 0.1em;
	text-transform: lowercase;
	font-variant: small-caps;
}
span.digits { letter-spacing:0.1em }
em { font-style: italic; }
strong { 
	font-weight: bold;
}
em.req {
	color: #E35353;
	font-weight: bold;
}
cite { font-style: italic; }
del { text-decoration: line-through; }
q:before { content: open-quote; }
q:after { content: close-quote; }

/* Lists */
ul, ol { margin: 0 0 1.5em 1.5em; }
ol { list-style-type: decimal; }
dl { margin: 1.5em 0; }

/* Forms */

/* Layout Structure */
div.wrapper {
	width: 57em;
	margin: 0 auto;
	position: relative;
}
#header {
	padding: 1.5em 0;
	background: #fff url("./images/header.bg1.png") 0 bottom repeat-x;
	border-bottom: 1px solid #33653f;
}
#content {
	border-top: 1px solid #3a7247;
	background: #408050;
	color: #eff3f6;
	padding: 1.5em 1.5em 1px;
}
#footer {
    color: #333366;
	padding: 1.5em;
	background: #fff url("./images/footer.bg1.png") 0 top repeat-x;
}
#navigation {
	position: absolute;
	bottom: -5px;
	right: 0;
}

/* Header */
#title {
	text-indent: -9999px;
	display: block;
	outline: none;
	background: url("./images/header.logo.png") -10px 0 no-repeat;
    height: 75px;
	width: 280px;
}
#header ul {
	list-style: none;
	margin: 0.5em auto;
	padding: 0;
}
#navigation li {
	display: inline;
	float: left;
	margin: 0 0 0 1.5em;
}
#contact {
    position: absolute;
    top: -0.4em;
    right: 0;
    color: #333366;
}
#contact li {
    margin: 0;
    text-align: right;
    font-size: 0.8572em;
}
#contact a { text-decoration: none; }
#navigation a {
	display: block;
	padding: 0;
	text-decoration: none;
	font-style: italic;
}
#navigation li.selected a {
    cursor: default;
}
#navigation li.selected a:hover { color: none; }


/* Footer - copyright & links */
#footer p, #footer ul { font-size: 0.9em; }
#footer p { margin: 0; }
#footer p.copyright { float: left; }
#footer p.registration { text-align: right; }
#footer ul.links {
	list-style: none;
	margin: 0;
}
#footer ul.links li {
	display: inline;
	margin: 0 0.5em 0 0;
}

#aside {
    float: right;
    margin: 0 0 0 4.5em;
    width: 28%;
}