@charset "utf-8";
/* =================================================================== 
	HTML Elements 
====================================================================== */
	body  {
		font: .75em Verdana, Arial, Helvetica, sans-serif;
		background-image:url(../graphics/backgrounds/grid.gif); background-repeat:repeat; 
		margin: 0;
		padding: 0;
		color: #FFF;
	}
	img, div, a, input { behavior: url(/css/iepngfix.htc) }
	img {border:none;}
	/* Link Styles _______________________________________________________ */
	a            {text-decoration:none;}
	a:link       {color:#FFF;}
	a:visited    {color:#CCC;}
	a:hover      {color:#F00; text-decoration:underline;}
	/* Font Styles _______________________________________________________ */
	h1			 {font-weight:bold; color:#FFF; font-size:1.5em;}
	h2        	 {font-weight:800;  color:#FFF; font-size:1em;}
	.bold        {font-weight:800;  color:#FFF;}
	.normal      {font-weight:500;  color:#CCC;}
	.verysmall   {font-weight:200;  color:#CCC; font-size:1em;}
	.smallest    {font-weight:200;  color:#CCC; font-size:.75em;}
	.big_white	 {font-weight:bold; color:#FFF; font-size:1.5em;}
	.big_red     {font-weight:bold; color:#F00; font-size:1.25em;}
	.small_red   {font-weight:bold; color:#F00; font-size:1em;}
	/* Float Elements ____________________________________________________ */
	.fltrt      {float: right; margin-left:8px;}
	.fltlft     {float: left; margin-right:8px;}
	.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px; }

/* =================================================================== 
	Document Specific Elements 
====================================================================== */
	#container	{position:absolute; top:0px; left:0px; width: 95%;} 
	
	#printLogo	{display:none;}
	
	/* Header ____________________________________________________________ */
	#header		{position:absolute; top:0px; left:0px; width:993px;}
		.hdr_logo    		{position:absolute; top:10px; left:5px  ; z-index:10; border:0px;}
		#btns_header 		{position:absolute; top:25px; left:260px; z-index:10; border:0px;}
		#search      		{position:absolute; top:25px; left:700px;}
		.breadcrumbs 		{position:absolute; top:70px; left:20px ; z-index:20;}
		/* Header Menus _________________________________________________ */
		.menu 				{font-family:Verdana, Geneva, sans-serif; font-size: 14px;}
		.menu ul 			{padding-left:15px; list-style-type:none;}
		.menu a, .menu li 	{color:white; text-decoration:none; padding-bottom:3px; width:460px;}
		#literatureMenu 	{background-color:#000; position:absolute; top:50px; left:250px; display:none; z-index:50;}
		#contactMenu 		{background-color:#000; position:absolute; top:50px; left:350px; display:none; z-index:50;}
		#buyMenu 			{background-color:#000; position:absolute; top:50px; left:450px; display:none; z-index:50;}
	/* Main Menu ________________________________________________________ */
	#sidebar1	 {position:absolute; top:70px; left:0px; width:180px; float: left; z-index:10;}
		#sidebar1 p 		{margin-left: 10px; margin-right: 10px; font-size:1.25em; font-weight:bold;}
	/* Main Content _____________________________________________________ */
	#mainContent {position:absolute; top:10px; left:200px; width:80%;} 
		.flare      		{margin:30px 0 0 0; width:100%; height:300px; z-index:20;}
		.pg_bkg   			{position:absolute; top:180px; left:200px;}
		.content    		{position:absolute; top:105px; height:150px; padding-left:20px; padding-right:20px; z-index:10; left: 0px;}
		.cont_tbl 			{padding:20px; background-image:url(../../graphics/backgrounds/screen.png); background-repeat:repeat; z-index:10;}
	/*Footer ____________________________________________________________ */
	#footer 	{padding: 0 10px 0 20px;} 
		.copyrt 			{font-size:.75em; float:left;}
		.flag				{width:20px; height:15px;}

	/*Tool Tips _________________________________________________________ */
	#tooltip 	 {display:none;}
	#tip_install {position:absolute; top: 220px; right: 450px; z-index: 6; display: none;}
	#tip_pict 	 {position:absolute; top: 220px; right: 450px; z-index: 6; display: none;}
	
	/*Image Preloader ___________________________________________________ */
	div#preload { display: none; }
	
	/*Smart Search ______________________________________________________ */
	#result {
		position:absolute;
		top:30px;
		left:-320px;
		width:300px;
		padding:10px;
		z-index:100;
		background-color:#FFFFFF;
		visibility:hidden;
	}
	#result a 			{text-decoration:none;}
	#result a:link 		{color:#000000;}
	#result a:visited 	{color:#000000;}
	#result a:hover 	{color:#903; text-decoration:underline;}

	/*HTML5 test ___________________________________________________ */
	#lowerContent a img:hover, #lowerContent .work a img:hover, input:hover, textarea:hover { 
	-webkit-box-shadow:0px 0px 15px 0px #F00;
	-webkit-transition: -webkit-box-shadow 1s ease-out;
	-webkit-transition-property: -webkit-box-shadow;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease-out;
	-moz-box-shadow:0px 0px 15px 0px #F00; 
	-moz-transition: -moz-box-shadow 1s ease-out;
	-moz-transition-property: -webkit-box-shadow;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: ease-out;
	box-shadow:0px 0px 15px 0px #F00; 
	transition: -moz-box-shadow 1s ease-out;
	transition-property: -webkit-box-shadow;
	transition-duration: 1s;
	transition-timing-function: ease-out;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	}
	
	#content a img:hover, #content .work a img:hover, input:hover, textarea:hover { 
	-webkit-box-shadow:0px 0px 15px 0px #F00;
	-webkit-transition: -webkit-box-shadow 1s ease-out;
	-webkit-transition-property: -webkit-box-shadow;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease-out;
	-moz-box-shadow:0px 0px 15px 0px #F00; 
	-moz-transition: -moz-box-shadow 1s ease-out;
	-moz-transition-property: -webkit-box-shadow;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: ease-out;
	box-shadow:0px 0px 15px 0px #F00; 
	transition: -moz-box-shadow 1s ease-out;
	transition-property: -webkit-box-shadow;
	transition-duration: 1s;
	transition-timing-function: ease-out;
	-moz-border-radius:5px 5px;
	-webkit-border-radius:5px 5px;
	border-radius:5px 5px;
	}