/* CSS Reset */
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;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #bbd5f5; background: #0a274a url(../images/bg/bg-page.jpg) top left repeat-x; }
ol, ul { list-style: none; }
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: "" ""; }
img { -ms-interpolation-mode:bicubic; }

/* Common Global Defaults */
html { height: 100%; }
body { font: 13px/1.3 Corbel, Tahoma, Arial, sans-serif; }
p { margin: 0 0 0.55em 0; }
strong { font-weight: bold; color: #fff; }
a:link { color: #fff; background-color: transparent;}
a:visited { color: #fff; background-color: transparent; }
a:hover, a:active { color: #f5ed8e; background-color: transparent; }
img.frameLeft { display: block; padding: 3px; border: 1px solid #ccc; float: left; margin: 0 8px 4px 0; }
img.frameRight { display: block; padding: 3px; border: 1px solid #ccc; float: right; margin: 0 0 4px 6px; }
img.floatClear { display: block; clear: both; }
img.centered { display: block; margin: 0 auto; }
br.clear { clear: both; }

/* Page Elements */
div#header, div#content, div#secondaryContent, div#footer { width: 840px; margin: 0 auto; }
div#topPageContainer { width: 100%; min-width: 840px; margin: 0 auto; background: transparent url(../images/bg/bg-top.jpg) top center no-repeat; }
	div#header { padding-top: 20px; }
	div#content { position: relative; padding-top: 77px; padding-bottom: 100px; }
		div#content h1 img { display: block; margin: 0 auto; }
		div#content p#subline { position: absolute; width: 840px; text-align: center; top: 196px; }
div#bottomPageContainer { width: 100%; min-width: 840px; margin: 0 auto; background: transparent url(../images/bg/bg-bottom.jpg) top center no-repeat; }
	div#secondaryContent { padding-top: 34px; height: 122px; }
	div#about { float: left; width: 580px; margin-left: 120px; }
	div#technologies { float: right; width: 100px; text-align: right; }
		div#technologies h3 { color: #fff; font-weight: bold; }
	div#footer { color: #548acc; background: transparent; text-align: right; padding-top: 8px; padding-bottom: 240px; }