/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #202529 url(../img/bg.jpg) 0 0 repeat-x;
  background:#1E2327 url(../img/bg.jpg) 0 0 repeat-x; 
 font: normal 11px Verdana, Tahoma, Arial;
 color: #a1afb7;} 
	
#pagewidth{ 
 width:1000px; 
 height: 100%;
 min-height: 550px;
 text-align:center;  
 margin: 0 auto; 
 background: transparent;} 
 
#pagewidth p {
	margin: 0;
	padding: 6px 0; 
	line-height: 1.4;}
 
/* LINKS */
a, a:link, a:visited {
	text-decoration: none;
	color: #fff;}
	
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #a1afb7;
	outline:none;}
	
a img, a:hover img, a:focus img {
	outline: none;
	border: none;}
	
img:link, img:visited, img.hover, img.active, img.focus {
	outline: none;} 
	
	
/* Typography */ 
h1 {
	font: bold 13px Verdana, Tahoma, Arial;
	text-align: left;
	text-transform: uppercase;
	color:#7395a9;
	margin: 0; }
	
.maincol h1 {margin: 15px 0;} 
	
h2 {
	font: bold 13px Verdana, Tahoma, Arial;
	text-align: center;
	text-transform: uppercase;
	color:#7395a9;
	margin: 0;}
	
#leftcol h2 {
	margin: 0;
	padding-top: 100px;
	padding-bottom: 15px;
	text-align: left;}
 
/* Left column */
#leftcol{
 width:331px; 
 height: 560px;
 float:left; 
 text-align: center;
 margin: 0; 
 position:relative; 
 background: url(../img/leftmenu.jpg) no-repeat; }
 
#leftcol .leftcol {
	margin: 0;
	display:block;
	float: left;
	padding: 160px 30px 30px 60px;
	text-align: left;}

#leftcol img {
	display: inline;
	position: relative;
	top: 90px;}
 
 
 
/* Main column */ 
#maincol {
 background-color: transparent;  
 float: right; 
 clear: right;
 text-align: left;
 position: relative; 
 width:669px; }
 
#maincol .maincol {
	margin: 0;
	float: left;
	padding: 0 0px 30px 20px;
	text-align: left;}
	
#maincol p.arrow {
	font: normal 12px Verdana, Tahoma, Arial;
	font-variant: small-caps;
	color:#7395a9;}

#maincol p.arrow a {
	display: inline;
	padding-left:7px;}
	
#maincol .mcontent {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	height: 460px;
	width: 650px;
	float: left;}
	
#maincol .mcontent object#sample {
	width: 650px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;}

	
/* navigation */
#maincol #menu {
	float: left;
	margin: 0; 
	position: relative;
	left: 20px;
	display: inline;
	width: auto;
	height: 55px;
	background: url(../img/menubg.jpg) 0 0 repeat-x;}
 
#menu ul {
	margin: 0; 
	background: url(../img/menuline.jpg) no-repeat right;
	padding: 0;
	height: 38px;
	line-height: 38px;
	list-style: none;	}
	
#menu li {
	text-align: center;
	float: left;
	width: auto;
	height: 36px;
	padding: 0;
	margin: 0;}
	
#menu a, #menu a:visited {
	font: bold 11px Tahoma, Verdana, Arial;
	color: #7395a9;
	text-transform: uppercase;
	text-decoration: none;}
	
#menu a:hover, #menu a:active {
	color: #fff;
	text-decoration: none;}
	
#menu a {
	margin: 0;
   height: 36px;
	float: left;
	padding: 12px 25px 0 25px;
	background: url(../img/menuline.jpg) no-repeat top left;}

#menu li:hover, #menu li.active {
	background: transparent url(../img/hover.gif) no-repeat top;}
#menu li.active a {color: #a1afb7;}

 
/* Footer */
#footer{
 background: #000 url(../img/ftr.jpg) repeat-x;
 clear:both;
 float: left;
 width:100%; 
 text-align:center;  
 margin:0 auto;
 padding: 10px 0; } 
 
#footer .footer {
	width:1000px; 
	font-size: 10px; 
	display: inline;	
	background: transparent;}
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: inline;}

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


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}