/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #3b4485; }
a:hover { text-decoration: underline; color: #3b4485; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
	background: url('../images/bg.png') repeat;
	background-color: #666666;
}

#wrapper {
	width: 762px;
	margin: 5px auto 0 auto;
	background-color: #f7f7f7;
}

#footer {
	width: 762px;
	margin: 10px auto 0 auto;
	text-align: center;
	color: #CCCCCC;
	letter-spacing: 1px;
}

/* ===================================================================== */
/* ======================       HEADER       =========================== */
/* ===================================================================== */
#header { width: 100%; height: 273px; background-color: #FFFFFF; }
#header #logo { float: left; width: 395px; height: 89px; margin: 2px 0 5px 10px; }
#header #banner { float: left; width: 762px; height: 158px; background: url('../images/banner.jpg') no-repeat; margin: 0 0 0 0;  }
#header #address { float: right; width: 130px; height: 70px; margin: 5px 10px 10px 0; text-align: right; font-size: 1.1em; line-height: 14px; color: #555555; }

#header #menu { float: left; width: 100%; height: 30px; background: url('../images/menu_bg.jpg'); font-size: 1.1em; letter-spacing: 1px; }
#header #menu a { float: left; width: 127px; line-height: 27px; text-align: center; border-top: 3px solid #36393D; background: url('../images/menu_div.jpg') no-repeat right; color: #DDDDDD; }
#header #menu a:hover { border-top: 3px solid #3B4485; text-decoration: none; }
#header #menu a.current { border-top: 3px solid #3B4485; }

/* ===================================================================== */
/* ======================     MAINCONTENT    =========================== */
/* ===================================================================== */
#mainContent { width: 100%; padding: 10px 0 10px 0; }
#mainContent #leftSide { float: left; width: 480px; margin: 0 0 0 10px; }
#mainContent #rightSide { float: right; width: 250px; margin: 0 10px 0 0; }
#mainContent #rightSide .sectionHead1 { width: 100%; height: 32px; background: url('../images/section_header1.jpg') no-repeat; margin: 0 0 20px 0; color: #FFFFFF; letter-spacing: 1px; font-size: 1.4em; font-weight: bold; font-style: italic; padding-top: 15px; text-indent: 5px; }
#mainContent #rightSide .sectionHead2 { width: 100%; height: 37px; background: url('../images/section_header2.jpg') no-repeat; margin: 0 0 20px 0; color: #FFFFFF; letter-spacing: 1px; font-size: 1.4em; font-weight: bold; font-style: italic; padding-top: 22px; text-indent: 5px; }
#mainContent #rightSide .sectionHead3 { width: 100%; height: 28px; background: url('../images/section_header3.jpg') no-repeat; margin: 0 0 20px 0; color: #FFFFFF; letter-spacing: 1px; font-size: 1.4em; font-weight: bold; font-style: italic; padding-top: 18px; text-indent: 5px; }
#mainContent #fullwidth { float: left; width: 740px; padding: 0 10px 0 10px; }
#mainContent #fullwidth img { border: 2px solid #C4CBED; margin: 5px; }


/* ===================================================================== */
/* ======================       FORMS        =========================== */
/* ===================================================================== */
label { float: left; font-size: 1.2em; width: 150px; margin: 2px 0 2px 100px; font-weight: bold; }
input { border: 1px solid #999999; margin: 2px 0 2px 0; width: 220px; background-color: #FFFFFF; }
input:focus { border: 1px solid #333333; border-width: 1px 2px 1px 2px; }
textarea { border: 1px solid #999999; width: 220px; }
textarea:focus { border: 1px solid #333333; border-width: 1px 2px 1px 2px; }

/* ===================================================================== */
/* ======================   TEXT FORMATTING  =========================== */
/* ===================================================================== */
h1 { font-size: 1.7em; font-style: italic; color: #2C3364; letter-spacing: 1px; margin: 10px 0 0 0; }
h2 { font-size: 1.4em; font-style: italic; color: #2C3364; letter-spacing: 1px; margin: 20px 0 0 15px; }
p { text-align: justify; font-size: 1.2em; line-height: 16px; padding: 5px 10px 5px 10px; }
p.list { text-align: center; }
a.download { font-size: 1.3em; font-weight: bold; }
ul { font-size: 1.2em; margin: 5px 0 10px 40px; list-style-type: square; }
ul li { line-height: 18px; }
.price { color: #3B4583; }

#footer a { color: #FFFFFF; }
#footer a:hover { color: #CCCCCC; }