/* DEMO SITE CSS
------------------------------------------------

	Contents:	Global
				Header
				Content
				Footer

------------------------------------------------*/

/* Imports
------------*/
@import "navigation.css";
@import "content.css";


/* Global Reset and CSS
------------------------------------------------*/
html, body {
	background-color: #00386d;
	font-size: 0.95em;
	font-family: Helvetica, Arial, sans-serif;
	color: #222;
	margin: 0;
	padding: 0;
	height: 100%;
}

.container {
	background-image: url(../images/global/content-bg.gif);
	background-repeat: repeat-y;
	width: 861px;
	margin: 0 auto;
	background-color: white;
}


/* Master Reset
-----------------*/
div, dl, dt, dd, ul, ol, li, pre, blockquote { margin: 0pt; padding: 0pt; }

ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

:link, :visited { text-decoration: none; }

img, a img, :link img, :visited img { border: none; outline: none; }
.contentImg { padding-right: 10px; }
.contentImgLeft { padding-left: 10px; }

.clearer { clear: both; height: 0pt; line-height: 0pt; }
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }
.static { position: static; }

.none { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textCap { text-transform: capitalize; }
.textUnderline { text-decoration: underline; }

/* Typography
--------------------------------------------*/
h1 { font-size: 2.0em; color: #d2232a; margin-bottom: 10px; }
h2 { font-size: 1.0em; }
h3 { font-size: 0.9em; }
h4 { font-size: 0.8em; }

p { font-size: 0.9em; line-height: 1.3em; }



/* Header CSS
------------------------------------------------*/
.header {
	background-image: url(../images/global/header-bg.gif);
	width: 821px; height: 253px;
	padding: 20px;
}

.headerLogo {
	float: left;
	width: 236px; height: 54px;
}



/* Content CSS
------------------------------------------------*/
.content {
	width: 821px;
	padding: 0 20px;
}


/* Footer CSS
------------------------------------------------*/
.footer {
	background-image: url(../images/global/footer-bg.jpg);
	background-color: #00386d;
	height: 38px;
}