/* MAIN HTML ELEMENTS ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

	* { margin: 0px; padding: 0px; }
	
	body { background: #FFFFFF url('../images/framework/bg_body.jpg') repeat-y center top; }
	#wrapper {
		font-family: Arial, Helvetica, sans-serif;
		background: url('../images/framework/bg.jpg') repeat-x center -30px;
	}
	
	span { display: none; }
	
	img { padding: 3px; border: solid 1px #CCCCCC; }
	
	pre { 
		display: inline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
/* BANNER ---------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

	#banner {
		width: 1000px; margin: 0 auto; height: 222px;
		background: url('../images/framework/bg_header.jpg') no-repeat center -30px;
	}
	#banner h1 { 
		float: left; margin: 25px 0 0 0;
		width: 270px; height: 80px;
	}
	#banner h1 a {
		display: block; margin-left: 35px;
		height: 80px; width: 265px;
	}
	#nav_header { 
		margin: 0 0 0 320px;
		padding: 35px 0 0 0;
	}	
	#nav_header li, #nav_footer li { 
		display: inline;
		list-style-type: none;
		padding: 0 3px;
		border-left: solid 1px #CCCCCC;
	}
	#nav_header li:first-child, #nav_footer li:first-child {
		border-width: 0px;
	}
	#nav_header li a, #nav_footer li a {	
		padding: 2px;
		font-size: 13px; 
		color: #777777; text-decoration: none;
	}
	#nav_header li a:hover, #nav_footer li a:hover {	
		text-decoration: underline;
	}
		
	#banner h2 { 
		height: 43px; width: 600px; float: right;
		background: url('../images/framework/tagline.png') no-repeat right -7px;
		display: none;
	}
	
	#banner p { 
		display: block;
		width: 200px; float: right;
		padding: 10px 30px 0 0; text-align: right; 
	}
	#banner p { font-size: 18px; color: #2a1e4c; }
	#banner p + p { padding-top: 3px; font-size: 12px; color: #999999; }
	
	#banner_flash { float: right; margin: 25px 20px 0 320px;}

	#banner_list { float: right; margin: 40px 0 0 0;}
	#banner_list li {
		font-size: 12px; line-height: 20px; color: #DEDEDE;
		list-style-position: inside;
	}
	#banner img {
		float: right;
		padding: 35px 80px 0 30px;
		border: 0;
	}

/* NAVIGATION ------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------- */

	#navigation {
		width: 200px; float: left;
		background: url('../images/framework/nav_border.jpg') no-repeat top right;	
		padding-top: 40px; 
	}
	#navigation li {
		width: 160px; margin: 5px 0; 
		border: solid 1px #CCCCCC;
		list-style-type: none;
	}
	#navigation li a {
		display: block;
		width: 150px; padding: 3px 5px;
		font-size: 13px !important ; color: #666666;
		text-decoration: none;		
	}
	#navigation li a:hover { background-color: #EAEAEA;	}
	.currentlink { background-color: #EAEAEA; color: #2a1e4c; font-weight: bold; }

/* CONTENT --------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

	#main { 
		width: 900px; margin: 0 auto;
		padding-top: 20px;
		background: url('../images/framework/products.jpg') no-repeat left 15px;
	}

	#content {
		width: 400px; float: left;
		padding: 0 30px 0 15px;
		background: url('../images/framework/nav_border.jpg') no-repeat top right;
	}
	
	#content h2 { margin: 15px 0 10px 0; font-size: 18px; color: #2a1e4c; clear: both; }
	#content h3 { margin: 15px 0 2px 0; font-size: 14px; color: #2a1e4c; }

	#content h4 { margin: 15px 0 2px 0; font-size: 12px; color: #2a1e4c; }
	
	#content p {
		padding: 7px 0;
		font-size: 12px; line-height: 21px; 
		color: #777777;
	}
	#content p + h2 { padding-top: 30px; line-height: 10px; }
	#content h2 a { text-decoration: none; }
	
	#content a { color: #453c5d; }
	#content em { color: #777777; }
	
	#content h2#welcome {
		height: 33px; margin: 0; padding: 0;
		background: url('../images/framework/welcome.jpg') no-repeat 0 top;
		text-indent: -9999px;
	}
	#content_list { margin: 20px; padding: 0; }

	#content_list li {
		font-size: 12px; line-height: 21px; color: #777777;
		list-style-image: url("../images/framework/e.jpg");
	}
	
	.float_left { float: left; margin: 8px 15px 0 0; }
	.float_right { float: right; margin: 8px 0 0 15px; }	
	.clear_both { clear: both; }


/* CONTACT FORM ---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
	form { margin: 20px 15px 0 15px; }

	label {
		display: block; padding: 7px 0 0 0;
		font-size: 12px; line-height: 21px; 
		color: #777777;
	}
	input { width: 80%; }
	textarea + input { 
		display: block; margin-top: 10px;
		width: 80px; 
	} 
	
	textarea { width: 90%; }
	input + label + input + label + input + label { margin-top: 20px; }

/* SUPPORT/ADS ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

	#support { 
		width: 240px; float: left; 
		padding: 0 0 0 0;
	}
	
	.image_quote { margin: 5px 40px; }
	.quote {
		margin: 5px 10px 50px 10px; padding: 10px 20px 30px 20px;
		font-size: 12px; line-height: 16px;
		color: #2a1e4c;
		text-align: center;
	}
	.quote em {  color: #BBBBBB; line-height: 30px; }
	
	.about {
		margin: 5px 10px 10px 10px; padding: 10px 0px 30px 20px;
		font-size: 12px; line-height: 16px;
		color: #2a1e4c;
		text-align: center;
	}
	.about_end {
		margin: 5px 10px 50px 10px; padding: 10px 0px 30px 20px;
		font-size: 12px; line-height: 16px;
		color: #2a1e4c;
		text-align: center;
	}
	
	.image_ad { margin: 10px 25px; }
	
	#ad_headline {
		padding-top: 50px;
		text-align: center; letter-spacing: 3px;
		font-variant: small-caps; color: #CCCCCC;
	}

/* FOOTER ---------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------- */

	#footer {
		width: 900px; margin: 0 auto; clear: both;
		padding: 40px 15px 15px 15px;
		background: url('../images/framework/footer.jpg') repeat-x bottom center;
	}
	#nav_footer { 
		width: 650px; 
		margin: 0 auto; padding: 10px 20px 5px 20px;
		border-top: solid 1px #eaeaea;
		text-align: center;
	}
	#footer p {
		font-size: 10px; color: #999999;
		text-align: center;
	}