* { margin:0; padding:0 }

body { font:0.8em Arial, Helvetica, sans-serif; text-align:center; padding-top:10px; color:#666666; background-color: #9f9f9f;}

h1 { font-size:1.5em; color:#333333; }
h2 { font-size:1.4em; color: #333333/* #4189dd*/; }
h3 { font-size: 1.3em; color: #666666; }
h4 { font-size: 1.1em; }


p { margin:5px; }
ul, ol { margin-left:15px; margin-bottom:20px; }
img { border:0; }
a { color:#a46b94; }
a:hover { color:#666666; }

hr { border:0; width:80%; color:#cccccc; background-color:#cccccc; height:2px; }

.center { text-align: center; margin: auto; }

#container { width:942px; margin:0 auto; text-align:left; }

	#masthead { margin: 0;}
	  #masthead #tagline h2 { font-size: 1.2em;  color: #fff; padding: 10px 0; }
	  #masthead #tagline { text-align: center; margin: auto; background-color: #000 /* #74345C8*/;}
	#sub_container { border:1px solid #d2d6d9; padding:20px; background:#fafafa url(../images/bg_sub_container.gif) top left no-repeat; }
	
	
		#sub_container #menu { float:left; width:195px; margin:0 15px 0 0; list-style:none; text-align:left; }
		#sub_container #leftbar { float:left; width:195px; margin:0 15px 0 0; text-align:left; }
			#sub_container #menu li a { display:block; font:12px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#ffffff; width:195px; height:25px; padding-left:10px; line-height:25px; background:url(../images/bg_menu.gif) top left no-repeat; overflow:hidden; }
			#sub_container #menu li a:hover, #sub_container #menu li a.selected { background:url(../images/bg_menu_hover.gif) top left no-repeat; }
			#sub_container #menu #shf a { background:none !important; padding:0 !important; width:195px !important; height:69px !important; line-height:69px !important; margin-top:20px; }
			
/* CONTENT AREA */
		#content { float:left; width:479px; margin: 0px 5px 0 0;}
		  #intro { margin-bottom: 10px;}
		  
		    #content h3 { font-size: 1.4em; color: #333333 /* #a46b94*/; margin: 0px 5px 0 5px;}
/* SIDE BAR AREA */
		#side_bar { float:left; width:192px; margin: 0px 2px; padding: 2px 3px; background-color: #ffffff;}
		
		#side_bar h3 { font-size: 1.2em; margin: 0px 2px; padding: 2px 3px;}

/* FOOTER */
		
#footer { margin:5px auto; font-size:0.85em; padding-top:20px; }
	#footer #menu li { display:inline; list-style:none; padding:0 10px; }
		#footer #menu li a { text-decoration:none; color: #74345C; }
		#footer #menu li a:hover { color: #fff;}
		#footer #menu #shf { display:none; }
		#flxfooter { font-size:0.9em; }
		#flxfooter a { color: #74345C;}
		#flxfooter a:hover { color: #fff;}

#intro { background:url(../images/bg_intro.png) top left no-repeat; behavior: url(iepngfix.htc); width: 479px; height: 300px;}
.green_box { float:left; width:146px; height:75px; margin-right:20px; margin-top:20px; background:url(../images/bg_green_box.png) top left no-repeat; behavior: url(iepngfix.htc);}
	.green_box img { width:135px; height:69px; }
	
	
.ebook, .hitech, #optin { margin-bottom: 10px; padding: 2px; border: 1px solid #cccccc; background-color: #E0E2EF;}
.ebook h2, .hitech h2 { font-size:13px !important; color:#666666; }
.ebook td, .hitech td, #optin td { font-size:12px !important; color:#666666;}
.ebook table, hitech table, #optin table { width:180px; }
.input_text { width:120px; font-size:13px; }
.input_button { font:10px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; border:1px solid #a36a93 /* old 339933 */; background:url(../images/bg_button.gif) repeat-x; }
.input_button2 { font:10px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; border:1px solid #a36a93 /* old 339933 */; background:url(../images/bg_button2.gif) repeat-x; }
.hitech { padding-top:20px; }
.hitech .input_text { width:130px; }

form#sample { text-align: center; margin: 10px auto; }
  form#sample input { width: 190px; height: 25px; background: url(../images/button.gif) top left no-repeat; border: none; padding-bottom: 5px;}
  form#sample input:hover { width: 190px; height: 25px; background: url(../images/button-hover.gif) top left no-repeat; border: none; padding-bottom: 5px; color: #ccc;}

form#sample2 { text-align: center; padding-top: 20px; margin: 10px auto; }
  form#sample2 input { width: 190px; height: 25px; background: url(../images/button2.gif) top left no-repeat; border: none; padding-bottom: 5px;}
  form#sample2 input:hover { width: 190px; height: 25px; background: url(../images/button2-hover.gif) top left no-repeat; border: none; padding-bottom: 5px; color: #ccc;}


.clear { clear:both; height:0px; line-height:1px; font-size:1px; }
.floatleft { float:left; vertical-align:top; }
	.floatleft img { margin-right:10px; }
.floatright { float:right; vertical-align:top; }
	.floatright img { margin-left:10px; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */